/* ═══ 全局重置 ═══ */
    body { margin: 0; }

    /* ═══ 全局变量 ═══ */
    :root {
        --primary: #da251c;
        --accent: #FF8C42;
        --text-dark: #333;
        --text-gray: #666;
        --bg-light: #f3f3f3;
        --bg-blue: #ebeff8;
        --max-w: 1200px;
        --font-yahei: "Microsoft YaHei", Arial, sans-serif;
    }

    /* ═══ 公司简介 ═══ */
    .about-section { padding: 60px 0; }
    .about-section .about-inner {
        display: flex; flex-wrap: wrap; align-items: center;
        width: 95%; max-width: var(--max-w); margin: 0 auto;
    }
    .about-section .about-left { flex: 1; max-width: 100%; align-self: center; }
    .about-section .about-left-wrap { display: flex; flex-wrap: wrap; width: 100%; }
    .about-section .about-left-content { flex: 0 0 96%; align-self: center; }
    .about-section .about-right { flex: 1; max-width: 100%; align-self: center; }
    .about-section .about-right img { width: 100%; height: auto; object-fit: contain; display: block; }
    .about-section .about-title {
        font-size: 36px; color: #000; font-weight: bold;
        margin: 0 0 10px; line-height: normal;
    }
    .about-section .about-subtitle {
        font-size: 16px; color: var(--text-gray); line-height: 2;
        margin: 0 0 10px; font-weight: normal;
    }
    .about-section .about-divider {
        border: none; border-top: 3px solid var(--primary); width: 80px; margin: 0;
    }
    .about-section .about-desc {
        font-size: 16px; color: var(--text-dark); line-height: 30px;
        margin-top: 3%; margin-bottom: 5%;
        display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6;
        -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
    }
    .about-section .about-btn {
        display: inline-block; position: relative; overflow: hidden;
        text-align: center; box-sizing: border-box;
        width: 160px; padding: 0;
        border: 2px solid #cbcbcb; border-radius: 25px; background: #fff;
        font-size: 14px; line-height: 48px; color: #7f7f7f;
        text-decoration: none; cursor: pointer; transition: all 0.3s ease;
    }
    .about-section .about-btn:hover {
        background: #e64336; border-color: #e64336; color: #fff;
    }
    @media screen and (max-width: 768px) {
        .about-section .about-inner { flex-direction: column; }
        .about-section .about-left-content { flex: 0 0 100%; }
        .about-section .about-desc {
            margin-top: 0; margin-bottom: 30px;
            -webkit-line-clamp: 5; line-clamp: 5;
        }
        .about-section .about-title { font-size: 30px; color: var(--text-dark); line-height: 1; }
        .about-section .about-subtitle { font-size: 16px; color: var(--text-dark); line-height: 1.5; }
        .about-section .about-btn { margin-bottom: 30px; }
    }

    /* ═══ 产品中心 ═══ */
    .products-section {
        min-height: 300px; padding: 50px 0;
        background-color: var(--bg-blue); width: 100%;
        font-family: var(--font-yahei);
    }
    .products-header { text-align: center; margin: 2% 0; }
    .products-title {
        font-size: 38px; font-weight: bold; color: #1b1b1b;
        margin: 0; line-height: normal;
    }
    .products-subtitle {
        font-size: 16px; color: #404040;
        margin: 10px auto 0; max-width: var(--max-w);
    }
    .products-list {
        display: flex; flex-wrap: wrap;
        max-width: var(--max-w); margin: 0 auto; width: 100%;
    }
    .products-item { flex: 0 0 33.333%; position: relative; }
    .products-card {
        margin: 15px; padding: 0 20px 20px;
        border: 1px solid #e5e5e5; border-radius: 10px;
        background: #fff; text-align: center;
        transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
    }
    .products-card:hover { box-shadow: 0 0 6px 4px #e5e5e5; }
    .products-card-img { overflow: hidden; }
    .products-card-img a {
        display: block; width: 100%; padding-bottom: 100%;
        position: relative; height: 0; overflow: hidden;
    }
    .products-card-img a img {
        width: 100%; height: 100%; position: absolute;
        left: 50%; top: 50%; object-fit: contain;
        transform: translate(-50%, -50%) scale(1);
        transition: all 0.5s ease;
    }
    .products-card:hover .products-card-img a img {
        transform: translate(-50%, -50%) scale(1.1);
    }
    .products-card-divider {
        border: none; border-top: 1px solid #e5e5e5;
        margin: 0; max-height: 1px; position: relative;
    }
    .products-card-divider::before {
        content: ''; position: absolute; top: -1px; left: 0;
        width: 0; height: 2px; background: #0c64b3;
        transition: all 0.5s ease;
    }
    .products-card:hover .products-card-divider::before { width: 100%; }
    .products-card-line {
        border: none; border-top: 2px solid #0093dd;
        width: 0; margin: 0; padding-bottom: 20px;
        transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
    }
    .products-card:hover .products-card-line { width: 100%; }
    .products-card-name { line-height: 2; font-size: 16px; color: var(--text-dark); margin: 0; }
    .products-card-name a { color: inherit; text-decoration: none; }
    .products-card-name a:hover { text-decoration: underline; }
    .products-more {
        display: block; width: 180px; margin: 2% auto; padding: 8px;
        text-align: center; box-sizing: border-box;
        background: #ba0505; color: #fff; font-size: 16px;
        font-family: var(--font-yahei); line-height: 1.4; height: 38px;
        text-decoration: none; border: none; border-right: 8px solid #072745;
        cursor: pointer;
    }
    .products-more:hover { opacity: 0.85; }
    @media screen and (max-width: 768px) {
        .products-section { padding: 30px 0 20px; }
        .products-title { font-size: 30px; padding-top: 32px; }
        .products-item { flex: 0 0 50%; }
    }
    @media screen and (min-width: 769px) {
        .products-item { flex: 0 0 25%; }
    }

    /* ═══ 核心优势 ═══ */
    .features-section {
        min-height: 0; padding: 100px 10px;
        background: url(/static/style/w260716jc/image/features-bg.webp) no-repeat center center / cover;
        background-attachment: fixed; overflow: hidden;
    }
    .features-inner { display: flex; flex-wrap: wrap; max-width: var(--max-w); width: 94%; margin: 0 auto; }
    .features-grid { display: flex; flex-wrap: wrap; width: 100%; }
    .features-item {
        flex: 1; max-width: 100%; padding: 20px;
        box-sizing: border-box; text-align: center;
    }
    .features-icon { max-width: 59px; margin: 0 auto; }
    .features-icon img { width: 100%; height: auto; object-fit: contain; display: block; }
    .features-icon-emoji { font-size: 48px; line-height: 1; display: block; text-align: center; }
    .features-title {
        font-size: 20px; color: #fff; font-weight: bold;
        margin: 10px 0 25px; line-height: normal; text-align: center;
    }
    .features-desc {
        font-size: 14px; color: #fff; text-align: center;
        min-height: 48px; margin: 0;
        display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;
        -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
    }
    @media screen and (max-width: 768px) {
        .features-section { padding: 50px 6px; min-height: auto; }
        .features-item { flex: 0 0 25%; padding: 10px 4px; }
        .features-icon-emoji { font-size: 28px; }
        .features-icon { max-width: 36px; }
        .features-title { font-size: 13px; margin: 6px 0 0; }
        .features-desc { display: none; }
    }

    /* ═══ 加盟流程 ═══ */
    .join-wrap { min-height: 300px; background-color: var(--bg-light); }
    .join-wrap .join-outer {
        display: flex; flex-wrap: wrap;
        max-width: var(--max-w); margin: 0 auto; padding: 50px 0;
    }
    .join-wrap .join-outer .join-outer-item { flex: 1; }
    .join-wrap .join-title {
        font-size: 32px; color: var(--text-dark);
        font-family: var(--font-yahei); text-align: center;
        margin: 0; line-height: 1.8;
    }
    .join-wrap .join-subtitle {
        font-size: 16px; color: #707070;
        font-family: var(--font-yahei); text-align: center;
        margin: 15px 0 0; line-height: 1.8;
    }
    .join-wrap .join-grid { display: flex; flex-wrap: wrap; margin-top: 70px; }
    .join-wrap .join-grid .join-grid-col { flex: 1; }
    .join-wrap .join-card {
        display: flex; flex-wrap: wrap;
        background: #fff; margin: 0 10px; padding: 0 15px;
    }
    .join-wrap .join-card .join-card-item { flex: 1; }
    .join-wrap .join-step-num {
        max-width: 68px; margin: -35px auto 0; overflow: hidden;
    }
    .join-wrap .join-step-num img {
        width: 100%; height: 100%; object-fit: contain; display: block;
    }
    .join-wrap .join-team-icon {
        width: 120px; height: 120px; margin: 30px auto 0;
        border-radius: 50%; overflow: hidden;
        background: #f0f0f0; display: flex;
        align-items: center; justify-content: center;
    }
    .join-wrap .join-team-icon img {
        width: 100%; height: 100%; object-fit: cover; display: block;
    }
    .join-wrap .join-team-icon-emoji { font-size: 48px; }
    .join-wrap .join-step-name {
        font-size: 18px; color: var(--text-dark); font-weight: bold;
        font-family: var(--font-yahei); text-align: center;
        margin: 20px 0 0; line-height: 1.8;
    }
    .join-wrap .join-step-desc {
        font-size: 14px; color: #646464;
        font-family: var(--font-yahei); text-align: center;
        margin: 20px 0 30px; line-height: 1.8; min-height: 50px;
    }