/* ===== CSS Variables / Design Tokens ===== */
.ref-site-root{
    --color-primary: #2466C8;
    --color-primary-dark: #1d4f9e;
    --color-primary-light: #e8f0fb;
    --color-secondary: #2a9d5c;
    --color-secondary-dark: #1f7a46;
    --color-accent: #e8a838;
    --color-bg: #f8f9fb;
    --color-surface: #ffffff;
    --color-text: #1a1a2e;
    --color-muted: #6b7280;
    --color-border: #e5e7eb;
    --color-success: #2a9d5c;
    --color-error: #dc3545;
    
    --font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    --font-size-display: 48px;
    --font-size-h1: 36px;
    --font-size-h2: 28px;
    --font-size-h3: 20px;
    --font-size-body: 16px;
    --font-size-caption: 14px;
    --font-size-small: 12px;
    
    --container-max: 1440px;
    --container-padding: 24px;
    --section-spacing: 48px;
    --grid-gap: 24px;
    
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
    
    --transition: 0.3s ease;
    --transition-slow: 0.6s ease;
}

/* ===== Reset & Base ===== */
.ref-site-root *, .ref-site-root *::before, .ref-site-root *::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.ref-site-root{
    scroll-behavior: smooth;
}

.ref-site-root{
    font-family: var(--font-family);
    font-size: var(--font-size-body);
    line-height: 1.7;
    color: #1259B5;
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
}

.ref-site-root img{
    max-width: 100%;
    height: auto;
    display: block;
}

.ref-site-root a{
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--transition);
}

.ref-site-root a:hover{
    color: var(--color-primary-dark);
}

.ref-site-root ul{
    list-style: none;
}

/* ===== Container ===== */
.ref-site-root .container{
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* ===== Buttons ===== */
.ref-site-root .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    font-size: var(--font-size-body);
    font-weight: 500;
    border-radius: var(--radius-md);
    border: none;
    cursor: pointer;
    transition: all var(--transition);
    text-decoration: none;
}

.ref-site-root .btn-primary{
    background: var(--color-primary);
    color: #fff;
}

.ref-site-root .btn-primary:hover{
    background: var(--color-primary-dark);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.ref-site-root .btn-orange{
    background: #f59e0b;
    color: #fff;
}
.ref-site-root .btn-orange:hover{
    background: #d97706;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.ref-site-root .btn-outline-white{
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.6);
}
.ref-site-root .btn-outline-white:hover{
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
}

.ref-site-root .btn-block{
    display: block;
    width: 100%;
}

.ref-site-root .btn-outline{
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.6);
}

.ref-site-root .btn-outline:hover{
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
}

.ref-site-root .btn-outline-dark{
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.ref-site-root .btn-outline-dark:hover{
    background: var(--color-primary);
    color: #fff;
}

/* 小尺寸按钮 */
.ref-site-root .btn-sm{
    padding: 8px 20px;
    font-size: 14px;
}

.ref-site-root .btn-text{
    background: none;
    color: var(--color-primary);
    padding: 8px 0;
    font-weight: 500;
    border: none;
    cursor: pointer;
}
.ref-site-root .btn-text:hover{
    color: var(--color-primary-dark);
}

.ref-site-root .btn-text{
    background: none;
    color: var(--color-primary);
    padding: 8px 0;
    font-weight: 500;
}

.ref-site-root .btn-text:hover{
    color: var(--color-primary-dark);
}

.ref-site-root .btn-text svg{
    transition: transform var(--transition);
}

.ref-site-root .btn-text:hover svg{
    transform: translateX(4px);
}

/* ===== Header ===== */
.ref-site-root .header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(10px);
    transition: all var(--transition);
}

.ref-site-root .header.scrolled{
    box-shadow: var(--shadow-sm);
}

.ref-site-root .header .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
}

.ref-site-root .header-logo{
    display: flex;
    align-items: center;
}

.ref-site-root .header-logo img{
    height: 64px;
    width: auto;
}

.ref-site-root .header-nav{
    flex: 1;
    display: flex;
    justify-content: center;
}

.ref-site-root .nav-list{
    display: flex;
    align-items: center;
    gap: 4px;
}

.ref-site-root .nav-item{
    position: relative;
}

.ref-site-root .nav-item > a{
    display: block;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 500;
    color: #1259B5;
    border-radius: var(--radius-sm);
    transition: all var(--transition);
}

.nav-item > a:hover,
.ref-site-root .nav-item.active > a{
    color: var(--color-primary);
    background: var(--color-primary-light);
}

.ref-site-root .nav-item.has-dropdown{
    position: relative;
}

.ref-site-root .dropdown{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    min-width: 160px;
    background: var(--color-surface);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition);
}

.ref-site-root .nav-item.has-dropdown:hover .dropdown{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.ref-site-root .dropdown li a{
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    color: #1259B5;
    transition: all var(--transition);
}

.ref-site-root .dropdown li a:hover{
    background: var(--color-primary-light);
    color: var(--color-primary);
}

.ref-site-root .header-cta{
    padding: 10px 20px;
    background: var(--color-primary);
    color: #fff !important;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    transition: all var(--transition);
    margin-left: 16px;
}

.ref-site-root .header-cta:hover{
    background: var(--color-primary-dark);
    color: #fff !important;
    transform: translateY(-1px);
}

.ref-site-root .header-toggle{
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.ref-site-root .header-toggle span{
    display: block;
    width: 24px;
    height: 2px;
    background: var(--color-text);
    border-radius: 2px;
    transition: all var(--transition);
}

/* ===== Hero Section ===== */
.ref-site-root .hero{
    position: relative;
    width: 100%;
    margin-top: 72px;
    overflow: hidden;
}

.ref-site-root .hero-bg-img{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    z-index: 0;
}

.ref-site-root .hero .container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
}

.ref-site-root .hero-panel-content{
    max-width: 600px;
    margin-left: calc(5% - 50px);
    position: relative;
    padding: 20px 0;
}

.ref-site-root .hero-accent-bar{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #e8a838 0%, #2a9d5c 100%);
    border-radius: 3px;
}

.ref-site-root .hero-title{
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 16px;
    letter-spacing: 4px;
    color: #0069BB;
    text-shadow: 2px 2px 4px rgba(255,255,255,0.8), -1px -1px 2px rgba(255,255,255,0.6);
}

.ref-site-root .hero-title br{
    display: block;
    content: "";
    margin-top: 4px;
}

.ref-site-root .hero-subtitle{
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 1px;
    color: #0069BB;
    text-shadow: 1px 1px 3px rgba(255,255,255,0.8);
    position: relative;
    padding-top: 0;
}

.ref-site-root .hero-subtitle::before{
    display: none;
}

.ref-site-root .hero-trust{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.ref-site-root .trust-item{
    font-size: 15px;
    font-weight: 500;
    padding: 8px 18px;
    background: rgba(255,255,255,0.12);
    border-radius: 100px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.2);
}

.ref-site-root .trust-divider{
    width: 4px;
    height: 4px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
}

.ref-site-root .hero-actions{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.ref-site-root .hero-scroll{
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    animation: bounce 2s infinite;
    z-index: 5;
}

@keyframes bounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-8px); }
}

/* ===== Section Common ===== */
.ref-site-root .section{
    padding: var(--section-spacing) 0;
}

.ref-site-root .section-header{
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    margin-bottom: 48px;
}

.ref-site-root .section-header::before{
    content: "";
    display: inline-block;
    width: 4px;
    height: 28px;
    background: linear-gradient(135deg, #2d5a3f 0%, #4a8c6f 100%);
    border-radius: 2px;
    flex-shrink: 0;
}

/* 通用标题行：标题 + 右侧内容 */
.ref-site-root .section-header-row{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.ref-site-root .section-header-row::before{
    display: none;
}
.ref-site-root .section-header-row .section-title{
    margin-bottom: 0;
}
/* 标题行左侧组：标题 + 叶子 + 副标题 */
.ref-site-root .section-header-left{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
/* 典型案例标题行：标题左 + 更多链接右 */
.ref-site-root .section-header-row.section-header-between{
    justify-content: space-between;
}
.ref-site-root .section-leaf{
    font-size: 20px;
    color: #4a8c6f;
}
.ref-site-root .section-subtitle{
    font-size: 16px;
    color: var(--color-muted);
    font-weight: 400;
}

.ref-site-root .section-tag{
    display: inline-block;
    font-size: var(--font-size-caption);
    font-weight: 500;
    color: var(--color-primary);
    background: var(--color-primary-light);
    padding: 6px 16px;
    border-radius: 100px;
    margin-bottom: 16px;
}

/* 白色标签（用于渐变背景板块） */
.ref-site-root .section-tag-light{
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.ref-site-root .section-title{
    font-size: var(--font-size-h1);
    font-weight: 700;
    color: #1259B5;
    margin-bottom: 0;
    line-height: 1.3;
}

.ref-site-root .section-desc{
    font-size: 18px;
    color: var(--color-muted);
}

/* ===== Business Section ===== */
.ref-site-root .section-business{
    background: var(--color-surface);
}

.ref-site-root .business-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .business-card{
    display: flex;
    flex-direction: column;
    padding: 0;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    text-align: left;
    transition: all var(--transition);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.ref-site-root .business-card:hover{
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--color-primary-light);
}

.ref-site-root .business-icon{
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
    transition: all var(--transition);
}

.ref-site-root .business-card:hover .business-icon{
    background: var(--color-primary);
    color: #fff;
}

.ref-site-root .business-title{
    font-size: 16px;
    font-weight: 700;
    margin: 16px 16px 4px;
    color: #1259B5;
    text-align: left;
}

.ref-site-root .business-subtitle{
    font-size: 13px;
    color: var(--color-muted);
    margin: 0 16px 12px;
    text-align: left;
}

.ref-site-root .business-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.ref-site-root .business-link{
    display: block;
    padding: 12px 16px;
    margin-top: auto;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-primary);
    transition: all var(--transition);
    border-top: 1px solid var(--color-border);
}

.ref-site-root .business-card:hover .business-link{
    color: var(--color-primary-dark);
    background: rgba(0,0,0,0.02);
}

/* ===== Product Map Section ===== */
.ref-site-root .section-product-map{
    background: linear-gradient(180deg, var(--color-bg) 0%, #fff 100%);
}

.ref-site-root .product-map{
    max-width: 900px;
    margin: 0 auto;
}

.ref-site-root .map-flow{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ref-site-root .map-node{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    text-align: center;
    min-width: 140px;
}

.ref-site-root .map-node-primary{
    border: 2px solid var(--color-primary);
}

.ref-site-root .map-node-secondary{
    border: 2px solid var(--color-secondary);
}

.ref-site-root .map-icon{
    width: 56px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    color: var(--color-primary);
}

.ref-site-root .map-node-secondary .map-icon{
    color: var(--color-secondary);
}

.ref-site-root .map-node h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
}

.ref-site-root .map-node p{
    font-size: 12px;
    color: var(--color-muted);
}

.ref-site-root .map-arrow{
    color: var(--color-border);
}

.ref-site-root .map-branches{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ref-site-root .map-branch{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: var(--color-surface);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition);
    border: 1px solid var(--color-border);
}

.ref-site-root .map-branch:hover{
    border-color: var(--color-primary);
    transform: translateX(4px);
}

.ref-site-root .map-branch .map-icon{
    width: 40px;
    height: 40px;
    margin: 0;
    background: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
}

.ref-site-root .map-branch span{
    font-size: 14px;
    font-weight: 500;
    color: #1259B5;
}

/* ===== FAQ Section ===== */
.ref-site-root .section-faq{
    background: var(--color-surface);
}

.ref-site-root .faq-list{
    max-width: 800px;
    margin: 0 auto;
}

/* FAQ 2列×3行布局 */
.ref-site-root .faq-grid-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap);
    max-width: 1000px;
}

.ref-site-root .faq-item{
    border-bottom: 1px solid var(--color-border);
}

.ref-site-root .faq-question{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: var(--font-size-body);
    font-weight: 500;
    color: #1259B5;
    transition: color var(--transition);
}

.ref-site-root .faq-question:hover{
    color: var(--color-primary);
}

.ref-site-root .faq-icon{
    flex-shrink: 0;
    color: var(--color-muted);
    transition: transform var(--transition);
}

.ref-site-root .faq-item.active .faq-icon{
    transform: rotate(45deg);
    color: var(--color-primary);
}

.ref-site-root .faq-answer{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

.ref-site-root .faq-item.active .faq-answer{
    max-height: 300px;
    padding-bottom: 20px;
}

.ref-site-root .faq-answer p{
    color: var(--color-muted);
    line-height: 1.7;
}

.ref-site-root .faq-more{
    text-align: center;
    margin-top: 32px;
}

/* ===== FAQ Page Styles ===== */
.ref-site-root .section-faq-filter{
    background: var(--color-bg);
    padding: 32px 0;
    border-bottom: 1px solid var(--color-border);
}

.ref-site-root .faq-filter-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.ref-site-root .faq-filter-tab{
    padding: 10px 24px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--font-size-body);
    font-weight: 500;
    color: #1259B5;
    cursor: pointer;
    transition: all var(--transition);
}

.ref-site-root .faq-filter-tab:hover{
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.ref-site-root .faq-filter-tab.active{
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.ref-site-root .section-faq-page{
    background: var(--color-bg);
    padding: 60px 0;
}

.ref-site-root .faq-page-list{
    max-width: 900px;
    margin: 0 auto;
}

.ref-site-root .faq-page-list .faq-item{
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    margin-bottom: 16px;
    transition: all var(--transition);
}

.ref-site-root .faq-page-list .faq-item:hover{
    box-shadow: var(--shadow-sm);
    border-color: var(--color-primary-light);
}

.ref-site-root .faq-page-list .faq-question{
    padding: 20px 24px;
}

.ref-site-root .faq-page-list .faq-answer{
    padding: 0 24px;
}

.ref-site-root .faq-page-list .faq-item.active .faq-answer{
    padding: 0 24px 24px;
}

.ref-site-root .faq-page-cta{
    max-width: 900px;
    margin: 60px auto 0;
    text-align: center;
    padding: 48px 32px;
    background: linear-gradient(135deg, var(--color-primary-light) 0%, #fff 100%);
    border-radius: var(--radius-lg);
}

.ref-site-root .faq-page-cta h3{
    font-size: var(--font-size-h2);
    color: #1259B5;
    margin-bottom: 12px;
}

.ref-site-root .faq-page-cta p{
    font-size: var(--font-size-body);
    color: var(--color-muted);
    margin-bottom: 24px;
}

@media (max-width: 768px) {
.ref-site-root .section-faq-filter{
        padding: 24px 0;
    }

.ref-site-root .faq-filter-tabs{
        gap: 8px;
    }

.ref-site-root .faq-filter-tab{
        padding: 8px 16px;
        font-size: var(--font-size-caption);
    }

.ref-site-root .section-faq-page{
        padding: 40px 0;
    }

.ref-site-root .faq-page-list .faq-question{
        padding: 16px 20px;
        font-size: var(--font-size-caption);
    }

.ref-site-root .faq-page-list .faq-answer{
        padding: 0 20px;
    }

.ref-site-root .faq-page-list .faq-item.active .faq-answer{
        padding: 0 20px 20px;
    }

.ref-site-root .faq-page-cta{
        margin-top: 40px;
        padding: 32px 20px;
    }

.ref-site-root .faq-page-cta h3{
        font-size: var(--font-size-h3);
    }
}

/* ===== Trust Section ===== */
.ref-site-root .section-trust{
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    color: #fff;
}

.ref-site-root .section-trust .section-tag{
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.section-trust .section-title,
.ref-site-root .section-trust .section-desc{
    color: #fff;
}

.ref-site-root .section-trust .section-desc{
    opacity: 0.9;
}

.ref-site-root .trust-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
    max-width: 100%;
    margin: 0 auto;
}

/* 3列核心优势卡片，最大宽度1200px */
.ref-site-root .trust-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
    max-width: 1200px;
    margin: 0 auto;
}

.ref-site-root .trust-card{
    text-align: center;
    padding: 48px 32px;
    background: rgba(255,255,255,0.1);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
}

/* 玻璃拟态卡片（核心优势板块） */
.ref-site-root .trust-card-glass{
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.3);
}

.ref-site-root .trust-number{
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1;
    display: inline;
    white-space: nowrap;
}

.ref-site-root .trust-unit{
    font-size: 22px;
    font-weight: 500;
    display: inline;
    margin-left: 2px;
}

.ref-site-root .trust-label{
    font-size: 17px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 12px;
    line-height: 1.4;
}

/* 白色文字样式（用于渐变背景板块） */
.trust-label-light,
.trust-desc-light,
.ref-site-root .trust-note-light{
    color: #fff !important;
}

.ref-site-root .trust-desc{
    font-size: 13px;
    opacity: 0.8;
    line-height: 1.6;
}

.ref-site-root .trust-desc-light{
    opacity: 0.9;
}

/* 核心优势卡片底部小字标注（专利号/检测机构） */
.ref-site-root .trust-note{
    font-size: 12px;
    color: var(--color-muted);
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--color-border);
    line-height: 1.5;
}

.ref-site-root .trust-note-light{
    color: rgba(255,255,255,0.7) !important;
    border-top-color: rgba(255,255,255,0.3);
}

.ref-site-root .trust-more{
    text-align: center;
    margin-top: 40px;
}

.ref-site-root .trust-more .btn-outline-dark{
    color: #fff;
    border-color: rgba(255,255,255,0.5);
}

.ref-site-root .trust-more .btn-outline-dark:hover{
    background: rgba(255,255,255,0.1);
    border-color: #fff;
}

/* ===== Cases Section ===== */
.ref-site-root .section-cases{
    background: var(--color-bg);
}

.ref-site-root .cases-list{
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.ref-site-root .cases-list .case-card{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition);
}

.ref-site-root .cases-list .case-card:hover{
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.ref-site-root .case-card-right{
    direction: rtl;
}

.ref-site-root .case-card-right > *{
    direction: ltr;
}

.ref-site-root .case-image{
    height: 100%;
    min-height: 300px;
}

.ref-site-root .case-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ref-site-root .case-content{
    padding: 40px;
}

.ref-site-root .case-tag{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-primary);
    background: var(--color-primary-light);
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: 16px;
}

.ref-site-root .case-title{
    font-size: var(--font-size-h2);
    font-weight: 600;
    margin-bottom: 16px;
    color: #1259B5;
}

.ref-site-root .case-desc{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.7;
    margin-bottom: 24px;
}

.ref-site-root .case-stats{
    display: flex;
    gap: 32px;
}

.ref-site-root .case-stat{
    display: flex;
    flex-direction: column;
}

.ref-site-root .stat-value{
    font-size: 24px;
    font-weight: 700;
    color: var(--color-accent);
}

.ref-site-root .stat-label{
    font-size: 13px;
    color: var(--color-muted);
    margin-top: 4px;
}

/* ===== News Section ===== */
.ref-site-root .section-news{
    background: var(--color-surface);
}

.ref-site-root .news-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .news-card{
    background: var(--color-bg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition);
    border: 1px solid transparent;
}

.ref-site-root .news-card:hover{
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--color-primary-light);
}

.ref-site-root .news-image{
    height: 180px;
    overflow: hidden;
}

.ref-site-root .news-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition);
}

.ref-site-root .news-card:hover .news-image img{
    transform: scale(1.05);
}

.ref-site-root .news-content{
    padding: 24px;
}

.ref-site-root .news-tag{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-secondary);
    background: rgba(42,157,92,0.1);
    padding: 4px 10px;
    border-radius: 100px;
    margin-bottom: 12px;
}

.ref-site-root .news-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #1259B5;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ref-site-root .news-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ref-site-root .news-date{
    font-size: 13px;
    color: var(--color-muted);
    opacity: 0.7;
}
    color: var(--color-muted);
}

.ref-site-root .news-more{
    text-align: center;
    margin-top: 40px;
}

/* ===== About Section ===== */
.ref-site-root .section-about{
    background: var(--color-bg);
}

.ref-site-root .about-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.ref-site-root .about-content .section-tag{
    margin-bottom: 12px;
}

.ref-site-root .about-content .section-title{
    text-align: left;
    margin-bottom: 24px;
}

.ref-site-root .about-text{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.8;
    margin-bottom: 16px;
}

.ref-site-root .about-content .btn{
    margin-top: 16px;
}

.ref-site-root .about-visual{
    position: relative;
}

.ref-site-root .about-image{
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.ref-site-root .about-image img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.ref-site-root .about-stats{
    display: flex;
    gap: 24px;
    margin-top: -40px;
    margin-left: 24px;
    margin-right: 24px;
    position: relative;
    z-index: 1;
}

.ref-site-root .about-stat{
    flex: 1;
    background: var(--color-surface);
    padding: 20px;
    border-radius: var(--radius-md);
    text-align: center;
    box-shadow: var(--shadow-sm);
}

.ref-site-root .stat-number{
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-primary);
}

.ref-site-root .stat-label{
    font-size: 13px;
    color: var(--color-muted);
    margin-top: 4px;
}

/* ===== CTA Section ===== */
/* ===== Footer ===== */
.ref-site-root .footer{
    background: linear-gradient(135deg, #2466C8, #1d4f9e);
    color: rgba(255,255,255,0.7);
    padding: 48px 0 0;
}

.ref-site-root .footer-main{
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr 1.3fr 0.8fr;
    gap: 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.ref-site-root .footer-col h4{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px;
}

.ref-site-root .footer-col-qr .footer-qr-box{
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 8px;
    padding: 6px;
    margin-bottom: 8px;
}
.ref-site-root .footer-col-qr .footer-qr-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ref-site-root .footer-col-qr .footer-qr-label{
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}

.ref-site-root .footer-col-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ref-site-root .footer-col-links a{
    font-size: 13px;
    color: rgba(255,255,255,0.65);
    text-decoration: none;
    transition: color 0.2s;
}
.ref-site-root .footer-col-links a:hover{
    color: #fff;
}

.ref-site-root .footer-col-contact .footer-contact-line{
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin-bottom: 6px;
}
.ref-site-root .footer-col-contact .footer-contact-addr{
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    margin-bottom: 6px;
    line-height: 1.5;
}

.ref-site-root .footer-col-social{
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.ref-site-root .footer-social-qr{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.ref-site-root .footer-social-qr img{
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    object-fit: contain;
}
.ref-site-root .footer-social-qr span{
    font-size: 11px;
    color: rgba(255,255,255,0.6);
}

.ref-site-root .footer-bottom{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.ref-site-root .footer-bottom p{
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    margin: 0;
}
.ref-site-root .footer-icp{
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    margin: 4px 0 0 0;
}
.ref-site-root .footer-icp a{
    color: rgba(255,255,255,0.4);
    text-decoration: none;
}
.ref-site-root .footer-icp a:hover{
    color: rgba(255,255,255,0.7);
}
.ref-site-root .footer-bottom-links{
    display: flex;
    align-items: center;
    gap: 12px;
}
.ref-site-root .footer-bottom-links a{
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    transition: color 0.2s;
}
.ref-site-root .footer-bottom-links a:hover{
    color: #fff;
}
.ref-site-root .footer-divider{
    color: rgba(255,255,255,0.3);
    font-size: 12px;
}
.ref-site-root .footer-disclaimer-dropdown{
    position: relative;
    display: inline-block;
}
.ref-site-root .disclaimer-toggle{
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    font-size: 13px;
    padding: 0;
    font-family: inherit;
}
.ref-site-root .disclaimer-toggle:hover{
    color: #fff;
}
.ref-site-root .disclaimer-menu{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    padding: 8px 0;
    min-width: 180px;
    z-index: 100;
    margin-bottom: 8px;
    list-style: none;
}
.ref-site-root .footer-disclaimer-dropdown:hover .disclaimer-menu{
    display: block;
}
.ref-site-root .disclaimer-menu li a{
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    color: #1259B5;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s;
}
.ref-site-root .disclaimer-menu li a:hover{
    background: #f0f4ff;
}

/* ===== Responsive ===== */
@media (max-width: 1200px) {
.ref-site-root .business-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .footer-main{
        grid-template-columns: repeat(3, 1fr);
    }
    
.ref-site-root .footer-col-social{
        grid-column: 1 / -1;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
.ref-site-root{
        --section-spacing: 60px;
        --container-padding: 24px;
    }
    
.ref-site-root .hero-title{
        font-size: 40px;
    }
    
.ref-site-root .hero-panel-left{
        min-width: 380px;
    }
    
.ref-site-root .section-title{
        font-size: 28px;
    }
    
.ref-site-root .case-card{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .case-card-right{
        direction: ltr;
    }
    
.ref-site-root .case-image{
        min-height: 200px;
    }
    
.ref-site-root .case-content{
        padding: 24px;
    }
    
.ref-site-root .about-grid{
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
.ref-site-root .about-content .section-title{
        text-align: center;
    }
    
.ref-site-root .news-list{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .trust-grid{
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    
.ref-site-root .trust-card{
        padding: 24px 16px;
    }
    
.ref-site-root .trust-number{
        font-size: 48px;
    }
}

@media (max-width: 768px) {
.ref-site-root{
        --section-spacing: 48px;
        --font-size-display: 32px;
        --font-size-h1: 28px;
        --font-size-h2: 22px;
    }
    
.ref-site-root .header-nav{
        position: fixed;
        top: 72px;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-surface);
        flex-direction: column;
        padding: 24px;
        transform: translateX(100%);
        transition: transform var(--transition);
        overflow-y: auto;
    }
    
.ref-site-root .header-nav.active{
        transform: translateX(0);
    }
    
.ref-site-root .nav-list{
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    
.ref-site-root .nav-item > a{
        padding: 16px;
        border-bottom: 1px solid var(--color-border);
    }
    
.ref-site-root .nav-item.has-dropdown .dropdown{
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding: 0 0 0 16px;
        display: none;
    }
    
.ref-site-root .nav-item.has-dropdown.open .dropdown{
        display: block;
    }
    
.ref-site-root .header-cta{
        display: none;
    }
    
.ref-site-root .header-toggle{
        display: flex;
    }
    
.ref-site-root .hero{
        min-height: auto;
    }
    
.ref-site-root .hero-panel-content{
        max-width: 100%;
    }
    
.ref-site-root .business-grid{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .map-flow{
        flex-direction: column;
    }
    
.ref-site-root .map-arrow{
        transform: rotate(90deg);
    }
    
.ref-site-root .map-branches{
        width: 100%;
    }
    
.ref-site-root .trust-grid{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .case-stats{
        flex-direction: column;
        gap: 16px;
    }
    
.ref-site-root .news-list{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .about-stats{
        flex-direction: column;
        margin-left: 16px;
        margin-right: 16px;
    }
    
.ref-site-root .footer-grid{
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
.ref-site-root .footer-col-social{
        grid-column: 1 / -1;
        justify-content: center;
    }
    
.ref-site-root .footer-bottom{
        flex-direction: column;
        text-align: center;
    }
}

/* ===== Animations ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ref-site-root .animate-in{
    animation: fadeInUp 0.6s ease forwards;
}

/* ===== Accessibility ===== */
@media (prefers-reduced-motion: reduce) {
.ref-site-root *, .ref-site-root *::before, .ref-site-root *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

:focus-visible{
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* ===== Page Hero (Inner Pages) ===== */
.ref-site-root .page-hero{
    position: relative;
    min-height: 50vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 72px;
}

.ref-site-root .page-hero-compact{
    min-height: 35vh;
}

.ref-site-root .page-hero-bg{
    position: absolute;
    inset: 0;
}

.ref-site-root .page-hero-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ref-site-root .page-hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(26,95,180,0.88) 0%, rgba(42,157,92,0.75) 100%);
}

.ref-site-root .page-hero-content{
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 60px 0;
    max-width: 700px;
}
.ref-site-root .page-hero .container{
    display: flex;
    align-items: center;
}

.ref-site-root .page-hero-tag{
    display: inline-block;
    font-size: var(--font-size-caption);
    font-weight: 500;
    padding: 6px 16px;
    background: rgba(255,255,255,0.15);
    border-radius: 100px;
    margin-bottom: 16px;
    border: 1px solid rgba(255,255,255,0.2);
}

.ref-site-root .page-hero-title{
    font-size: var(--font-size-display);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.ref-site-root .page-hero-subtitle{
    font-size: 22px;
    font-weight: 400;
    opacity: 0.9;
    margin-bottom: 16px;
}

.ref-site-root .page-hero-desc{
    font-size: 16px;
    opacity: 0.85;
    line-height: 1.7;
    margin-bottom: 32px;
}

.ref-site-root .hero-trust-badges{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.ref-site-root .trust-badge{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    padding: 8px 16px;
    border-radius: 100px;
    border: 1px solid rgba(255,255,255,0.25);
}

/* ===== Categories Grid ===== */
.ref-site-root .section-categories{
    background: var(--color-surface);
}

.ref-site-root .categories-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .category-card{
    padding: 24px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    transition: all var(--transition);
    display: flex;
    flex-direction: column;
}
.ref-site-root .category-card:hover{
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.ref-site-root .category-card:hover{
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

/* 第8个卡片：品牌色边框突出，配咨询图标 */
.ref-site-root .category-card-custom{
    background: var(--color-primary-light);
    border: 2px solid var(--color-primary);
    text-align: center;
}
.ref-site-root .category-card-custom .category-title{
    color: var(--color-primary);
}

.ref-site-root .category-icon{
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
    margin-bottom: 20px;
}

.ref-site-root .category-card-custom .category-icon{
    margin: 0 auto 20px;
    background: var(--color-surface);
}

.ref-site-root .category-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1259B5;
}

.ref-site-root .category-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
    flex-grow: 1;
}
    line-height: 1.7;
    margin-bottom: 16px;
}

.ref-site-root .category-features{
    margin-bottom: 20px;
}

.ref-site-root .category-features li{
    font-size: 14px;
    color: var(--color-muted);
    padding: 4px 0;
    padding-left: 16px;
    position: relative;
}

.ref-site-root .category-features li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: var(--color-secondary);
    border-radius: 50%;
}

/* ===== Process Steps ===== */
.ref-site-root .section-process{
    background: var(--color-bg);
}

.ref-site-root .process-steps{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ref-site-root .process-step{
    text-align: center;
    padding: 32px 24px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    min-width: 180px;
    flex: 1;
    max-width: 240px;
}

.ref-site-root .process-number{
    font-size: 36px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 12px;
    line-height: 1;
}

.ref-site-root .process-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ref-site-root .process-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
}

.ref-site-root .process-arrow{
    color: var(--color-border);
    flex-shrink: 0;
}

/* ===== CTA Inline ===== */
.ref-site-root .section-cta-inline{
    background: var(--color-surface);
}

.ref-site-root .cta-inline{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 48px;
    background: var(--color-primary-light);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(26,95,180,0.15);
}

.ref-site-root .cta-inline-content h3{
    font-size: var(--font-size-h2);
    font-weight: 600;
    margin-bottom: 8px;
}

.ref-site-root .cta-inline-content p{
    color: var(--color-muted);
    font-size: 15px;
}

.ref-site-root .cta-inline-actions{
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.ref-site-root .btn-full{
    width: 100%;
}

/* ===== Products Grid (Health Page) ===== */
.ref-site-root .section-products{
    background: var(--color-surface);
}

.ref-site-root .products-overview{
    text-align: center;
    font-size: 16px;
    color: #1259B5;
    margin-bottom: 40px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.ref-site-root .products-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

/* 3个产品卡片等宽一行居中排列（每张宽度约30%-32%） */
.ref-site-root .products-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
    max-width: 100%;
    margin: 0 auto;
}

.ref-site-root .product-card{
    background: var(--color-bg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border);
    transition: all var(--transition);
}

.ref-site-root .product-card:hover{
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.ref-site-root .product-image{
    height: 240px;
    overflow: hidden;
}

.ref-site-root .product-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ref-site-root .product-content{
    padding: 32px;
}

.ref-site-root .product-title{
    font-size: var(--font-size-h2);
    font-weight: 600;
    margin-bottom: 12px;
}

.ref-site-root .product-desc{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.7;
    margin-bottom: 16px;
}

.ref-site-root .product-features{
    margin-bottom: 20px;
}

.ref-site-root .product-features li{
    font-size: 14px;
    color: var(--color-muted);
    padding: 4px 0;
    padding-left: 16px;
    position: relative;
}

.ref-site-root .product-features li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: var(--color-secondary);
    border-radius: 50%;
}

/* ===== Guide Section (Health Page) ===== */
.ref-site-root .section-guide{
    background: var(--color-bg);
}

.ref-site-root .guide-content{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 48px;
    align-items: start;
}

.ref-site-root .guide-text h3{
    font-size: var(--font-size-h3);
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 24px;
    color: var(--color-primary);
}

.ref-site-root .guide-text h3:first-child{
    margin-top: 0;
}

.ref-site-root .guide-text p{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.8;
    margin-bottom: 16px;
}

.ref-site-root .guide-cta{
    background: var(--color-surface);
    padding: 32px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    text-align: center;
    position: sticky;
    top: 100px;
}

.ref-site-root .guide-cta h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ref-site-root .guide-cta p{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 20px;
}

/* ===== Params Table (Materials Page) ===== */
.ref-site-root .section-params{
    background: var(--color-surface);
}

.ref-site-root .params-content{
    max-width: 800px;
    margin: 0 auto;
}

.ref-site-root .params-table table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
}

.params-table th,
.ref-site-root .params-table td{
    padding: 16px 20px;
    text-align: left;
    border-bottom: 1px solid var(--color-border);
    font-size: 15px;
}

.ref-site-root .params-table th{
    background: var(--color-primary-light);
    font-weight: 600;
    color: var(--color-primary);
}

.ref-site-root .params-table tr:hover td{
    background: var(--color-bg);
}

.ref-site-root .params-note{
    padding: 24px;
    background: var(--color-bg);
    border-radius: var(--radius-md);
}

.ref-site-root .params-note p{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 8px;
}

.ref-site-root .params-note p:last-child{
    margin-bottom: 0;
}

/* ===== Applications Grid (Materials Page) ===== */
.ref-site-root .section-applications{
    background: var(--color-bg);
}

.ref-site-root .applications-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .application-card{
    padding: 32px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    transition: all var(--transition);
}

.ref-site-root .application-card:hover{
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.ref-site-root .application-icon{
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
    margin-bottom: 16px;
}

.ref-site-root .application-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ref-site-root .application-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.7;
}

/* ===== Reports Section (Materials Page) ===== */
.ref-site-root .section-reports{
    background: var(--color-surface);
}

.ref-site-root .reports-content{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.ref-site-root .reports-info h3{
    font-size: var(--font-size-h2);
    font-weight: 600;
    margin-bottom: 16px;
}

.ref-site-root .reports-info > p{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.7;
    margin-bottom: 24px;
}

.ref-site-root .reports-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

.ref-site-root .reports-list li{
    padding: 8px 20px;
    background: var(--color-primary-light);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary);
}

.ref-site-root .reports-note{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 24px;
}

/* ===== Knowledge Filter ===== */
.ref-site-root .section-knowledge-filter{
    padding: 32px 0;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}

.ref-site-root .filter-tabs{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.ref-site-root .filter-tab{
    padding: 10px 24px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-muted);
    cursor: pointer;
    transition: all var(--transition);
}

.ref-site-root .filter-tab:hover{
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.ref-site-root .filter-tab.active{
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* ===== Articles List (Knowledge Page) ===== */
.ref-site-root .section-articles{
    background: var(--color-bg);
}

.ref-site-root .articles-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .article-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border);
    transition: all var(--transition);
    cursor: pointer;
}

.ref-site-root .article-card:hover{
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.ref-site-root .article-image{
    height: 200px;
    overflow: hidden;
}

.ref-site-root .article-image-link{
    display: block;
    text-decoration: none;
}

.ref-site-root .article-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition);
}

.ref-site-root .article-card:hover .article-image img{
    transform: scale(1.05);
}

.ref-site-root .article-content{
    padding: 24px;
}

.ref-site-root .article-tag{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-secondary);
    background: rgba(42,157,92,0.1);
    padding: 4px 10px;
    border-radius: 100px;
    margin-bottom: 12px;
}

.ref-site-root .article-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ref-site-root .article-title a{
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.ref-site-root .article-title a:hover{
    color: var(--color-primary);
}

.ref-site-root .article-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ref-site-root .article-meta{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.ref-site-root .article-date{
    color: var(--color-muted);
}

.ref-site-root .article-read{
    color: var(--color-primary);
    font-weight: 500;
}

.ref-site-root .articles-empty{
    text-align: center;
    padding: 60px 0;
    color: var(--color-muted);
    font-size: 16px;
}

/* ===== About Intro ===== */
.ref-site-root .section-about-intro{
    background: var(--color-surface);
}

.ref-site-root .about-intro-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.ref-site-root .about-intro-content .section-title{
    text-align: left;
    margin-bottom: 24px;
}

.ref-site-root .about-intro-content p{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.8;
    margin-bottom: 16px;
}

.ref-site-root .about-intro-image{
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.ref-site-root .about-intro-image img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* ===== About Stats ===== */
.ref-site-root .section-about-stats{
    background: var(--color-bg);
}

.ref-site-root .stats-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .stat-card{
    text-align: center;
    padding: 40px 24px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.ref-site-root .stat-card .stat-number{
    font-size: 48px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1;
    display: inline;
}

.ref-site-root .stat-card .stat-unit{
    font-size: 20px;
    font-weight: 500;
    color: var(--color-primary);
    display: inline;
    margin-left: 4px;
}

.ref-site-root .stat-card .stat-label{
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 8px;
}

.ref-site-root .stat-card .stat-desc{
    font-size: 13px;
    color: var(--color-muted);
}

/* ===== About Honors ===== */
.ref-site-root .section-about-honors{
    background: var(--color-surface);
}

.ref-site-root .honors-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .honor-item{
    text-align: center;
    padding: 32px 20px;
    background: var(--color-bg);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    transition: all var(--transition);
}

.ref-site-root .honor-item:hover{
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-sm);
}

.ref-site-root .honor-icon{
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    background: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
}

.ref-site-root .honor-title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ref-site-root .honor-desc{
    font-size: 13px;
    color: var(--color-muted);
}

/* ===== About Timeline ===== */
.ref-site-root .section-about-timeline{
    background: var(--color-bg);
}

.ref-site-root .timeline{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: 40px 0 20px;
}

.ref-site-root .timeline::before{
    content: '';
    position: absolute;
    top: 60px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: var(--color-primary-light);
}

.ref-site-root .timeline-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    z-index: 1;
}

.ref-site-root .timeline-year{
    font-weight: 700;
    color: #1a5fb4;
    min-width: 44px;
    font-size: 16px;
}

.ref-site-root .timeline-content{
    text-align: center;
    padding: 0 8px;
}

.ref-site-root .timeline-content h4{
    font-size: 15px;
    font-weight: 600;
    color: #1259B5;
}

@media (max-width: 768px) {
.ref-site-root .timeline{
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding-left: 40px;
    }

.ref-site-root .timeline::before{
        top: 0;
        bottom: 0;
        left: 23px;
        right: auto;
        width: 3px;
        height: auto;
    }

.ref-site-root .timeline-item{
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

.ref-site-root .timeline-year{
        flex-shrink: 0;
        margin-bottom: 0;
    }

.ref-site-root .timeline-content{
        text-align: left;
        padding: 0;
    }
}

/* ===== Contact Section ===== */
.ref-site-root .section-contact{
    background: var(--color-surface);
}

.ref-site-root .contact-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
}

.ref-site-root .contact-info .section-title{
    text-align: left;
    margin-bottom: 32px;
}

.ref-site-root .contact-items{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
}

.ref-site-root .contact-item{
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.ref-site-root .contact-icon{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
    flex-shrink: 0;
}

.ref-site-root .contact-detail h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
}

.ref-site-root .contact-detail p{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 2px;
}

.ref-site-root .contact-detail a{
    color: #1259B5;
}

.ref-site-root .contact-detail a:hover{
    color: var(--color-primary);
}

.ref-site-root .contact-qr{
    text-align: center;
}

.ref-site-root .contact-qr h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.ref-site-root .contact-qr img{
    width: 140px;
    height: 140px;
    border-radius: var(--radius-md);
    margin: 0 auto 8px;
}

.ref-site-root .contact-qr p{
    font-size: 13px;
    color: var(--color-muted);
}

/* ===== Contact Form ===== */
.ref-site-root .contact-form-wrapper .section-title{
    text-align: left;
    margin-bottom: 8px;
}

.ref-site-root .form-desc{
    font-size: 15px;
    color: var(--color-muted);
    margin-bottom: 32px;
}

.ref-site-root .contact-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ref-site-root .form-group{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ref-site-root .form-group label{
    font-size: 14px;
    font-weight: 500;
    color: #1259B5;
}

.ref-site-root .required{
    color: var(--color-error);
}

.form-group input,
.form-group select,
.ref-site-root .form-group textarea{
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 15px;
    font-family: var(--font-family);
    color: #1259B5;
    background: var(--color-bg);
    transition: all var(--transition);
}

.form-group input:focus,
.form-group select:focus,
.ref-site-root .form-group textarea:focus{
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-surface);
    box-shadow: 0 0 0 3px rgba(26,95,180,0.1);
}

.ref-site-root .form-group textarea{
    resize: vertical;
    min-height: 100px;
}

.ref-site-root .form-privacy{
    font-size: 13px;
    color: var(--color-muted);
}

.ref-site-root .form-success{
    text-align: center;
    padding: 48px 24px;
}

.ref-site-root .success-icon{
    color: var(--color-success);
    margin-bottom: 16px;
}

.ref-site-root .form-success h3{
    font-size: var(--font-size-h2);
    font-weight: 600;
    margin-bottom: 8px;
}

.ref-site-root .form-success p{
    font-size: 15px;
    color: var(--color-muted);
}

/* ===== Trust Anchors ===== */
.ref-site-root .trust-anchors{
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto 32px;
}

.ref-site-root .trust-anchors-5{
    gap: 16px;
}

.ref-site-root .trust-anchor-item{
    text-align: center;
    padding: 20px 24px;
    background: var(--color-surface);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    min-width: 140px;
    flex: 1;
    max-width: 200px;
}

.ref-site-root .trust-anchor-icon{
    display: block;
    font-size: 32px;
    margin-bottom: 12px;
}

.ref-site-root .trust-anchor-title{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 6px;
}

.ref-site-root .trust-anchor-desc{
    display: block;
    font-size: 12px;
    color: var(--color-muted);
    line-height: 1.4;
}

/* ===== Product Badges ===== */
.ref-site-root .product-badge{
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 4px 12px;
    background: var(--color-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 100px;
    z-index: 1;
}

.ref-site-root .product-badge-green{
    background: var(--color-secondary);
}

.ref-site-root .product-badge-blue{
    background: #3b82f6;
}

.ref-site-root .product-card{
    position: relative;
}

.ref-site-root .product-card-custom{
    background: var(--color-primary-light);
    border-color: var(--color-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ref-site-root .product-card-custom .product-icon{
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface);
    border-radius: 50%;
    color: var(--color-primary);
    margin-bottom: 20px;
}

/* ===== Products Grid 4 Columns ===== */
.ref-site-root .products-grid-4{
    grid-template-columns: repeat(4, 1fr);
}

/* ===== Trust Grid 4 Columns ===== */
.ref-site-root .trust-grid-4{
    grid-template-columns: repeat(4, 1fr);
}

/* ===== Business Grid 4 Columns ===== */
.ref-site-root .business-grid-4{
    grid-template-columns: repeat(4, 1fr);
}

.ref-site-root .business-grid-3{
    grid-template-columns: repeat(3, 1fr);
}

.ref-site-root .business-grid-6{
    grid-template-columns: repeat(6, 1fr);
}

/* ===== Header Search ===== */
.ref-site-root .header-search{
    position: relative;
    margin-left: 16px;
}

.ref-site-root .header-search .search-input{
    width: 200px;
    padding: 8px 36px 8px 14px;
    font-size: 14px;
    border: 1px solid var(--color-border);
    border-radius: 100px;
    background: var(--color-bg);
    transition: all var(--transition);
}

.ref-site-root .header-search .search-input:focus{
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-surface);
    width: 240px;
}

.ref-site-root .header-search .search-icon{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-muted);
    pointer-events: none;
}

/* ===== Search Results ===== */
.ref-site-root .header-search .search-results{
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    max-height: 480px;
    overflow-y: auto;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
    padding: 16px;
}

.ref-site-root .header-search .search-results .search-summary{
    font-size: 13px;
    color: var(--color-muted);
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border);
}

.ref-site-root .header-search .search-results .search-empty{
    font-size: 14px;
    color: var(--color-muted);
    text-align: center;
    padding: 20px 0;
}

.ref-site-root .header-search .search-results .search-section{
    margin-bottom: 16px;
}

.ref-site-root .header-search .search-results .search-section h4{
    font-size: 13px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ref-site-root .header-search .search-results .search-section ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.ref-site-root .header-search .search-results .search-section li{
    margin-bottom: 6px;
}

.ref-site-root .header-search .search-results .search-section a{
    font-size: 14px;
    color: var(--color-text);
    text-decoration: none;
    display: block;
    padding: 6px 8px;
    border-radius: 4px;
    transition: background 0.2s;
}

.ref-site-root .header-search .search-results .search-section a:hover{
    background: var(--color-hover);
    color: var(--color-primary);
}

/* ===== Cases Grid ===== */
.ref-site-root .cases-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
}

.ref-site-root .cases-grid .case-card{
    display: block;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition);
    color: inherit;
    text-decoration: none;
}

.ref-site-root .cases-grid .case-card:hover{
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.ref-site-root .cases-grid .case-image{
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
    background: var(--color-surface);
}

.ref-site-root .cases-grid .case-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition);
    display: block;
}

.ref-site-root .cases-grid .case-card:hover .case-image img{
    transform: scale(1.05);
}

.ref-site-root .cases-grid .case-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 20px 20px;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ref-site-root .cases-grid .case-badge{
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: 12px;
    border: 1px solid rgba(255,255,255,0.3);
}

.ref-site-root .cases-grid .case-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
    line-height: 1.4;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.ref-site-root .cases-grid .case-stats{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ref-site-root .cases-grid .case-stat{
    font-size: 12px;
    color: #fff;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    padding: 4px 12px;
    border-radius: 100px;
    border: 1px solid rgba(255,255,255,0.25);
}

/* ===== Cases Page Section ===== */
.ref-site-root .section-cases-page{
    background: var(--color-bg);
}

.ref-site-root .cases-grid-3{
    grid-template-columns: repeat(3, 1fr) !important;
}

.ref-site-root .cases-grid .case-card{
    min-width: 0;
}

.ref-site-root .cases-grid .case-card-full{
    display: block;
    width: 100%;
}

.ref-site-root .cases-grid .case-card-full .case-image{
    aspect-ratio: 16/9 !important;
    width: 100%;
}

.ref-site-root .case-card-body{
    display: block;
    padding: 16px;
    text-align: left;
    width: 100%;
    background: var(--color-surface);
}

.ref-site-root .case-card-tag{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-primary);
    background: var(--color-primary-light);
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: 12px;
}

.ref-site-root .case-card-title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #1259B5;
    margin-bottom: 12px;
    line-height: 1.4;
    text-align: left;
}

.ref-site-root .case-card-stats{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.ref-site-root .case-card-stat{
    display: inline-block;
    font-size: 12px;
    color: var(--color-muted);
    background: var(--color-bg);
    padding: 4px 12px;
    border-radius: 100px;
    border: 1px solid var(--color-border);
}

.ref-site-root .case-detail-btn{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary);
    transition: color var(--transition);
}

.ref-site-root .case-card-full:hover .case-detail-btn{
    color: var(--color-primary-dark);
}

.ref-site-root .cases-page-cta{
    text-align: center;
    margin-top: 60px;
    padding: 48px 24px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.ref-site-root .cases-page-cta h3{
    font-size: var(--font-size-h2);
    font-weight: 600;
    color: #1259B5;
    margin-bottom: 12px;
}

.ref-site-root .cases-page-cta p{
    font-size: 15px;
    color: var(--color-muted);
    margin-bottom: 24px;
}

.ref-site-root .cases-more{
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: 32px;
}

/* 查看更多案例入口卡片（带背景图，品牌色文字居中） */
.ref-site-root .case-card-more{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

.ref-site-root .case-card-more:hover{
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.ref-site-root .case-card-more .case-image{
    width: 100%;
    height: 100%;
}

.ref-site-root .case-card-more .case-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ref-site-root .case-overlay-more{
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ref-site-root .case-overlay-more h3{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.ref-site-root .case-card-more:hover .case-overlay-more{
    background: rgba(26,95,180,0.7);
}

/* ===== About Stats Grid ===== */
.ref-site-root .about-stats-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.ref-site-root .about-stat-card{
    background: var(--color-primary-light);
    border-radius: var(--radius-lg);
    padding: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ref-site-root .about-stat-card .stat-number{
    font-size: 32px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 4px;
}

.ref-site-root .about-stat-card .stat-label{
    font-size: 14px;
    color: var(--color-muted);
}

.ref-site-root .about-trust-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0;
}

.ref-site-root .about-trust-tags span{
    font-size: 13px;
    color: var(--color-primary);
    background: var(--color-primary-light);
    padding: 6px 14px;
    border-radius: 100px;
    font-weight: 500;
}

/* ===== News Tabs ===== */
.ref-site-root .news-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    justify-content: center;
}

.ref-site-root .news-tab{
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-muted);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    cursor: pointer;
    transition: all var(--transition);
}

.ref-site-root .news-tab:hover{
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.ref-site-root .news-tab.active{
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

/* ===== Applications Grid 3 Columns ===== */
.ref-site-root .applications-grid-3{
    grid-template-columns: repeat(3, 1fr);
}

/* ===== Categories Grid 3 Columns ===== */
.ref-site-root .categories-grid-3{
    grid-template-columns: repeat(3, 1fr);
}

/* ===== Category Card Link ===== */
.ref-site-root .category-card-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--color-bg);
    border: 2px dashed var(--color-border);
}

.ref-site-root .category-card-link:hover{
    border-color: var(--color-primary);
    background: var(--color-primary-light);
}

/* ===== Product System Groups ===== */
.ref-site-root .product-system-group{
    margin-bottom: 40px;
    padding: 32px;
    border-radius: var(--radius-lg);
}

.ref-site-root .product-system-b{
    background: rgba(26,95,180,0.05);
    border: 1px solid rgba(26,95,180,0.15);
}

.ref-site-root .product-system-c{
    background: rgba(42,157,92,0.05);
    border: 1px solid rgba(42,157,92,0.15);
}

.ref-site-root .product-system-label{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 8px 16px;
    border-radius: 100px;
    display: inline-block;
}

.ref-site-root .product-system-b .product-system-label{
    background: var(--color-primary-light);
    color: var(--color-primary);
}

.ref-site-root .product-system-c .product-system-label{
    background: rgba(42,157,92,0.1);
    color: var(--color-secondary);
}

.ref-site-root .product-system-group .categories-grid{
    margin-bottom: 0;
}

/* ===== Knowledge Layout (Two Column) ===== */
.ref-site-root .knowledge-layout{
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

.ref-site-root .articles-main{
    min-width: 0;
}

.ref-site-root .articles-sidebar{
    position: sticky;
    top: 100px;
}

.ref-site-root .sidebar-section{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}

.ref-site-root .sidebar-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--color-primary);
}

.ref-site-root .tag-cloud{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ref-site-root .tag-cloud-item{
    display: inline-block;
    padding: 6px 14px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 100px;
    font-size: 13px;
    color: var(--color-muted);
    transition: all var(--transition);
}

.ref-site-root .tag-cloud-item:hover{
    background: var(--color-primary-light);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.ref-site-root .tag-cloud-item.tag-xlarge{
    font-size: 18px;
    font-weight: 600;
    padding: 8px 18px;
}

.ref-site-root .tag-cloud-item.tag-large{
    font-size: 15px;
    font-weight: 500;
    padding: 7px 16px;
}

.ref-site-root .tag-cloud-item.tag-medium{
    font-size: 14px;
    padding: 6px 14px;
}

.ref-site-root .tag-cloud-item.tag-small{
    font-size: 12px;
    padding: 5px 12px;
}

.ref-site-root .articles-load-more{
    text-align: center;
    margin-top: 40px;
}

/* ===== Inner Pages Responsive ===== */
@media (max-width: 1024px) {
.ref-site-root .categories-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .products-grid{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .products-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .guide-content{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .guide-cta{
        position: static;
    }
    
.ref-site-root .applications-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .applications-grid-3{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .articles-list{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .about-intro-grid{
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
.ref-site-root .stats-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    
.ref-site-root .honors-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .contact-grid{
        grid-template-columns: 1fr;
        gap: 48px;
    }
    
.ref-site-root .cta-inline{
        flex-direction: column;
        text-align: center;
        padding: 32px;
    }
    
.ref-site-root .process-arrow{
        display: none;
    }
    
.ref-site-root .process-steps{
        flex-direction: column;
    }
    
.ref-site-root .process-step{
        max-width: 100%;
    }
    
.ref-site-root .trust-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .business-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .business-grid-3{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .categories-grid-3{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .knowledge-layout{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .articles-sidebar{
        position: static;
    }
    
.ref-site-root .trust-anchors{
        gap: 16px;
    }
    
.ref-site-root .trust-anchor-item{
        min-width: 120px;
        padding: 16px 20px;
    }
    
.ref-site-root .cases-grid-3{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .cases-page-cta{
        margin-top: 40px;
        padding: 32px 20px;
    }
    
.ref-site-root .cases-page-cta h3{
        font-size: 22px;
    }
}

@media (max-width: 768px) {
.ref-site-root .page-hero{
        min-height: 40vh;
    }
    
.ref-site-root .page-hero-compact{
        min-height: 30vh;
    }
    
.ref-site-root .page-hero-title{
        font-size: 28px;
    }
    
.ref-site-root .page-hero-subtitle{
        font-size: 18px;
    }
    
.ref-site-root .categories-grid{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .categories-grid-3{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .applications-grid{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .applications-grid-3{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .articles-list{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .stats-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .honors-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .filter-tabs{
        gap: 6px;
    }
    
.ref-site-root .filter-tab{
        padding: 8px 16px;
        font-size: 13px;
    }
    
.ref-site-root .products-grid-4{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .trust-grid-4{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .business-grid-4{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .business-grid-3{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .business-grid-6{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .cases-grid{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .cases-grid-3{
        grid-template-columns: 1fr;
    }
    
.ref-site-root .cases-grid .case-image{
        aspect-ratio: 16/9;
    }
    
.ref-site-root .cases-grid .case-overlay{
        padding: 20px 16px 16px;
    }
    
.ref-site-root .cases-grid .case-title{
        font-size: 16px;
    }
    
.ref-site-root .case-card-body{
        padding: 16px;
    }
    
.ref-site-root .case-card-title{
        font-size: 16px;
    }
    
.ref-site-root .cases-page-cta{
        margin-top: 32px;
        padding: 24px 16px;
    }
    
.ref-site-root .cases-page-cta h3{
        font-size: 20px;
    }
    
.ref-site-root .cases-page-cta p{
        font-size: 14px;
    }
    
.ref-site-root .cases-more{
        flex-direction: column;
        gap: 16px;
        align-items: center;
    }
    
.ref-site-root .about-stats-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
.ref-site-root .header-search{
        display: none;
    }
    
.ref-site-root .news-tabs{
        gap: 6px;
    }
    
.ref-site-root .news-tab{
        padding: 6px 14px;
        font-size: 13px;
    }
    
.ref-site-root .product-system-group{
        padding: 20px;
    }
    
.ref-site-root .trust-anchors{
        flex-direction: column;
        align-items: center;
    }
    
.ref-site-root .trust-anchor-item{
        width: 100%;
        max-width: 280px;
    }
    
    .trust-anchors-3,
.ref-site-root .trust-anchors-5{
        grid-template-columns: 1fr;
    }
}

/* ===== Cases Pages Redesign ===== */
.ref-site-root .pc-hero{
    position: relative;
    min-height: 50vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 72px;
}

.ref-site-root .pc-hero-bg{
    position: absolute;
    inset: 0;
}

.ref-site-root .pc-hero-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ref-site-root .pc-hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(26,95,180,0.92) 0%, rgba(42,157,92,0.8) 100%);
}

.ref-site-root .pc-hero-inner{
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 80px 0;
    max-width: 800px;
}

.ref-site-root .pc-hero-tag{
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 18px;
    background: rgba(255,255,255,0.15);
    border-radius: 100px;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.25);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ref-site-root .pc-hero-title{
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.ref-site-root .pc-hero-subtitle{
    font-size: 22px;
    font-weight: 400;
    opacity: 0.9;
    margin-bottom: 40px;
    line-height: 1.6;
}

.ref-site-root .pc-hero-trust{
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.ref-site-root .pc-hero-trust-item{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ref-site-root .pc-hero-trust-num{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.ref-site-root .pc-hero-trust-label{
    font-size: 14px;
    opacity: 0.8;
}

.ref-site-root .pc-hero-trust-divider{
    width: 1px;
    height: 48px;
    background: rgba(255,255,255,0.3);
}

.ref-site-root .pc-cases-section{
    padding: 80px 0;
    background: var(--color-bg);
}

.ref-site-root .pc-cases-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.ref-site-root .pc-case-card{
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,0.04);
}

.ref-site-root .pc-case-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border-color: var(--color-primary-light);
}

.ref-site-root .pc-case-img{
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.ref-site-root .pc-case-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.ref-site-root .pc-case-card:hover .pc-case-img img{
    transform: scale(1.08);
}

.ref-site-root .pc-case-region{
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(255,255,255,0.95);
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 600;
    border-radius: 100px;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.ref-site-root .pc-case-body{
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ref-site-root .pc-case-title{
    font-size: 20px;
    font-weight: 600;
    color: #1259B5;
    margin-bottom: 20px;
    line-height: 1.4;
}

.ref-site-root .pc-case-data{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
    flex: 1;
}

.ref-site-root .pc-case-data-item{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 10px 14px;
    background: var(--color-bg);
    border-radius: 10px;
    border: 1px solid var(--color-border);
    transition: all var(--transition);
}

.ref-site-root .pc-case-card:hover .pc-case-data-item{
    border-color: var(--color-primary-light);
    background: var(--color-primary-light);
}

.ref-site-root .pc-case-data-value{
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.3;
}

.ref-site-root .pc-case-data-label{
    font-size: 13px;
    color: var(--color-muted);
    flex-shrink: 0;
    margin-left: 12px;
}

.ref-site-root .pc-case-link{
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary);
    transition: all var(--transition);
    padding-top: 4px;
    border-top: 1px solid var(--color-border);
}

.ref-site-root .pc-case-card:hover .pc-case-link{
    color: var(--color-primary-dark);
}

.ref-site-root .pc-case-card-more{
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-primary-light) 0%, #fff 100%);
    border: 2px dashed rgba(26,95,180,0.3);
    min-height: 400px;
}

.ref-site-root .pc-case-card-more:hover{
    border-color: var(--color-primary);
    background: linear-gradient(135deg, var(--color-primary-light) 0%, rgba(26,95,180,0.05) 100%);
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(26,95,180,0.12);
}

.ref-site-root .pc-case-more-inner{
    text-align: center;
    padding: 40px;
}

.ref-site-root .pc-case-more-icon{
    color: var(--color-primary);
    margin-bottom: 20px;
    opacity: 0.6;
    transition: all var(--transition);
}

.ref-site-root .pc-case-card-more:hover .pc-case-more-icon{
    opacity: 1;
    transform: scale(1.1);
}

.ref-site-root .pc-case-more-title{
    font-size: 22px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 8px;
}

.ref-site-root .pc-case-more-desc{
    font-size: 14px;
    color: var(--color-muted);
}

.ref-site-root .pc-cta{
    margin-top: 80px;
}

.ref-site-root .pc-cta-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 56px 48px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    border-radius: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.ref-site-root .pc-cta-inner::before{
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
}

.ref-site-root .pc-cta-inner::after{
    content: '';
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.03);
    border-radius: 50%;
}

.ref-site-root .pc-cta-text{
    position: relative;
    z-index: 1;
    flex: 1;
}

.ref-site-root .pc-cta-title{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #fff;
}

.ref-site-root .pc-cta-desc{
    font-size: 16px;
    opacity: 0.9;
    line-height: 1.6;
}

.ref-site-root .pc-cta-btn{
    position: relative;
    z-index: 1;
    background: #fff !important;
    color: var(--color-primary) !important;
    font-weight: 600;
    padding: 16px 36px;
    font-size: 16px;
    border-radius: 12px;
    flex-shrink: 0;
    transition: all var(--transition);
}

.ref-site-root .pc-cta-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    background: #fff !important;
    color: var(--color-primary-dark) !important;
}

@media (max-width: 1024px) {
.ref-site-root .pc-hero-title{
        font-size: 36px;
    }

.ref-site-root .pc-hero-subtitle{
        font-size: 18px;
    }

.ref-site-root .pc-hero-trust-num{
        font-size: 26px;
    }

.ref-site-root .pc-cases-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

.ref-site-root .pc-case-card-more{
        min-height: 320px;
    }

.ref-site-root .pc-cta-inner{
        flex-direction: column;
        text-align: center;
        padding: 40px 32px;
        gap: 24px;
    }

.ref-site-root .pc-cta-title{
        font-size: 24px;
    }
}

@media (max-width: 768px) {
.ref-site-root .pc-hero{
        min-height: 40vh;
    }

.ref-site-root .pc-hero-inner{
        padding: 48px 0;
    }

.ref-site-root .pc-hero-title{
        font-size: 28px;
    }

.ref-site-root .pc-hero-subtitle{
        font-size: 16px;
        margin-bottom: 28px;
    }

.ref-site-root .pc-hero-trust{
        gap: 20px;
    }

.ref-site-root .pc-hero-trust-num{
        font-size: 22px;
    }

.ref-site-root .pc-hero-trust-label{
        font-size: 13px;
    }

.ref-site-root .pc-hero-trust-divider{
        height: 36px;
    }

.ref-site-root .pc-cases-section{
        padding: 48px 0;
    }

.ref-site-root .pc-cases-grid{
        grid-template-columns: 1fr;
        gap: 20px;
    }

.ref-site-root .pc-case-card-more{
        min-height: 200px;
    }

.ref-site-root .pc-case-body{
        padding: 20px;
    }

.ref-site-root .pc-case-title{
        font-size: 18px;
    }

.ref-site-root .pc-case-data-value{
        font-size: 15px;
    }

.ref-site-root .pc-cta{
        margin-top: 48px;
    }

.ref-site-root .pc-cta-inner{
        padding: 32px 24px;
        border-radius: 16px;
    }

.ref-site-root .pc-cta-title{
        font-size: 22px;
    }

.ref-site-root .pc-cta-desc{
        font-size: 14px;
    }

.ref-site-root .pc-cta-btn{
        width: 100%;
        text-align: center;
    }
}

/* ===== 新增样式类 ===== */

/* 按钮变体 */
.ref-site-root .btn-orange{
    background: #f59e0b;
    color: #fff;
}
.ref-site-root .btn-orange:hover{
    background: #d97706;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}
.ref-site-root .btn-outline-white{
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.6);
}
.ref-site-root .btn-outline-white:hover{
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
}
.ref-site-root .btn-block{
    display: block;
    width: 100%;
}

/* 业务布局 */
.ref-site-root .business-layout{
    display: flex;
    gap: 32px;
    align-items: stretch;
}
.ref-site-root .business-sidebar{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 40px 20px;
    min-width: 80px;
}
.ref-site-root .sidebar-label{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
    letter-spacing: 8px;
    white-space: nowrap;
}
.ref-site-root .sidebar-arrow{
    color: var(--color-primary);
    font-size: 24px;
}

/* 业务卡片图片 16:9 */
.ref-site-root .business-card-image{
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: var(--color-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ref-site-root .business-card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .business-card-image img[src=""], .ref-site-root .business-card-image img:not([src]){
    display: none;
}
.ref-site-root .business-features{
    list-style: none;
    padding: 0;
    margin: 0 16px;
    flex: 1;
}
.ref-site-root .business-features li{
    font-size: 12px;
    color: var(--color-muted);
    padding: 4px 0;
    padding-left: 18px;
    position: relative;
    line-height: 1.5;
}
.ref-site-root .business-features li::before{
    content: "✓";
    position: absolute;
    left: 0;
    color: #4a8c6f;
    font-weight: bold;
    font-size: 12px;
}
.ref-site-root .business-card-custom{
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    color: #fff;
    border-color: transparent;
}
.ref-site-root .business-card-custom .business-title{
    color: #fff;
}
.ref-site-root .business-card-custom .business-subtitle{
    color: rgba(255,255,255,0.8);
}
.ref-site-root .business-card-custom .business-features li{
    color: rgba(255,255,255,0.9);
}
.ref-site-root .business-card-custom .business-features li::before{
    color: #fff;
}
.ref-site-root .business-card-custom .business-link{
    color: #fff;
    border-top-color: rgba(255,255,255,0.2);
}
.ref-site-root .business-card-custom:hover .business-link{
    color: #fff;
    background: rgba(255,255,255,0.1);
}

/* FAQ 网格 */
.ref-site-root .faq-grid-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.ref-site-root .faq-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.ref-site-root .faq-column{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 20px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}
.ref-site-root .faq-column-title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--color-border);
    display: flex;
    align-items: center;
    gap: 8px;
}
.ref-site-root .faq-list{
    display: flex;
    flex-direction: column;
    gap: 0;
}
.ref-site-root .faq-item{
    padding: 8px 0;
    border-bottom: 1px solid var(--color-border);
}
.ref-site-root .faq-item:last-child{
    border-bottom: none;
}
.faq-grid-2 .faq-item,
.ref-site-root .faq-grid-3 .faq-item{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 12px 14px;
    margin-bottom: 8px;
    border: 1px solid var(--color-border);
    cursor: pointer;
}
.ref-site-root .faq-question-title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--color-primary);
}
.ref-site-root .faq-answer-text{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.8;
    margin: 0;
}
.ref-site-root .faq-more-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    font-weight: 500;
    margin-top: 8px;
    text-decoration: none;
    font-size: 15px;
}
.ref-site-root .faq-more-link:hover{
    color: var(--color-primary-dark);
}
.ref-site-root .faq-more-item .faq-more-link{
    flex-direction: column;
    gap: 12px;
    font-size: 16px;
    margin-top: 0;
}
.ref-site-root .faq-more-item{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-radius: var(--radius-lg);
    min-height: 200px;
    border: 1px solid var(--color-border);
}
.ref-site-root .faq-more-item .faq-more-link{
    flex-direction: column;
    gap: 12px;
    font-size: 16px;
}

/* 优势卡片 */
.ref-site-root .section-advantages{
    background: var(--color-surface);
}
.ref-site-root .advantages-grid{
    display: grid;
    gap: 24px;
    margin-top: 40px;
}
.ref-site-root .advantages-grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.ref-site-root .advantages-grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.ref-site-root .advantage-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition);
    display: flex;
    flex-direction: column;
}
.ref-site-root .advantage-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border);
}
.ref-site-root .advantage-card:hover{
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}
.ref-site-root .advantage-image{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: var(--color-bg);
}
.ref-site-root .advantage-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .advantage-image img[src=""], .ref-site-root .advantage-image img:not([src]){
    display: none;
}
.ref-site-root .advantage-title{
    font-size: 18px;
    font-weight: 600;
    padding: 20px 20px 12px;
    color: #1259B5;
}
.ref-site-root .advantage-desc{
    font-size: 14px;
    color: var(--color-muted);
    padding: 0 20px 20px;
    line-height: 1.8;
    flex-grow: 1;
}

/* CTA 盒子 */
.ref-site-root .cta-box{
    background: linear-gradient(135deg, #f0f4ff, #e8f0fb);
    border-radius: var(--radius-lg);
    padding: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 40px;
}
.ref-site-root .cta-box-content h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1259B5;
}
.ref-site-root .cta-box-content p{
    font-size: 16px;
    color: var(--color-muted);
    margin: 0;
}
.ref-site-root .cta-box-actions{
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
.ref-site-root .cta-box{
        flex-direction: column;
        text-align: center;
        padding: 32px 24px;
    }
.ref-site-root .cta-box-actions{
        flex-direction: column;
        width: 100%;
    }
.ref-site-root .cta-box-actions .btn{
        width: 100%;
    }
}

/* 信任锚点 */
.ref-site-root .trust-anchors-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}
.ref-site-root .trust-anchors-5{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}
.ref-site-root .trust-anchor-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 32px 24px;
    text-align: center;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--color-border);
}
.ref-site-root .trust-anchor-card .trust-anchor-icon{
    font-size: 40px;
    margin-bottom: 16px;
    min-height: 40px;
}
.ref-site-root .trust-anchor-card .trust-anchor-icon:empty{
    display: none;
}
.ref-site-root .trust-anchor-card .trust-anchor-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--color-primary);
}
.ref-site-root .trust-anchor-card .trust-anchor-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
    margin: 0;
}

/* 产品体系布局 */
.ref-site-root .product-system-layout{
    display: flex;
    gap: 32px;
    align-items: stretch;
}
.ref-site-root .product-system-sidebar{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 40px 20px;
    min-width: 80px;
}
.ref-site-root .product-system-sidebar .sidebar-label{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
    letter-spacing: 8px;
    white-space: nowrap;
}
.ref-site-root .product-system-sidebar .sidebar-arrow{
    color: var(--color-primary);
    font-size: 24px;
}

/* 产品网格 */
.ref-site-root .products-grid{
    display: grid;
    gap: 24px;
}
.ref-site-root .products-grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.ref-site-root .products-grid-6{
    grid-template-columns: repeat(3, 1fr);
    flex: 1;
}
.ref-site-root .business-grid-6{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    flex: 1;
}
.ref-site-root .product-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border);
}
.ref-site-root .product-card .product-image{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: var(--color-bg);
}
.ref-site-root .product-card .product-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .product-card .product-image img[src=""], .ref-site-root .product-card .product-image img:not([src]){
    display: none;
}
.ref-site-root .product-card .product-content{
    padding: 20px;
}
.ref-site-root .product-tag{
    display: inline-block;
    padding: 4px 12px;
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 12px;
}
.ref-site-root .product-tag-green{
    background: #e8f5e9;
    color: var(--color-secondary);
}
.ref-site-root .product-tag-blue{
    background: #e3f2fd;
    color: #1976d2;
}
.ref-site-root .product-tag-orange{
    background: #fff3e0;
    color: #f57c00;
}
.ref-site-root .product-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1259B5;
}
.ref-site-root .product-desc{
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.8;
    margin-bottom: 16px;
    flex-grow: 1;
}
.ref-site-root .product-link{
    color: var(--color-primary);
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}
.ref-site-root .product-link:hover{
    color: var(--color-primary-dark);
}
.ref-site-root .product-card-custom{
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    color: #fff;
    border-color: transparent;
}
.ref-site-root .product-card-custom .product-title{
    color: #fff;
}
.ref-site-root .product-card-custom .product-desc{
    color: rgba(255,255,255,0.9);
}
.ref-site-root .product-card-custom .product-tag{
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* 分类卡片图片 */
.ref-site-root .category-image{
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: var(--radius-md);
    margin-bottom: 16px;
    background: var(--color-bg);
}
.ref-site-root .category-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .category-image img[src=""], .ref-site-root .category-image img:not([src]){
    display: none;
}
.ref-site-root .category-card-custom{
    border: 2px solid var(--color-primary);
}
.ref-site-root .category-custom-link{
    display: inline-block;
    margin-top: 12px;
    color: var(--color-primary);
    font-weight: 500;
    text-decoration: none;
}
.ref-site-root .category-custom-link:hover{
    color: var(--color-primary-dark);
}

/* 案例网格 */
.ref-site-root .cases-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ref-site-root .cases-grid-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.ref-site-root .cases-grid-6{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

/* 标题行右侧更多链接 */
.ref-site-root .section-header-row.section-header-between{
    justify-content: space-between;
}
.ref-site-root .section-more-link{
    font-size: 15px;
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: none;
    transition: all var(--transition);
}
.ref-site-root .section-more-link:hover{
    color: var(--color-primary-dark);
}
.ref-site-root .case-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border);
}
.ref-site-root .case-card .case-image{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: var(--color-bg);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ref-site-root .case-card .case-image img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .case-card .case-image img[src=""], .ref-site-root .case-card .case-image img:not([src]){
    display: none;
}
.ref-site-root .case-card .case-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13,43,94,0.3) 0%, rgba(13,43,94,0.75) 100%);
    z-index: 1;
}
.ref-site-root .case-card .case-badge{
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: rgba(0,0,0,0.45);
    padding: 4px 12px;
    border-radius: 100px;
    z-index: 2;
}
.ref-site-root .case-card .case-title{
    font-size: 17px;
    font-weight: 700;
    padding: 0 16px 6px;
    color: #fff;
    line-height: 1.4;
    position: relative;
    z-index: 2;
}
.ref-site-root .case-card .case-desc{
    font-size: 12px;
    color: rgba(255,255,255,0.85);
    padding: 0 16px 14px;
    line-height: 1.5;
    position: relative;
    z-index: 2;
}
.ref-site-root .case-card-more{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f5;
    min-height: 300px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}
.ref-site-root .case-more-card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: #f0f2f5;
    min-height: 300px;
    border-radius: var(--radius-lg);
    padding: 32px;
    gap: 14px;
    border: 1px solid var(--color-border);
}
.ref-site-root .case-more-card a{
    color: var(--color-primary);
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    display: block;
}
.ref-site-root .case-more-card a:hover{
    color: var(--color-primary-dark);
}
.ref-site-root .case-card-more a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: var(--color-primary);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

/* 新闻网格 */
.ref-site-root .news-grid-6{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ref-site-root .news-grid-5{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.ref-site-root .news-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border);
}
.ref-site-root .news-card .news-image{
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: var(--color-bg);
}
.ref-site-root .news-card .news-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .news-card .news-image img[src=""], .ref-site-root .news-card .news-image img:not([src]){
    display: none;
}
.ref-site-root .news-card .news-content{
    padding: 20px;
}
.ref-site-root .news-tag{
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 12px;
}
.ref-site-root .news-tag-compare{
    background: #fff3e0;
    color: #f57c00;
}
.ref-site-root .news-tag-planting{
    background: #e8f5e9;
    color: var(--color-secondary);
}
.ref-site-root .news-tag-health{
    background: #e3f2fd;
    color: #1976d2;
}
.ref-site-root .news-tag-breeding{
    background: #f3e5f5;
    color: #7b1fa2;
}
.ref-site-root .news-tag-company{
    background: #fce4ec;
    color: #c2185b;
}
.ref-site-root .news-tag-industry{
    background: #e0f2f1;
    color: #00796b;
}
.ref-site-root .news-more-card{
    background: #f0f2f5;
    color: #1259B5;
    border-radius: var(--radius-lg);
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 300px;
    border: 1px solid var(--color-border);
}
.ref-site-root .news-more-card h3{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #1259B5;
}
.ref-site-root .news-more-card p{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 32px;
}
.ref-site-root .news-more-card .btn{
    margin-top: auto;
    background: #1A5FB4;
    color: #fff;
    padding: 12px 32px;
}
.ref-site-root .news-more-card .btn:hover{
    background: #1d4f9e;
    color: #fff;
}

/* 关于我们头部 */
.ref-site-root .about-header{
    text-align: center;
    margin-bottom: 48px;
}
.ref-site-root .about-header .section-title{
    margin-bottom: 16px;
}

/* 关于我们新布局 */
.ref-site-root .about-grid-new{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}
.ref-site-root .about-title-group{
    margin-bottom: 16px;
}
.ref-site-root .about-small-title{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #1259B5;
    margin-bottom: 8px;
}
.ref-site-root .about-main-title{
    font-size: 36px;
    font-weight: 700;
    color: #1259B5;
    margin: 0;
    line-height: 1.3;
}
.ref-site-root .about-text-new{
    font-size: 15px;
    color: var(--color-muted);
    line-height: 1.8;
    margin-bottom: 20px;
}
.ref-site-root .about-stats-new{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}
.ref-site-root .about-stat-new{
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ref-site-root .stat-number-new{
    font-size: 28px;
    font-weight: 700;
    color: #1259B5;
    margin-bottom: 4px;
}
.ref-site-root .stat-label-new{
    font-size: 14px;
    color: var(--color-muted);
}
.ref-site-root .about-learn-more{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: #1259B5;
    color: #fff;
    border-radius: var(--radius-md);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all var(--transition);
}
.ref-site-root .about-learn-more:hover{
    background: #0f2a5e;
    transform: translateY(-2px);
}
.ref-site-root .about-right-collage{
    position: relative;
}
.ref-site-root .about-right-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ref-site-root .about-right-image img{
    width: auto;
    height: 550px;
    border-radius: var(--radius-lg);
}
.ref-site-root .collage-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 200px 160px 160px 160px;
    gap: 12px;
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.ref-site-root .collage-item{
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--color-bg);
    min-height: 0;
}
.ref-site-root .collage-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
}
.ref-site-root .collage-item:hover img{
    transform: scale(1.05);
}
.ref-site-root .collage-large{
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.ref-site-root .about-subtitle{
    font-size: 18px;
    color: var(--color-muted);
    margin-top: 16px;
    margin-bottom: 0;
}
.ref-site-root .trust-tags{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 24px 0;
}
.ref-site-root .about-trust-tags{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 24px 0;
}
.ref-site-root .trust-tag{
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.ref-site-root .trust-tag-green{
    background: #e8f5e9;
    color: var(--color-secondary);
}
.ref-site-root .trust-tag-blue{
    background: var(--color-primary-light);
    color: var(--color-primary);
}
.ref-site-root .trust-tag-orange{
    background: #fff3e0;
    color: #f57c00;
}
.ref-site-root .trust-tag-purple{
    background: #f3e5f5;
    color: #7b1fa2;
}

/* 服务卡片 */
.ref-site-root .business-service-card{
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 32px 24px;
    text-align: center;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--color-border);
}
.ref-site-root .service-icon{
    font-size: 32px;
    margin-bottom: 16px;
    min-height: 32px;
}
.ref-site-root .service-icon:empty{
    display: none;
}
.ref-site-root .service-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #1259B5;
}
.ref-site-root .service-desc{
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 20px;
    flex-grow: 1;
}

/* 章节说明 */
.ref-site-root .section-note{
    text-align: center;
    font-size: 14px;
    color: var(--color-muted);
    margin-top: 32px;
    font-style: italic;
    padding: 0 20px;
}

/* 响应式调整 */
@media (max-width: 1024px) {
    .business-layout,
.ref-site-root .product-system-layout{
        flex-direction: column;
    }
    .business-sidebar,
.ref-site-root .product-system-sidebar{
        writing-mode: horizontal-tb;
        flex-direction: row;
        justify-content: center;
        min-width: auto;
        padding: 20px;
    }
.ref-site-root .sidebar-label{
        writing-mode: horizontal-tb;
        letter-spacing: 2px;
    }
    .faq-grid-2,
.ref-site-root .faq-grid-3{
        grid-template-columns: 1fr;
    }
    .advantages-grid-3,
.ref-site-root .advantages-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
    .trust-anchors-3,
.ref-site-root .trust-anchors-5{
        grid-template-columns: repeat(3, 1fr);
    }
.ref-site-root .products-grid-6{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .business-grid-6{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .cases-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .cases-grid-6{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .news-grid-6{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .news-grid-5{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .faq-grid-2{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .faq-grid-2,
.ref-site-root .faq-grid-3{
        grid-template-columns: 1fr;
    }
    .advantages-grid-3,
.ref-site-root .advantages-grid-4{
        grid-template-columns: 1fr;
    }
    .trust-anchors-3,
.ref-site-root .trust-anchors-5{
        grid-template-columns: 1fr;
    }
    .products-grid-3,
    .products-grid-6,
.ref-site-root .business-grid-6{
        grid-template-columns: 1fr;
    }
    .cases-grid-3,
.ref-site-root .cases-grid-4,
.ref-site-root .cases-grid-6{
        grid-template-columns: 1fr;
    }
.ref-site-root .news-grid-6{
        grid-template-columns: 1fr;
    }
.ref-site-root .news-grid-5{
        grid-template-columns: 1fr;
    }
.ref-site-root .about-grid-new{
        grid-template-columns: 1fr;
        gap: 32px;
    }
.ref-site-root .about-main-title{
        font-size: 26px;
    }
.ref-site-root .about-right-image img{
        width: 100%;
        height: auto;
    }
.ref-site-root .about-stats-new{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .collage-grid{
        grid-template-rows: 160px 160px 120px 120px 120px;
    }
.ref-site-root .cta-box{
        flex-direction: column;
        text-align: center;
        padding: 32px 24px;
    }
.ref-site-root .cta-box-actions{
        flex-direction: column;
        width: 100%;
    }
.ref-site-root .cta-box-actions .btn{
        width: 100%;
    }
.ref-site-root .footer-main{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .footer-col-social{
        grid-column: 1 / -1;
        justify-content: center;
    }
}

/* ===== 关于页发展历程：竖向排版（年份上、卡片下）===== */
.ref-site-root .section-about-timeline{
    background: #f8f9fb;
    padding: 60px 0;
}

.ref-site-root .section-about-timeline .section-title{
    color: #2466C8;
    font-weight: 700;
    text-align: center;
}

 首页 hero 文字可读性保障 ===== */
.ref-site-root .hero {
    background: transparent;
}

.ref-site-root .hero-bg-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ref-site-root .hero .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ref-site-root .hero-panel-content {
    position: relative;
    z-index: 2;
}


/* ===== 首页常见问题卡片高度缩减 ===== */
.ref-site-root .faq-column{
    padding: 20px;
}

.ref-site-root .faq-column-title{
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.ref-site-root .faq-list{
    gap: 0;
}

.ref-site-root .faq-grid-3 .faq-item{
    padding: 12px 14px;
    margin-bottom: 8px;
    border-radius: 10px;
}

.ref-site-root .faq-grid-3 .faq-question{
    padding: 10px 0;
    font-size: 15px;
}

.ref-site-root .faq-more-link{
    margin-top: 10px;
    font-size: 14px;
}


/* ===== 内页 Banner 文案居中展示 ===== */
.ref-site-root .page-hero .container{
    justify-content: center;
}

.ref-site-root .page-hero-content{
    margin: 0 auto;
    text-align: center;
    max-width: 760px;
}

.ref-site-root .page-hero-title,
.ref-site-root .page-hero-subtitle,
.ref-site-root .page-hero-desc{
    text-align: center;
}

.ref-site-root .page-hero-tag{
    margin-left: auto;
    margin-right: auto;
}

/* 内页 hero 操作按钮组居中（种植/养殖/补硒页的"获取方案/联系厂家"按钮） */
.ref-site-root .page-hero-content .hero-actions{
    justify-content: center;
}


/* ===== 内页 Banner 文案居中展示（案例页 pc-hero）===== */
.ref-site-root .pc-hero .container{
    justify-content: center;
}

.ref-site-root .pc-hero-inner{
    margin: 0 auto;
    text-align: center;
    max-width: 820px;
}

.ref-site-root .pc-hero-title,
.ref-site-root .pc-hero-subtitle{
    text-align: center;
}

.ref-site-root .pc-hero-tag{
    margin-left: auto;
    margin-right: auto;
}

.ref-site-root .pc-hero-trust{
    justify-content: center;
}


/* ===== 按作物选方案：一行4个卡片，两行排列 ===== */
.ref-site-root .categories-grid-4{
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* 平板：2列；手机：1列 */
@media (max-width: 1024px){
    .ref-site-root .categories-grid-4{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px){
    .ref-site-root .categories-grid-4{
        grid-template-columns: 1fr;
    }
}


/* ===== 常见富硒种植问题：卡片式布局，左右留白统一 ===== */
.ref-site-root .faq-grid-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 100%;
}

.ref-site-root .faq-grid-2 .faq-item{
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
}

.ref-site-root .faq-grid-2 .faq-item:hover{
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.ref-site-root .faq-grid-2 .faq-question-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin-bottom: 14px;
    line-height: 1.5;
}

.ref-site-root .faq-grid-2 .faq-answer-text{
    font-size: 14px;
    color: #6b7280;
    line-height: 1.7;
    margin: 0;
}

/* 查看更多卡片 */
.ref-site-root .faq-grid-2 .faq-more-item{
    background: #f8f9fb;
    border-radius: 12px;
    padding: 28px 32px;
    border: 1px solid #e8ecf1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
}

.ref-site-root .faq-grid-2 .faq-more-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #2466C8;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.ref-site-root .faq-grid-2 .faq-more-link:hover{
    color: #144a8a;
}

.ref-site-root .faq-grid-2 .faq-more-link svg{
    width: 36px;
    height: 36px;
    color: #2466C8;
}

/* 移动端：单列 */
@media (max-width: 768px){
    .ref-site-root .faq-grid-2{
        grid-template-columns: 1fr;
    }
    .ref-site-root .faq-grid-2 .faq-item{
        padding: 20px 24px;
    }
}


/* ===== 成功案例：参考图一比一还原 ===== */
.ref-site-root .cases-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .cases-grid-3 .case-card{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
}

.ref-site-root .cases-grid-3 .case-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .cases-grid-3 .case-image{
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f5f7fa;
    flex-shrink: 0;
}

.ref-site-root .cases-grid-3 .case-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card:hover .case-image img{
    transform: scale(1.05);
}

.ref-site-root .cases-grid-3 .case-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 0;
    padding: 18px 20px 10px;
    line-height: 1.4;
}

.ref-site-root .cases-grid-3 .case-desc{
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    padding: 0 20px 20px;
    line-height: 1.6;
    flex-grow: 1;
}

/* 查看更多案例卡片 */
.ref-site-root .cases-grid-3 .case-card-more{
    background: #f8f9fb;
    border-radius: 8px;
    border: 1px solid #e8ecf1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    transition: all 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card-more:hover{
    background: #f0f2f5;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.ref-site-root .cases-grid-3 .case-card-more a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #2466C8;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card-more a:hover{
    color: #144a8a;
}

.ref-site-root .cases-grid-3 .case-card-more svg{
    width: 32px;
    height: 32px;
    color: #2466C8;
}

/* 移动端：单列 */
@media (max-width: 768px){
    .ref-site-root .cases-grid-3{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .ref-site-root .cases-grid-3 .case-image{
        height: 200px;
    }
    .ref-site-root .cases-grid-3 .case-card-more{
        min-height: 280px;
    }
}
/* =====/* ===== 成功案例：卡片式布局（参考图排版）===== */
.ref-site-root .cases-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.ref-site-root .cases-grid-3 .case-card{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    border: 1px solid #e8ecf1;
    display: flex;
    flex-direction: column;
}

.ref-site-root .cases-grid-3 .case-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .cases-grid-3 .case-image{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f5f7fa;
    flex-shrink: 0;
}

.ref-site-root .cases-grid-3 .case-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card:hover .case-image img{
    transform: scale(1.05);
}

.ref-site-root .cases-grid-3 .case-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 0;
    padding: 20px 20px 12px;
    line-height: 1.4;
}

.ref-site-root .cases-grid-3 .case-desc{
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    padding: 0 20px 22px;
    line-height: 1.6;
    flex-grow: 1;
}

/* 查看更多案例卡片 */
.ref-site-root .cases-grid-3 .case-card-more{
    background: #f8f9fb;
    border-radius: 8px;
    border: 1px solid #e8ecf1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 320px;
    transition: all 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card-more:hover{
    background: #f0f2f5;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.ref-site-root .cases-grid-3 .case-card-more a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #2466C8;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card-more a:hover{
    color: #144a8a;
}

.ref-site-root .cases-grid-3 .case-card-more svg{
    width: 32px;
    height: 32px;
    color: #2466C8;
}

/* 移动端：单列 */
@media (max-width: 768px){
    .ref-site-root .cases-grid-3{
        grid-template-columns: 1fr;
    }
}


/* ===== 成功案例：参考图一比一还原（最终版）===== */
.ref-site-root .cases-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .cases-grid-3 .case-card{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
}

.ref-site-root .cases-grid-3 .case-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .cases-grid-3 .case-image{
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #f5f7fa;
    flex-shrink: 0;
}

.ref-site-root .cases-grid-3 .case-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card:hover .case-image img{
    transform: scale(1.05);
}

.ref-site-root .cases-grid-3 .case-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 0;
    padding: 18px 20px 10px;
    line-height: 1.4;
}

.ref-site-root .cases-grid-3 .case-desc{
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    padding: 0 20px 20px;
    line-height: 1.6;
    flex-grow: 1;
}

/* 查看更多案例卡片 */
.ref-site-root .cases-grid-3 .case-card-more{
    background: #f8f9fb;
    border-radius: 8px;
    border: 1px solid #e8ecf1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    transition: all 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card-more:hover{
    background: #f0f2f5;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.ref-site-root .cases-grid-3 .case-card-more a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #2466C8;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.ref-site-root .cases-grid-3 .case-card-more a:hover{
    color: #144a8a;
}

.ref-site-root .cases-grid-3 .case-card-more svg{
    width: 32px;
    height: 32px;
    color: #2466C8;
}

/* 移动端：单列 */
@media (max-width: 768px){
    .ref-site-root .cases-grid-3{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .ref-site-root .cases-grid-3 .case-image{
        height: 200px;
    }
    .ref-site-root .cases-grid-3 .case-card-more{
        min-height: 280px;
    }
}


/* ===== 采购与服务板块 ===== */
.ref-site-root .section-purchase-service{
    background: #f8f9fb;
    padding: 80px 0;
}

.ref-site-root .purchase-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .purchase-card{
    background: #fff;
    border-radius: 8px;
    padding: 32px 24px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ref-site-root .purchase-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .purchase-title{
    font-size: 18px;
    font-weight: 700;
    color: #2466C8;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.ref-site-root .purchase-desc{
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 24px 0;
    line-height: 1.6;
    flex-grow: 1;
}

.ref-site-root .purchase-btn{
    display: inline-block;
    padding: 10px 24px;
    background: #2466C8;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.ref-site-root .purchase-btn:hover{
    background: #144a8a;
    color: #fff;
    box-shadow: 0 4px 12px rgba(28,96,180,0.3);
}

/* 移动端：2 列 */
@media (max-width: 768px){
    .ref-site-root .purchase-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .ref-site-root .purchase-card{
        padding: 24px 16px;
    }
}

/* 小屏：1 列 */
@media (max-width: 480px){
    .ref-site-root .purchase-grid{
        grid-template-columns: 1fr;
    }
}


/* ===== 养殖页 banner 文字左对齐 + 顶部 logo 靠左 ===== */
.ref-site-root .page-hero.page-hero-left .container{
    justify-content: flex-start;
}

.ref-site-root .page-hero.page-hero-left .page-hero-content{
    margin: 0;
    text-align: left;
}

.ref-site-root .page-hero.page-hero-left .page-hero-title,
.ref-site-root .page-hero.page-hero-left .page-hero-subtitle,
.ref-site-root .page-hero.page-hero-left .page-hero-desc{
    text-align: left;
}

.ref-site-root .page-hero.page-hero-left .page-hero-tag{
    margin-left: 0;
    margin-right: auto;
}

.ref-site-root .page-hero.page-hero-left .hero-actions{
    justify-content: flex-start;
}


/* ===== 产品体系卡片内边距修复（标题/描述不顶到边缘）===== */
.ref-site-root .products-grid .product-title,
.ref-site-root .product-card .product-title{
    padding: 0 20px;
    margin-top: 20px;
}

.ref-site-root .products-grid .product-desc,
.ref-site-root .product-card .product-desc{
    padding: 0 20px;
}

.ref-site-root .product-card-custom .product-title,
.ref-site-root .product-card-custom .product-desc{
    padding: 0 20px;
}


/* ===== 采购与服务信息板块（/health 页）===== */
.ref-site-root .section-purchase-info{
    background: #fff;
    padding: 80px 0;
}

.ref-site-root .purchase-info-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .purchase-info-card{
    background: #f8f9fb;
    border-radius: 10px;
    padding: 32px 24px;
    text-align: left;
    transition: all 0.3s ease;
    border: 1px solid #e8ecf1;
}

.ref-site-root .purchase-info-card:hover{
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

.ref-site-root .info-icon{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.ref-site-root .info-icon-green{
    background: #2a9d5c;
}

.ref-site-root .info-icon-blue{
    background: #2466C8;
}

.ref-site-root .info-icon-orange{
    background: #e8a838;
}

.ref-site-root .info-icon-red{
    background: #dc3545;
}

.ref-site-root .info-title{
    font-size: 17px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.ref-site-root .info-desc{
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.6;
}

/* 移动端：2 列 */
@media (max-width: 768px){
    .ref-site-root .purchase-info-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .ref-site-root .purchase-info-card{
        padding: 24px 16px;
    }
}

/* 小屏：1 列 */
@media (max-width: 480px){
    .ref-site-root .purchase-info-grid{
        grid-template-columns: 1fr;
    }
}


/* ===== 核心优势配图卡片（/chemical 页）===== */
.ref-site-root .core-advantage-grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .core-advantage-card{
    padding: 0;
    overflow: hidden;
    text-align: left;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    backdrop-filter: none;
}

.ref-site-root .core-advantage-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .core-advantage-image{
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #f5f7fa;
}

.ref-site-root .core-advantage-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ref-site-root .core-advantage-card:hover .core-advantage-image img{
    transform: scale(1.05);
}

.ref-site-root .core-advantage-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 16px 20px 8px;
    line-height: 1.4;
}

.ref-site-root .core-advantage-desc{
    font-size: 13px;
    color: #6b7280;
    margin: 0 20px 20px;
    line-height: 1.6;
}

/* 移动端：2 列 */
@media (max-width: 768px){
    .ref-site-root .core-advantage-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* 小屏：1 列 */
@media (max-width: 480px){
    .ref-site-root .core-advantage-grid{
        grid-template-columns: 1fr;
    }
}


/* ===== 核心优势板块背景改白色（/chemical 页）===== */
.ref-site-root .section-trust:has(.core-advantage-grid){
    background: #fff;
    color: #1259B5;
}

.ref-site-root .section-trust:has(.core-advantage-grid) .section-tag{
    background: var(--color-primary-light);
    color: var(--color-primary);
}

.ref-site-root .section-trust:has(.core-advantage-grid) .section-title{
    color: #1a1a2e;
}


/* ===== 产品参数板块版式优化（/chemical 页，参考图风格）===== */
.ref-site-root .section-params .params-content{
    max-width: 1100px;
    margin: 0 auto;
}

.ref-site-root .section-params .params-table{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    background: #fff;
}

.ref-site-root .section-params .params-table table{
    margin-bottom: 0;
    border-collapse: collapse;
}

.ref-site-root .section-params .params-table th{
    background: #2466C8;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 20px;
}

.ref-site-root .section-params .params-table td{
    padding: 14px 20px;
    border-bottom: 1px solid #eef1f5;
    font-size: 14px;
    color: #333;
}

.ref-site-root .section-params .params-table tbody tr:nth-child(even){
    background: #f8fafc;
}

.ref-site-root .section-params .params-table tbody tr:last-child td{
    border-bottom: none;
}

.ref-site-root .section-params .params-table tr:hover td{
    background: #eef4fb;
}

.ref-site-root .section-params .params-table td:first-child{
    font-weight: 600;
    color: #1a1a2e;
    width: 30%;
}

.ref-site-root .section-params .params-image{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

.ref-site-root .section-params .params-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ===== 应用领域4列配图卡片（/chemical 页，参考图风格）===== */
.ref-site-root .app-area-grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .app-area-card{
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.ref-site-root .app-area-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .app-area-image{
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #f5f7fa;
}

.ref-site-root .app-area-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ref-site-root .app-area-card:hover .app-area-image img{
    transform: scale(1.05);
}

.ref-site-root .app-area-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 18px 20px 8px;
    text-align: center;
    line-height: 1.4;
}

.ref-site-root .app-area-desc{
    font-size: 13px;
    color: #6b7280;
    margin: 0 20px 20px;
    text-align: center;
    line-height: 1.6;
}

/* 移动端：2 列 */
@media (max-width: 768px){
    .ref-site-root .app-area-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* 小屏：1 列 */
@media (max-width: 480px){
    .ref-site-root .app-area-grid{
        grid-template-columns: 1fr;
    }
}


/* ===== 技术成果3列配图卡片（/chemical 页，参考图一）===== */
.ref-site-root .achievement-grid{
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .achievement-card{
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.ref-site-root .achievement-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .achievement-image{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f5f7fa;
}

.ref-site-root .achievement-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ref-site-root .achievement-card:hover .achievement-image img{
    transform: scale(1.05);
}

.ref-site-root .achievement-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 18px 20px 8px;
    line-height: 1.4;
}

.ref-site-root .achievement-desc{
    font-size: 13px;
    color: #6b7280;
    margin: 0 20px 20px;
    line-height: 1.6;
}

/* ===== 包装与储运4列卡片（/chemical 页，参考图二）===== */
.ref-site-root .packaging-grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ref-site-root .packaging-card{
    padding: 36px 24px;
    border-radius: 10px;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    text-align: center;
}

.ref-site-root .packaging-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-4px);
}

.ref-site-root .packaging-card-blue{
    background: #eef4fb;
}

.ref-site-root .packaging-card-gray{
    background: #f4f6f8;
}

.ref-site-root .packaging-icon{
    font-size: 36px;
    margin-bottom: 16px;
}

.ref-site-root .packaging-title{
    font-size: 17px;
    font-weight: 700;
    color: #2466C8;
    margin: 0 0 10px 0;
}

.ref-site-root .packaging-desc{
    font-size: 13px;
    color: #6b7280;
    margin: 0;
    line-height: 1.6;
}

/* 移动端响应式 */
@media (max-width: 768px){
    .ref-site-root .achievement-grid,
    .ref-site-root .packaging-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}
@media (max-width: 480px){
    .ref-site-root .achievement-grid,
    .ref-site-root .packaging-grid{
        grid-template-columns: 1fr;
    }
}


/* ===== 知识库热门标签云优化（参考图：热门对比高亮 + 字号分级 + 点击筛选）===== */
.ref-site-root .sidebar-section{
    background: #fff;
    border-radius: 10px;
    padding: 24px 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #e8ecf1;
}

.ref-site-root .sidebar-title{
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eef1f5;
}

.ref-site-root .tag-cloud{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* 热门对比：品牌色实底高亮，字号最大，固定显示 */
.ref-site-root .tag-cloud-item.tag-hot{
    background: #2466C8;
    color: #fff;
    border-color: #2466C8;
    font-size: 17px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 100px;
}

.ref-site-root .tag-cloud-item.tag-hot:hover{
    background: #144a8a;
    border-color: #144a8a;
    color: #fff;
}

/* 常规标签胶囊 */
.ref-site-root .tag-cloud-item{
    background: #f4f6f8;
    border: 1px solid #e8ecf1;
    border-radius: 100px;
    color: #4a5568;
    transition: all 0.2s ease;
}

.ref-site-root .tag-cloud-item:hover{
    background: #eef4fb;
    border-color: #2466C8;
    color: #2466C8;
    transform: translateY(-1px);
}

/* 标签点击激活态 */
.ref-site-root .tag-cloud-item.active{
    background: #2466C8;
    color: #fff;
    border-color: #2466C8;
}

/* 字号分级（文章越多字号越大） */
.ref-site-root .tag-cloud-item.tag-xlarge{
    font-size: 17px;
    font-weight: 600;
}
.ref-site-root .tag-cloud-item.tag-large{
    font-size: 15px;
    font-weight: 500;
}
.ref-site-root .tag-cloud-item.tag-medium{
    font-size: 14px;
}
.ref-site-root .tag-cloud-item.tag-small{
    font-size: 12px;
}


/* ===== 关于页发展历程：横向时间轴（参考图）===== */
.ref-site-root .timeline-horizontal{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: 50px 0 30px;
    max-width: 1100px;
    margin: 0 auto;
}

/* 中间连接线 */
.ref-site-root .timeline-horizontal::before{
    content: '';
    position: absolute;
    top: 34px;
    left: 5%;
    right: 5%;
    height: 3px;
    background: linear-gradient(90deg, #2466C8 0%, #2a9d5c 100%);
    border-radius: 2px;
}

.ref-site-root .timeline-horizontal .timeline-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    z-index: 1;
    padding: 0 10px;
}

/* 节点圆点 */
.ref-site-root .timeline-horizontal .timeline-item::before{
    content: '';
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #2466C8;
    box-shadow: 0 2px 6px rgba(28,96,180,0.3);
}

/* 年份 */
.ref-site-root .timeline-horizontal .timeline-year{
    width: 64px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2466C8;
    color: #fff;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    box-shadow: 0 3px 10px rgba(28,96,180,0.25);
    position: relative;
    z-index: 2;
}

/* 内容 */
.ref-site-root .timeline-horizontal .timeline-content{
    text-align: center;
    padding: 0 6px;
}

.ref-site-root .timeline-horizontal .timeline-content h4{
    font-size: 15px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
    line-height: 1.4;
}

.ref-site-root .timeline-horizontal .timeline-content p{
    font-size: 12px;
    color: #6b7280;
    line-height: 1.6;
}

/* 移动端：纵向排列 */
@media (max-width: 768px){
    .ref-site-root .timeline-horizontal{
        flex-direction: column;
        gap: 24px;
        padding-left: 30px;
    }
    .ref-site-root .timeline-horizontal::before{
        left: 12px;
        top: 0;
        bottom: 0;
        width: 3px;
        height: auto;
        background: linear-gradient(180deg, #2466C8 0%, #2a9d5c 100%);
    }
    .ref-site-root .timeline-horizontal .timeline-item{
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }
    .ref-site-root .timeline-horizontal .timeline-item::before{
        left: -25px;
        top: 8px;
        transform: none;
    }
    .ref-site-root .timeline-horizontal .timeline-year{
        margin-bottom: 0;
        flex-shrink: 0;
    }
    .ref-site-root .timeline-horizontal .timeline-content{
        text-align: left;
    }
}


/* ===== 关于页发展历程：纵向时间轴（参考图一比一还原）===== */
.ref-site-root .timeline-vertical{
    position: relative;
    max-width: 860px;
    margin: 0 auto;
    padding: 30px 0 10px;
}

/* 左侧竖直主线 */
.ref-site-root .timeline-vertical::before{
    content: '';
    position: absolute;
    left: 60px;
    top: 10px;
    bottom: 10px;
    width: 3px;
    background: linear-gradient(180deg, #2466C8 0%, #2a9d5c 100%);
    border-radius: 2px;
}

.ref-site-root .timeline-vertical .timeline-item{
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 0 0 40px 0;
    min-height: 90px;
}

.ref-site-root .timeline-vertical .timeline-item:last-child{
    padding-bottom: 0;
}

/* 节点圆点 */
.ref-site-root .timeline-vertical .timeline-item::before{
    content: '';
    position: absolute;
    left: 60px;
    top: 8px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #2466C8;
    box-shadow: 0 0 0 3px rgba(28,96,180,0.15);
    z-index: 2;
}

/* 年份标签（左侧，紧贴主线） */
.ref-site-root .timeline-vertical .timeline-year{
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    font-weight: 700;
    color: #2466C8;
    text-align: right;
    padding-right: 16px;
    line-height: 1.4;
    white-space: nowrap;
}

/* 内容（右侧） */
.ref-site-root .timeline-vertical .timeline-content{
    margin-left: 96px;
    padding: 0;
}

.ref-site-root .timeline-vertical .timeline-content h4{
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 6px;
    line-height: 1.4;
}

.ref-site-root .timeline-vertical .timeline-content p{
    font-size: 13px;
    color: #6b7280;
    line-height: 1.7;
    margin: 0;
}

/* 移动端适配 */
@media (max-width: 600px){
    .ref-site-root .timeline-vertical::before{
        left: 28px;
    }
    .ref-site-root .timeline-vertical .timeline-item::before{
        left: 28px;
    }
    .ref-site-root .timeline-vertical .timeline-year{
        width: 24px;
        font-size: 12px;
        padding-right: 10px;
    }
    .ref-site-root .timeline-vertical .timeline-content{
        margin-left: 56px;
    }
}


/* ===== 关于页发展历程：年份+白色卡片（现代简约商务风）===== */

/* ===== 发展历程标题：深蓝粗体居中 ===== */
.ref-site-root .section-about-timeline .section-title{
    color: #2466C8;
    font-weight: 700;
    text-align: center;
}


/* ===== 关于页发展历程：参考图一比一（左蓝紫胶囊年份 + 右白色卡片，纵向排列）===== */
.ref-site-root .section-about-timeline{
    background: #f8f9fb;
    padding: 60px 0;
}

.ref-site-root .section-about-timeline .section-title{
    color: #2466C8;
    font-weight: 700;
    text-align: center;
}

/* 时间轴容器：纵向排列，最大宽度 */
.ref-site-root .timeline-years{
    display: block;          /* 覆盖 .timeline 的 display:flex，纵向排列 */
    max-width: 720px;
    margin: 0 auto;
    padding: 10px 0 0;
}

/* 覆盖 .timeline::before 横向连接线（不需要） */
.ref-site-root .timeline-years::before{
    display: none;
}

/* 每个节点：一行 = 左侧胶囊 + 右侧卡片 */
.ref-site-root .timeline-years .timeline-item{
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 0 0 26px 0;
    position: relative;
}

.ref-site-root .timeline-years .timeline-item:last-child{
    padding-bottom: 0;
}

/* 左侧：蓝紫渐变胶囊年份（白字） */
.ref-site-root .timeline-years .timeline-year{
    flex-shrink: 0;
    width: 54px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2466C8 0%, #5e8ee6 50%, #9a8ce0 100%);
    color: #fff;
    border-radius: 13px 0 0 13px;   /* 左侧圆角，右侧直角贴合卡片 */
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 18px;                /* 与卡片标题行对齐 */
    margin-right: 0;                 /* 贴合卡片左边缘 */
    position: relative;
    z-index: 2;
    box-shadow: -2px 2px 8px rgba(18,136,231,0.28);
}

/* 右侧：白色圆角卡片 */
.ref-site-root .timeline-years .timeline-content{
    flex: 1 1 0;
    min-width: 0;
    width: 100%;           /* 卡片占满剩余空间，所有卡片等宽 */
    background: #fff;
    border: 1px solid #eceef1;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    padding: 18px 24px;
    text-align: left;      /* 覆盖原始 .timeline-content 的 center */
    transition: box-shadow 0.3s ease;
}

.ref-site-root .timeline-years .timeline-content:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* 卡片标题：深蓝黑粗体 */
.ref-site-root .timeline-years .timeline-content h4{
    font-size: 16px;
    font-weight: 700;
    color: #1d3a5f;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

/* 卡片描述：灰色常规体 */
.ref-site-root .timeline-years .timeline-content p{
    font-size: 14px;
    color: #7a7f8a;
    line-height: 1.7;
    margin: 0;
}

/* 移动端 */
@media (max-width: 600px){
    .ref-site-root .timeline-years .timeline-item{
        flex-direction: column;
        gap: 10px;
    }
    .ref-site-root .timeline-years .timeline-year{
        margin-top: 0;
        margin-right: 0;
    }
}


/* ===== 定制产品和服务卡片：改为 #2665C4 ===== */
.ref-site-root .business-card-custom{
    background: linear-gradient(135deg, #2665C4, #1d4f9e);
}

/* ===== About Page Redesign ===== */

/* 1. Hero Banner */
.ref-site-root .about-hero{
    background: linear-gradient(135deg, #1a5fb4 0%, #2478d4 50%, #3588e0 100%);
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 72px;
}
.ref-site-root .about-hero-content{
    max-width: 800px;
    margin: 0 auto;
}
.ref-site-root .about-hero-title{
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 16px;
    line-height: 1.2;
}
.ref-site-root .about-hero-subtitle{
    font-size: 24px;
    color: rgba(255,255,255,0.95);
    margin: 0 0 12px;
    font-weight: 500;
}
.ref-site-root .about-hero-desc{
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    margin: 0;
}

/* 2. 公司概况 */
.ref-site-root .about-overview{
    padding: 64px 0;
    background: #fff;
}
.ref-site-root .about-overview-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}
.ref-site-root .about-company-photo{
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.ref-site-root .about-company-photo img{
    width: 100%;
    height: auto;
    display: block;
}
.ref-site-root .about-photo-caption{
    text-align: center;
    font-size: 14px;
    color: var(--color-muted);
    margin-top: 12px;
}
.ref-site-root .about-section-title{
    font-size: 28px;
    font-weight: 700;
    color: #1a5fb4;
    margin: 0 0 20px;
}
.ref-site-root .about-desc-text{
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    margin: 0 0 24px;
}
.ref-site-root .about-features-row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.ref-site-root .about-feature-item{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #f8f9fb;
    border-radius: 8px;
}
.ref-site-root .about-feature-icon{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.ref-site-root .about-feature-icon-blue{
    background: #e8f0fe;
    color: #1a5fb4;
}
.ref-site-root .about-feature-text{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ref-site-root .about-feature-text strong{
    font-size: 14px;
    font-weight: 600;
    color: #1a3a6b;
}
.ref-site-root .about-feature-text span{
    font-size: 12px;
    color: var(--color-muted);
}
.ref-site-root .about-stats-row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.ref-site-root .about-stat-card{
    text-align: center;
    padding: 20px 12px;
    background: #f8f9fb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ref-site-root .about-stat-num{
    font-size: 28px;
    font-weight: 700;
}
.ref-site-root .about-stat-green{
    color: #2d8a4e;
}
.ref-site-root .about-stat-label{
    font-size: 13px;
    color: var(--color-muted);
}

/* 3. 科研团队与实力 */
.ref-site-root .about-team{
    padding: 64px 0;
    background: #f8f9fb;
}
.ref-site-root .about-center-title{
    font-size: 32px;
    font-weight: 700;
    color: #1a3a6b;
    text-align: center;
    margin: 0 0 40px;
}
.ref-site-root .about-team-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}
.ref-site-root .about-team-photo{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.ref-site-root .about-team-photo img{
    width: 100%;
    height: 410px;
    object-fit: cover;
    display: block;
}
.ref-site-root .about-team-photo-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    gap: 12px;
    padding: 16px;
}
.ref-site-root .team-stat-badge{
    flex: 1;
    background: rgba(255,255,255,0.95);
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #1a3a6b;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.ref-site-root .about-honor-box{
    background: #fff;
    border: 2px dashed #1a5fb4;
    border-radius: 12px;
    padding: 32px;
}
.ref-site-root .about-honor-title{
    font-size: 20px;
    font-weight: 700;
    color: #1a5fb4;
    text-align: center;
    margin: 0 0 24px;
}
.ref-site-root .about-honor-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ref-site-root .about-honor-list li{
    font-size: 15px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ref-site-root .honor-ribbon{
    font-size: 16px;
}

/* 4. 检测与品质保障 + 发展历程 */
.ref-site-root .about-quality-timeline{
    padding: 64px 0;
    background: #f5f6f8;
}
.ref-site-root .about-qt-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.ref-site-root .about-quality-card,
.ref-site-root .about-timeline-card{
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.ref-site-root .about-qt-header{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}
.ref-site-root .about-qt-header h3{
    font-size: 22px;
    font-weight: 700;
    color: #1a3a6b;
    margin: 0;
}
.ref-site-root .about-qt-icon{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}
.ref-site-root .about-qt-icon-orange{
    background: #fff3e0;
    color: #e8772e;
}
.ref-site-root .about-qt-icon-purple{
    background: #f3e8ff;
    color: #7b5ea7;
}
.ref-site-root .quality-photo-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 20px;
}
.ref-site-root .quality-photo-grid img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
}
.ref-site-root .about-quality-desc{
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.ref-site-root .about-quality-desc::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e8772e;
    flex-shrink: 0;
    margin-top: 7px;
}
.ref-site-root .about-timeline-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ref-site-root .about-timeline-list li{
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 15px;
    color: #555;
}
.ref-site-root .timeline-dot{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1a5fb4;
    flex-shrink: 0;
}
.ref-site-root .timeline-year{
    font-weight: 700;
    color: #1a5fb4;
    min-width: 44px;
    font-size: 16px;
}
.ref-site-root .timeline-text{
    color: #555;
    font-size: 15px;
}

/* 5. 核心技术壁垒 */
.ref-site-root .about-tech{
    padding: 64px 0;
    background: #f8f9fb;
}
.ref-site-root .about-tech-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}
.ref-site-root .about-tech-left{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ref-site-root .about-tech-item{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e8ecf1;
}
.ref-site-root .about-tech-icon{
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.ref-site-root .about-tech-icon-blue{
    background: #e8f0fe;
    color: #1a5fb4;
}
.ref-site-root .about-tech-icon-green{
    background: #e8f5e9;
    color: #2d8a4e;
}
.ref-site-root .about-tech-icon-orange{
    background: #fff3e0;
    color: #e8772e;
}
.ref-site-root .about-tech-text h4{
    font-size: 16px;
    font-weight: 700;
    color: #1a3a6b;
    margin: 0 0 6px;
}
.ref-site-root .about-tech-text p{
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}
.ref-site-root .about-tech-right img{
    width: 100%;
    height: 329px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* 6. 五大业务领域 */
.ref-site-root .about-business{
    padding: 64px 0;
    background: #f5f6f8;
}
.ref-site-root .about-business-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}
.ref-site-root .about-business-diagram{
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    max-width: 500px;
    margin: 0 auto;
}

/* 中心圆 */
.ref-site-root .biz-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background: #1a5fb4;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
    box-shadow: 0 6px 24px rgba(26,95,180,0.35);
}
.ref-site-root .biz-center-title{
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
}
.ref-site-root .biz-center-en{
    font-size: 11px;
    font-weight: 400;
    opacity: 0.75;
    letter-spacing: 2px;
    margin-top: 4px;
}

/* 轨道圆通用 */
.ref-site-root .biz-orbit{
    position: absolute;
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px 18px 18px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transform: translate(-50%, -50%);
    gap: 6px;
    z-index: 1;
}
.ref-site-root .biz-orbit-icon{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.ref-site-root .biz-icon-gray{
    background: #f5f5f5;
}
.ref-site-root .biz-icon-green{
    background: #e8f5e9;
}
.ref-site-root .biz-icon-blue{
    background: #e3f2fd;
}
.ref-site-root .biz-icon-orange{
    background: #fff3e0;
}
.ref-site-root .biz-icon-purple{
    background: #f3e8ff;
}
.ref-site-root .biz-orbit-title{
    font-size: 16px;
    font-weight: 700;
    color: #1a3a6b;
    line-height: 1.3;
}
.ref-site-root .biz-orbit-desc{
    font-size: 13px;
    color: #888;
    line-height: 1.3;
}

/* 五边形位置 - 精确间距还原 */
.ref-site-root .biz-orbit-top{
    top: 18%;
    left: 50%;
}
.ref-site-root .biz-orbit-tr{
    top: 38%;
    left: 82%;
}
.ref-site-root .biz-orbit-br{
    top: 75%;
    left: 68%;
}
.ref-site-root .biz-orbit-bl{
    top: 75%;
    left: 32%;
}
.ref-site-root .biz-orbit-tl{
    top: 38%;
    left: 18%;
}

.ref-site-root .about-business-photo img{
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* 7. 乡村振兴与社会责任 */
.ref-site-root .about-rural{
    padding: 64px 0;
    background: #f8f9fb;
}
.ref-site-root .about-center-subtitle{
    text-align: center;
    font-size: 16px;
    color: var(--color-muted);
    margin: -24px 0 40px;
}
.ref-site-root .about-rural-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ref-site-root .about-rural-card{
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e8ecf1;
}
.ref-site-root .rural-card-img{
    height: 200px;
    overflow: hidden;
}
.ref-site-root .rural-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .rural-card-body{
    padding: 20px;
}
.ref-site-root .rural-card-body h4{
    font-size: 18px;
    font-weight: 700;
    color: #1a3a6b;
    margin: 0 0 12px;
}
.ref-site-root .rural-card-features{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ref-site-root .rural-card-features li{
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ref-site-root .feature-check-icon{
    font-size: 14px;
}

/* 8. 资质荣誉 */
.ref-site-root .about-honors{
    padding: 64px 0;
    background: #fff;
}
.ref-site-root .about-honors-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.ref-site-root .honor-card{
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e8ecf1;
    text-align: center;
}
.ref-site-root .honor-card-img{
    height: 140px;
    overflow: hidden;
}
.ref-site-root .honor-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .honor-card h4{
    font-size: 13px;
    font-weight: 600;
    color: #1a3a6b;
    margin: 12px 8px 4px;
    line-height: 1.4;
}
.ref-site-root .honor-card p{
    font-size: 12px;
    color: var(--color-muted);
    margin: 0 0 12px;
}

/* 9. 合作与应用 */
.ref-site-root .about-cooperation{
    padding: 64px 0;
    background: #f8f9fb;
}
.ref-site-root .about-cooperation-title{
    font-size: 32px;
    font-weight: 700;
    color: #1a5fb4;
    text-align: left;
    margin: 0 0 8px;
}
.ref-site-root .about-cooperation-subtitle{
    font-size: 15px;
    color: var(--color-muted);
    margin: 0 0 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ref-site-root .cooperation-leaf{
    font-size: 18px;
}
.ref-site-root .about-cooperation-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.ref-site-root .coop-card{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e8ecf1;
}
.ref-site-root .coop-card-img{
    height: 120px;
    overflow: hidden;
}
.ref-site-root .coop-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .coop-card p{
    font-size: 12px;
    color: #555;
    padding: 10px;
    margin: 0;
    line-height: 1.4;
    text-align: center;
}

/* About Page Responsive */
@media (max-width: 1024px) {
.ref-site-root .about-overview-layout,
.ref-site-root .about-team-layout,
.ref-site-root .about-qt-layout,
.ref-site-root .about-tech-layout,
.ref-site-root .about-business-layout{
        grid-template-columns: 1fr;
    }
.ref-site-root .about-features-row{
        grid-template-columns: 1fr;
    }
.ref-site-root .about-stats-row{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .about-rural-grid{
        grid-template-columns: 1fr;
    }
.ref-site-root .about-honors-grid{
        grid-template-columns: repeat(3, 1fr);
    }
.ref-site-root .about-cooperation-grid{
        grid-template-columns: repeat(3, 1fr);
    }
.ref-site-root .about-hero-title{
        font-size: 36px;
    }
.ref-site-root .about-hero-subtitle{
        font-size: 20px;
    }
}

@media (max-width: 768px) {
.ref-site-root .about-honors-grid{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .about-cooperation-grid{
        grid-template-columns: repeat(2, 1fr);
    }
.ref-site-root .about-center-title{
        font-size: 24px;
    }
.ref-site-root .about-hero-title{
        font-size: 28px;
    }
}

/* ===== Cases Center Page ===== */
.ref-site-root .section-cases-center{
    background: #f8f9fb;
}
.ref-site-root .cases-center-layout{
    display: flex;
    gap: 32px;
    align-items: flex-start;
}
.ref-site-root .cases-center-list{
    flex: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.ref-site-root .case-center-card{
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s;
}
.ref-site-root .case-center-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.ref-site-root .case-card-img{
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}
.ref-site-root .case-card-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ref-site-root .case-cat-tag{
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 4px;
}
.ref-site-root .case-card-body{
    padding: 16px;
}
.ref-site-root .case-card-title{
    font-size: 16px;
    font-weight: 700;
    color: #1259B5;
    margin: 0 0 8px;
    line-height: 1.4;
}
.ref-site-root .case-card-desc{
    font-size: 14px;
    color: var(--color-muted);
    margin: 0 0 12px;
    line-height: 1.5;
}
.ref-site-root .case-card-features{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ref-site-root .case-card-features li{
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    line-height: 1.5;
}
.ref-site-root .feature-check{
    color: #2d8a4e;
    flex-shrink: 0;
}
.ref-site-root .cases-center-sidebar{
    width: 300px;
    flex-shrink: 0;
    position: sticky;
    top: 90px;
}
.ref-site-root .cases-tag-cloud{
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 24px;
}
.ref-site-root .tag-cloud-title{
    font-size: 16px;
    font-weight: 600;
    color: #1259B5;
    margin: 0 0 16px;
}
.ref-site-root .tag-cloud-items{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ref-site-root .tag-cloud-item{
    cursor: pointer;
    transition: opacity 0.2s;
    line-height: 1.4;
}
.ref-site-root .tag-cloud-item:hover{
    opacity: 0.7;
}
.ref-site-root .cases-load-more{
    text-align: center;
    margin: 32px 0;
}
.ref-site-root .cases-load-more .btn{
    padding: 10px 32px;
    border: 1px solid var(--color-border);
    background: #fff;
    color: #1259B5;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
}
.ref-site-root .cases-load-more .btn:hover{
    background: #f0f4ff;
    border-color: #1259B5;
}
.ref-site-root .cases-page-cta{
    text-align: center;
    padding: 48px 24px;
    background: linear-gradient(135deg, #1259B5 0%, #0f4a9e 100%);
    border-radius: 12px;
    margin-top: 32px;
}
.ref-site-root .cases-page-cta h3{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 12px;
}
.ref-site-root .cases-page-cta p{
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 24px;
}
.ref-site-root .cases-page-cta .btn{
    display: inline-block;
    padding: 14px 32px;
    background: #fff;
    color: #1259B5;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}
.ref-site-root .cases-page-cta .btn:hover{
    background: #f0f4ff;
    transform: translateY(-2px);
}

/* Cases filter tabs - 统一样式 */
.ref-site-root .cases-filter-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.ref-site-root .cases-filter-tab{
    padding: 10px 24px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--font-size-body);
    font-weight: 500;
    color: #1259B5;
    cursor: pointer;
    transition: all var(--transition);
}

.ref-site-root .cases-filter-tab:hover{
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.ref-site-root .cases-filter-tab.active{
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* Cases filter tabs color coding - 分类专属颜色 */
.ref-site-root .cases-filter-tab[data-filter="farming"].active{
    background: #2d8a4e;
    border-color: #2d8a4e;
    color: #fff;
}
.ref-site-root .cases-filter-tab[data-filter="breeding"].active{
    background: #1a6fb5;
    border-color: #1a6fb5;
    color: #fff;
}
.ref-site-root .cases-filter-tab[data-filter="chemical"].active{
    background: #8c8c8c;
    border-color: #8c8c8c;
    color: #fff;
}
.ref-site-root .cases-filter-tab[data-filter="health"].active{
    background: #e8772e;
    border-color: #e8772e;
    color: #fff;
}

/* Page hero stats */
.ref-site-root .page-hero-stats{
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
    justify-content: center;
}
.ref-site-root .hero-stat-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.ref-site-root .hero-stat-num{
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.ref-site-root .hero-stat-label{
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}
.ref-site-root .hero-stat-divider{
    width: 1px;
    height: 40px;
    background: rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
.ref-site-root .cases-center-layout{
        flex-direction: column;
    }
.ref-site-root .cases-center-sidebar{
        width: 100%;
        position: static;
    }
.ref-site-root .cases-center-list{
        grid-template-columns: 1fr;
    }
.ref-site-root .page-hero-stats{
        flex-direction: column;
        gap: 16px;
    }
.ref-site-root .hero-stat-divider{
        width: 60px;
        height: 1px;
    }
}

/* ===== FAQ Center Page ===== */
.ref-site-root .section-faq-center{
    background: #f8f9fb;
}
.ref-site-root .faq-center-layout{
    display: flex;
    gap: 32px;
    align-items: flex-start;
}
.ref-site-root .faq-center-list{
    flex: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.ref-site-root .faq-center-item{
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 20px;
    transition: box-shadow 0.2s;
}
.ref-site-root .faq-center-item:hover{
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.ref-site-root .faq-cat-tag{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 100px;
    margin-bottom: 10px;
}
.ref-site-root .faq-center-q{
    font-size: 14px;
    font-weight: 700;
    color: #1259B5;
    margin: 0 0 0;
    line-height: 1.5;
}
.ref-site-root .faq-center-a{
    font-size: 13px;
    color: #555;
    line-height: 1.7;
    margin-top: 0;
    padding-top: 0;
}
.ref-site-root .faq-center-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}
.ref-site-root .faq-tag{
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    background: #f5f7fa;
    cursor: pointer;
    transition: background 0.2s;
}
.ref-site-root .faq-tag:hover{
    background: #e8edf5;
}
.ref-site-root .faq-center-sidebar{
    width: 300px;
    flex-shrink: 0;
    position: sticky;
    top: 90px;
}
.ref-site-root .faq-tag-cloud{
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 24px;
}
.ref-site-root .tag-cloud-title{
    font-size: 16px;
    font-weight: 600;
    color: #1259B5;
    margin: 0 0 16px;
}
.ref-site-root .tag-cloud-items{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ref-site-root .tag-cloud-item{
    cursor: pointer;
    transition: opacity 0.2s;
    line-height: 1.4;
}
.ref-site-root .tag-cloud-item:hover{
    opacity: 0.7;
}

/* FAQ Pagination */
.ref-site-root .faq-pagination{
    display: flex;
    justify-content: center;
    margin: 32px 0;
}
.ref-site-root .pagination-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ref-site-root .pagination-btn{
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--color-border);
    background: #fff;
    color: #555;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ref-site-root .pagination-btn:hover:not(:disabled){
    background: #f0f4ff;
    border-color: #1259B5;
    color: #1259B5;
}
.ref-site-root .pagination-btn.active{
    background: #1259B5;
    border-color: #1259B5;
    color: #fff;
}
.ref-site-root .pagination-btn:disabled{
    opacity: 0.4;
    cursor: not-allowed;
}
.ref-site-root .pagination-dots{
    color: #999;
    padding: 0 4px;
}
/* Cases & Articles pagination (reuse FAQ pagination styles) */
.ref-site-root .cases-pagination,
.ref-site-root .articles-pagination{
    display: flex;
    justify-content: center;
    margin: 32px 0;
}

/* FAQ filter tabs color coding */
.ref-site-root .faq-filter-tab[data-filter="farming"].active{
    background: #2d8a4e;
    color: #fff;
}
.ref-site-root .faq-filter-tab[data-filter="breeding"].active{
    background: #1a6fb5;
    color: #fff;
}
.ref-site-root .faq-filter-tab[data-filter="health"].active{
    background: #e8772e;
    color: #fff;
}
.ref-site-root .faq-filter-tab[data-filter="science"].active{
    background: #7b5ea7;
    color: #fff;
}

@media (max-width: 1024px) {
.ref-site-root .faq-center-layout{
        flex-direction: column;
    }
.ref-site-root .faq-center-sidebar{
        width: 100%;
        position: static;
    }
.ref-site-root .faq-center-list{
        grid-template-columns: 1fr;
    }
}

/* Case card enter animation */
.ref-site-root .case-card-enter{
    opacity: 0;
    transform: translateY(20px);
    animation: caseCardFadeIn 0.4s ease forwards;
}
@keyframes caseCardFadeIn{
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* Article card enter animation */
.ref-site-root .article-card-enter{
    opacity: 0;
    transform: translateY(20px);
    animation: articleCardFadeIn 0.4s ease forwards;
}
@keyframes articleCardFadeIn{
    to{
        opacity: 1;
        transform: translateY(0);
    }
}