
    /* 严格样式隔离，避免与网站原有样式冲突 */
    .fis-module * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    }

    /* 核心配色变量 - 按要求定制 */
    :root {
        --fis-primary: #959c3a;        /* 主色调 */
        --fis-title: #1f2937;          /* 大标题颜色 */
        --fis-text: #4b5563;           /* 正文颜色 */
        --fis-bg: #ffffff;             /* 白色背景 */
        --fis-white: #ffffff;
        --fis-accent-bg: rgba(149, 156, 58, 0.05); /* 引用背景 */
        --fis-accent-border: #959c3a;  /* 引用边框 */
    }

    /* 模块容器 */
    .fis-module {
        width: 100%;
        padding: 5px 0; /* 上下5px空白 */
        background-color: var(--fis-bg);
        overflow: hidden;
    }

    .fis-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 16px;
        width: 100%;
    }

    /* 内容布局 */
    .fis-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
        width: 100%;
    }

    /* 文本区域 */
    .fis-text {
        flex: 1;
        width: 100%;
    }

    /* 标题 - 严格按字体尺寸要求 */
    .fis-title {
        font-size: 38px; /* 电脑端标题 */
        font-weight: 700;
        color: var(--fis-title);
        margin-bottom: 24px;
        line-height: 1.2;
    }

    /* 正文 - 严格按字体尺寸要求 */
    .fis-desc {
        font-size: 14px; /* 电脑端正文 */
        color: var(--fis-text);
        line-height: 1.6;
        margin-bottom: 20px;
        max-width: 600px;
    }

    /* 引用文本样式 */
    .fis-quote {
        background-color: var(--fis-accent-bg);
        padding: 16px;
        border-left: 4px solid var(--fis-accent-border);
        border-radius: 8px;
        max-width: 600px;
    }

    .fis-quote-text {
        font-size: 14px; /* 电脑端引用文本 */
        color: var(--fis-text);
        font-style: italic;
        line-height: 1.6;
    }

    /* 图片区域 - 移除阴影，仅保留尺寸/圆角/溢出控制 */
    .fis-image-wrap {
        flex: 1;
        width: 100%;
        max-width: 450px; /* 电脑端图片最大宽度（缩小至450px） */
        max-height: 320px; /* 电脑端图片最大高度 */
        border-radius: 16px;
        overflow: hidden;
        /* 已删除 box-shadow 阴影样式 */
    }

    .fis-image {
        width: 100%;
        height: 100%; /* 填满容器 */
        display: block;
        object-fit: cover; /* 等比例裁剪，避免拉伸变形 */
    }

    /* 动画效果 */
    .fis-fade-in {
        animation: fisFadeIn 0.8s ease-in-out forwards;
        opacity: 0;
        transform: translateY(20px);
    }

    @keyframes fisFadeIn {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 响应式适配 - 电脑端 (≥1025px) */
    @media (min-width: 1025px) {
        .fis-content {
            flex-direction: row-reverse; /* 图片在左，文本在右 */
            gap: 60px;
        }
    }

    /* 响应式适配 - 平板端 (769px-1024px) */
    @media (min-width: 769px) and (max-width: 1024px) {
        .fis-content {
            flex-direction: row-reverse; /* 图片在左，文本在右 */
            gap: 40px;
        }
        .fis-title {
            font-size: 32px; /* 平板端过渡尺寸 */
        }
        .fis-image-wrap {
            max-width: 380px; /* 平板端图片宽度缩小 */
            max-height: 280px;
        }
    }

    /* 响应式适配 - 手机端 (≤768px) */
    @media (max-width: 768px) {
        .fis-title {
            font-size: 25px; /* 手机端标题 */
        }
        .fis-desc, .fis-quote-text {
            font-size: 15px; /* 手机端正文 */
        }
        .fis-module {
            padding: 5px 0;
        }
        .fis-image-wrap {
            max-width: 100%; /* 手机端宽度铺满 */
            max-height: 250px; /* 手机端图片高度缩小 */
        }
        .fis-quote {
            padding: 12px;
        }
    }
