/* ========================================
   岱昊官网样式
   配色：戊土 + 丙火 命格色谱（中央皇家暖色系）
   ----------------------------------------------------------------
   设计原则：
     · 主体面积（80%）用戊土沉稳基底：赭石 / 驼色 / 米黄
     · 交互锚点（15%）用丙火激活点：朱砂红 / 明黄 / 橘黄
     · 尊贵深色块（5%）用绛紫 / 栗色
     · 严禁纯黑 / 纯白 / 灰 / 蓝（金水忌神）
   ======================================== */

/* CSS 变量 · 设计师精修版（戊土+丙火 命格皇家色谱）
 *  · 色温统一：朱砂(暖)+古铜金(暖)+赭石(暖)+绛紫(暖深) 全暖系
 *  · WCAG AA 达标：副文字 #7A6248 on 米黄 = 4.6:1
 *  · 3-step 梯度：每色系 浅 / 中 / 深 三段，给精致 hover/state */
:root {
    /* ========== 主色（戊土 · 赭石）3-step ========== */
    --primary-color: #9C5430;       /* 赭石主 — 核心结构色 */
    --primary-mid:   #B5683F;       /* 赭石中 — hover/subtle ✨新增 */
    --primary-dark:  #7A3F22;       /* 赭石深 — pressed/border */
    --primary-light: #F8E8D2;       /* 极淡米 — primary 衬底 */
    --primary-tint:  #E0CDB3;       /* 驼浅 — subtle bg ✨新增 */

    /* ========== CTA（丙火 · 朱砂红）3-step ========== */
    --cta-color: #CC3D34;           /* 朱砂主 — 主 CTA（降饱和 8%） */
    --cta-mid:   #B83227;           /* 朱砂中 — hover ✨新增 */
    --cta-hover: #A02622;           /* 朱砂深 — pressed */
    --cta-light: #FBE9E7;           /* 朱砂极淡 — tag/notice bg ✨新增 */
    --cta-tint:  #E89B91;           /* 朱砂浅 — outline/border ✨新增 */

    /* ========== 命格五行色板（皇家正色 · 全暖色统一） ========== */
    --color-imperial-gold: #E8B547;  /* 古铜金 — 替代刺眼明黄，与朱砂同色温 */
    --color-vermilion:     #CC3D34;  /* 朱砂红（降饱和） */
    --color-ochre:         #9C5430;  /* 赭石 */
    --color-crimson:       #5C0017;  /* 绛紫 */
    --color-crimson-deep:  #3F0010;  /* 绛紫深 ✨新增 */
    --color-camel:         #C4A484;  /* 驼色 */
    --color-camel-light:   #E0CDB3;  /* 驼浅 ✨新增 */
    --color-chestnut:      #8B4513;  /* 栗色 */
    --color-tangerine:     #E07B2F;  /* 温橘（更暖更稳重） */
    --color-beige:         #F5DEB3;  /* 米黄 */
    --color-champagne:     #E5C8A0;  /* 香槟金 */
    --color-cream:         #FFF8E7;  /* 暖奶白 */
    --color-linen:         #FAF0E6;  /* 米白 */

    /* ========== 渐变（专业三段式 + 多场景） ========== */
    --gradient-hero:     linear-gradient(180deg, #FFF8E7 0%, #F5DEB3 50%, rgba(232,181,71,0.35) 100%);
    --gradient-hero-x:   linear-gradient(135deg, #FFF8E7 0%, #F5DEB3 45%, #E8B547 100%);
    --gradient-dark:     linear-gradient(135deg, #3F0010 0%, #5C0017 50%, #8B4513 100%);
    --gradient-cta:      linear-gradient(135deg, #CC3D34 0%, #B83227 100%);
    --gradient-cta-warm: linear-gradient(135deg, #E07B2F 0%, #CC3D34 100%);
    --gradient-gold:     linear-gradient(135deg, #E8B547 0%, #C4A484 100%);
    --gradient-ochre:    linear-gradient(135deg, #B5683F 0%, #7A3F22 100%);

    /* ========== 背景（暖中性·绝无冷调） ========== */
    --bg-white:  #FAF0E6;           /* 米白 — 主背景 */
    --bg-light:  #FFF8E7;           /* 暖奶白 — 次要背景 */
    --bg-subtle: #F8E8D2;           /* 极淡米 — section 衬底 ✨新增 */
    --bg-dark:   #5C0017;           /* 绛紫 — footer/hero 深底 */
    --bg-darker: #3F0010;           /* 绛紫深 — 最深强调 ✨新增 */

    /* ========== 文字（全部 WCAG AA 达标） ========== */
    --text-primary:   #3D2817;      /* 深咖 · 主文字（11:1） */
    --text-secondary: #5A3A20;      /* 栗深 · 副文字（7.5:1） */
    --text-muted:     #7A6248;      /* 暖灰 · 弱文字（4.6:1 AA 达标 ✅） */
    --text-white:     #FAF0E6;      /* 米白 · 深底主文字 */
    --text-gold:      #E8B547;      /* 古铜金 · 深底 H1/价格 ✨新增 */
    --text-cream:     #E0CDB3;      /* 驼浅 · 深底次要文字 ✨新增 */

    /* ========== 边框 3-step ========== */
    --border-color:  #E8D9C4;       /* 暖米边 — 默认 */
    --border-strong: #C4A484;       /* 驼色边 — 强调面板 ✨新增 */
    --border-subtle: #F5DEB3;       /* 米黄边 — 柔和分隔 ✨新增 */

    /* ========== 阴影（暖色调 + 专用） ========== */
    --shadow-sm:   0 2px  6px rgba(92, 0, 23, 0.06);
    --shadow-md:   0 4px 14px rgba(92, 0, 23, 0.10);
    --shadow-lg:   0 8px 28px rgba(92, 0, 23, 0.14);
    --shadow-xl:   0 16px 44px rgba(92, 0, 23, 0.18);    /* ✨新增 */
    --shadow-cta:  0 8px 24px rgba(204, 61, 52, 0.30);   /* ✨CTA 朱砂阴影 */
    --shadow-glow: 0 0 32px rgba(232, 181, 71, 0.35);    /* ✨古铜金辉光 */

    /* ========== 圆角 / 间距 ========== */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-2xl: 24px;             /* ✨新增 — 大卡片 */
    --section-padding: 80px 0;
}

/* Reset */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    /* 正文字体（无衬线，跨平台默认字体，无需下载）：
     *   Apple   → SF Pro (英文) + 苹方 PingFang SC (中文)
     *   Windows → Segoe UI Variable / Segoe UI (英文) + 微软雅黑 Microsoft YaHei (中文)
     *   iOS     → SF Pro + 苹方
     *   Android → 系统默认 sans-serif */
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        system-ui,
        "Segoe UI Variable",
        "Segoe UI",
        "PingFang SC",
        "Microsoft YaHei",
        "Microsoft YaHei UI",
        "Hiragino Sans GB",
        "Helvetica Neue",
        Helvetica,
        Arial,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        sans-serif;
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: 0.01em;        /* 中文字距微调，提升呼吸感 */
    color: var(--text-primary);
    /* body · 暖白底（提亮一档）+ 顶部径向极浅光晕
       主体 #FAF8F3 暖白底（PERSONAL-PALETTE 暖中性，亮度 98%）
       顶部光晕 #FFFDF7（亮度 99%，仍保留暖色相，不违反命局忌冷白）*/
    background:
        radial-gradient(ellipse 100% 50% at 50% 0%,
            #FFFDF7 0%,
            transparent 70%),
        #FAF8F3;
    background-attachment: fixed;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* 标题字体（中文用系统 sans 保持现代，英文/数字用 New York / Cambria 衬线增添编辑感） */
h1, h2, h3,
.hero-main-title,
.section-title {
    font-family:
        "New York",                  /* macOS 10.15+ Apple 现代衬线 */
        "Cambria",                   /* Windows Vista+ 高端衬线 */
        -apple-system,
        BlinkMacSystemFont,
        "PingFang SC",               /* 中文仍走系统 sans 保持现代 */
        "Microsoft YaHei",
        Georgia,
        serif;
    font-weight: 600;
    letter-spacing: -0.01em;         /* 标题收紧字距，更有冲击力 */
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.2s;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

/* Container */
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 480px) {
    .container {
        padding: 0 16px;                           /* P2 修复：超小屏减 padding 提升内宽 */
    }
}

/* ========================================
   Header / 导航栏
   ======================================== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: linear-gradient(180deg,
        rgba(252, 245, 230, 0.88) 0%,
        rgba(252, 245, 230, 0.78) 100%
    );
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    /* P0 perf: 触发 GPU 层 + will-change 提示 */
    will-change: transform;
    transform: translateZ(0);
    border-bottom: 1px solid rgba(156, 84, 48, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 252, 244, 0.85),       /* 顶高光（玻璃感）*/
        0 1px 2px rgba(124, 73, 41, 0.06),              /* 近距接触 · 同卡片 */
        0 4px 10px -3px rgba(124, 73, 41, 0.10);        /* 远距浮起 · 同卡片 */
    transition: all 0.3s;
}

/* HUD 能量带已移除 · 避免分隔感 */
.header::after {
    display: none;
}

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

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
}

.logo {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: visible;
}

.logo-icon {
    flex-shrink: 0;
}

.header .logo-icon {
    /* logo 呼吸动画已移除 · 奢侈品 logo 不做持续动画（HERMÈS/Cartier 标准）*/
}

@keyframes logoBreathe {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.logo-text {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 32px;
}

.nav-item a {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    color: var(--text-primary);
    padding: 8px 0;
    position: relative;
    transition: color 0.2s;
}

.nav-item a:hover,
.nav-item.active a {
    color: #7A3F22;
}

/* 激活态底部翠绿指示条（HUD 扫描线语汇） */
.nav-item.active > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #9C5430, transparent);
    box-shadow: 0 0 8px rgba(156, 84, 48, 0.6);
    border-radius: 2px;
}

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

.dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: -16px;
    white-space: nowrap;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.92) 0%,
        rgba(255, 255, 255, 0.86) 100%
    );
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    border: 1px solid rgba(156, 84, 48, 0.22);
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(156, 84, 48, 0.1),
        0 2px 4px rgba(156, 84, 48, 0.06),
        0 14px 32px -8px rgba(92, 0, 23, 0.14),
        0 28px 56px -20px rgba(92, 0, 23, 0.1);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s;
}

/* 悬停桥：覆盖 nav-item 到 dropdown 之间的 10px 空隙，防 hover 断裂 */
.dropdown::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

.nav-item.has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 8px;
    margin: 2px 0;
    transition: all 0.2s;
}

.dropdown li a i {
    font-size: 16px;
    color: #9C5430;
    filter: drop-shadow(0 0 4px rgba(156, 84, 48, 0.35));
    transition: all 0.2s;
}

.dropdown li a:hover {
    background: linear-gradient(90deg,
        rgba(156, 84, 48, 0.1) 0%,
        rgba(156, 84, 48, 0.04) 100%
    );
    color: #7A3F22;
}

.dropdown li a:hover i {
    color: #7A3F22;
    filter: drop-shadow(0 0 6px rgba(156, 84, 48, 0.55));
    transform: scale(1.08);
}

/* ================================================================
   Mega Menu · 业界顶级下拉菜单（Stripe + HERMÈS 混合）
   2 列 grid + icon badge + title + 描述 + eyebrow + footer CTA
   ================================================================ */

.dropdown.dropdown-mega {
    width: 520px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    padding: 8px;
    /* 实色背景（用户偏好 · 移除透明度）*/
    background: linear-gradient(180deg, #FBF6EC 0%, #F6EFDC 100%);
    border: 1px solid rgba(156, 84, 48, 0.15);
    border-radius: 16px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(156, 84, 48, 0.06),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 12px 32px -8px rgba(124, 73, 41, 0.18),
        0 24px 56px -16px rgba(92, 0, 23, 0.10);
}

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

/* eyebrow · 顶部小标签 */
.dropdown-eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(124, 73, 41, 0.65);
    padding: 12px 14px 10px;
    border-bottom: 1px solid rgba(156, 84, 48, 0.10);
    margin-bottom: 6px;
}

/* 2 列 grid */
.dropdown-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-grid li {
    margin: 0;
}

.dropdown-grid li a {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    margin: 0;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    text-decoration: none;
}

.dropdown-grid li a:hover {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.06) 0%,
        rgba(156, 84, 48, 0.03) 100%);
    transform: translateY(-1px);
}

/* icon badge · 圆角矩形 */
.dropdown-icon {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(156, 84, 48, 0.08);
    border: 1px solid rgba(156, 84, 48, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 248, 231, 0.55);
}

.dropdown-icon i {
    font-size: 18px;
    color: #9C5430;
    filter: none;
    transition: all 0.25s ease;
}

.dropdown-grid li a:hover .dropdown-icon {
    background: rgba(204, 61, 52, 0.10);
    border-color: rgba(204, 61, 52, 0.32);
    transform: scale(1.05);
}

.dropdown-grid li a:hover .dropdown-icon i {
    color: #CC3D34;
    filter: drop-shadow(0 0 4px rgba(204, 61, 52, 0.25));
    transform: none;
}

/* 文字区 · title + desc 双行 */
.dropdown-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
    padding-top: 1px;
}

.dropdown-title {
    font-size: 14px;
    font-weight: 600;
    color: #2C1810;
    line-height: 1.3;
    letter-spacing: 0;
}

.dropdown-desc {
    font-size: 12px;
    color: rgba(124, 73, 41, 0.62);
    line-height: 1.35;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-grid li a:hover .dropdown-title {
    color: #1F0F08;
}

.dropdown-grid li a:hover .dropdown-desc {
    color: rgba(124, 73, 41, 0.78);
}

/* footer CTA · 朱砂 */
.dropdown-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 8px 0 0;
    padding: 12px;
    border-top: 1px solid rgba(156, 84, 48, 0.10);
    font-size: 13px;
    font-weight: 600;
    color: #CC3D34;
    border-radius: 0 0 10px 10px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.dropdown-footer:hover {
    background: linear-gradient(180deg,
        rgba(204, 61, 52, 0.05) 0%,
        rgba(204, 61, 52, 0.08) 100%);
    color: #B83227;
}

.dropdown-footer i {
    font-size: 16px;
    transition: transform 0.25s ease;
}

.dropdown-footer:hover i {
    transform: translateX(3px);
}

/* hover 桥保留 */
.dropdown.dropdown-mega::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

/* ================================================================
   移动端 Nav Drawer V2 · 全屏抽屉 + Accordion + 高级感
   设计参照：Stripe / HERMÈS / Notion 移动端导航
   ================================================================ */
@media (max-width: 768px) {
    /* PC 端的 hover trigger 失效（mobile 只用 click .is-open） */
    .nav-item.has-dropdown:hover .dropdown.dropdown-mega {
        opacity: 0;
        visibility: hidden;
    }

    /* mobile drawer 内 dropdown-mega · 完全隐藏（V7 网格式不显示子菜单）*/
    .nav-menu.active .dropdown.dropdown-mega {
        display: none !important;
    }
    /* hover 桥在 mobile 移除 */
    .nav-menu.active .dropdown.dropdown-mega::before {
        display: none;
    }

    /* eyebrow · drawer 内紧凑（仅作辅助说明）*/
    .nav-menu.active .dropdown-eyebrow {
        display: none;                            /* mobile drawer 内由父链作分组标题，eyebrow 隐藏避免重复 */
    }

    /* mobile drawer 子项 · V6 全列表统一（取消 grid 卡片化，全用列表式）*/
    .nav-menu.active .dropdown-grid {
        display: block;
        grid-template-columns: none;
        gap: 0;
        padding: 0;
    }
    .nav-menu.active .dropdown-grid li {
        display: block;
        margin: 0;
        border-bottom: 1px solid rgba(156, 84, 48, 0.06);
    }
    .nav-menu.active .dropdown-grid li:last-child {
        border-bottom: none;
    }
    .nav-menu.active .dropdown-grid li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 14px 4px;
        background: transparent;
        border: none;
        border-radius: 0;
        min-height: auto;
        text-align: left;
    }
    .nav-menu.active .dropdown-grid li a:hover,
    .nav-menu.active .dropdown-grid li a:active {
        background: rgba(204, 61, 52, 0.04);
        border-color: transparent;
        transform: none;
    }
    .nav-menu.active .dropdown-icon {
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        border-radius: 8px;
    }
    .nav-menu.active .dropdown-icon i {
        font-size: 18px;
    }
    .nav-menu.active .dropdown-text {
        flex: 1;
        align-items: flex-start;
        gap: 2px;
        padding: 0;
        width: auto;
        text-align: left;
    }
    .nav-menu.active .dropdown-title {
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        line-height: 1.3;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #2C1810;
        letter-spacing: 0;
        -webkit-line-clamp: none;
    }
    .nav-menu.active .dropdown-desc {
        display: block;
        font-size: 12.5px;
        text-align: left;
        color: rgba(124, 73, 41, 0.55);
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* drawer 内 footer link 列表式 */
    .nav-menu.active .dropdown-footer {
        margin-top: 0;
        padding: 14px 4px;
        font-size: 13px;
        font-weight: 600;
        border-top: 1px solid rgba(156, 84, 48, 0.06);
        border-radius: 0;
        justify-content: flex-start;
        gap: 6px;
        color: #CC3D34;
    }

    /* footer CTA · drawer 内紧凑 */
    .nav-menu.active .dropdown-footer {
        margin-top: 6px;
        padding: 10px 8px;
        font-size: 13px;
        font-weight: 600;
        border-top: 1px solid rgba(156, 84, 48, 0.10);
        border-radius: 0;
        justify-content: flex-start;
        gap: 6px;
    }
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 导航 CTA 按钮：局部覆盖为琥珀金"火"色（呼应 Hero 最后的 CTA item） */
.nav-actions .btn-primary {
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    background: linear-gradient(135deg, #CC3D34 0%, #E8B547 100%);
    color: #FAF0E6;
    border: 1px solid rgba(204, 61, 52, 0.5);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 1px 2px rgba(204, 61, 52, 0.3),
        0 4px 14px -2px rgba(204, 61, 52, 0.4);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.nav-actions .btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    transition: left 0.6s;
}

.nav-actions .btn-primary:hover {
    background: linear-gradient(135deg, #B83227 0%, #CC3D34 100%);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        0 2px 4px rgba(204, 61, 52, 0.4),
        0 10px 24px -4px rgba(204, 61, 52, 0.5);
}

.nav-actions .btn-primary:hover::before {
    left: 100%;
}

.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: var(--text-primary);
}

.mobile-menu-btn i {
    display: inline-block;
    transition: transform 0.3s ease;
}

.mobile-menu-btn.active i {
    transform: rotate(90deg);
}

/* ========================================
   Buttons
   ======================================== */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 500;
    border-radius: var(--radius-md);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary {
    background: var(--primary-color);
    color: var(--text-white);
}

.btn-primary:hover {
    background: var(--primary-dark);
}

.btn-cta {
    background: var(--cta-color);
    color: var(--text-white);
    padding: 14px 32px;
    font-size: 16px;
}

.btn-cta:hover {
    background: var(--cta-hover);
}

.btn-outline {
    background: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.btn-outline:hover {
    background: var(--primary-color);
    color: var(--text-white);
}

.btn-cta-light {
    background: var(--text-white);
    color: var(--primary-color);
    padding: 14px 32px;
    font-size: 16px;
}

.btn-cta-light:hover {
    background: var(--bg-light);
}

.btn-outline-light {
    background: transparent;
    color: var(--text-white);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--text-white);
}

/* ========================================
   Hero 区域
   ======================================== */
.hero {
    padding: 140px 0 100px;
    background: var(--gradient-hero);
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="80" cy="50" r="40" fill="rgba(156, 84, 48,0.05)"/></svg>') no-repeat center;
    background-size: contain;
    pointer-events: none;
}

.hero .container {
    display: block;
    text-align: center;
}

.hero-content {
    max-width: 900px;
    margin: 0 auto;
}

.hero-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--text-primary);
    margin-bottom: 20px;
}

.hero-subtitle {
    font-size: 18px;
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 36px;
}

.hero-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.hero-cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 48px;
    text-align: left;
}

.hero-card {
    flex: 0 1 280px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    background: var(--bg-white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
    transition: all 0.2s;
}

.hero-card:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--primary-color);
    transform: translateY(-2px);
}

.hero-card-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-light);
    border-radius: var(--radius-md);
    flex-shrink: 0;
}

.hero-card-icon i {
    font-size: 24px;
    color: var(--primary-color);
}

.hero-card-info {
    flex: 1;
    min-width: 0;
}

.hero-card-info h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 4px;
}

.hero-card-info p {
    font-size: 12px;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hero-card-arrow {
    font-size: 20px;
    color: var(--text-muted);
    transition: all 0.2s;
    flex-shrink: 0;
}

.hero-card:hover .hero-card-arrow {
    color: var(--primary-color);
    transform: translateX(4px);
}

/* 首页 Hero 特殊布局 */
.hero-home {
    padding: 100px 0 0;
    background: transparent;
    overflow: visible;
}

.hero-home::before {
    display: none;
}

.hero-layout {
    display: flex;
    align-items: flex-start;
    gap: 0;
    min-height: 500px;
    position: relative;
}

/* 全息荧幕效果（正面显示） */
.holo-screen {
    flex: 1;
    position: relative;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0;
}

/* 电视分屏布局：全息屏幕撑满 */
.hero-layout-wide {
    justify-content: center;
    min-height: auto !important;
    margin-bottom: 40px;
}

.holo-screen-tv {
    margin-left: 0 !important;
    width: 100%;
    max-width: 100%;
    flex: 1;
}

.holo-frame-tv {
    padding: 0 !important;
    overflow: hidden;
}

/* 电视内部左右分屏（高度由左侧 visual 的 hero 图比例驱动） */
.holo-tv-layout {
    display: flex;
    align-items: stretch;     /* 右侧 content 拉伸到 visual 同高 */
    position: relative;
    z-index: 3;
}

/* 左侧视觉区（按图片 3:2 比例自适应，加宽撑满右侧高度） */
.holo-tv-visual {
    flex: 1.3;                /* 加宽卡片：左 1.3 / 右 1 ≈ 56.5% / 43.5%（旧 62/38）*/
    aspect-ratio: 3 / 2;      /* 锁定图片真实比例 */
    height: auto;
    position: relative;
    overflow: hidden;
    border-right: 1px solid rgba(156, 84, 48,0.15);
    background: linear-gradient(135deg, #FBF4E8 0%, #FAF0E6 50%, #FFF8E7 100%);
}

.holo-tv-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.holo-tv-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease;
}

.holo-tv-slide.active {
    opacity: 1;
}

.holo-tv-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;       /* 等比缩放完整显示，不裁切 */
    object-position: center;
}

.holo-tv-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 20px 16px;
    background: linear-gradient(to top, rgba(6,24,16,0.7) 0%, transparent 100%);
    color: #FAF0E6;
    font-size: 16px;                              /* 同卡片 desc 字号（PC）*/
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1.45;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .holo-tv-caption {
        padding: 14px 14px 10px;
        font-size: 14.5px;                         /* 同卡片 desc mobile 字号 */
        letter-spacing: 0.2px;
    }
}

/* ====== 全站通用响应式文案切换工具类 ====== */
.d-mobile  { display: none; }
.d-desktop { display: inline; }
@media (max-width: 768px) {
    .d-desktop { display: none; }
    .d-mobile  { display: inline; }
}

/* hero 主标题/副标的流式字号 + 兜底字距 */
.hero-main-title {
    font-size: clamp(20px, 3.6vw, 36px);
    line-height: 1.3;
    letter-spacing: -0.01em;
}
.hero-main-slogan {
    font-size: clamp(13px, 1.8vw, 17px);
    line-height: 1.55;
}

.holo-tv-dots {
    position: absolute;
    bottom: 60px;                                  /* 移到 caption 上方 */
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    display: flex;
    gap: 7px;
    z-index: 6;
}

.holo-tv-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(196, 164, 132, 0.45);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    /* P0 修复：触摸区扩展到 24px（视觉 7px + 透明 padding 8.5px 各侧）*/
    position: relative;
}
.holo-tv-dot::before {
    content: '';
    position: absolute;
    inset: -10px;
    /* 透明 27×27px 触摸区域 · iOS HIG 推荐最小 44，平衡视觉与触摸 */
}

.holo-tv-dot.active {
    background: #CC3D34;
    box-shadow: 0 0 8px rgba(204, 61, 52, 0.65);
    width: 22px;
    border-radius: 4px;
}

/* 右侧服务入口 · 4 卡 stretch 撑满右侧高度（去除 center 让卡平分高度）*/
.holo-tv-layout .holo-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    gap: 14px;
    justify-content: stretch;
    align-items: stretch;
}

/* 移动端：上下分屏 */
@media (max-width: 768px) {
    .hero-layout-wide {
        min-height: auto;
    }

    .holo-tv-layout {
        flex-direction: column;
        min-height: auto;
    }

    .holo-tv-visual {
        aspect-ratio: 3 / 2;      /* 按 hero 图实际比例 1536×1024 (3:2) 自适应 */
        height: auto;
        border-right: none;
        border-bottom: 1px solid rgba(156, 84, 48,0.15);
    }

    .holo-tv-layout .holo-content {
        padding: 14px 12px;
        gap: 8px;
    }
}

.holo-glow {
    display: none;
}

.holo-frame {
    position: relative;
    background:
        radial-gradient(ellipse at top left, rgba(156, 84, 48, 0.14) 0%, transparent 55%),
        linear-gradient(135deg, rgba(6, 24, 16, 0.96) 0%, rgba(14, 38, 26, 0.93) 50%, rgba(6, 20, 14, 0.96) 100%);
    border: 1px solid rgba(156, 84, 48, 0.32);
    border-left: 3px solid rgba(156, 84, 48, 0.9);
    border-radius: 16px;
    padding: 32px 40px;
    overflow: hidden;
    z-index: 2;
    box-shadow:
        inset 0 1px 0 rgba(156, 84, 48, 0.35),
        0 0 40px rgba(156, 84, 48, 0.22),
        inset 0 0 40px rgba(156, 84, 48, 0.08),
        0 20px 40px -15px rgba(6, 24, 16, 0.35);
}

/* 扫描线纹理（闪烁频率降至 2.4s，符合 WCAG 2.1） */
.holo-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(156, 84, 48, 0.04) 2px,
            rgba(156, 84, 48, 0.04) 4px
        );
    pointer-events: none;
    animation: screenFlicker 2.4s ease-in-out infinite;
}

@keyframes screenFlicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.96; }
}

/* 顶部高光边 */
.holo-frame::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(196, 164, 132, 0.7), transparent);
    box-shadow: 0 0 12px rgba(156, 84, 48, 0.6);
}

/* 四角装饰 */
.holo-frame .holo-content::before,
.holo-frame .holo-content::after,
.holo-frame .holo-actions::before,
.holo-frame .holo-actions::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 30px;
    border-color: rgba(156, 84, 48, 0.55);
    border-style: solid;
    border-width: 0;
}

.holo-frame .holo-content::before {
    top: 12px;
    right: 12px;
    border-top-width: 2px;
    border-right-width: 2px;
}

.holo-frame .holo-content::after {
    top: 12px;
    left: 12px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.holo-frame .holo-actions::before {
    bottom: 12px;
    right: 12px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.holo-frame .holo-actions::after {
    bottom: 12px;
    left: 12px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

.holo-scanline {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(196, 164, 132, 0.55), transparent);
    box-shadow: 0 0 8px rgba(156, 84, 48, 0.45);
    animation: scanline 4s ease-in-out infinite;
}

@keyframes scanline {
    0% { top: 0; opacity: 0; }
    15% { opacity: 0.85; }
    85% { opacity: 0.85; }
    100% { top: 100%; opacity: 0; }
}

/* 数据流动效果 */
.holo-frame .holo-content {
    position: relative;
    transform-style: preserve-3d;
}

.holo-frame .holo-actions {
    position: relative;
}

.holo-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
}

.holo-item {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    padding: 12px 48px 12px 20px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(156, 84, 48, 0.08) 0%, transparent 100%);
    border: 1px solid rgba(156, 84, 48, 0.22);
    border-left: 3px solid rgba(156, 84, 48, 0.6);
    transition: all 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

.holo-text {
    flex: 1;
    min-width: 0;
}

/* 闪烁光效 */
.holo-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s;
}

.holo-item:hover::before {
    left: 100%;
}

/* 左侧光条 */
.holo-item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #C4A484, #9C5430, #C4A484);
    opacity: 0;
    transition: opacity 0.3s;
}

.holo-item:hover {
    background: linear-gradient(90deg, rgba(156, 84, 48, 0.18) 0%, transparent 100%);
    border-color: rgba(156, 84, 48, 0.55);
    transform: translateX(8px);
    box-shadow:
        0 10px 24px -8px rgba(6, 24, 16, 0.4),
        0 0 20px rgba(156, 84, 48, 0.25);
}

.holo-item:hover::after {
    opacity: 1;
}

/* 主图标 —— badge 化（排除右侧箭头） */
.holo-item i:not(.holo-arrow) {
    font-size: 22px;
    color: #C4A484;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(156, 84, 48, 0.25);
    background: rgba(156, 84, 48, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 8px rgba(156, 84, 48, 0.5);
    transition: all 0.3s;
}

.holo-item:hover i:not(.holo-arrow) {
    background: rgba(156, 84, 48, 0.2);
    border-color: rgba(156, 84, 48, 0.6);
    box-shadow: 0 0 14px rgba(156, 84, 48, 0.3);
}

/* 右侧箭头 —— hover 时 slide-in */
.holo-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) translateX(-8px);
    font-size: 20px;
    color: rgba(245, 222, 179, 0.4);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.holo-item:hover .holo-arrow {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    color: #C4A484;
}

.holo-title {
    font-size: 20px;
    font-weight: 600;
    color: #FBF4E8;
    display: block;
    margin-bottom: 4px;
    letter-spacing: 0;
    line-height: 1.3;
}

.holo-desc {
    font-size: 12px;
    color: rgba(245, 222, 179, 0.72);
    display: block;
    line-height: 1.6;
    letter-spacing: 0;
    font-feature-settings: 'palt', 'pkna';
}

.holo-desc strong {
    color: #F5DEB3;
    font-weight: 500;
}

/* ========== CTA item —— 琥珀金（火元素）差异化 ========== */
.holo-item-cta {
    border-color: rgba(204, 61, 52, 0.35);
    border-left-color: rgba(204, 61, 52, 0.85);
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.08) 0%, transparent 100%);
}

.holo-item-cta i:not(.holo-arrow) {
    color: #E8B547;
    border-color: rgba(204, 61, 52, 0.4);
    background: rgba(204, 61, 52, 0.12);
    text-shadow: 0 0 8px rgba(204, 61, 52, 0.5);
}

.holo-item-cta::before {
    background: linear-gradient(90deg, transparent, rgba(204, 61, 52, 0.2), transparent);
}

.holo-item-cta::after {
    background: linear-gradient(180deg, #E8B547, #CC3D34, #E8B547);
}

.holo-item-cta:hover {
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.18) 0%, transparent 100%);
    border-color: rgba(204, 61, 52, 0.6);
    box-shadow:
        0 10px 24px -8px rgba(6, 24, 16, 0.4),
        0 0 22px rgba(204, 61, 52, 0.32);
}

.holo-item-cta:hover i:not(.holo-arrow) {
    background: rgba(204, 61, 52, 0.22);
    border-color: rgba(204, 61, 52, 0.65);
    box-shadow: 0 0 12px rgba(204, 61, 52, 0.35);
}

.holo-item-cta .holo-arrow {
    color: rgba(232, 181, 71, 0.45);
}

.holo-item-cta:hover .holo-arrow {
    color: #E8B547;
}

.holo-item-cta .holo-desc {
    color: rgba(253, 224, 138, 0.85);
}

.holo-item-cta .holo-desc strong {
    color: #fde68a;
}

.holo-actions {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

/* ========== 全息屏大屏断点系统（防大屏文字稀疏） ========== */

/* 标准桌面 ≥1280 */
@media (min-width: 1280px) {
    .hero-layout { min-height: 600px; }
    .holo-screen { margin-top: 18px; }

    .holo-frame { padding: 36px 44px; }
    .holo-content { gap: 18px; }

    .holo-item {
        padding: 14px 54px 14px 22px;
        gap: 18px;
    }
    .holo-item i:not(.holo-arrow) {
        width: 46px;
        height: 46px;
        font-size: 24px;
        border-radius: 11px;
    }
    .holo-title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .holo-desc { font-size: 13px; }
    .holo-arrow { font-size: 22px; right: 22px; }
}

/* 大桌面 ≥1440 */
@media (min-width: 1440px) {
    .hero-layout { min-height: 680px; }
    .holo-screen { margin-top: 26px; }

    .holo-frame { padding: 42px 54px; }
    .holo-content { gap: 20px; }

    .holo-item {
        padding: 16px 60px 16px 24px;
        gap: 20px;
    }
    .holo-item i:not(.holo-arrow) {
        width: 52px;
        height: 52px;
        font-size: 26px;
        border-radius: 12px;
    }
    .holo-title {
        font-size: 24px;
        margin-bottom: 6px;
    }
    .holo-desc { font-size: 14px; }
    .holo-arrow { font-size: 24px; right: 24px; }
}

/* 超大屏 ≥1600 */
@media (min-width: 1600px) {
    .hero-layout { min-height: 740px; }

    .holo-frame { padding: 48px 62px; }
    .holo-content { gap: 22px; }

    .holo-item {
        padding: 18px 68px 18px 26px;
        gap: 22px;
    }
    .holo-item i:not(.holo-arrow) {
        width: 56px;
        height: 56px;
        font-size: 28px;
    }
    .holo-title { font-size: 26px; }
    .holo-desc { font-size: 15px; }
    .holo-arrow { font-size: 26px; right: 26px; }
}

/* 首页 Hero 移动端适配（3D 降级为 2D） */
@media (max-width: 992px) {
    .hero-layout {
        min-height: auto;
    }

    .holo-screen {
        margin-left: 0;
        margin-top: 0;
        perspective: none;
    }

    .holo-frame,
    .holo-frame:hover {
        transform: none;
    }

    .holo-item:hover {
        transform: translateX(6px);
    }

    .holo-frame .holo-content::before,
    .holo-frame .holo-content::after,
    .holo-frame .holo-actions::before,
    .holo-frame .holo-actions::after {
        display: none;
    }
}

@media (max-width: 576px) {
    .hero-home {
        padding: 20px 0 0;
    }

    .holo-screen {
        margin-left: 0;
    }

    .holo-frame {
        padding: 10px 10px;
    }

    /* ≤576 的 .holo-item / .holo-item i / .holo-arrow / .holo-title / .holo-desc 旧定义已删除：
       它们被下方带 !important 的 ≤576 块（约 L9760 起）完全覆盖，属重复冗余，删除不改变渲染。
       此处仅保留未被覆盖的 .holo-actions。*/
    .holo-actions {
        flex-direction: column;
    }

    .holo-actions .btn {
        width: 100%;
        justify-content: center;
    }
}

/* ========================================
   企业信任
   ======================================== */
/* ========================================
   企业信任区：3D 玻璃拟态（呼应 Hero 全息屏）
   ======================================== */
.trusted {
    position: relative;
    padding: 0 0 20px;
    border: none;
    overflow: visible;
}

/* 融入 testimonials 内部时的间距 */
.trusted-logos-inline {
    margin-bottom: 40px;
}

/* 标题：与 section-title 字号一致 + 两侧 HUD 装饰线 */
.trusted-title {
    position: relative;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: 0.5px;
    margin-bottom: 40px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.trusted-title::before,
.trusted-title::after {
    content: '';
    display: inline-block;
    width: 72px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(156, 84, 48, 0.55), transparent);
}

/* Logos 容器：去掉灰度 + 透明度弱化，让每个 logo 成为主角 */
.trusted-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    opacity: 1;
    filter: none;
    transition: none;
    position: relative;
    z-index: 1;
}

.trusted-logos:hover {
    opacity: 1;
    filter: none;
}

/* 玻璃拟态胶囊（核心） */
.trusted-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);

    /* 毛玻璃底：纯白玻璃 */
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);

    /* 翡翠微光边 */
    border: 1px solid rgba(156, 84, 48, 0.24);
    border-radius: 100px;

    /* 3D 多层阴影：玻璃反光 + 悬浮 */
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(156, 84, 48, 0.08),
        0 1px 2px rgba(156, 84, 48, 0.06),
        0 8px 20px -6px rgba(92, 0, 23, 0.1),
        0 20px 40px -15px rgba(92, 0, 23, 0.08);

    transition: all 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: relative;
    overflow: hidden;
    z-index: 2;
}

/* 胶囊内部扫光动画：呼应全息屏 holo-item::before */
.trusted-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, 0.5),
        transparent
    );
    transition: left 0.7s;
    pointer-events: none;
}

.trusted-item:hover::before {
    left: 100%;
}

/* Hover：上浮 + 边框亮起 + 阴影深化 */
.trusted-item:hover {
    transform: translateY(-4px);
    border-color: rgba(156, 84, 48, 0.5);
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 0 -1px 0 rgba(156, 84, 48, 0.18),
        0 2px 4px rgba(156, 84, 48, 0.1),
        0 14px 30px -8px rgba(156, 84, 48, 0.28),
        0 26px 52px -18px rgba(92, 0, 23, 0.18);
}

.trusted-item i {
    font-size: 18px;
    color: #9C5430;
    filter: drop-shadow(0 0 6px rgba(156, 84, 48, 0.4));
    transition: all 0.3s;
}

.trusted-item:hover i {
    color: #7A3F22;
    filter: drop-shadow(0 0 10px rgba(156, 84, 48, 0.6));
    transform: scale(1.08);
}

.trusted-item span {
    letter-spacing: 0.3px;
}

@media (max-width: 768px) {
    .hero-cards {
        flex-direction: column;
        align-items: center;
    }

    .hero-card {
        flex: none;
        width: 100%;
        max-width: 400px;
    }

    .trusted {
        padding: 0;
    }

    .trusted-title {
        font-size: 22px;
        letter-spacing: 0.3px;
        gap: 12px;
        margin-bottom: 28px;
    }

    .trusted-title::before,
    .trusted-title::after {
        width: 36px;
    }

    .trusted-logos {
        gap: 10px;
    }

    .trusted-item {
        padding: 9px 16px;
        font-size: 13px;
        gap: 7px;
    }

    .trusted-item i {
        font-size: 15px;
    }
}

/* ========================================
   Section 通用样式
   ======================================== */
.section-header {
    text-align: center;
    margin-bottom: 48px;
}

.section-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
}

.section-desc {
    font-size: 15px;
    color: var(--text-secondary);
}

.section-header-light .section-title,
.section-header-light .section-desc {
    color: var(--text-white);
}

.section-header-light .section-desc {
    opacity: 0.8;
}

/* ========================================
   服务概览 - Tab切换布局
   ======================================== */
.services {
    padding: 0;
    background: transparent;
}

.services-inner {
    background: transparent;
    padding: 0 0 80px;
}

.services-layout {
    display: block;
}

.services-content {
    max-width: 100%;
}

/* Tab Bar：整体玻璃控制条（与 trusted 散装胶囊形态区分） */
.services-tabs {
    display: flex;
    width: fit-content;
    margin: 0 auto 36px;
    gap: 4px;
    padding: 6px 10px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.22);
    border-radius: 100px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 4px rgba(156, 84, 48, 0.06),
        0 8px 20px -6px rgba(92, 0, 23, 0.1);
    position: relative;
    z-index: 2;
}

/* 条内分段按钮（去掉自身玻璃效果） */
.services-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: transparent;
    border: none;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.75);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.services-tab i {
    font-size: 18px;
    color: rgba(156, 84, 48, 0.6);
    transition: color 0.3s;
}

.services-tab:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #7A3F22;
}

.services-tab:hover i {
    color: #9C5430;
}

/* Active 态：翠绿实色填充（像 iOS Segmented Control） */
.services-tab.active {
    background: linear-gradient(135deg, #9C5430 0%, #7A3F22 100%);
    color: #FAF0E6;
    box-shadow: 0 2px 8px -2px rgba(122, 63, 34, 0.4);
}

.services-tab.active i {
    color: #FAF0E6;
}

.services-panels {
    position: relative;
    z-index: 2;
    min-height: 380px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.68) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.18);
    border-radius: 16px;
    padding: 40px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(156, 84, 48, 0.06),
        0 2px 4px rgba(156, 84, 48, 0.05),
        0 8px 24px -8px rgba(92, 0, 23, 0.1),
        0 24px 48px -16px rgba(92, 0, 23, 0.06);
}

.services-panel {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.services-panel.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 二级布局：左侧类别导航 + 右侧内容 */
.panel-layout {
    display: flex;
    gap: 0;
    min-height: 360px;
}

.panel-sidebar {
    width: 180px;
    flex-shrink: 0;
    border-right: 1px solid rgba(156, 84, 48, 0.15);
    max-height: 350px;
    overflow-y: auto;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.35) 0%,
        rgba(255, 255, 255, 0.2) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 12px 0 0 12px;
    padding: 6px 0;
}

.panel-sidebar::-webkit-scrollbar {
    width: 4px;
}

.panel-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.panel-sidebar::-webkit-scrollbar-thumb {
    background: rgba(156, 84, 48, 0.2);
    border-radius: 2px;
}

.panel-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(156, 84, 48, 0.4);
}

.panel-nav {
    display: flex;
    flex-direction: column;
}

.panel-nav-item {
    padding: 12px 16px;
    background: none;
    border: none;
    border-left: 2px solid transparent;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    cursor: pointer;
    transition: all 0.25s;
    border-radius: 0 8px 8px 0;
    margin: 2px 6px 2px 0;
    border-left: 3px solid transparent;
}

.panel-nav-item:hover {
    color: var(--primary-color);
    background: rgba(255, 255, 255, 0.6);
}

.panel-nav-item.active {
    color: var(--primary-color);
    background: rgba(255, 255, 255, 0.7);
    border-left-color: var(--primary-color);
    font-weight: 500;
    box-shadow: 0 2px 8px -2px rgba(156, 84, 48, 0.15);
}

.panel-nav-item i {
    margin-right: 8px;
}

.panel-main {
    flex: 1;
    padding: 0 32px;
    position: relative;
    min-height: 350px;
}

/* 服务面板背景图已移除 */

.panel-category {
    display: none;
    position: relative;
    z-index: 1;
}

.panel-category.active {
    display: block;
}

.panel-category h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 6px;
    letter-spacing: 0;
    line-height: 1.35;
}

.panel-category .cat-desc {
    font-size: 15px;
    color: var(--text-secondary);
    margin-bottom: 22px;
    line-height: 1.6;
    letter-spacing: 0;
    font-feature-settings: 'palt', 'pkna';
}

.cat-section {
    margin-bottom: 22px;
}

.cat-section h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    letter-spacing: 0;
    margin-bottom: 20px;
}

.cat-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cat-tags span {
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    color: var(--text-secondary);
    background: var(--bg-white);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    transition: all 0.2s;
}

.cat-tags span:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.cat-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.cat-list li {
    font-size: 15px;
    color: rgba(92, 0, 23, 0.92);
    padding: 12px 16px;
    position: relative;
    line-height: 1.5;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.72) 0%,
        rgba(255, 255, 255, 0.52) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.18);
    border-radius: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 1px 2px rgba(156, 84, 48, 0.05),
        0 4px 12px -4px rgba(92, 0, 23, 0.08);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: hidden;
    list-style: none;
}

.cat-list li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transition: left 0.6s;
    pointer-events: none;
}

.cat-list li:hover::before {
    left: 100%;
}

.cat-list li:hover {
    transform: translateY(-3px);
    border-color: rgba(156, 84, 48, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(156, 84, 48, 0.08),
        0 8px 20px -6px rgba(92, 0, 23, 0.14);
}

.cat-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s;
    color: rgba(92, 0, 23, 0.92);
}

.cat-list li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: 0 0 6px rgba(156, 84, 48, 0.4);
    flex-shrink: 0;
}

.cat-list li a:hover {
    color: var(--primary-color);
}

/* ========================================
   客户证言 - 手风琴样式
   ======================================== */
.testimonials {
    padding: var(--section-padding);
    background: transparent;
}

.testimonials-accordion {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    overflow: visible;
    padding: 20px 10px;
    width: 100%;
}

.accordion-item {
    display: flex;
    position: relative;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    height: 280px;
    border: 1px solid rgba(156, 84, 48, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(156, 84, 48, 0.06),
        0 4px 12px -4px rgba(92, 0, 23, 0.08);
    transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.35s ease,
                box-shadow 0.35s ease,
                border-color 0.35s ease;
    will-change: flex;
}

/* 扫光效果（呼应全息屏 + trusted 胶囊） */
.accordion-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.7s;
    pointer-events: none;
    z-index: 1;
}

.accordion-item:hover::after {
    left: 100%;
}

.accordion-item.active {
    flex: 1;
    border-color: rgba(156, 84, 48, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0 0 3px rgba(156, 84, 48, 0.08),
        0 2px 4px rgba(156, 84, 48, 0.1),
        0 12px 32px -8px rgba(92, 0, 23, 0.18);
}

.accordion-item:hover:not(.active) {
    transform: translateY(-3px);
    border-color: rgba(156, 84, 48, 0.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 2px 4px rgba(156, 84, 48, 0.08),
        0 8px 24px -6px rgba(92, 0, 23, 0.14);
}

.accordion-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 8px;
    text-align: center;
    width: 70px;
    height: 100%;
    flex-shrink: 0;
    border-right: 1px solid transparent;
    transition: all 0.3s;
    box-sizing: border-box;
}

.accordion-item.active .accordion-header {
    background: linear-gradient(135deg, #FBF4E8 0%, #F8ECD8 100%);
    border-right-color: rgba(156, 84, 48, 0.35);
    box-shadow: inset -3px 0 10px rgba(156, 84, 48, 0.08);
}

.accordion-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FBF4E8 0%, #F5DEB3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
    transition: transform 0.3s, box-shadow 0.3s;
}

.accordion-item:hover .accordion-avatar,
.accordion-item.active .accordion-avatar {
    transform: scale(1.08);
    box-shadow: 0 0 12px rgba(156, 84, 48, 0.35);
}

.accordion-info {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.accordion-info h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin: 0 0 4px 0;
    letter-spacing: 0;
}

.accordion-info span {
    font-size: 13px;
    color: var(--text-secondary);
    letter-spacing: 0;
}

.accordion-tag {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: 8px 5px;
    background: rgba(255, 255, 255, 0.5);
    color: var(--primary-color);
    font-size: 12px;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 0;
}

.accordion-arrow {
    display: none;
}

.accordion-content {
    width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.accordion-item.active .accordion-content {
    flex: 1;
    width: auto;
}

.accordion-content p {
    margin: 0;
    padding: 24px 28px;
    font-size: 15px;
    line-height: 1.9;
    color: rgba(92, 0, 23, 0.92);
    box-sizing: border-box;
    font-style: italic;
    transform: translateX(12px);
    opacity: 0;
    transition: transform 0.5s 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
                opacity 0.5s 0.2s ease;
}

.accordion-item.active .accordion-content p {
    transform: translateX(0);
    opacity: 1;
}

.accordion-content p::before {
    content: '"';
    color: var(--primary-color);
    font-size: 28px;
    font-family: Georgia, serif;
    margin-right: 6px;
    opacity: 0.5;
    font-style: normal;
}

.accordion-content p::after {
    content: '"';
    color: var(--primary-color);
    font-size: 28px;
    font-family: Georgia, serif;
    margin-left: 6px;
    opacity: 0.5;
    font-style: normal;
}

@media (max-width: 992px) {
    .accordion-content p {
        font-size: 13px;
        padding: 14px 16px;
    }
}

@media (max-width: 768px) {
    .testimonials-accordion {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    .accordion-item {
        height: auto;
        flex-direction: column;
    }

    .accordion-item.active {
        flex: none;
    }

    .accordion-header {
        width: 100%;
        height: auto;
        flex-direction: row;
        padding: 12px 16px;
        gap: 12px;
    }

    .accordion-info {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        flex: 1;
        text-align: left;
    }

    .accordion-info h4 {
        font-size: 14px;
    }

    .accordion-info span {
        display: none;
    }

    .accordion-tag {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        padding: 4px 10px;
        font-size: 10px;
    }

    .accordion-content {
        width: 100% !important;
        max-height: 0;
    }

    .accordion-item.active .accordion-content {
        max-height: 200px;
        width: 100% !important;
    }

    .accordion-content p {
        padding: 12px 16px;
        font-size: 13px;
    }
}

/* ========================================
   精选案例聚焦展示（首页）
   ======================================== */
.featured-cases-section {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .featured-cases-section {
        margin-bottom: 20px;
    }
}

.featured-cases-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 56px;
    margin-bottom: 24px;
}

.featured-cases-header::before,
.featured-cases-header::after {
    content: '';
    flex: 1;
    height: 2px;
    max-width: 100%;
}

.featured-cases-header::before {
    background: linear-gradient(to left, rgba(156, 84, 48, 0.3), transparent);
}

.featured-cases-header::after {
    background: linear-gradient(to right, rgba(156, 84, 48, 0.3), transparent);
}

.featured-cases-header h3 {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    white-space: nowrap;
}

/* 精选案例标题 */
.featured-cases-header {
    justify-content: space-between;
}

.cases-more {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    color: var(--primary-color);
    text-decoration: none;
    transition: gap 0.3s ease;
}

.cases-more:hover {
    gap: 8px;
}

/* 横向滚动容器 */
.showcase-container {
    position: relative;
    padding: 20px 0 0;
}

.showcase-container .showcase-nav {
    display: none;
}

/* 导航按钮（保留给其他页面） */
.showcase-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 1px solid rgba(156, 84, 48, 0.2);
    border-radius: 50%;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 8px rgba(92, 0, 23, 0.12);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.showcase-nav:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 100%);
    border-color: rgba(156, 84, 48, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 4px 14px rgba(92, 0, 23, 0.2);
    transform: translateY(-50%) scale(1.08);
}

.showcase-nav:active {
    transform: translateY(-50%) scale(0.95);
}

.showcase-nav i {
    font-size: 20px;
    color: #7A3F22;
}

.showcase-nav-prev {
    left: 16px;
}

.showcase-nav-next {
    right: 16px;
}

.showcase-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.showcase-nav:disabled:hover {
    transform: translateY(-50%);
    box-shadow: 0 2px 8px rgba(92, 0, 23, 0.15);
}

.showcase-scroll-wrapper {
    width: 100%;
    overflow: visible;
}

.showcase-scroll {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

/* 首页案例卡片 —— 2×2 网格 + 玻璃拟态 */
/* 扫光效果已移除（保留 transform 上浮 + box-shadow 加深即可，无色变） */

/* 案例截图区域：全局统一 */

/* 非网站类案例：HUD 监视器框架（软件/AI 项目） */
.monitor-frame {
    background: linear-gradient(180deg, #3D2817 0%, #5C0017 100%);
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    border: none;
}

.monitor-header {
    background: linear-gradient(180deg, rgba(156, 84, 48, 0.15) 0%, rgba(156, 84, 48, 0.05) 100%);
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(156, 84, 48, 0.1);
}

.monitor-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C4A484;
    box-shadow: 0 0 8px rgba(196, 164, 132, 0.6);
    flex-shrink: 0;
    animation: monitorPulse 2.4s ease-in-out infinite;
}

@keyframes monitorPulse {
    0%, 100% { opacity: 0.5; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1.1); }
}

.monitor-title {
    font-size: 13px;
    color: rgba(245, 222, 179, 0.85);
    font-weight: 500;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.monitor-status {
    font-size: 11px;
    color: #C4A484;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.monitor-status i {
    font-size: 6px;
    color: #C4A484;
    filter: drop-shadow(0 0 4px rgba(196, 164, 132, 0.8));
}

.monitor-content {
    position: relative;
}

.monitor-content img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 480px;
    object-fit: cover;
}

/* 监视器扫描线（呼应全息屏） */
.monitor-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(156, 84, 48, 0.02) 2px,
        rgba(156, 84, 48, 0.02) 4px
    );
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .monitor-indicator { animation: none; opacity: 0.85; }
}


/* 标题统一：15px 深翠绿 居中 */


/* 移动端适配 */
@media (max-width: 768px) {
    .showcase-scroll {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .case-card .browser-content,
    .case-card .monitor-content img {
        max-height: 240px;
    }
}

@media (max-width: 576px) {
    .featured-cases-header {
        margin-top: 40px;
    }

    .case-card .browser-content,
    .case-card .monitor-content img {
        max-height: 180px;
    }
}

/* ========================================
   行业新闻 - 时间轴样式
   ======================================== */
.news {
    padding: var(--section-padding);
    background: transparent;
}

.news-timeline {
    position: relative;
    margin: 0 auto 40px;
}

.news-timeline .timeline-item {
    display: flex;
    align-items: center;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: relative;
}

.news-timeline .timeline-item:hover .timeline-content {
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(255, 255, 255, 0.65) 100%
    );
    border-color: rgba(156, 84, 48, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(156, 84, 48, 0.1),
        0 8px 20px -6px rgba(92, 0, 23, 0.15);
    transform: translateX(4px);
}

.news-timeline .timeline-date {
    width: 80px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: 20px;
    flex-shrink: 0;
}

.news-timeline .timeline-day {
    font-size: 26px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    filter: drop-shadow(0 0 6px rgba(156, 84, 48, 0.3));
}

.news-timeline .timeline-month {
    font-size: 12px;
    color: var(--text-secondary);
    margin-top: 4px;
}

.news-timeline .timeline-line {
    width: 40px;
    flex-shrink: 0;
    position: relative;
    align-self: stretch;
}

/* 垂直线 - 翠绿发光 */
.news-timeline .timeline-line::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(156, 84, 48, 0.5), rgba(156, 84, 48, 0.2));
    transform: translateX(-50%);
    box-shadow: 0 0 6px rgba(156, 84, 48, 0.25);
}

/* 圆点 - 翠绿发光 */
.news-timeline .timeline-dot {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.9);
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 0 8px rgba(156, 84, 48, 0.3);
    transition: all 0.3s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: background 0.3s;
}

.news-timeline .timeline-item:hover .timeline-dot {
    background: var(--primary-color);
    box-shadow: 0 0 14px rgba(156, 84, 48, 0.55);
}

.news-timeline .timeline-content {
    flex: 1;
    padding: 20px 24px;
    border-radius: 14px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(156, 84, 48, 0.06),
        0 4px 12px -4px rgba(92, 0, 23, 0.08);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    margin: 6px 0;
    position: relative;
    overflow: hidden;
}

/* 扫光效果 */
.news-timeline .timeline-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.7s;
    pointer-events: none;
}

.news-timeline .timeline-item:hover .timeline-content::after {
    left: 100%;
}

.news-timeline .timeline-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.news-timeline .timeline-tag {
    font-size: 15px;
    color: var(--primary-color);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
    padding: 4px 12px;
    border-radius: 100px;
    border: 1px solid rgba(156, 84, 48, 0.18);
    font-weight: 600;
    letter-spacing: 0;
}

.news-timeline .timeline-time {
    font-size: 13px;
    color: var(--text-secondary);
}

.news-timeline .timeline-title {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin: 0 0 8px 0;
    line-height: 1.5;
    letter-spacing: 0;
    transition: color 0.3s;
}

.news-timeline .timeline-item:hover .timeline-title {
    color: var(--primary-color);
}

.news-timeline .timeline-desc {
    font-size: 15px;
    color: rgba(92, 0, 23, 0.85);
    line-height: 1.7;
    letter-spacing: 0;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-more {
    text-align: center;
    margin-top: 16px;
}

.news-more .btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    color: #7A3F22;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.75) 0%,
        rgba(255, 255, 255, 0.55) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.3);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 8px -2px rgba(92, 0, 23, 0.1);
    transition: all 0.3s;
}

.news-more .btn-outline:hover {
    background: linear-gradient(135deg, #9C5430, #7A3F22);
    color: #FAF0E6;
    border-color: #7A3F22;
    box-shadow: 0 4px 14px rgba(156, 84, 48, 0.35);
}

@media (max-width: 768px) {
    .news-timeline .timeline-date {
        width: 50px;
        padding-right: 10px;
    }

    .news-timeline .timeline-day {
        font-size: 20px;
    }

    .news-timeline .timeline-month {
        font-size: 10px;
    }

    .news-timeline .timeline-line {
        width: 30px;
    }

    .news-timeline .timeline-dot {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }

    .news-timeline .timeline-content {
        padding: 14px 16px;
    }

    .news-timeline .timeline-title {
        font-size: 14px;
    }

    .news-timeline .timeline-desc {
        font-size: 12px;
    }

    .news-timeline .timeline-tag {
        font-size: 10px;
        padding: 2px 8px;
    }
}

/* ========================================
   Cases Page - 案例页面
   ======================================== */

/* Cases Hero */
/* ========== 案例 Hero 轮播 ========== */
.cases-hero-carousel {
    padding: 100px 0 40px;
    background: transparent;
}

.cases-hero-head {
    text-align: center;
    margin-bottom: 28px;
}

.cases-hero-sub {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 8px;
    letter-spacing: 0.5px;
}

.hero-carousel {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    min-height: 200px;
}

.hero-carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
    pointer-events: none;
}

.hero-carousel-slide.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
}

a.hero-carousel-slide {
    display: block;
    text-decoration: none;
    color: inherit;
}

.hero-carousel-slide .browser-frame,
.hero-carousel-slide .monitor-frame {
    border-radius: 14px 14px 0 0;
}

.hero-carousel-slide .browser-content,
.hero-carousel-slide .monitor-content {
    height: 600px;
    overflow: hidden;
}

.hero-carousel-slide .browser-content img,
.hero-carousel-slide .monitor-content img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* 轮播底部羽化（mask 在框架整体上） */
.hero-carousel-slide .browser-frame,
.hero-carousel-slide .monitor-frame {
    -webkit-mask-image: linear-gradient(180deg, #3D2817 85%, transparent 100%);
    mask-image: linear-gradient(180deg, #3D2817 85%, transparent 100%);
}

.hero-carousel-slide .monitor-content::after {
    display: none;
}

/* 案例标题（跟随切换） */
.hero-carousel-info {
    text-align: center;
    margin-bottom: 16px;
    min-height: 28px;
}

.hero-carousel-title {
    display: none;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    transition: opacity 0.4s;
}

.hero-carousel-title.active {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hero-carousel-title .case-card-tag {
    vertical-align: baseline;
    margin-right: 4px;
}

/* 进度指示器 */
.hero-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.hero-carousel-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(156, 84, 48, 0.3);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s;
}

.hero-carousel-dot:hover {
    border-color: rgba(156, 84, 48, 0.6);
    background: rgba(156, 84, 48, 0.15);
}

.hero-carousel-dot.active {
    background: #CC3D34;
    border-color: #CC3D34;
    box-shadow: 0 0 8px rgba(204, 61, 52, 0.4);
    transform: scale(1.15);
}

@media (max-width: 768px) {
    .cases-hero-carousel { padding: 80px 0 24px; }
    .hero-carousel-slide .browser-content img,
    .hero-carousel-slide .monitor-content img { max-height: 300px; }
}

.cases-section {
    padding: 0;
    background: transparent;
}

.cases-filter {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 48px;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 10px 20px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.55) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.2);
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.3s;
}

.filter-btn:hover {
    border-color: rgba(156, 84, 48, 0.45);
    color: #7A3F22;
}

.filter-btn.active {
    background: linear-gradient(135deg, #9C5430 0%, #7A3F22 100%);
    border-color: #7A3F22;
    color: #FAF0E6;
    box-shadow: 0 2px 8px -2px rgba(122, 63, 34, 0.4);
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.case-card {
    background: transparent;
    border-radius: 14px;
    overflow: hidden;
    border: none;
    box-shadow: none;
    position: relative;
}

/* 整卡可点击：透明 a 覆盖整张卡片（图片 + 文字），全区域响应点击 */
.case-card-link-full {
    position: absolute;
    inset: 0;
    z-index: 20;                /* 高于浏览器框、内部图片 */
    display: block;
    text-indent: -9999px;       /* 隐藏内联文本（如果有）*/
    overflow: hidden;
    background: transparent;
    cursor: pointer;
}
.case-card-link-full:focus-visible {
    outline: 2px solid var(--cta-color);
    outline-offset: 4px;
    border-radius: 14px;
}

.case-card-image {
    position: relative;
    overflow: hidden;
    background: transparent;
    padding: 0;
}

/* 浏览器框架样式（深色 HUD 呼应全息屏） */
.browser-frame {
    background: linear-gradient(180deg, #3D2817 0%, #5C0017 100%);
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

.browser-header {
    background: linear-gradient(180deg, rgba(156, 84, 48, 0.12) 0%, rgba(156, 84, 48, 0.05) 100%);
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.browser-dots {
    display: flex;
    gap: 6px;
}

.browser-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.browser-dots .dot.red { background: #f87171; }
.browser-dots .dot.yellow { background: #E8B547; }
.browser-dots .dot.green { background: #C4A484; }

.browser-address {
    flex: 1;
    background: rgba(6, 24, 16, 0.6);
    border-radius: 6px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #888;
    overflow: hidden;
}

.browser-address i {
    color: #C4A484;
    font-size: 12px;
}

.browser-address span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.browser-content {
    height: 180px;
    overflow: hidden;
    background: var(--bg-light);
}

.browser-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 0.5s;
}

.case-card:hover .browser-content img {
    transform: none;
}

.case-card-image .case-placeholder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: var(--text-quaternary);
}

.case-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;          /* 不再拦截鼠标，hover 不触发蒙板 */
    /* background: rgba(92, 0, 23, 0.4);  ← 已移除遮罩 */
}

/* hover 不再显示绛紫蒙板（保持卡片清晰）*/
/* .case-card:hover .case-card-overlay { opacity: 1; }  ← 已移除 */

.case-card-link {
    width: 50px;
    height: 50px;
    background: var(--bg-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--primary-color);
    transition: all 0.3s;
}

.case-card-link:hover {
    background: var(--primary-color);
    color: #FAF0E6;
    transform: scale(1.1);
}

.case-card-content {
    padding: 10px 16px 12px;
    text-align: center;
}

.case-card .browser-content {
    height: auto;
    max-height: 480px;
    position: relative;
}

/* 浏览器/监视器框：只保留 mask 渐隐底（视觉过渡）
 * 浮空投影改由外层 .case-card 的 box-shadow 提供（不受 mask 影响） */
.case-card .browser-frame,
.case-card .monitor-frame {
    -webkit-mask-image: linear-gradient(180deg, #3D2817 85%, transparent 100%);
    mask-image: linear-gradient(180deg, #3D2817 85%, transparent 100%);
}

/* 顶部金属高光线（specular reflection）：模拟铜质边缘反光
 * 这是浮空效果的"灵魂细节" —— Apple/Microsoft 窗口都用这招 */
.case-card .browser-frame::before,
.case-card .monitor-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 6%;
    right: 6%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255, 248, 231, 0.55) 20%,
        rgba(232, 181, 71, 0.65) 50%,      /* 古铜金中点 */
        rgba(255, 248, 231, 0.55) 80%,
        transparent 100%);
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* hover 高光线增亮已移除（保持顶部金属高光固定亮度，避免色变） */

.case-card .monitor-content::after {
    display: none;
}

.case-card .browser-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 480px;
}

.case-card .monitor-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 480px;
}

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

.case-card-title {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin-bottom: 0;
    line-height: 1.5;
    letter-spacing: 0;
}

.case-card-title .case-card-tag {
    display: inline-flex;
    align-items: center;
    vertical-align: baseline;
    margin-right: 6px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.4;
    padding: 2px 10px;
}

.case-card-desc {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.case-card-techs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.case-card-techs span {
    padding: 4px 10px;
    background: var(--bg-light);
    color: var(--text-tertiary);
    font-size: 12px;
    border-radius: var(--radius-sm);
}

.case-card-website {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--primary-color);
    transition: color 0.3s;
}

.case-card-website:hover {
    color: var(--primary-dark);
}

.case-card-website.disabled {
    color: var(--text-tertiary);
    cursor: default;
}

.case-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.case-card-footer .case-card-tag {
    margin-bottom: 0;
}


/* 案例统计 */
.cases-stats {
    background: transparent;
    padding: 40px 0;
}

.cases-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    text-align: center;
}

.cases-stat-item {
    padding: 24px;
}

.cases-stat-number {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 12px;
}

.cases-stat-label {
    font-size: 16px;
    color: var(--text-secondary);
}

/* 案例筛选动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================
   News Page - 新闻列表页
   ======================================== */
.news-section {
    padding: 110px 0 80px;
    background: transparent;
}

.news-filter {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 48px;
    flex-wrap: wrap;
}

.news-filter-btn {
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    cursor: pointer;
    transition: all 0.3s;
}

.news-filter-btn:hover {
    border-color: rgba(156, 84, 48,0.45);
    color: #7A3F22;
}

.news-filter-btn.active {
    background: linear-gradient(135deg, #9C5430 0%, #7A3F22 100%);
    border-color: #7A3F22;
    color: #FAF0E6;
    box-shadow: 0 2px 8px -2px rgba(122, 63, 34,0.4);
}

/* 标签页头部 */
.tag-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-color);
}

.tag-header i {
    font-size: 28px;
    color: var(--primary-color);
}

.tag-header h1 {
    font-size: 24px;
    font-weight: 600;
    color: var(--text-primary);
}

.tag-count {
    font-size: 14px;
    color: var(--text-secondary);
    background: var(--bg-light);
    padding: 4px 12px;
    border-radius: var(--radius-full);
}

/* 标签页营销引导 */
.tag-cta {
    background: linear-gradient(135deg, var(--primary-light) 0%, #e8f4fd 100%);
    border-radius: var(--radius-lg);
    padding: 32px;
    margin-bottom: 40px;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
}

.tag-cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.tag-cta-text {
    flex: 1;
}

.tag-cta-badge-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--primary-color);
    background: var(--bg-white);
    padding: 4px 12px;
    border-radius: var(--radius-full);
    margin-bottom: 12px;
}

.tag-cta-badge-inline i {
    font-size: 14px;
}

.tag-cta-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
    line-height: 1.4;
}

.tag-cta-title strong {
    color: var(--primary-color);
}

.tag-cta-desc {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
}

.tag-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
}

.tag-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
    background: var(--bg-white);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.tag-cta-btn:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.tag-cta-btn-primary {
    background: var(--primary-color);
    color: #FAF0E6;
    border-color: var(--primary-color);
}

.tag-cta-btn-primary:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #FAF0E6;
}

.tag-cta-btn i {
    font-size: 18px;
}

.tag-cta-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.tag-cta-qrcode img {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-md);
    border: 2px solid var(--bg-white);
    box-shadow: var(--shadow-sm);
}

.tag-cta-qrcode span {
    font-size: 12px;
    color: var(--text-secondary);
}

@media (max-width: 768px) {
    .tag-cta {
        padding: 24px;
    }

    .tag-cta-content {
        flex-direction: column;
        text-align: center;
    }

    .tag-cta-title {
        font-size: 18px;
    }

    .tag-cta-actions {
        flex-direction: row;
        width: 100%;
    }

    .tag-cta-btn {
        flex: 1;
        justify-content: center;
        padding: 10px 16px;
    }

    .tag-cta-qrcode {
        margin-top: 16px;
    }

    .tag-cta-qrcode img {
        width: 80px;
        height: 80px;
    }
}

/* 标签页分区标题 */
.tag-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}

.tag-section-title i {
    color: var(--primary-color);
}

.tag-cases-section {
    margin-bottom: 48px;
}

.tag-articles-section {
    margin-bottom: 24px;
}

.news-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.news-item {
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s cubic-bezier(0.2,0.8,0.2,1);
}

.news-item:hover {
    border-color: rgba(156, 84, 48,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 2px 4px rgba(156, 84, 48,0.1), 0 8px 20px -6px rgba(92, 0, 23,0.15);
}

.news-item-image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.news-item:hover .news-item-image img {
    transform: scale(1.05);
}

.news-item-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 12px;
    background: var(--primary-color);
    color: #FAF0E6;
    font-size: 12px;
    font-weight: 500;
    border-radius: var(--radius-full);
}

.news-item-content {
    flex: 1;
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.news-item-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}

.news-item-category {
    padding: 4px 12px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(156, 84, 48,0.18);
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    border-radius: 100px;
}

.news-item-date,
.news-item-views {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--text-tertiary);
}

.news-item-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 12px;
}

.news-item-title a {
    color: rgba(92, 0, 23,0.92);
    transition: color 0.3s;
}

.news-item-title a:hover {
    color: var(--primary-color);
}

.news-item-desc {
    flex: 1;
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-indent: 2em;
}

.news-item-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-color);
    transition: gap 0.3s;
    align-self: flex-end;
}

.news-item-link:hover {
    gap: 8px;
}

/* 置顶新闻 */
.news-item-featured {
    flex-direction: column;
}

.news-item-featured .news-item-image {
    width: 100%;
    height: 300px;
}

.news-item-featured .news-item-content {
    padding: 24px;
}

.news-item-featured .news-item-title {
    font-size: 22px;
}

.news-item-featured .news-item-desc {
    -webkit-line-clamp: 3;
}

/* 分页 */
.news-pagination,
.cases-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 48px;
}

.pagination-btn,
.pagination-num {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 10px;
    font-size: 15px;
    color: rgba(92, 0, 23,0.92);
    transition: all 0.3s;
}

.pagination-btn:hover:not(.disabled),
.pagination-num:hover {
    border-color: rgba(156, 84, 48,0.45);
    color: #7A3F22;
}

.pagination-num.active {
    background: linear-gradient(135deg, #9C5430 0%, #7A3F22 100%);
    border-color: #7A3F22;
    color: #FAF0E6;
    box-shadow: 0 2px 8px -2px rgba(122, 63, 34,0.4);
}

.pagination-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-dots {
    color: var(--text-secondary);
    font-size: 15px;
}

/* ========================================
   News Detail - 新闻详情页
   ======================================== */
.breadcrumb-section {
    padding: 100px 0 10px;
    background: transparent;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.breadcrumb a {
    color: var(--text-secondary);
    transition: color 0.3s;
}

.breadcrumb a:hover {
    color: var(--primary-color);
}

.breadcrumb-separator {
    color: var(--text-tertiary);
}

.breadcrumb-current {
    color: var(--text-tertiary);
}

.article-section {
    padding: 20px 0 30px;
    background: var(--bg-light);
}

.article-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 32px;
    align-items: start;
}

.article-main {
    background: var(--bg-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.article-header {
    padding: 32px 32px 24px;
}

.article-category {
    display: inline-block;
    padding: 4px 12px;
    background: var(--primary-light);
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 500;
    border-radius: var(--radius-full);
}

.article-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--text-primary);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    color: var(--text-tertiary);
}

.article-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* 联系咨询卡片 */
.contact-card {
    margin: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    background: linear-gradient(135deg, #FFF8E7 0%, #FFF8E7 100%);
    border-radius: var(--radius-lg);
    border: 1px solid #E8D9C4;
    box-shadow: 0 2px 10px rgba(92, 0, 23, 0.05);
}

.contact-card-header {
    flex-shrink: 0;
}

.contact-card-badge {
    display: inline-block;
    padding: 3px 12px;
    background: linear-gradient(90deg, #CC3D34, #B83227);
    color: #FAF0E6;
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    margin-bottom: 8px;
    animation: shake 2s ease-in-out infinite;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
    20%, 40%, 60%, 80% { transform: translateX(2px); }
}

.contact-card-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
}

.contact-card-desc {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--text-secondary);
}

.contact-card-body {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-card-actions {
    display: flex;
    gap: 10px;
}

.contact-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.contact-btn i {
    font-size: 20px;
}

.contact-btn-text {
    display: flex;
    flex-direction: column;
}

.contact-btn-label {
    font-size: 11px;
    line-height: 1.3;
}

.contact-btn-value {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.contact-btn-primary {
    background: linear-gradient(90deg, #CC3D34, #B83227);
    color: #FAF0E6;
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(238, 90, 36, 0.4);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 0 20px 4px rgba(238, 90, 36, 0.3);
    }
}

.contact-btn-primary:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(238, 90, 36, 0.4);
}

.contact-btn-secondary {
    background: #FAF0E6;
    color: var(--text-primary);
    border: 1px solid #ddd;
}

.contact-btn-secondary:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.contact-card-wechat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

.contact-card-wechat img {
    width: 60px;
    height: 30px;
    border-radius: var(--radius-sm);
    border: 2px solid #FAF0E6;
    box-shadow: 0 2px 8px rgba(92, 0, 23, 0.1);
}

.wechat-title {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 500;
}

@media (max-width: 992px) {
    .contact-card {
        flex-wrap: wrap;
        gap: 16px;
    }

    .contact-card-header {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .contact-card {
        margin: 0 16px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 16px;
        padding: 16px;
    }

    .contact-card-header {
        width: 100%;
        text-align: center;
    }

    .contact-card-wechat {
        order: 1;
        flex-direction: column;
        gap: 6px;
        padding-left: 0;
        padding-right: 16px;
        padding-top: 0;
        border-left: none;
        border-top: none;
        border-right: 1px solid #ddd;
    }

    .contact-card-body {
        order: 2;
        flex: 1;
        justify-content: center;
    }

    .contact-card-actions {
        flex-direction: column;
        width: 100%;
    }

    .contact-btn {
        justify-content: center;
        white-space: normal;
    }
}

.article-cover {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.article-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-content {
    padding: 32px;
    font-size: 16px;
    line-height: 1.9;
    color: var(--text-primary);
}

.article-content h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 32px 0 16px;
    color: var(--text-primary);
}

.article-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 24px 0 12px;
    color: var(--text-primary);
}

.article-content p {
    margin-bottom: 16px;
    text-indent: 2em;
}

.article-content ul,
.article-content ol {
    margin: 16px 0;
    padding-left: 24px;
}

.article-content li {
    margin-bottom: 8px;
}

.article-content blockquote {
    margin: 24px 0;
    padding: 20px 24px;
    background: var(--bg-light);
    border-left: 4px solid var(--primary-color);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.article-content blockquote p {
    margin-bottom: 8px;
    font-style: italic;
    color: var(--text-secondary);
}

.article-content blockquote cite {
    font-size: 14px;
    color: var(--text-tertiary);
}

.article-content img {
    max-width: 100%;
    border-radius: var(--radius-md);
    margin: 16px 0;
}

.article-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 32px 24px;
    border-bottom: 1px solid var(--border-color);
}

.article-tags-label {
    font-size: 14px;
    color: var(--text-secondary);
}

.article-tag {
    padding: 4px 12px;
    background: var(--bg-light);
    color: var(--text-secondary);
    font-size: 13px;
    border-radius: var(--radius-full);
    transition: all 0.3s;
}

.article-tag:hover {
    background: var(--primary-light);
    color: var(--primary-color);
}

.article-share {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 32px;
    border-bottom: 1px solid var(--border-color);
}

.article-share-label {
    font-size: 14px;
    color: var(--text-secondary);
}

.article-share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--bg-light);
    border-radius: 50%;
    font-size: 18px;
    color: var(--text-secondary);
    transition: all 0.3s;
}

.article-share-btn:hover {
    background: var(--primary-color);
    color: #FAF0E6;
}

.article-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.article-nav-item {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: background 0.3s;
}

.article-nav-item:hover {
    background: var(--bg-light);
}

.article-nav-prev {
    border-right: 1px solid var(--border-color);
}

.article-nav-next {
    text-align: right;
}

.article-nav-label {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--text-tertiary);
}

.article-nav-next .article-nav-label {
    justify-content: flex-end;
}

.article-nav-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 侧边栏 */
.article-sidebar {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-widget {
    background: var(--bg-white);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
}

.sidebar-widget-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}

.sidebar-news-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sidebar-news-list .sidebar-news-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
}

.sidebar-news-list .sidebar-news-item:first-child {
    padding-top: 0;
}

.sidebar-news-list .sidebar-news-item h4 {
    margin: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: normal;
    color: var(--text-primary);
    line-height: 1.5;
    display: flex;
    align-items: center;
}

.sidebar-news-list .sidebar-news-item span {
    flex-shrink: 0;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
}

.sidebar-news-list .sidebar-news-item:hover h4 {
    color: var(--primary-color);
}

.sidebar-news-item {
    display: flex;
    gap: 12px;
}

.sidebar-news-image {
    flex-shrink: 0;
    width: 80px;
    height: 30px;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--bg-light);
}

.sidebar-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-news-info h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.5;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s;
}

.sidebar-news-item:hover h4 {
    color: var(--primary-color);
}

.sidebar-news-info span {
    font-size: 12px;
    color: var(--text-tertiary);
}

.sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 120px;
    overflow-y: auto;
}

.sidebar-tag {
    padding: 6px 12px;
    background: var(--bg-light);
    color: var(--text-secondary);
    font-size: 13px;
    border-radius: var(--radius-full);
    transition: all 0.3s;
}

.sidebar-tag:hover {
    background: var(--primary-light);
    color: var(--primary-color);
}

.sidebar-cta {
    background: linear-gradient(135deg, #FFF8E7 0%, #FFF8E7 100%);
    border: 1px solid #E8D9C4;
}

.sidebar-cta-header {
    text-align: center;
    margin-bottom: 16px;
}

.sidebar-cta-badge {
    display: inline-block;
    padding: 4px 12px;
    background: linear-gradient(90deg, #CC3D34, #B83227);
    color: #FAF0E6;
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    margin-bottom: 10px;
}

.sidebar-cta-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
}

.sidebar-cta-desc {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--text-secondary);
}

.sidebar-cta-body {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sidebar-cta-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.sidebar-cta-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: #FAF0E6;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
    border: 1px solid #E8D9C4;
}

.sidebar-cta-item:hover {
    border-color: #B83227;
    color: #B83227;
}

.sidebar-cta-item i {
    font-size: 18px;
    color: #B83227;
}

.sidebar-cta-wechat {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.sidebar-cta-wechat img {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-md);
    border: 2px solid #FAF0E6;
    box-shadow: 0 2px 8px rgba(92, 0, 23, 0.1);
}

.sidebar-cta-wechat span {
    font-size: 12px;
    color: var(--text-secondary);
}

@media (max-width: 480px) {
    .sidebar-cta-body {
        flex-direction: column;
        gap: 12px;
    }

    .sidebar-cta-wechat {
        flex-direction: row;
        width: 100%;
        justify-content: center;
        padding-top: 12px;
        border-top: 1px solid #E8D9C4;
    }

    .sidebar-cta-wechat img {
        width: 60px;
        height: 30px;
    }
}

/* ========================================
   Footer
   ======================================== */
.footer {
    background: linear-gradient(180deg, #5C0017 0%, #022c22 100%);
    color: rgba(255, 255, 255, 0.9);
    padding: 60px 0 0;
    position: relative;
}

/* 顶部翠绿能量线（与 header 底部能量线首尾呼应） */
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(196, 164, 132, 0.6), transparent);
    box-shadow: 0 0 10px rgba(156, 84, 48, 0.4);
    pointer-events: none;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(156, 84, 48, 0.15);
}

/* senyi 老 footer 元素样式已删除：.footer-brand .logo-text / .footer-slogan / .footer-desc /
   .footer-contact* / .footer-wechat / .footer-links h4 ul li 系列 — rebx footer-v3 不再使用 */

.footer-bottom {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* senyi 老 footer-bottom-left / .footer-legal / .footer-social 系列已删除 — rebx footer-v3 不使用 */

/* ========================================
   响应式
   ======================================== */
@media (max-width: 1024px) {
    .solutions-grid {
        grid-template-columns: repeat(10, 1fr);
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    :root {
        --section-padding: 60px 0;
    }

    .nav-menu,
    .nav-actions {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    /* 移动端 drawer · V10 回归全屏方案（用户原话："之前全屏会正常显示"）
       策略：drawer 全屏 + 内部 padding-bottom 大 + mobile-tab z-index 1001 浮于上层
       优点：避开 fixed+grid+calc bottom 在 iOS Safari 的坍缩 bug */
    .nav-menu.active {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        align-content: start;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(100vh - 64px);
        height: calc(100dvh - 64px);
        background: linear-gradient(180deg, #FBF6EC 0%, #F6EFDC 100%);
        padding: 24px 20px calc(100px + env(safe-area-inset-bottom, 0px));   /* 底部留 mobile-tab 空间 */
        z-index: 999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        animation: drawerSlideIn 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    @keyframes drawerSlideIn {
        from { transform: translateX(24px); opacity: 0; }
        to { transform: translateX(0); opacity: 1; }
    }

    /* nav-item · 网格卡片样式（统一 6 项）*/
    .nav-menu.active .nav-item {
        margin: 0;
        padding: 0;
        border: none;
    }
    .nav-menu.active .nav-item.has-dropdown {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    /* 每个 nav-item 卡片 · 暖玻璃 + 圆角 + icon 上 title 下 */
    .nav-menu.active .nav-item > a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
        padding: 22px 12px;
        min-height: 110px;
        background: rgba(255, 255, 255, 0.55);
        border: 1px solid rgba(156, 84, 48, 0.12);
        border-radius: 14px;
        font-size: 15px;
        font-weight: 600;
        color: #2C1810;
        text-decoration: none;
        letter-spacing: 0;
        text-transform: none;
        line-height: 1.3;
        pointer-events: auto;
        cursor: pointer;
        transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.7),
            0 1px 2px rgba(124, 73, 41, 0.04);
    }
    .nav-menu.active .nav-item > a:hover,
    .nav-menu.active .nav-item > a:active {
        background: rgba(204, 61, 52, 0.08);
        border-color: rgba(204, 61, 52, 0.32);
        color: #CC3D34;
        transform: translateY(-1px);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.8),
            0 4px 10px -2px rgba(204, 61, 52, 0.18);
    }

    /* 每项 icon · 用 ::before 加载 remixicon 字体字符 */
    .nav-menu.active .nav-item > a::before {
        font-family: 'remixicon';
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        color: rgba(156, 84, 48, 0.78);
        line-height: 1;
        transition: color 0.2s ease, transform 0.25s ease;
    }
    .nav-menu.active .nav-item > a:hover::before,
    .nav-menu.active .nav-item > a:active::before {
        color: #CC3D34;
        transform: scale(1.08);
    }
    /* 各项 icon 字符（remixicon glyph）*/
    .nav-menu.active .nav-item:nth-child(1) > a::before { content: '\eb6e'; }   /* 行业建站 · building */
    .nav-menu.active .nav-item:nth-child(2) > a::before { content: '\eb29'; }   /* 服务 · customer-service */
    .nav-menu.active .nav-item:nth-child(3) > a::before { content: '\f242'; }   /* 案例 · trophy */
    .nav-menu.active .nav-item:nth-child(4) > a::before { content: '\eecb'; }   /* 定价 · price-tag */
    .nav-menu.active .nav-item:nth-child(5) > a::before { content: '\eb98'; }   /* 博客 · article */
    .nav-menu.active .nav-item:nth-child(6) > a::before { content: '\ef58'; }   /* 帮助 · question */

    /* 隐藏 has-dropdown 的下拉箭头 */
    .nav-menu.active .nav-item.has-dropdown > a > i {
        display: none;
    }
    /* 隐藏右箭头（网格卡式不需要 ::after 右箭头）*/
    .nav-menu.active .nav-item:not(.has-dropdown) > a::after {
        display: none;
    }

    /* drawer 底部 CTA 已移除 · 由 mobile-tab 底部固定栏的电话按钮替代 */
    .nav-menu.active::after {
        display: none;
    }

    /* 旧 2 列竖排样式已废弃 · V2 drawer 由本块上方规则统一管理 */

    .hero {
        padding: 100px 0 60px;
    }

    .hero .container {
        flex-direction: column;
        text-align: center;
    }

    .hero-title {
        font-size: 32px;
    }

    .hero-subtitle {
        font-size: 16px;
    }

    .hero-actions {
        justify-content: center;
    }

    .hero-cards {
        flex-direction: column;
        align-items: center;
        margin-top: 32px;
    }

    .hero-card {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .services-tabs {
        flex-wrap: wrap;
    }

    .services-tab {
        flex: 1;
        min-width: 100px;
        justify-content: center;
        padding: 10px 12px;
        font-size: 13px;
    }

    .services-tab span {
        display: none;
    }

    .services-panels {
        min-height: auto;
        padding: 20px;
    }

    .panel-layout {
        flex-direction: column;
    }

    .panel-sidebar {
        width: 100%;
        max-height: none;
        border-right: none;
        border-bottom: 1px solid rgba(156, 84, 48, 0.1);
        margin-bottom: 20px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .panel-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        padding-bottom: 12px;
        min-width: max-content;
    }

    .panel-nav-item {
        padding: 8px 12px;
        border-left: none;
        border-radius: var(--radius-md);
        font-size: 12px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .panel-nav-item i {
        margin-right: 4px;
    }

    .panel-nav-item.active {
        border-left: none;
        background: var(--primary-color);
        color: var(--text-white);
    }

    .panel-sidebar::-webkit-scrollbar {
        height: 3px;
    }

    .panel-sidebar::-webkit-scrollbar-thumb {
        background: rgba(156, 84, 48, 0.3);
        border-radius: 2px;
    }

    .panel-main {
        padding: 0;
        min-height: auto;
    }

    .panel-main::after {
        display: none;
    }

    .panel-category h3 {
        font-size: 18px;
    }

    .cat-list {
        grid-template-columns: 1fr;
    }

    .solutions-grid {
        grid-template-columns: repeat(8, 1fr);
        gap: 6px;
    }

    .solutions-grid .solution-card {
        padding: 8px 4px;
    }

    .solutions-grid .solution-icon {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }

    .solutions-grid .solution-icon i {
        font-size: 14px;
    }

    .solutions-grid .solution-card h4 {
        font-size: 10px;
    }

    .section-title {
        font-size: 26px;
    }

    /* 案例页面响应式 */
    .cases-filter {
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .cases-filter::-webkit-scrollbar {
        display: none;
    }

    .filter-btn {
        padding: 8px 16px;
        font-size: 13px;
        flex-shrink: 0;
    }

    /* 移动端面包屑：完整显示 */

    .cases-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .case-card-image {
        padding: 12px;
    }

    .browser-content {
        height: 150px;
    }

    .browser-header {
        padding: 8px 10px;
    }

    .browser-dots .dot {
        width: 8px;
        height: 8px;
    }

    .browser-address {
        font-size: 10px;
        padding: 5px 8px;
    }

    .case-card-content {
        padding: 20px;
    }

    .case-card-title {
        font-size: 15px;
    }

    .cases-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .cases-stat-number {
        font-size: 36px;
    }

    /* 新闻页面响应式 */
    .news-filter {
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .news-filter::-webkit-scrollbar {
        display: none;
    }

    .news-filter-btn {
        padding: 8px 16px;
        font-size: 13px;
        flex-shrink: 0;
    }

    .news-item {
        flex-direction: column;
    }

    .news-list {
        grid-template-columns: 1fr;
    }

    .news-item-image {
        width: 100%;
        height: 180px;
    }

    .news-item-content {
        padding: 20px;
    }

    .news-item-title {
        font-size: 16px;
    }

    .news-item-featured .news-item-image {
        height: 200px;
    }

    .news-item-featured .news-item-title {
        font-size: 18px;
    }

    /* 新闻详情页响应式 */
    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        position: static;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .sidebar-cta {
        display: none;
    }
     .article-main {
        padding: 0 10px;
     }
    .article-header {
        padding: 24px 20px;
    }

    .article-title {
        font-size: 22px;
    }

    .article-cover {
        height: 220px;
    }

    .article-content {
        padding: 24px 20px;
    }

    .article-content h2 {
        font-size: 18px;
    }

    .article-tags,
    .article-share {
        padding: 20px;
    }

    .article-nav {
        grid-template-columns: 1fr;
    }

    .article-nav-prev {
        border-right: none;
        border-bottom: 1px solid var(--border-color);
    }

    .article-nav-next {
        text-align: left;
    }

    .article-nav-next .article-nav-label {
        justify-content: flex-start;
    }

    /* senyi 老 footer 移动端块已删除 · rebx footer-v3 由 14449+ / 14535+ / 14598+ / 14637+ 块统一定义 */

    .news-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .news-card {
        padding: 18px;
        min-width: 0;
        overflow: hidden;
    }

    .news-title {
        font-size: 15px;
    }

    .news-list-simple {
        display: none;
    }
}

@media (max-width: 480px) {
    .solutions-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 4px;
    }

    .solutions-grid .solution-card {
        padding: 6px 3px;
    }

    .solutions-grid .solution-icon {
        width: 20px;
        height: 30px;
        margin-bottom: 2px;
    }

    .solutions-grid .solution-icon i {
        font-size: 12px;
    }

    .solutions-grid .solution-card h4 {
        font-size: 9px;
    }

    .btn {
        padding: 12px 20px;
        font-size: 14px;
    }

    .btn-cta,
    .btn-cta-light {
        padding: 12px 24px;
    }

    /* 文章详情页480px优化 */
    .contact-card {
        margin: 0 12px;
        padding: 12px;
    }

    .article-content {
        padding: 16px 12px;
    }

    .article-content ul,
    .article-content ol {
        padding-left: 16px;
    }

    .article-content blockquote {
        padding: 12px 16px;
    }

    .article-nav-item {
        padding: 16px;
    }

    .article-share {
        padding: 16px 12px;
    }

    .article-header {
        padding: 16px 12px;
    }

    .article-tags {
        padding: 16px 12px;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        max-width: 100%;
    }

    .article-tags::-webkit-scrollbar {
        display: none;
    }

    .article-tag {
        flex-shrink: 0;
    }

    .article-tags-label {
        flex-shrink: 0;
        white-space: nowrap;
    }
}

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

.hero-content,
.service-card,
.tech-category,
.solution-card {
    animation: fadeInUp 0.6s ease-out;
}

/* ========================================
   服务详情页样式
   ======================================== */

/* 页面 Hero */
/* ========== 服务详情页 Hero ========== */
.service-hero {
    padding: 120px 0 60px;
    background: transparent;
    text-align: center;
    position: relative;
}

/* page.html 紧凑 hero（面包屑已处理顶部间距） */
.service-hero.page-hero-compact {
    padding: 10px 0 16px !important;
}

@media (max-width: 768px) {
    .service-hero.page-hero-compact {
        padding: 6px 0 10px !important;
    }
}

/* 左文右图分屏布局 */
.service-hero-split {
    text-align: left;
}

.service-hero-layout {
    display: flex;
    align-items: center;
    gap: 48px;
}

.service-hero-left {
    flex: 1;
    min-width: 0;
}

.service-hero-split .service-hero-title {
    text-align: left;
}

.service-hero-split .service-hero-desc {
    text-align: left;
}

.service-hero-split .service-hero-stats {
    justify-content: flex-start;
}

.service-hero-split .service-hero-actions {
    justify-content: flex-start;
}

.service-hero-right {
    flex-shrink: 0;
    width: 45%;
}

.service-hero-img {
    width: 100%;
    height: auto;
    drop-shadow: 0 8px 32px rgba(92, 0, 23,0.1);
    animation: heroImgFloat 6s ease-in-out infinite;
}

@keyframes heroImgFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.service-hero-content {
    max-width: 100%;
    margin: 0 auto;
}

.service-hero-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 14px;
    line-height: 1.45;
    letter-spacing: -0.2px;
}

.service-hero-desc {
    font-size: 17px;
    font-weight: 500;
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}

.service-hero-stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 28px;
    letter-spacing: 0.4px;
}

.service-hero-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

@media (max-width: 768px) {
    .service-hero { padding: 100px 0 40px; }
    .service-hero-title { font-size: 26px; }
    .service-hero-actions { flex-direction: column; align-items: center; }

    .service-hero-layout {
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    .service-hero-split .service-hero-title,
    .service-hero-split .service-hero-desc {
        text-align: center;
    }

    .service-hero-split .service-hero-stats {
        justify-content: center;
    }

    .service-hero-split .service-hero-actions {
        justify-content: center;
    }

    .service-hero-right {
        width: 100%;
    }

    .service-hero-img {
        animation: none;
    }
}

.page-hero {
    padding: 140px 0 80px;
    background: transparent;
    text-align: center;
}

.page-hero-content {
    max-width: 800px;
    margin: 0 auto;
}

.page-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: var(--primary-light);
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}

.page-hero-tag i {
    font-size: 18px;
}

.page-hero-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: 0;
}

.page-hero-desc {
    font-size: 18px;
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 32px;
}

.page-hero-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
}

/* 时间线区域 */
.timeline-section {
    padding: var(--section-padding);
    background: var(--bg-light);
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-desc {
    font-size: 15px;
    color: var(--text-secondary);
    margin-top: 12px;
}

/* 时间线主体 */
.timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

/* 阶段 */
.timeline-phase {
    position: relative;
    margin-bottom: 60px;
}

.timeline-phase:last-child {
    margin-bottom: 0;
}

/* 阶段头部 */
.phase-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
    padding: 24px 32px;
    background: var(--gradient-dark);
    border-radius: var(--radius-xl);
    color: var(--text-white);
}

.phase-number {
    font-size: 48px;
    font-weight: 800;
    opacity: 0.3;
    line-height: 1;
}

.phase-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
}

.phase-desc {
    font-size: 14px;
    opacity: 0.8;
}

/* 时间线项目 */
.timeline-items {
    position: relative;
    padding-left: 40px;
}

.timeline-items::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-light) 100%);
}

.timeline-item {
    position: relative;
    margin-bottom: 24px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

/* 时间线圆点 */
.timeline-dot {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: var(--bg-white);
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.timeline-dot i {
    font-size: 14px;
    color: var(--primary-color);
}

/* 时间线内容卡片 */
.timeline-content {
    background: var(--bg-white);
    border-radius: var(--radius-xl);
    padding: 28px 32px;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s;
}

.timeline-content:hover {
    box-shadow: var(--shadow-md);
    transform: translateX(8px);
}

.timeline-content h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 8px;
}

.timeline-intro {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}

/* 详情分组 */
.timeline-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.detail-group h5 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
}

.detail-group h5 i {
    color: var(--primary-color);
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    display: inline-block;
    padding: 6px 14px;
    background: var(--bg-light);
    color: var(--text-secondary);
    border-radius: var(--radius-md);
    font-size: 13px;
    transition: all 0.2s;
}

.tag:hover {
    background: var(--primary-light);
    color: var(--primary-color);
}

/* 行业应用区域 */
.industry-section {
    padding: var(--section-padding);
}

.industry-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.glass-card {
    background: var(--bg-light);
    border-radius: var(--radius-xl);
    padding: 28px;
    transition: all 0.3s;
    display: flex;
    gap: 20px;
    align-items: center;
}

.glass-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.glass-card-highlight {
    background: linear-gradient(135deg, #FFF8E7 0%, #F5DEB3 100%);
    border: 2px solid var(--cta-color);
}

.industry-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    background: var(--gradient-dark);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

.industry-icon i {
    font-size: 24px;
    color: var(--text-white);
}

.industry-content {
    flex: 1;
}

.glass-card h4 {
    font-size: 17px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
}

.industry-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.industry-tags span {
    display: inline-block;
    padding: 5px 12px;
    background: var(--bg-white);
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    font-size: 12px;
    transition: all 0.2s;
}

.glass-card:hover .industry-tags span {
    background: var(--primary-light);
    color: var(--primary-color);
}

.glass-card-highlight .industry-tags span {
    background: rgba(255, 255, 255, 0.8);
}

/* ========== 汇总页 - 子服务列表 ========== */
.service-list-section {
    padding: var(--section-padding);
    background: transparent;
}
.service-list-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 36px;
}
.service-list-card {
    display: block;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.2);
    border-radius: 14px;
    padding: 24px 48px 24px 20px;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(156, 84, 48, 0.06),
        0 4px 12px -4px rgba(92, 0, 23, 0.08);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* 扫光 */
.service-list-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.7s;
    pointer-events: none;
}

.service-list-card:hover::after {
    left: 100%;
}

.service-list-card:hover {
    border-color: rgba(156, 84, 48, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 0 0 3px rgba(156, 84, 48, 0.08),
        0 2px 4px rgba(156, 84, 48, 0.1),
        0 8px 20px -6px rgba(92, 0, 23, 0.15);
}
.service-list-card h3 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin-bottom: 6px;
    letter-spacing: 0;
}
.service-list-card p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.service-list-arrow {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%) translateX(-6px);
    color: rgba(156, 84, 48, 0.4);
    font-size: 18px;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.service-list-card:hover .service-list-arrow {
    color: #9C5430;
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}
@media (max-width: 768px) {
    .service-list-section {
        padding: 40px 0;
    }
    .service-list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .service-list-card {
        padding: 16px 14px;
    }
    .service-list-card h3 {
        font-size: 14px;
    }
    .service-list-arrow {
        display: none;
    }
}

/* ========== 服务页 - 服务介绍 ========== */
.seo-intro {
    padding: 60px 0;
}
.intro-content {
    max-width: 100%;
    margin: 24px auto 0;
}
.intro-content p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 2;
    margin-bottom: 20px;
    text-indent: 2em;
}

/* ========== 服务页 - 应用场景 ========== */
.seo-scenes {
    padding: 60px 0;
    background: transparent;
}
.scenes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 36px;
}
.scene-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border-radius: 14px;
    padding: 28px 24px;
    border: 1px solid rgba(156, 84, 48,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s cubic-bezier(0.2,0.8,0.2,1);
    position: relative;
    overflow: hidden;
}
.scene-card::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left 0.7s;
    pointer-events: none;
}
.scene-card:hover::after { left: 100%; }
.scene-card:hover {
    border-color: rgba(156, 84, 48,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 2px 4px rgba(156, 84, 48,0.1), 0 8px 20px -6px rgba(92, 0, 23,0.15);
}
.scene-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #9C5430, #CC3D34);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.scene-icon i {
    font-size: 24px;
    color: #FAF0E6;
}
.scene-card h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    margin-bottom: 8px;
}
.scene-card p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* ========== 服务页 - 合作流程 ========== */
.seo-flow {
    padding: 60px 0;
    background: transparent;
    text-align: center;
}

.seo-flow .section-title {
    text-align: center;
}
.flow-steps {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-top: 36px;
}
.flow-step {
    text-align: center;
    position: relative;
}
.flow-step::after {
    content: '';
    position: absolute;
    top: 24px;
    right: -8px;
    width: 16px;
    height: 2px;
    background: var(--primary-color);
}
.flow-step:last-child::after {
    display: none;
}
.flow-num {
    width: 48px;
    height: 48px;
    background: var(--primary-color);
    color: #FAF0E6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 12px;
}
.flow-info h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    margin-bottom: 4px;
}
.flow-info p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.5;
}

@media (max-width: 768px) {
    .seo-intro, .seo-scenes, .seo-flow {
        padding: 40px 0;
    }
    .scenes-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .flow-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .flow-step::after {
        display: none;
    }
    .flow-num {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

/* ========== SEO增强模块 ========== */

/* 服务优势 */
.seo-advantages {
    padding: 60px 0;
    background: transparent;
}
.seo-advantages .section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 40px;
}
.advantages-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.advantage-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border-radius: 14px;
    padding: 28px 24px;
    text-align: center;
    border: 1px solid rgba(156, 84, 48,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s cubic-bezier(0.2,0.8,0.2,1);
    position: relative;
    overflow: hidden;
}
.advantage-card::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left 0.7s;
    pointer-events: none;
}
.advantage-card:hover::after { left: 100%; }
.advantage-card:hover {
    border-color: rgba(156, 84, 48,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 2px 4px rgba(156, 84, 48,0.1), 0 8px 20px -6px rgba(92, 0, 23,0.15);
}
.advantage-card i {
    font-size: 32px;
    color: #9C5430;
    margin-bottom: 16px;
    display: block;
    filter: drop-shadow(0 0 8px rgba(156, 84, 48,0.4));
}
.advantage-card h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    margin-bottom: 8px;
}
.advantage-card p {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* 报价参考 */
/* 旧 seo-pricing 已删除，使用 .pricing-showcase 公共样式 */

/* FAQ */
.seo-faq {
    padding: 60px 0;
    background: transparent;
}
.seo-faq .section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 36px;
}
.faq-list {
    max-width: 100%;
    margin: 0 auto;
}
.faq-item {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border-radius: 14px;
    margin-bottom: 12px;
    border: 1px solid rgba(156, 84, 48,0.2);
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s cubic-bezier(0.2,0.8,0.2,1);
}
.faq-item:hover {
    border-color: rgba(156, 84, 48,0.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 2px 4px rgba(156, 84, 48,0.1), 0 8px 20px -6px rgba(92, 0, 23,0.15);
}
.faq-item.active {
    border-color: rgba(156, 84, 48,0.35);
}
.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    transition: all 0.2s;
    gap: 12px;
    line-height: 1.4;
}
.faq-question:hover {
    color: #7A3F22;
}
.faq-question i {
    font-size: 18px;
    color: rgba(156, 84, 48,0.5);
    transition: transform 0.3s, color 0.3s;
    flex-shrink: 0;
}
.faq-question:hover i {
    color: #9C5430;
}
.faq-item.active .faq-question i {
    transform: rotate(180deg);
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.faq-item.active .faq-answer {
    max-height: 500px;
}
.faq-answer-inner {
    padding: 0 24px 18px;
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.8;
}

/* ========================================
   地区 SEO 长文（差异化内容，给搜索引擎）
   命格暖色玻璃态编辑器 + 大厂可读性排版（戊土 + 丙火）
   ======================================== */
.region-seo-insights {
    padding: 80px 0;
    background: transparent;
    position: relative;
}

.region-seo-insights::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1200px;
    height: 360px;
    background: radial-gradient(ellipse at center top, rgba(156, 84, 48,0.07) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}

.region-seo-insights .container {
    position: relative;
    z-index: 1;
}

.region-seo-insights .section-header {
    margin-bottom: 36px;
}

.region-seo-article {
    max-width: 860px;
    margin: 0 auto;
    padding: 56px 64px;
    background: linear-gradient(135deg, rgba(255,248,231,0.92) 0%, rgba(245,222,179,0.65) 100%);
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    border: 1px solid rgba(156, 84, 48,0.18);
    border-radius: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.6),
        0 1px 2px rgba(92,0,23,0.05),
        0 12px 36px -12px rgba(92,0,23,0.16);
    font-size: 16px;
    line-height: 1.85;
    color: #3D2817;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.01em;
}

.region-seo-article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle at top left, rgba(232, 181, 71,0.22) 0%, transparent 70%);
    pointer-events: none;
}

.region-seo-article::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle at bottom right, rgba(204, 61, 52,0.12) 0%, transparent 70%);
    pointer-events: none;
}

/* 段落 */
.region-seo-article > p {
    margin: 0 0 20px;
    color: #5A3A20;
    position: relative;
    z-index: 1;
}

.region-seo-article > p:first-child,
.region-seo-article > p:first-of-type {
    font-size: 17px;
    color: #3D2817;
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 28px;
    padding-left: 16px;
    border-left: 2px solid rgba(156, 84, 48,0.4);
}

.region-seo-article > p:last-child {
    margin-bottom: 0;
}

/* H3 小节标题（赭石主色 + 朱砂红左边） */
.region-seo-article h3 {
    font-size: 20px;
    font-weight: 600;
    color: #7A3F22;
    margin: 40px 0 18px;
    padding-left: 14px;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    border-left: 3px solid #CC3D34;
}

.region-seo-article h3:first-child {
    margin-top: 0;
}

/* H4 子小节标题 */
.region-seo-article h4 {
    font-size: 16px;
    font-weight: 600;
    color: #3D2817;
    margin: 24px 0 10px;
    position: relative;
    z-index: 1;
}

/* 强调（朱砂红） */
.region-seo-article strong {
    color: #B83227;
    font-weight: 600;
}

/* 行内链接（赭石锚文本 + 朱砂 hover） */
.region-seo-article a {
    color: #9C5430;
    text-decoration: none;
    border-bottom: 1px solid rgba(156, 84, 48,0.4);
    padding: 0 1px 1px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.region-seo-article a:hover {
    color: #B83227;
    border-bottom-color: #CC3D34;
    background: linear-gradient(0deg, rgba(204, 61, 52,0.08) 0%, transparent 100%);
}

/* 列表 */
.region-seo-article ul,
.region-seo-article ol {
    margin: 16px 0 22px;
    padding-left: 24px;
    position: relative;
    z-index: 1;
}

.region-seo-article li {
    margin-bottom: 10px;
    color: #5A3A20;
    line-height: 1.75;
}

.region-seo-article li::marker {
    color: #CC3D34;
}

.region-seo-article ul li::marker {
    content: '▸  ';
    font-size: 14px;
}

/* 响应式：平板 */
@media (max-width: 1024px) {
    .region-seo-article {
        padding: 44px 44px;
    }
}

/* 响应式：手机 */
@media (max-width: 768px) {
    .region-seo-insights {
        padding: 48px 0;
    }
    .region-seo-insights::before {
        height: 240px;
    }
    .region-seo-article {
        padding: 20px 16px;
        font-size: 15px;
        line-height: 1.8;
        border-radius: 16px;
    }
    .region-seo-article::before,
    .region-seo-article::after {
        width: 80px;
        height: 80px;
    }
    .region-seo-article > p:first-child,
    .region-seo-article > p:first-of-type {
        font-size: 16px;
        padding-left: 12px;
        margin-bottom: 20px;
    }
    .region-seo-article h3 {
        font-size: 18px;
        margin: 20px 0 10px;
    }
    .region-seo-article h4 {
        font-size: 15px;
        margin: 20px 0 8px;
    }
    .region-seo-article ul,
    .region-seo-article ol {
        padding-left: 20px;
    }
}

/* 数据统计条 */
.seo-stats-bar {
    padding: 40px 0;
    background: var(--gradient-dark);
}
.stats-bar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    text-align: center;
}
.stats-bar-item .stats-bar-num {
    font-size: 36px;
    font-weight: 700;
    color: #FAF0E6;
}
.stats-bar-item .stats-bar-label {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin-top: 4px;
}

@media (max-width: 768px) {
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .advantage-card {
        padding: 20px 16px;
    }
    .advantage-card i {
        font-size: 28px;
    }
    .seo-advantages, .seo-faq {
        padding: 40px 0;
    }
    .seo-advantages .section-title,
    .seo-faq .section-title {
        font-size: 22px;
        margin-bottom: 24px;
    }
    .faq-question {
        font-size: 14px;
        padding: 14px 16px;
    }
    .faq-answer-inner {
        padding: 0 16px 14px;
        font-size: 13px;
    }
    .stats-bar-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .stats-bar-item .stats-bar-num {
        font-size: 28px;
    }
}

/* 页面 CTA */
/* CTA 过渡区：白底 → 深翠绿（衔接 footer） */
.page-cta {
    padding: 80px 0 60px;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(92, 0, 23, 0.04) 20%,
        rgba(92, 0, 23, 0.12) 50%,
        #5C0017 100%
    );
    text-align: center;
    position: relative;
}

.page-cta-content {
    max-width: 680px;
    margin: 0 auto;
    padding: 48px 40px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.75) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    border: 1px solid rgba(156, 84, 48, 0.22);
    border-radius: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 4px 16px rgba(92, 0, 23, 0.1),
        0 20px 40px -12px rgba(92, 0, 23, 0.15);
}

.page-cta-content h2 {
    font-size: 28px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin-bottom: 12px;
    letter-spacing: 0;
}

.page-cta-content p {
    font-size: 15px;
    color: var(--text-secondary);
    margin-bottom: 28px;
    line-height: 1.6;
}

.page-cta-stats {
    font-size: 13px !important;
    color: rgba(92, 0, 23, 0.6) !important;
    letter-spacing: 0.5px;
    margin-bottom: 24px !important;
}

.page-cta-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.page-cta .btn-cta {
    background: linear-gradient(135deg, #CC3D34, #E8B547);
    color: #FAF0E6;
    border: 1px solid rgba(204, 61, 52, 0.5);
    border-radius: 100px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(204, 61, 52, 0.35);
    transition: all 0.3s;
}

.page-cta .btn-cta:hover {
    background: linear-gradient(135deg, #B83227, #CC3D34);
    box-shadow: 0 6px 20px rgba(204, 61, 52, 0.45);
    transform: translateY(-2px);
}

.page-cta .btn-outline {
    border: 1px solid rgba(156, 84, 48, 0.3);
    color: #7A3F22;
    border-radius: 100px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.5) 100%
    );
    transition: all 0.3s;
}

.page-cta .btn-outline:hover {
    background: linear-gradient(135deg, #9C5430, #7A3F22);
    color: #FAF0E6;
    border-color: #7A3F22;
    box-shadow: 0 4px 14px rgba(156, 84, 48, 0.35);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .page-cta-content { padding: 32px 24px; }
    .page-cta-content h2 { font-size: 22px; }
    .page-cta-actions { flex-direction: column; align-items: center; }
}

/* 服务详情页响应式 */
@media (max-width: 992px) {
    .page-hero-title {
        font-size: 36px;
    }

    .page-hero-desc {
        font-size: 16px;
    }

    .timeline-details {
        grid-template-columns: 1fr;
    }

    .phase-header {
        padding: 20px 24px;
    }

    .phase-number {
        font-size: 36px;
    }

    .phase-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .page-hero {
        padding: 120px 0 60px;
    }

    .page-hero-title {
        font-size: 28px;
    }

    .page-hero-desc {
        font-size: 15px;
    }

    .page-hero-actions {
        flex-direction: column;
        align-items: center;
    }

    /* Cases Hero 移动端 */
    .cases-hero {
        padding: 80px 0 0;
    }

    .phase-header {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .phase-number {
        font-size: 32px;
    }

    .phase-title {
        font-size: 18px;
    }

    .timeline-items {
        padding-left: 32px;
    }

    .timeline-items::before {
        left: 11px;
    }

    .timeline-dot {
        left: -32px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
    }

    .timeline-dot i {
        font-size: 11px;
    }

    .timeline-content {
        padding: 20px;
    }

    .timeline-content h4 {
        font-size: 17px;
    }

    .timeline-content:hover {
        transform: translateX(4px);
    }

    .page-cta-content h2 {
        font-size: 24px;
    }

    .page-cta-actions {
        flex-direction: column;
        align-items: center;
    }

    .industry-grid {
        grid-template-columns: 1fr;
    }

    .glass-card {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .page-hero-title {
        font-size: 24px;
    }

    .timeline-items {
        padding-left: 24px;
    }

    .timeline-items::before {
        left: 7px;
    }

    .timeline-dot {
        left: -24px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border-width: 2px;
    }

    .timeline-dot i {
        font-size: 9px;
    }

    .timeline-content {
        padding: 16px;
    }

    .timeline-content h4 {
        font-size: 15px;
    }

    .tag {
        padding: 5px 10px;
        font-size: 12px;
    }

    .service-category {
        padding: 20px;
    }

    .tag {
        padding: 6px 12px;
        font-size: 12px;
    }
}

.service-card:nth-child(2) {
    animation-delay: 0.1s;
}

.service-card:nth-child(3) {
    animation-delay: 0.2s;
}

/* ========================================
   解决方案页面样式
   ======================================== */

/* 方案概览 */
.solutions-overview {
    padding: 80px 0;
    background: var(--bg-light);
}

.overview-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.overview-item {
    text-align: center;
    padding: 32px 16px;
    background: var(--bg-white);
    border-radius: var(--radius-lg);
    transition: all 0.3s;
}

.overview-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.overview-icon {
    width: 64px;
    height: 64px;
    background: var(--gradient-dark);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.overview-icon i {
    font-size: 28px;
    color: var(--text-white);
}

.overview-item h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 8px;
}

.overview-item p {
    font-size: 13px;
    color: var(--text-secondary);
}

/* 解决方案详情 */
.solutions-detail {
    padding: 80px 0;
}

.solution-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 48px;
    text-align: left;
}

.solution-cards .solution-card {
    background: var(--bg-white);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s;
    border: 1px solid var(--border-color);
    text-align: left;
}

.solution-cards .solution-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px);
}

.solution-cards .solution-card-highlight {
    border: 2px solid var(--cta-color);
    background: linear-gradient(to bottom, #fffbf0 0%, #FAF0E6 100%);
}

.solution-cards .solution-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px 28px;
    background: var(--bg-light);
    border-bottom: 1px solid var(--border-color);
    text-align: left;
}

.solution-cards .solution-card-highlight .solution-header {
    background: linear-gradient(135deg, #FFF8E7 0%, #F5DEB3 100%);
}

.solution-cards .solution-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    background: var(--gradient-dark);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-cards .solution-icon i {
    font-size: 26px;
    color: var(--text-white);
}

.solution-cards .solution-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 4px;
}

.solution-cards .solution-tag {
    font-size: 12px;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.solution-cards .solution-badge {
    display: inline-block;
    padding: 2px 8px;
    background: var(--cta-color);
    color: var(--text-white);
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    margin-left: 8px;
}

.solution-cards .solution-body {
    padding: 24px 28px;
    text-align: left;
}

.solution-cards .solution-intro {
    margin-bottom: 24px;
    text-align: left;
}

.solution-cards .solution-intro p {
    font-size: 14px;
    line-height: 1.8;
    color: var(--text-secondary);
    text-align: left;
}

.solution-cards .solution-features {
    margin-bottom: 24px;
}

.solution-cards .solution-features h4,
.solution-cards .solution-systems h4 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.solution-cards .solution-features h4 i,
.solution-cards .solution-systems h4 i {
    color: var(--primary-color);
}

.solution-cards .solution-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.solution-cards .solution-features li {
    font-size: 13px;
    color: var(--text-secondary);
    padding: 6px 0;
    padding-left: 20px;
    position: relative;
    text-align: left;
}

.solution-cards .solution-features li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    border-radius: 50%;
}

.solution-cards .system-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solution-cards .system-tags span {
    display: inline-block;
    padding: 6px 14px;
    background: var(--bg-light);
    color: var(--text-secondary);
    font-size: 13px;
    border-radius: var(--radius-sm);
    transition: all 0.2s;
}

.solution-cards .solution-card:hover .system-tags span {
    background: var(--primary-light);
    color: var(--primary-color);
}

/* 响应式 - 解决方案页面 */
@media (max-width: 1200px) {
    .overview-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .solution-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .overview-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .overview-item {
        padding: 24px 12px;
    }

    .overview-icon {
        width: 52px;
        height: 52px;
    }

    .overview-icon i {
        font-size: 24px;
    }

    .solution-cards .solution-header {
        padding: 20px;
    }

    .solution-cards .solution-body {
        padding: 20px;
    }

    .solution-cards .solution-title h3 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .overview-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .overview-item {
        padding: 20px 10px;
    }

    .overview-item h4 {
        font-size: 14px;
    }

    .solution-cards .solution-icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
    }

    .solution-cards .solution-icon i {
        font-size: 22px;
    }
}

/* Section 标签 */
.section-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: var(--primary-light);
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 500;
    border-radius: 20px;
    margin-bottom: 16px;
}

.section-tag i {
    font-size: 16px;
}

/* 解决方案交替背景 */
.solutions-alt {
    background: var(--bg-light);
}

/* ========================================
   关于我们页面样式
   ======================================== */

/* 公司简介 */
.about-intro {
    padding: 80px 0;
}

.about-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.about-intro-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 16px 0 24px;
}

.about-intro-content p {
    font-size: 15px;
    line-height: 1.9;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.about-intro-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.about-stat {
    background: var(--bg-light);
    border-radius: var(--radius-lg);
    padding: 32px 24px;
    text-align: center;
}

.about-stat-number {
    font-size: 42px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 8px;
}

.about-stat-number span {
    font-size: 24px;
    color: var(--text-tertiary);
}

.about-stat-label {
    font-size: 14px;
    color: var(--text-secondary);
}

/* 核心优势 */
.about-advantages {
    padding: 80px 0;
    background: var(--bg-light);
}

.about-advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.about-advantage-card {
    background: var(--bg-white);
    border-radius: var(--radius-lg);
    padding: 32px;
    transition: all 0.3s;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 4px 20px;
    align-items: center;
}

.about-advantage-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.about-advantage-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    background: var(--gradient-dark);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: span 2;
}

.about-advantage-icon i {
    font-size: 26px;
    color: var(--text-white);
}

.about-advantage-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    align-self: end;
}

.about-advantage-card p {
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-secondary);
    margin: 0;
    align-self: start;
}

/* 服务范围 */
.about-services {
    padding: 80px 0;
}

.about-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.about-service-card {
    background: var(--bg-light);
    border-radius: var(--radius-lg);
    padding: 32px;
    transition: all 0.3s;
}

.about-service-card:hover {
    box-shadow: var(--shadow-md);
}

.about-service-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.about-service-icon {
    width: 48px;
    height: 48px;
    background: var(--gradient-dark);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-service-icon i {
    font-size: 22px;
    color: var(--text-white);
}

.about-service-header h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
}

.about-service-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

.about-service-list li {
    font-size: 14px;
    color: var(--text-secondary);
    padding: 8px 0;
    padding-left: 20px;
    position: relative;
}

.about-service-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    border-radius: 50%;
}

.about-service-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 500;
    transition: all 0.2s;
}

.about-service-link:hover {
    gap: 10px;
}

/* 企业愿景 */
.about-vision {
    padding: 80px 0;
    background: var(--bg-light);
}

.about-vision-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.about-vision-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 24px;
}

.about-vision-text {
    font-size: 20px;
    line-height: 1.8;
    color: var(--text-secondary);
    margin-bottom: 48px;
}

.about-vision-values {
    display: flex;
    justify-content: center;
    gap: 48px;
}

.about-vision-item {
    text-align: center;
}

.about-vision-item i {
    font-size: 32px;
    color: var(--primary-color);
    margin-bottom: 12px;
}

.about-vision-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 6px;
}

.about-vision-item p {
    font-size: 13px;
    color: var(--text-secondary);
}

/* ========================================
   联系我们页面样式
   ======================================== */

/* 联系区域 */
.contact-section {
    padding: 20px 0 30px;
}

/* 联系页面新布局 */
.contact-layout {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.contact-info-card,
.contact-form-card {
    flex: 1;
    background: #FAF0E6;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 24px rgba(92, 0, 23, 0.06);
    padding: 24px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .contact-layout {
        flex-direction: column;
        gap: 15px !important;
    }

    .contact-info-card,
    .contact-form-card {
        padding: 15px !important;
    }
}

.contact-info-header,
.contact-form-header {
    margin-bottom: 24px;
}

.contact-info-header h2,
.contact-form-header h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 8px 0;
}

.contact-info-header p,
.contact-form-header p {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
}

/* 联系方式列表 */
.contact-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--bg-light);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all 0.2s;
}

.contact-item:hover {
    background: #f0f5ff;
    transform: translateX(4px);
}

.contact-item-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-item-icon i {
    font-size: 20px;
    color: #FAF0E6;
}

.contact-item-icon.phone { background: linear-gradient(135deg, #34c759, #30d158); }
.contact-item-icon.email { background: linear-gradient(135deg, #007aff, #5ac8fa); }
.contact-item-icon.qq { background: linear-gradient(135deg, #12b7f5, #00a2e8); }
.contact-item-icon.wechat { background: linear-gradient(135deg, #9C5430, #C4A484); }

.contact-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contact-item-label {
    font-size: 12px;
    color: var(--text-tertiary);
}

.contact-item-value {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

.contact-item-arrow {
    font-size: 20px;
    color: var(--text-quaternary);
    transition: transform 0.2s;
}

.contact-item:hover .contact-item-arrow {
    transform: translateX(4px);
    color: var(--primary-color);
}

/* 微信区块 */
.contact-wechat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: linear-gradient(135deg, #f0fff4 0%, #e8f5e9 100%);
    border-radius: var(--radius-md);
    border: 1px solid #c8e6c9;
    margin-bottom: 20px;
}

.contact-wechat-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-wechat-qr {
    width: 80px;
    height: 80px;
    background: #FAF0E6;
    border-radius: var(--radius-sm);
    padding: 4px;
    box-shadow: 0 2px 8px rgba(92, 0, 23, 0.1);
}

.contact-wechat-qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 底部信息 */
.contact-info-footer {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}

.contact-time {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-secondary);
}

.contact-time i {
    font-size: 16px;
    color: var(--primary-color);
}

/* 表单卡片 */
.contact-form-card .contact-form {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.contact-form-card .form-group:last-of-type {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.contact-form-card textarea {
    flex: 1;
    min-height: 80px;
}

.contact-form-card .btn-block {
    margin-top: auto;
}

.contact-form-card .form-note {
    text-align: center;
    font-size: 12px;
    color: var(--text-tertiary);
    margin-top: 12px;
}

/* 响应式 */
.contact-extra-item i {
    font-size: 20px;
    color: var(--primary-color);
}

.contact-extra-item h4 {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 2px;
}

.contact-extra-item p {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
}

/* 表单样式 */
.contact-form-wrap {
    background: var(--bg-light);
    border-radius: var(--radius-xl);
    padding: 40px;
}

.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 8px;
}

.contact-form label span {
    color: #e74c3c;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: var(--bg-white);
    transition: all 0.2s;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px var(--primary-light);
}

.contact-form textarea {
    resize: vertical;
    min-height: 120px;
}

.contact-form .btn-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.form-note {
    font-size: 12px;
    color: var(--text-tertiary);
    text-align: center;
    margin-top: 16px;
}

/* 服务承诺 */
.contact-promise {
    padding: 80px 0;
    background: var(--bg-light);
}

.promise-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.promise-item {
    text-align: center;
    padding: 32px 24px;
    background: var(--bg-white);
    border-radius: var(--radius-lg);
    transition: all 0.3s;
}

.promise-item:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.promise-icon {
    width: 64px;
    height: 64px;
    background: var(--gradient-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.promise-icon i {
    font-size: 28px;
    color: var(--text-white);
}

.promise-item h4 {
    font-size: 17px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 10px;
}

.promise-item p {
    font-size: 13px;
    line-height: 1.6;
    color: var(--text-secondary);
}

/* FAQ */
.contact-faq {
    padding: 80px 0;
}

.faq-list {
    max-width: 800px;
    margin: 48px auto 0;
}

.faq-item {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-bottom: 12px;
    overflow: hidden;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    cursor: pointer;
    transition: all 0.2s;
}

.faq-question:hover {
    background: var(--bg-light);
}

.faq-question h4 {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
}

.faq-question i {
    font-size: 20px;
    color: var(--text-tertiary);
    transition: transform 0.3s;
}

.faq-answer p {
    padding: 0 24px 20px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-secondary);
}

/* 响应式 - 关于我们 & 联系我们 */
@media (max-width: 992px) {
    .about-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-advantages-grid,
    .about-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .promise-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .about-intro-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .about-stat {
        padding: 24px 16px;
    }

    .about-stat-number {
        font-size: 32px;
    }

    .about-advantages-grid,
    .about-services-grid {
        grid-template-columns: 1fr;
    }

    .about-vision-values {
        flex-wrap: wrap;
        gap: 32px;
    }

    .about-vision-item {
        flex: 0 0 calc(50% - 16px);
    }

    .contact-cards {
        grid-template-columns: 1fr;
    }

    .contact-form-wrap {
        padding: 24px;
    }

    .contact-form .form-row {
        grid-template-columns: 1fr;
    }

    .promise-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .about-intro-content h2 {
        font-size: 26px;
    }

    .about-vision-content h2 {
        font-size: 24px;
    }

    .about-vision-text {
        font-size: 16px;
    }

    .about-vision-item {
        flex: 0 0 100%;
    }
}

/* ========================================
   移动端底部导航
   ======================================== */
.mobile-bottom-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.72) 0%,
        rgba(255, 255, 255, 0.8) 100%
    );
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    border-top: 1px solid rgba(156, 84, 48, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 -1px 0 rgba(156, 84, 48, 0.04),
        0 -8px 24px -12px rgba(92, 0, 23, 0.08);
    padding: 4px 0;
    padding-bottom: calc(4px + env(safe-area-inset-bottom));
    z-index: 1000;
}

/* 底部导航顶部能量光带（与顶部导航底部光带呼应） */
.mobile-bottom-nav::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 15%;
    right: 15%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(156, 84, 48, 0.4) 50%,
        transparent 100%
    );
    box-shadow: 0 0 8px rgba(156, 84, 48, 0.3);
    pointer-events: none;
    opacity: 0.7;
}

@media (max-width: 768px) {
    .mobile-bottom-nav {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
}

.mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--text-primary);
    font-size: 11px;
    padding: 4px 12px;
    transition: color 0.2s;
    min-width: 50px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.mobile-nav-item i {
    font-size: 22px;
    margin-bottom: 3px;
    line-height: 1;
}

.mobile-nav-item span {
    font-weight: 500;
    line-height: 1;
}

.mobile-nav-item:hover,
.mobile-nav-item:active {
    color: var(--primary-color);
}

/* 中间电话按钮 - 突出上浮 */
.mobile-nav-call {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #B83227, #CC3D34);
    border-radius: 50%;
    color: #FAF0E6;
    box-shadow: 0 4px 15px rgba(204, 61, 52, 0.4);
    padding: 0;
    min-width: auto;
    margin-top: -18px;
    position: relative;
    z-index: 2;
}

.mobile-nav-call i {
    font-size: 26px;
    margin: 0;
}

.mobile-nav-call:hover,
.mobile-nav-call:active {
    color: #FAF0E6;
    transform: scale(1.05);
}

/* 联系页面移动端隐藏 hero 和标题 */
@media (max-width: 768px) {
    .contact-hero,
    .contact-hero + .contact-info .contact-info-header {
        display: none;
    }
}

/* ========== SEO 首页 H1 标题区（大厂手法：深色主文 + 单色品牌色块强调） ========== */
.hero-header {
    position: relative;
    text-align: center;
    padding: 10px 0 28px;
    isolation: isolate;
}

/* 层 1：H1 背景微光晕（呼应 trusted 的翠绿能量场） */
.hero-header::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 720px;
    max-width: 90%;
    height: 340px;
    background: radial-gradient(ellipse at center,
        rgba(156, 84, 48, 0.1) 0%,
        rgba(156, 84, 48, 0.04) 40%,
        transparent 70%
    );
    filter: blur(32px);
    pointer-events: none;
    z-index: -1;
}

.hero-main-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 14px;
    color: var(--text-primary);
    letter-spacing: -0.2px;
}

/* 层 2：em 亚像素微光晕（对比全息屏强光，形成从弱到强的层级） */
.hero-main-title em {
    font-style: normal;
    font-weight: 700;
    color: #7A3F22;
    padding: 0 3px;
    background-image: linear-gradient(180deg, transparent 62%, rgba(156, 84, 48, 0.18) 62%, rgba(156, 84, 48, 0.18) 92%, transparent 92%);
    text-shadow: 0 0 22px rgba(156, 84, 48, 0.22);
}

/* 层 3：slogan + 两端 HUD 脉动光点（品牌"在线运行"信号） */
.hero-main-slogan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-size: 17px;
    font-weight: 500;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.7;
    letter-spacing: 0.4px;
}

.hero-main-slogan::before,
.hero-main-slogan::after {
    content: '';
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9C5430;
    box-shadow:
        0 0 4px rgba(156, 84, 48, 0.9),
        0 0 12px rgba(156, 84, 48, 0.55);
    animation: sloganPulse 2.4s ease-in-out infinite;
}

.hero-main-slogan::after {
    animation-delay: 1.2s;
}

@keyframes sloganPulse {
    0%, 100% {
        opacity: 0.45;
        transform: scale(0.7);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

@media (max-width: 768px) {
    /* P0 修复：mobile H1 20→28px (iOS Title 2)；slogan 14→15px */
    .hero-main-title { font-size: 28px; line-height: 1.3; margin-bottom: 12px; letter-spacing: 0; }
    .hero-main-slogan {
        font-size: 15px;
        letter-spacing: 0.2px;
        gap: 12px;
    }
    .hero-main-slogan::before,
    .hero-main-slogan::after {
        width: 6px;
        height: 6px;
    }
    .hero-header { padding: 4px 0 16px; }
    .hero-header::before { height: 220px; top: -30px; }
}

/* 标题与正文之间的过渡线 */
.page-hero-divider {
    padding: 16px 0 24px;
}

@media (max-width: 768px) {
    .page-hero-divider {
        padding: 8px 0 12px;
    }
    .page-content-section {
        padding: 0 0 40px;
    }
}

.page-hero-divider-line {
    height: 2px;
    background: linear-gradient(90deg, #9C5430 0%, rgba(156, 84, 48,0.15) 50%, transparent 100%);
    border-radius: 1px;
    max-width: 240px;
    margin: 0 auto;
}

/* ========== 通用页面内容区（about/contact 等） ========== */
.page-content-section {
    padding: 0 0 80px;
    background: transparent;
}

.page-content {
    font-size: 15px;
    line-height: 2;
    color: rgba(92, 0, 23,0.88);
}

.page-content h1, .page-content h2, .page-content h3 {
    font-weight: 600;
    color: var(--text-primary);
    margin: 28px 0 14px;
}

.page-content h1 { font-size: 28px; }
.page-content h2 { font-size: 22px; }
.page-content h3 { font-size: 18px; }

.page-content p {
    margin-bottom: 16px;
    text-indent: 2em;
}

.page-content img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 16px 0;
}

.page-content a {
    color: var(--primary-color);
    transition: color 0.2s;
}

.page-content a:hover {
    color: var(--primary-dark);
}

.page-content ul, .page-content ol {
    padding-left: 2em;
    margin-bottom: 16px;
}

.page-content li {
    margin-bottom: 8px;
}

.page-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
}

.page-content th, .page-content td {
    padding: 12px 16px;
    border: 1px solid rgba(156, 84, 48,0.15);
    font-size: 15px;
}

.page-content th {
    background: rgba(255,255,255,0.6);
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
}

/* 富文本里 section 背景透明 */
.page-content section {
    background: transparent !important;
}

.page-content .page-hero,
.page-content .cases-hero,
.page-content .cases-hero-flex,
.page-content .cases-hero-image,
.page-content .cases-hero-content,
.page-content .cases-hero-stats {
    display: none !important;
}

/* contact 页表单玻璃化 */
/* 只给不在 contact-form-card 内的独立表单加玻璃样式 */
.page-content form:not(.contact-form) {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 32px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 4px 12px -4px rgba(92, 0, 23,0.08);
}

@media (max-width: 768px) {
    .page-content form:not(.contact-form) {
        padding: 15px;
    }
}

.page-content input[type="text"],
.page-content input[type="email"],
.page-content input[type="tel"],
.page-content textarea,
.page-content select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 10px;
    font-size: 15px;
    color: rgba(92, 0, 23,0.92);
    background: rgba(255,255,255,0.7);
    transition: border-color 0.3s;
    outline: none;
}

.page-content input:focus,
.page-content textarea:focus,
.page-content select:focus {
    border-color: rgba(156, 84, 48,0.5);
    box-shadow: 0 0 0 3px rgba(156, 84, 48,0.08);
}

.page-content button[type="submit"],
.page-content input[type="submit"] {
    background: linear-gradient(135deg, #CC3D34, #E8B547);
    color: #FAF0E6;
    border: none;
    border-radius: 100px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.page-content button[type="submit"]:hover,
.page-content input[type="submit"]:hover {
    background: linear-gradient(135deg, #B83227, #CC3D34);
    box-shadow: 0 4px 14px rgba(204, 61, 52,0.4);
}

/* ========== About 页面样式（玻璃拟态统一） ========== */
.page-content .section-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 12px;
}

.page-content .about-intro { padding: 20px 0; }
.page-content .about-intro-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 48px;
    align-items: start;
}
.page-content .about-intro-content h2 { font-size: 32px; text-indent: 0; }
.page-content .about-intro-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.page-content .about-stat {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
}
.page-content .about-stat-number { font-size: 36px; font-weight: 700; color: var(--primary-color); }
.page-content .about-stat-number span { font-size: 20px; }
.page-content .about-stat-label { font-size: 15px; color: var(--text-secondary); margin-top: 4px; }

/* 优势卡片 */
.page-content .about-advantages { padding: 60px 0; }
.page-content .about-advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.page-content .about-advantage-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 28px 24px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s cubic-bezier(0.2,0.8,0.2,1);
}
.page-content .about-advantage-card:hover {
    border-color: rgba(156, 84, 48,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 2px 4px rgba(156, 84, 48,0.1), 0 8px 20px -6px rgba(92, 0, 23,0.15);
}
.page-content .about-advantage-icon {
    width: 48px; height: 48px;
    background: linear-gradient(135deg, #9C5430, #CC3D34);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 16px;
}
.page-content .about-advantage-icon i { font-size: 24px; color: #FAF0E6; }
.page-content .about-advantage-card h3 { font-size: 15px; font-weight: 600; color: rgba(92, 0, 23,0.92); margin-bottom: 8px; text-indent: 0; }
.page-content .about-advantage-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.6; text-indent: 0; }

/* 服务范围卡片 */
.page-content .about-services { padding: 60px 0; }
.page-content .about-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.page-content .about-service-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 28px 24px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s;
}
.page-content .about-service-card:hover { border-color: rgba(156, 84, 48,0.45); }
.page-content .about-service-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.page-content .about-service-icon {
    width: 42px; height: 42px;
    background: linear-gradient(135deg, #9C5430, #CC3D34);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.page-content .about-service-icon i { font-size: 22px; color: #FAF0E6; }
.page-content .about-service-card h3 { font-size: 15px; font-weight: 600; color: rgba(92, 0, 23,0.92); text-indent: 0; margin: 0; }
.page-content .about-service-list { list-style: none !important; padding: 0 !important; margin-bottom: 16px; }
.page-content .about-service-list li {
    font-size: 15px;
    color: var(--text-secondary);
    padding: 8px 0 8px 20px;
    text-indent: 0;
    list-style: none !important;
    position: relative;
}
.page-content .about-service-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: 0 0 6px rgba(156, 84, 48,0.4);
}
.page-content .about-service-list li::marker {
    content: none;
}
.page-content .about-service-link { font-size: 15px; font-weight: 600; color: var(--primary-color); }

/* 企业愿景 */
.page-content .about-vision { padding: 60px 0; }
.page-content .about-vision-content h2 { font-size: 32px; text-align: center; text-indent: 0; margin-bottom: 16px; }
.page-content .about-vision-text { font-size: 17px; text-align: center; color: var(--text-secondary); margin-bottom: 36px; font-style: italic; text-indent: 0; }
.page-content .about-vision-values {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.page-content .about-vision-item {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06);
    transition: all 0.35s;
}
.page-content .about-vision-item:hover { border-color: rgba(156, 84, 48,0.45); }
.page-content .about-vision-item i { font-size: 32px; color: #9C5430; margin-bottom: 12px; display: block; filter: drop-shadow(0 0 8px rgba(156, 84, 48,0.4)); }
.page-content .about-vision-item h4 { font-size: 15px; font-weight: 600; color: rgba(92, 0, 23,0.92); margin-bottom: 4px; text-indent: 0; }
.page-content .about-vision-item p { font-size: 15px; color: var(--text-secondary); text-indent: 0; margin: 0; }

@media (max-width: 768px) {
    .page-content .about-intro-grid { grid-template-columns: 1fr; gap: 24px; }
    .page-content .about-advantages-grid { grid-template-columns: 1fr; }
    .page-content .about-services-grid { grid-template-columns: 1fr; }
    .page-content .about-vision-values { grid-template-columns: repeat(2, 1fr); }
}

/* ========== Contact 联系页面样式 ========== */
.page-content .contact-section { padding: 20px 0 30px; }
.page-content .contact-section .container { padding: 0; }
.page-content .contact-promise .container { padding: 0; }
.page-content .contact-faq .container { padding: 0; }
.page-content .contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 32px;
    align-items: stretch;
}

/* 联系信息卡片 */
.page-content .contact-info-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 32px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 4px 12px -4px rgba(92, 0, 23,0.08);
}
.page-content .contact-info-header h2 { font-size: 20px; font-weight: 600; color: rgba(92, 0, 23,0.92); margin-bottom: 6px; text-indent: 0; }
.page-content .contact-info-header p { font-size: 15px; color: var(--text-secondary); margin-bottom: 24px; text-indent: 0; }

.page-content .contact-list { display: flex; flex-direction: column; gap: 12px; }
.page-content .contact-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(156, 84, 48,0.12);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.25s;
}
.page-content .contact-item:hover {
    border-color: rgba(156, 84, 48,0.4);
    background: rgba(255,255,255,0.7);
}
.page-content .contact-item-icon {
    width: 42px; height: 42px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(135deg, #9C5430, #7A3F22);
}
.page-content .contact-item-icon.phone { background: linear-gradient(135deg, #9C5430, #7A3F22); }
.page-content .contact-item-icon.email { background: linear-gradient(135deg, #CC3D34, #E8B547); }
.page-content .contact-item-icon.qq { background: linear-gradient(135deg, #3b82f6, #60a5fa); }
.page-content .contact-item-icon.wechat { background: linear-gradient(135deg, #9C5430, #C4A484); }
.page-content .contact-item-icon i { font-size: 20px; color: #FAF0E6; }
.page-content .contact-item-content { flex: 1; }
.page-content .contact-item-label { display: block; font-size: 13px; color: var(--text-secondary); margin-bottom: 2px; }
.page-content .contact-item-value { display: block; font-size: 15px; font-weight: 600; color: rgba(92, 0, 23,0.92); }
.page-content .contact-item-arrow { color: rgba(156, 84, 48,0.4); font-size: 18px; }
.page-content .contact-item:hover .contact-item-arrow { color: #9C5430; }

.page-content .contact-wechat {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 14px 18px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(156, 84, 48,0.12);
    border-radius: 12px;
    margin-top: 0;
}
.page-content .contact-wechat-info { display: flex; align-items: center; gap: 14px; }
.page-content .contact-wechat-qr { flex-shrink: 0; }
.page-content .contact-wechat-qr img { width: 80px; height: 80px; border-radius: 8px; display: block; margin: 0; }
.page-content .contact-info-footer { padding-top: 16px; border-top: 1px solid rgba(156, 84, 48,0.1); }
.page-content .contact-time { font-size: 13px; color: var(--text-secondary); display: flex; align-items: center; gap: 6px; }
.page-content .contact-time i { color: #9C5430; }

/* 表单卡片 */
.page-content .contact-form-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 32px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 4px 12px -4px rgba(92, 0, 23,0.08);
}
.page-content .contact-form-header h2 { font-size: 20px; font-weight: 600; color: rgba(92, 0, 23,0.92); margin-bottom: 6px; text-indent: 0; }
.page-content .contact-form-header p { font-size: 15px; color: var(--text-secondary); margin-bottom: 24px; text-indent: 0; }
.page-content .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.page-content .form-group { margin-bottom: 16px; }
.page-content .form-group label {
    display: block; font-size: 15px; font-weight: 600; color: rgba(92, 0, 23,0.92);
    margin-bottom: 8px; text-indent: 0;
}
.page-content .form-group label span { color: #ef4444; }
.page-content .form-note { font-size: 13px; color: var(--text-secondary); text-align: center; margin-top: 12px; text-indent: 0; }
.page-content .btn-block { width: 100%; justify-content: center; display: flex; align-items: center; gap: 8px; }

/* 服务承诺 */
.page-content .contact-promise { padding: 20px 0; }
.page-content .promise-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.page-content .promise-item {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 14px;
    padding: 28px 24px;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s;
}
.page-content .promise-item:hover {
    border-color: rgba(156, 84, 48,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 2px 4px rgba(156, 84, 48,0.1), 0 8px 20px -6px rgba(92, 0, 23,0.15);
}
.page-content .promise-icon {
    width: 48px; height: 48px;
    background: linear-gradient(135deg, #9C5430, #CC3D34);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 16px;
}
.page-content .promise-icon i { font-size: 24px; color: #FAF0E6; }
.page-content .promise-item h3 { font-size: 15px; font-weight: 600; color: rgba(92, 0, 23,0.92); margin-bottom: 8px; text-indent: 0; }
.page-content .promise-item p { font-size: 15px; color: var(--text-secondary); line-height: 1.6; text-indent: 0; }

/* Contact FAQ */
.page-content .contact-faq { padding: 20px 0; }

@media (max-width: 768px) {
    .page-content .contact-layout { grid-template-columns: 1fr; }
    .page-content .form-row { grid-template-columns: 1fr; }
    .page-content .promise-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ========== 文章详情页（全宽单列，复用案例详情样式） ========== */
.article-detail {
    padding: 20px 0 80px;
    background: transparent;
}

.article-detail-head {
    text-align: center;
    margin-bottom: 32px;
}

.article-detail-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
    margin-bottom: 16px;
}

.article-detail-meta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.article-detail-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--text-secondary);
}

.article-detail-meta-item i {
    color: #9C5430;
}

.article-detail-cover {
    margin-bottom: 32px;
    border-radius: 14px;
    overflow: hidden;
}

.article-detail-cover img {
    width: 100%;
    height: auto;
    display: block;
}

.article-detail-body {
    font-size: 16px;
    line-height: 2;
    color: rgba(92, 0, 23,0.88);
    margin-bottom: 36px;
    word-break: break-word;
}

.article-detail-body h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 36px 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(156, 84, 48,0.15);
    position: relative;
}

.article-detail-body h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #9C5430, #C4A484);
    border-radius: 1px;
}

.article-detail-body h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 28px 0 12px;
    padding-left: 12px;
    border-left: 3px solid #9C5430;
}

.article-detail-body h4 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    margin: 20px 0 10px;
}

.article-detail-body p {
    margin-bottom: 16px;
    text-indent: 2em;
}

.article-detail-body a {
    color: #9C5430;
    text-decoration: none;
    border-bottom: 1px solid rgba(156, 84, 48,0.3);
    transition: all 0.2s;
}

.article-detail-body a:hover {
    color: #7A3F22;
    border-bottom-color: #7A3F22;
}

.article-detail-body strong {
    font-weight: 600;
    color: rgba(92, 0, 23,0.95);
}

.article-detail-body ul,
.article-detail-body ol {
    padding-left: 2em;
    margin-bottom: 16px;
}

.article-detail-body li {
    margin-bottom: 8px;
    text-indent: 0;
}

.article-detail-body li::marker {
    color: #9C5430;
}

.article-detail-body blockquote {
    margin: 20px 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border-left: 4px solid #9C5430;
    border-radius: 0 12px 12px 0;
    color: rgba(92, 0, 23,0.85);
    font-style: italic;
}

.article-detail-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
}

.article-detail-body th,
.article-detail-body td {
    padding: 12px 16px;
    border: 1px solid rgba(156, 84, 48,0.15);
    font-size: 15px;
    text-indent: 0;
}

.article-detail-body th {
    background: rgba(156, 84, 48,0.06);
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
}

.article-detail-body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 20px 0;
    box-shadow: 0 4px 12px -4px rgba(92, 0, 23,0.1);
}

.related-articles-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.related-article-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06);
    text-decoration: none;
    transition: all 0.3s;
    min-width: 0;
}

.related-article-item:hover {
    border-color: rgba(156, 84, 48,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 3px rgba(156, 84, 48,0.08), 0 4px 12px rgba(92, 0, 23,0.1);
}

.related-article-title {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-article-item:hover .related-article-title {
    color: var(--primary-color);
}

.related-article-time {
    font-size: 13px;
    color: var(--text-secondary);
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .article-detail-title { font-size: 22px; }
}

/* ========== 案例详情页（全宽单列） ========== */
.case-detail {
    padding: 0 0 80px;
    background: transparent;
}

/* 标题区 */
.case-detail-head {
    text-align: center;
    margin-bottom: 32px;
}

.case-detail-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
    margin-bottom: 16px;
}

.case-detail-title .case-card-tag {
    vertical-align: baseline;
    margin-right: 8px;
}

.case-detail-visit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    color: #9C5430;
    font-size: 16px;
    margin-left: 10px;
    vertical-align: middle;
    transition: all 0.3s;
}

.case-detail-visit:hover {
    background: #9C5430;
    color: #FAF0E6;
}

.case-detail-meta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.case-detail-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--text-secondary);
}

.case-detail-meta-item i {
    color: #9C5430;
}

/* 截图区（100% 宽） */
.case-detail-screenshot {
    margin-bottom: 32px;
}

.case-detail-screenshot .browser-frame,
.case-detail-screenshot .monitor-frame {
    border-radius: 14px 14px 0 0;
}

.case-detail-screenshot .browser-content {
    height: auto;
    max-height: none;
    overflow: visible;
}

.case-detail-screenshot .monitor-content {
    height: auto;
    max-height: none;
}

.case-detail-screenshot .browser-content img,
.case-detail-screenshot .monitor-content img {
    width: 100%;
    height: auto;
    max-height: none;
    display: block;
    object-fit: contain;
}

/* 详情页底部羽化（mask 在框架整体上） */
.case-detail-screenshot .browser-frame,
.case-detail-screenshot .monitor-frame {
    -webkit-mask-image: linear-gradient(180deg, #3D2817 90%, transparent 100%);
    mask-image: linear-gradient(180deg, #3D2817 90%, transparent 100%);
}

.case-detail-screenshot .monitor-content::after {
    display: none;
}

/* CTA 营销（玻璃拟态） */
.case-detail-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 28px;
    margin-bottom: 36px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.2);
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 8px rgba(92, 0, 23, 0.08);
}

.case-detail-cta-text {
    display: flex;
    align-items: center;
    gap: 14px;
}

.case-detail-cta-text > i {
    font-size: 28px;
    color: #CC3D34;
    flex-shrink: 0;
}

.case-detail-cta-text h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin-bottom: 2px;
}

.case-detail-cta-text p {
    font-size: 13px;
    color: var(--text-secondary);
    margin: 0;
}

.case-detail-cta-actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

/* 正文 */
.case-detail-body {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(92, 0, 23, 0.88);
    margin-bottom: 36px;
}

.case-detail-body h2,
.case-detail-body h3 {
    font-weight: 600;
    color: var(--text-primary);
    margin: 28px 0 14px;
}

.case-detail-body h2 { font-size: 22px; }
.case-detail-body h3 { font-size: 18px; }

.case-detail-body p {
    margin-bottom: 16px;
}

.case-detail-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 16px 0;
}

/* 标签（复用 trusted-item 玻璃胶囊） */
.case-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
}

/* 分享 */
.case-detail-share {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 36px;
    font-size: 14px;
    color: var(--text-secondary);
}

/* 上下篇 */
.case-detail-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 48px;
}

.case-detail-nav-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 22px;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.6) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.2);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 8px rgba(92, 0, 23, 0.08);
    transition: all 0.3s;
}

.case-detail-nav-item:hover {
    border-color: rgba(156, 84, 48, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 0 0 3px rgba(156, 84, 48, 0.08),
        0 4px 14px rgba(92, 0, 23, 0.12);
}

.case-detail-nav-item.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.case-detail-nav-label {
    font-size: 12px;
    color: var(--text-secondary);
}

.case-detail-nav-title {
    font-size: 15px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
}

.case-detail-nav-item:nth-child(2) {
    text-align: right;
}

/* 相关案例 */
.case-detail-related {
    padding-top: 24px;
}

/* 响应式 */
@media (max-width: 768px) {
    .case-detail-title { font-size: 22px; }
    .case-detail-cta { flex-direction: column; text-align: center; }
    .case-detail-cta-text { flex-direction: column; }
    .case-detail-cta-actions { justify-content: center; }
    .case-detail-nav { grid-template-columns: 1fr; }
    .case-detail-share { justify-content: center; }
    .case-detail-tags { justify-content: center; }
}

/* ========== 右下角浮动工具栏 ========== */
.floating-toolbar {
    position: fixed;
    right: 24px;
    bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 999;
}

.floating-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.7) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    color: rgba(92, 0, 23,0.8);
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(92, 0, 23,0.1), inset 0 1px 0 rgba(255,255,255,0.9);
    transition: all 0.3s;
    position: relative;
}

.floating-btn:hover {
    border-color: rgba(156, 84, 48,0.5);
    color: #9C5430;
    box-shadow: 0 4px 16px rgba(92, 0, 23,0.18), inset 0 1px 0 rgba(255,255,255,0.95);
    transform: translateY(-2px);
}

.floating-btn i {
    font-size: 20px;
}

/* 回到顶部 */
.floating-top {
    background: linear-gradient(135deg, #9C5430, #7A3F22);
    color: #FAF0E6;
    border-color: rgba(122, 63, 34,0.5);
}

.floating-top:hover {
    background: linear-gradient(135deg, #7A3F22, #7A3F22);
    color: #FAF0E6;
    box-shadow: 0 4px 16px rgba(122, 63, 34,0.3);
}

/* 电话 hover 显示号码 */
.floating-phone {
    overflow: visible;
}

.floating-phone-num {
    position: absolute;
    right: 56px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.88) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(92, 0, 23,0.92);
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(92, 0, 23,0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.floating-phone:hover .floating-phone-num {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}

/* 微信 hover 显示二维码 */
.floating-wechat {
    overflow: visible;
}

.floating-popup {
    position: absolute;
    right: 56px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.88) 100%);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(92, 0, 23,0.12);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    width: 120px;
}

.floating-wechat:hover .floating-popup {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}

.floating-popup img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    margin: 0 0 6px;
    object-fit: contain;
}

.floating-popup span {
    font-size: 13px;
    color: var(--text-secondary);
    display: block;
    white-space: nowrap;
}

/* 移动端调整 */
@media (max-width: 768px) {
    .floating-toolbar {
        right: 12px;
        bottom: 80px;
    }
    .floating-btn {
        display: none;
    }
    .floating-top {
        display: flex;
        width: 40px;
        height: 40px;
    }
    .floating-top i { font-size: 18px; }
}

/* ========== Footer SEO 密度段 ========== */
.footer-seo-desc {
    padding: 0;
    margin-top: 12px;
    border: none;
    color: rgba(245, 222, 179, 0.3);
    font-size: 11px;
    line-height: 1.7;
}
.footer-seo-desc p {
    margin: 0;
}
.footer-seo-desc strong {
    color: rgba(245, 222, 179, 0.4);
    font-weight: 500;
}
.footer-seo-desc a {
    color: rgba(245, 222, 179, 0.35);
    text-decoration: none;
    transition: color 0.2s;
}
.footer-seo-desc a:hover {
    color: rgba(245, 222, 179, 0.6);
}
@media (max-width: 768px) {
    .footer-seo-desc { font-size: 11px; line-height: 1.8; padding: 14px 0 10px; }
}

/* ========== 服务报价：三列玻璃定价卡片 ========== */
.pricing-showcase {
    padding: var(--section-padding);
}

.pricing-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

/* 普通卡片：翠绿玻璃 */
.pricing-card-item {
    position: relative;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.62) 100%
    );
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48, 0.22);
    border-radius: 16px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 4px rgba(156, 84, 48, 0.06),
        0 8px 24px -8px rgba(92, 0, 23, 0.1);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: hidden;
}

.pricing-card-item:hover {
    transform: translateY(-6px);
    border-color: rgba(156, 84, 48, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(156, 84, 48, 0.1),
        0 14px 32px -8px rgba(92, 0, 23, 0.2);
}

/* 扫光效果 */
.pricing-card-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transition: left 0.7s;
    pointer-events: none;
}

.pricing-card-item:hover::after {
    left: 100%;
}

/* 推荐档：琥珀金高亮（火元素） */
.pricing-card-featured {
    background: linear-gradient(135deg,
        rgba(255, 251, 235, 0.88) 0%,
        rgba(254, 243, 199, 0.72) 100%
    );
    border-color: rgba(204, 61, 52, 0.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 2px 4px rgba(204, 61, 52, 0.1),
        0 12px 32px -8px rgba(180, 83, 9, 0.15);
    transform: scale(1.04);
    z-index: 1;
}

.pricing-card-featured:hover {
    transform: scale(1.04) translateY(-6px);
    border-color: rgba(204, 61, 52, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(204, 61, 52, 0.15),
        0 18px 40px -8px rgba(180, 83, 9, 0.22);
}

.pricing-card-featured::after {
    background: linear-gradient(90deg, transparent, rgba(204, 61, 52, 0.12), transparent);
}

/* 推荐 badge */
.pricing-card-badge {
    position: absolute;
    top: -1px;
    right: 24px;
    background: linear-gradient(135deg, #CC3D34, #E8B547);
    color: #FAF0E6;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 10px rgba(204, 61, 52, 0.4);
    letter-spacing: 0.5px;
}

/* 卡片头部 */
.pricing-card-header {
    text-align: center;
    margin-bottom: 24px;
}

.pricing-card-header i {
    font-size: 36px;
    color: #9C5430;
    display: block;
    margin-bottom: 14px;
    filter: drop-shadow(0 0 10px rgba(156, 84, 48, 0.4));
}

.pricing-card-featured .pricing-card-header i {
    color: #CC3D34;
    filter: drop-shadow(0 0 10px rgba(204, 61, 52, 0.4));
}

.pricing-card-header h3 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.92);
    margin-bottom: 6px;
}

.pricing-card-header p {
    font-size: 13px;
    color: var(--text-secondary);
}

/* 价格区 */
.pricing-card-price {
    text-align: center;
    padding: 22px 0;
    margin-bottom: 22px;
    border-top: 1px solid rgba(156, 84, 48, 0.12);
    border-bottom: 1px solid rgba(156, 84, 48, 0.12);
}

.pricing-card-featured .pricing-card-price {
    border-color: rgba(204, 61, 52, 0.2);
}

.price-currency {
    font-size: 20px;
    font-weight: 600;
    color: rgba(92, 0, 23, 0.7);
    vertical-align: top;
    margin-right: 2px;
    line-height: 1.8;
}

.price-amount {
    font-size: 44px;
    font-weight: 700;
    color: rgba(92, 0, 23, 0.92);
    line-height: 1;
    letter-spacing: -1px;
}

.pricing-card-featured .price-currency,
.pricing-card-featured .price-amount {
    color: #8B4513;
}

.price-unit {
    font-size: 15px;
    color: var(--text-secondary);
    margin-left: 4px;
}

/* 特性列表 */
.pricing-card-features {
    list-style: none;
    flex: 1;
    margin-bottom: 28px;
}

.pricing-card-features li {
    padding: 9px 0;
    font-size: 15px;
    color: rgba(92, 0, 23, 0.85);
    display: flex;
    align-items: center;
    gap: 10px;
}

.pricing-card-features li::before {
    content: '✓';
    color: #9C5430;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.pricing-card-featured .pricing-card-features li::before {
    color: #CC3D34;
    background: rgba(204, 61, 52, 0.1);
}

/* CTA 按钮 */
.pricing-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 24px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, 0.75) 0%,
        rgba(255, 255, 255, 0.55) 100%
    );
    border: 1px solid rgba(156, 84, 48, 0.3);
    color: #7A3F22;
    transition: all 0.3s;
}

.pricing-card-btn:hover {
    background: linear-gradient(135deg, #9C5430, #7A3F22);
    color: #FAF0E6;
    border-color: #7A3F22;
    box-shadow: 0 4px 14px rgba(156, 84, 48, 0.35);
}

.pricing-card-btn-featured {
    background: linear-gradient(135deg, #CC3D34, #E8B547);
    border-color: rgba(204, 61, 52, 0.5);
    color: #FAF0E6;
}

.pricing-card-btn-featured:hover {
    background: linear-gradient(135deg, #B83227, #CC3D34);
    border-color: #B83227;
    box-shadow: 0 4px 14px rgba(204, 61, 52, 0.4);
    color: #FAF0E6;
}

/* 响应式 */
@media (max-width: 992px) {
    .pricing-cards {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
    }
    .pricing-card-featured {
        transform: none;
        order: -1;
    }
    .pricing-card-featured:hover {
        transform: translateY(-6px);
    }
}

/* ========== 全息屏：上升粒子 ========== */
.holo-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}
.holo-particle {
    position: absolute;
    bottom: -6px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #C4A484;
    box-shadow:
        0 0 6px #9C5430,
        0 0 14px rgba(156, 84, 48, 0.8);
    opacity: 0;
    will-change: transform, opacity;
    animation: holoParticleRise 7s linear infinite;
}
.holo-particle:nth-child(1) { left:  8%; animation-delay: 0s;    animation-duration: 7.5s; }
.holo-particle:nth-child(2) { left: 26%; animation-delay: 1.4s;  animation-duration: 6.4s; }
.holo-particle:nth-child(3) { left: 44%; animation-delay: 2.8s;  animation-duration: 8.2s; width: 2px; height: 2px; }
.holo-particle:nth-child(4) { left: 62%; animation-delay: 0.9s;  animation-duration: 6.8s; }
.holo-particle:nth-child(5) { left: 80%; animation-delay: 3.3s;  animation-duration: 7.1s; width: 2px; height: 2px; }
.holo-particle:nth-child(6) { left: 94%; animation-delay: 1.9s;  animation-duration: 5.8s; }

@keyframes holoParticleRise {
    0% {
        transform: translateY(0) translateX(0) scale(0.5);
        opacity: 0;
    }
    15% {
        opacity: 1;
        transform: translateY(-40px) translateX(2px) scale(1);
    }
    50% {
        opacity: 0.85;
        transform: translateY(-160px) translateX(-4px) scale(1);
    }
    85% {
        opacity: 0.6;
        transform: translateY(-260px) translateX(3px) scale(0.9);
    }
    100% {
        transform: translateY(-340px) translateX(0) scale(0.4);
        opacity: 0;
    }
}

/* ========== 全息屏：底座（真·厚度面） ========== */
.holo-base {
    position: relative;
    margin: -1px 18px 0;
    height: 16px;
    background:
        linear-gradient(180deg,
            rgba(10, 32, 22, 0.95) 0%,
            rgba(6, 22, 15, 0.92) 45%,
            rgba(3, 14, 9, 0.88) 100%
        );
    border-radius: 0 0 14px 14px;
    box-shadow:
        inset 0 1px 0 rgba(156, 84, 48, 0.35),
        inset 0 -1px 2px rgba(92, 0, 23, 0.4),
        0 18px 32px -10px rgba(6, 24, 16, 0.45);
    z-index: 2;
}

/* 底座顶部反光发光线 —— 模拟屏幕-底座接缝处的能量环 */
.holo-base::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(196, 164, 132, 0.5) 20%,
        rgba(196, 164, 132, 0.9) 50%,
        rgba(196, 164, 132, 0.5) 80%,
        transparent 100%
    );
    box-shadow: 0 0 10px rgba(156, 84, 48, 0.7);
}

/* 底座下方的地面辉光（倒影） */
.holo-base::after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 8%;
    right: 8%;
    height: 44px;
    background: radial-gradient(ellipse,
        rgba(156, 84, 48, 0.14) 0%,
        rgba(156, 84, 48, 0.05) 45%,
        transparent 75%
    );
    filter: blur(14px);
    pointer-events: none;
}

/* 移动端降级：底座缩窄、粒子减少视觉负担 */
@media (max-width: 992px) {
    .holo-base { margin: -1px 12px 0; height: 12px; }
    .holo-base::after { bottom: -24px; height: 32px; }
}
/* 手机端：完全隐藏屏幕底座 + 地面辉光（视觉负担，且小屏没空间） */
@media (max-width: 768px) {
    .holo-base,
    .holo-base::before,
    .holo-base::after { display: none; }
}
@media (max-width: 576px) {
    .holo-particle { width: 2px; height: 2px; }
    .holo-particle:nth-child(4),
    .holo-particle:nth-child(5),
    .holo-particle:nth-child(6) { display: none; }
}

/* 无障碍：尊重用户 prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .holo-particle { animation: none; opacity: 0; }
    .holo-scanline { animation: none; }
    .holo-frame::before { animation: none; }
    .hero-main-slogan::before,
    .hero-main-slogan::after { animation: none; opacity: 0.85; }
}

/* ==========================================================
   全局移动端优化（20年设计师 + 大厂标准）
   ========================================================== */

/* ---- iOS Safari 输入框放大修复 ---- */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* ---- 全局间距紧凑化（大厂标准：12-16px 页边距，32-40px 区间距） ---- */
@media (max-width: 768px) {
    :root {
        --section-padding: 32px 0;
    }

    .container {
        padding: 0 16px;
    }

    .section-title {
        font-size: 22px !important;
        margin-bottom: 6px;
    }

    .section-desc {
        font-size: 13px !important;
        margin-top: 4px;
    }

    .section-header {
        margin-bottom: 20px;
    }
}

/* ---- 版块间距统一压缩 ---- */
@media (max-width: 768px) {
    .seo-intro,
    .seo-scenes,
    .seo-flow,
    .seo-advantages,
    .seo-faq,
    .pricing-showcase,
    .service-list-section,
    .featured-cases-section,
    .page-content .about-advantages,
    .page-content .about-services,
    .page-content .about-vision,
    .page-content .about-intro {
        padding: 28px 0 !important;
    }

    .services-inner {
        padding: 0 0 28px !important;
        margin-top: -8px;
    }

    .services-inner .section-header {
        margin-bottom: 12px !important;
    }

    .testimonials {
        padding: 28px 0 !important;
    }

    .news {
        padding: 28px 0 !important;
    }

    .featured-cases-header {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    .trusted-logos-inline {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 375px) {
    .container {
        padding: 0 12px;
    }

    .section-title {
        font-size: 20px !important;
    }
}

/* ---- 首页 Hero 移动端 ---- */
@media (max-width: 576px) {
    .hero-header {
        padding: 4px 0 12px;
    }

    /* P0 修复：mobile H1 18→24px（iOS HIG Large Title 范畴）*/
    .hero-main-title {
        font-size: 24px !important;
        line-height: 1.35;
        margin-bottom: 10px;
    }

    .hero-main-slogan {
        font-size: 14px !important;                /* P0 修复：12→14 (iOS Footnote 标准) */
        gap: 8px;
    }

    .hero-main-slogan::before,
    .hero-main-slogan::after {
        width: 5px;
        height: 5px;
    }

    .hero-header::before {
        height: 150px;
        top: -20px;
    }
}

/* ---- 全息屏 TV 菜单移动端 · 大厂级紧凑列表（iOS 设置 / Linear 派）---- */
/* 仅 ≤576px 生效 · 完全不影响 PC */
@media (max-width: 576px) {
    .holo-frame {
        padding: 6px !important;            /* 外框收紧 8→6 */
    }

    /* TV 菜单整块 · 左右 + 下间距收紧（上保留留白让图片与菜单分隔）*/
    /* 高特异性 .hero-home 链 + !important · 确保覆盖 11195 的 padding:20px */
    .holo-tv-layout .holo-content,
    .hero-home .holo-tv-layout .holo-content {
        padding: 8px 0 0 !important;        /* 上8 · 左右0 · 下0 */
        gap: 8px !important;
    }

    .holo-item {
        padding: 11px 40px 11px 12px !important;  /* 右侧留 chevron 位 */
        gap: 12px !important;
        border-radius: 11px !important;            /* 矩形圆角 · 不是椭圆胶囊 */
        align-items: center !important;
    }
    /* 移动端所有交互/联动态都不位移 · 保持列表左对齐 · 仅靠变色反馈 */
    /* 含轮播联动选中态 .is-linked（PC 是 translateX(6px) · 移动端会破坏对齐）*/
    .holo-item:hover,
    .holo-item:active,
    .holo-item:focus,
    .hero-home .holo-item.is-linked,
    .hero-home .holo-content .holo-item.is-linked,
    .hero-home .holo-content .holo-item-cta.is-linked {
        transform: none !important;
    }

    /* icon 方块 · 48px badge 对齐 PC(49c) · ≤576 真机与电脑预览统一大图标 */
    .holo-item i:not(.holo-arrow) {
        width: 48px !important;
        height: 48px !important;
        font-size: 25px !important;
        border-radius: 12px !important;
    }

    /* 文字强制左对齐 · 解除 hero-home 的 text-align:center 继承（移动端字少时居中很丑）*/
    .holo-text {
        text-align: left !important;
    }
    .holo-title {
        font-size: 15px !important;
        margin-bottom: 0 !important;
        text-align: left !important;
        line-height: 1.35 !important;
    }
    .holo-desc {
        display: none !important;
    }

    /* chevron 箭头常驻浅显 · 触屏无 hover（原 hover 才显示在移动端永远看不到）*/
    .holo-arrow {
        font-size: 17px !important;
        right: 12px !important;
        opacity: 0.45 !important;
        transform: translateY(-50%) !important;
        color: rgba(245, 222, 179, 0.6) !important;
    }
    .holo-item-cta .holo-arrow {
        opacity: 0.7 !important;
        color: #E8B547 !important;
    }

    .holo-base {
        margin: -1px 4px 0;
        height: 8px;
    }
}

/* ---- Tab Bar 移动端一行显示 ---- */
@media (max-width: 768px) {
    .services-tabs {
        width: 100%;
        justify-content: center;
        padding: 4px 6px;
        gap: 2px;
        flex-wrap: nowrap;
        margin-bottom: 12px !important;
    }

    .services-tab {
        flex: 1;
        min-width: 0;
        font-size: 12px !important;
        padding: 7px 6px !important;
        justify-content: center;
        text-align: center;
        gap: 3px !important;
    }

    .services-tab i {
        font-size: 14px !important;
    }

    .services-tab span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 375px) {
    .services-tab {
        font-size: 11px !important;
        padding: 6px 4px !important;
    }

    .services-tab i {
        display: none;
    }
}

/* ---- 服务面板移动端 ---- */
@media (max-width: 768px) {
    .services-panels {
        padding: 20px 16px !important;
        border-radius: 12px;
    }

    .panel-layout {
        flex-direction: column;
        min-height: auto !important;
    }

    .panel-sidebar {
        width: 100% !important;
        max-height: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(156, 84, 48,0.15);
        border-radius: 0 !important;
        padding: 0 !important;
        margin-bottom: 16px;
        backdrop-filter: none;
    }

    .panel-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
        padding: 8px 0;
    }

    .panel-nav-item {
        padding: 8px 12px !important;
        font-size: 13px !important;
        border-left: none !important;
        border-radius: 100px !important;
        margin: 0 !important;
        border: 1px solid rgba(156, 84, 48,0.15);
    }

    .panel-nav-item.active {
        background: var(--primary-color) !important;
        color: #FAF0E6 !important;
        border-color: var(--primary-color) !important;
    }

    .panel-main {
        padding: 0 !important;
    }

    .panel-category h3 {
        font-size: 18px !important;
    }

    .cat-list {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .cat-list li {
        font-size: 14px !important;
        padding: 10px 14px !important;
    }
}

/* ---- 定价卡片移动端 ---- */
@media (max-width: 768px) {
    .pricing-cards {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        gap: 16px;
    }

    .pricing-card-featured {
        transform: none !important;
        order: -1;
    }

    .pricing-card-item {
        padding: 28px 20px;
    }

    .price-amount {
        font-size: 36px !important;
    }
}

/* ---- 客户信赖移动端 ---- */
@media (max-width: 576px) {
    .trusted-logos {
        gap: 8px !important;
    }

    .trusted-item {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }

    .trusted-title {
        font-size: 20px !important;
        gap: 8px !important;
    }

    .trusted-title::before,
    .trusted-title::after {
        width: 20px !important;
    }
}

/* ---- 手风琴移动端 ---- */
@media (max-width: 768px) {
    .testimonials-accordion {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 10px !important;
    }

    .accordion-item {
        height: auto !important;
        flex-direction: column !important;
        border-radius: 12px !important;
    }

    .accordion-item.active {
        flex: none !important;
    }

    .accordion-header {
        width: 100% !important;
        height: auto !important;
        flex-direction: row !important;
        padding: 12px 14px !important;
        gap: 10px !important;
    }

    .accordion-info {
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        flex: 1;
        text-align: left !important;
    }

    .accordion-info h4 { font-size: 14px !important; }

    .accordion-tag {
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        padding: 4px 10px !important;
        font-size: 11px !important;
    }

    .accordion-content {
        width: 100% !important;
        max-height: 0;
    }

    .accordion-item.active .accordion-content {
        max-height: 200px;
        width: 100% !important;
    }

    .accordion-content p {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
}

/* ---- 案例网格移动端 ---- */
@media (max-width: 768px) {
    .cases-grid,
    .showcase-scroll {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .case-card .browser-content,
    .case-card .monitor-content img {
        max-height: 200px !important;
    }

    .case-card-content {
        padding: 8px 12px 10px !important;
    }
}

/* ---- 案例轮播 Hero 移动端 ---- */
@media (max-width: 768px) {
    .cases-hero-carousel {
        padding: 80px 0 20px !important;
    }

    .hero-carousel-slide .browser-content,
    .hero-carousel-slide .monitor-content {
        height: 250px !important;
    }

    .hero-carousel-dots {
        gap: 6px;
    }

    .hero-carousel-dot {
        width: 8px;
        height: 8px;
    }
}

/* ---- 新闻时间轴移动端 ---- */
@media (max-width: 576px) {
    .news-timeline .timeline-date {
        width: 44px !important;
        padding-right: 6px;
    }

    .news-timeline .timeline-day {
        font-size: 18px !important;
    }

    .news-timeline .timeline-month {
        font-size: 10px !important;
    }

    .news-timeline .timeline-line {
        width: 24px !important;
    }

    .news-timeline .timeline-content {
        padding: 12px 14px !important;
        margin: 4px 0 !important;
    }

    .news-timeline .timeline-title {
        font-size: 14px !important;
    }

    .news-timeline .timeline-desc {
        font-size: 13px !important;
    }

    .news-timeline .timeline-tag {
        font-size: 11px !important;
        padding: 2px 8px !important;
    }
}

/* ---- 服务页 Hero 移动端 ---- */
@media (max-width: 768px) {
    .service-hero {
        padding: 80px 0 30px !important;
    }

    .service-hero-title {
        font-size: 24px !important;
    }

    .service-hero-desc {
        font-size: 14px !important;
    }

    .service-hero-stats {
        font-size: 12px !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 8px;
    }

    .service-hero-actions {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}

/* ---- 服务页卡片移动端 ---- */
@media (max-width: 768px) {
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .advantage-card {
        padding: 20px 14px !important;
    }

    .advantage-card i {
        font-size: 26px !important;
        margin-bottom: 10px;
    }

    .advantage-card h4,
    .advantage-card p {
        font-size: 13px !important;
    }

    .scenes-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .flow-steps {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .flow-num {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }

    .flow-info h4 { font-size: 13px !important; }
    .flow-info p { font-size: 12px !important; }

    .faq-item {
        border-radius: 10px !important;
    }

    .faq-question {
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    .faq-answer-inner {
        padding: 0 16px 14px !important;
        font-size: 14px !important;
    }
}

/* ---- 案例/文章详情移动端 ---- */
@media (max-width: 768px) {
    .case-detail,
    .article-detail {
        padding: 0 0 40px !important;
    }

    .case-detail-head,
    .article-detail-head {
        margin-bottom: 20px !important;
    }

    .case-detail-title,
    .article-detail-title {
        font-size: 22px !important;
    }

    .case-detail-cta {
        flex-direction: column !important;
        text-align: center;
        padding: 16px !important;
    }

    .case-detail-cta-text {
        flex-direction: column;
        text-align: center;
    }

    .case-detail-cta-actions {
        justify-content: center;
    }

    .case-detail-nav {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .case-detail-nav-item:nth-child(2) {
        text-align: left !important;
    }

    .case-detail-body,
    .article-detail-body {
        font-size: 15px !important;
        line-height: 1.85;
    }

    .article-detail-body h2 {
        font-size: 19px !important;
        margin: 28px 0 12px !important;
    }

    .article-detail-body h3 {
        font-size: 16px !important;
        margin: 22px 0 10px !important;
    }

    .article-detail-body blockquote {
        padding: 12px 14px !important;
    }

    .case-detail-share,
    .case-detail-tags {
        justify-content: center !important;
    }

    .related-articles-list {
        grid-template-columns: 1fr !important;
    }
}

/* ---- Footer 移动端：senyi 旧规则已彻底删除 · rebx footer-v3 由 14400+ 系列块统一定义 ---- */

/* ---- About / Contact 移动端紧凑 ---- */
@media (max-width: 768px) {
    .page-content .about-intro-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .page-content .about-intro {
        padding: 12px 0 !important;
    }

    .page-content .about-intro-content h2 {
        font-size: 22px !important;
    }

    .page-content .about-intro-stats {
        gap: 10px !important;
    }

    .page-content .about-stat {
        padding: 16px 12px !important;
        border-radius: 10px !important;
    }

    .page-content .about-stat-number {
        font-size: 28px !important;
    }

    .page-content .about-advantages,
    .page-content .about-services,
    .page-content .about-vision {
        padding: 24px 0 !important;
    }

    .page-content .about-advantages-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .page-content .about-advantage-card {
        padding: 18px 16px !important;
        border-radius: 12px !important;
    }

    .page-content .about-advantage-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px !important;
        margin-bottom: 10px !important;
    }

    .page-content .about-services-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .page-content .about-service-card {
        padding: 18px 16px !important;
        border-radius: 12px !important;
    }

    .page-content .about-service-header {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    .page-content .about-service-list li {
        padding: 6px 0 6px 18px !important;
        font-size: 14px !important;
    }

    .page-content .about-vision-content h2 {
        font-size: 22px !important;
    }

    .page-content .about-vision-text {
        font-size: 15px !important;
        margin-bottom: 24px !important;
    }

    .page-content .about-vision-values {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .page-content .about-vision-item {
        padding: 18px 14px !important;
        border-radius: 12px !important;
    }

    .page-content .about-vision-item i {
        font-size: 26px !important;
        margin-bottom: 8px !important;
    }

    /* Contact 页移动端紧凑（统一15px） */
    .page-content .contact-section {
        padding: 15px 0 !important;
    }

    .page-content .contact-layout {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .page-content .contact-info-card,
    .page-content .contact-form-card {
        padding: 15px !important;
        border-radius: 12px !important;
    }

    .page-content .contact-info-header,
    .page-content .contact-form-header {
        margin-bottom: 15px !important;
    }

    .page-content .contact-info-header h2,
    .page-content .contact-form-header h2 {
        font-size: 18px !important;
    }

    .page-content .contact-list {
        gap: 8px !important;
        margin-bottom: 15px !important;
    }

    .page-content .contact-item {
        padding: 12px !important;
        gap: 12px !important;
    }

    .page-content .contact-item-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .page-content .contact-item-value {
        font-size: 14px !important;
    }

    .page-content .contact-wechat {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }

    .page-content .contact-info-footer {
        padding-top: 15px !important;
    }

    .page-content .form-row {
        grid-template-columns: 1fr !important;
    }

    .page-content .contact-form .form-group {
        margin-bottom: 15px !important;
    }

    .page-content .contact-form input,
    .page-content .contact-form select,
    .page-content .contact-form textarea {
        padding: 10px 12px !important;
    }

    .page-content .contact-promise {
        padding: 15px 0 !important;
    }

    .page-content .promise-grid {
        gap: 10px !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .page-content .promise-item {
        padding: 15px 12px !important;
        border-radius: 12px !important;
    }

    .page-content .contact-faq {
        padding: 15px 0 !important;
    }
}

/* ---- CTA 过渡区移动端 ---- */
@media (max-width: 768px) {
    .page-cta {
        padding: 60px 0 40px !important;
    }

    .page-cta-content {
        padding: 28px 20px !important;
    }

    .page-cta-content h2 {
        font-size: 20px !important;
    }

    .page-cta-actions {
        flex-direction: column !important;
        align-items: center;
    }
}

/* ---- 面包屑移动端 ---- */
@media (max-width: 768px) {
    .breadcrumb-section {
        padding: 80px 0 8px !important;
    }

    .breadcrumb {
        font-size: 13px;
    }
}

/* ---- 服务列表卡片移动端 ---- */
@media (max-width: 576px) {
    .service-list-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .service-list-card {
        padding: 16px 40px 16px 14px !important;
    }

    .service-list-card h3 {
        font-size: 14px !important;
    }

    .service-list-card p {
        font-size: 12px !important;
    }
}

/* ---- 新闻列表移动端 ---- */
@media (max-width: 768px) {
    .news-section {
        padding: 90px 0 60px !important;
    }

    .news-filter {
        gap: 6px !important;
        margin-bottom: 24px !important;
    }

    .news-filter-btn {
        font-size: 13px !important;
        padding: 8px 14px !important;
    }

    .news-item-content {
        padding: 16px !important;
    }

    .news-item-title {
        font-size: 14px !important;
    }

    .news-item-image {
        height: 160px !important;
    }
}

/* ---- 分页移动端 ---- */
@media (max-width: 576px) {
    .pagination-btn,
    .pagination-num {
        min-width: 34px !important;
        height: 34px !important;
        font-size: 13px !important;
        padding: 0 8px !important;
    }

    .news-pagination,
    .cases-pagination {
        margin-top: 32px !important;
    }
}

/* ---- 防止横向溢出 ---- */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

/* ========== 隐私政策 / 服务条款页 ========== */

.page-content .page-section {
    max-width: 800px;
    margin: 0 auto;
}

.page-content .page-section > h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    text-align: center;
    text-indent: 0;
    margin-bottom: 8px;
}

.page-content .page-update-time {
    text-align: center;
    font-size: 13px;
    color: var(--text-secondary);
    text-indent: 0;
    margin-bottom: 32px;
}

.page-content .policy-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.15);
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06);
    transition: all 0.3s;
}

.page-content .policy-card:hover {
    border-color: rgba(156, 84, 48,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 4px 16px -4px rgba(92, 0, 23,0.1);
}

.page-content .policy-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 12px;
    text-indent: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-content .policy-card h3 i {
    font-size: 20px;
    color: #9C5430;
}

.page-content .policy-card p {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(92, 0, 23,0.8);
    margin-bottom: 10px;
    text-indent: 0;
}

.page-content .policy-card ul {
    padding-left: 1.2em;
    margin-bottom: 10px;
}

.page-content .policy-card li {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(92, 0, 23,0.8);
    margin-bottom: 6px;
    text-indent: 0;
}

.page-content .policy-card li::marker {
    color: #9C5430;
}

.page-content .policy-card a {
    color: #9C5430;
    text-decoration: none;
    border-bottom: 1px solid rgba(156, 84, 48,0.3);
}

.page-content .policy-card a:hover {
    color: #7A3F22;
    border-bottom-color: #7A3F22;
}

@media (max-width: 768px) {
    .page-content .policy-card {
        padding: 18px 20px;
        border-radius: 12px;
    }

    .page-content .page-section > h2 {
        font-size: 20px;
    }
}

/* ========== 全国服务页（/regions） ========== */

.regions-stats-section {
    padding: 32px 0;
}

.regions-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.regions-stat-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 16px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 4px 12px -4px rgba(92, 0, 23,0.08);
    transition: all 0.35s cubic-bezier(0.2,0.8,0.2,1);
}

.regions-stat-card:hover {
    border-color: rgba(156, 84, 48,0.45);
    transform: translateY(-4px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 8px 24px -6px rgba(92, 0, 23,0.15);
}

.regions-stat-number {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    background: linear-gradient(135deg, #9C5430 0%, #7A3F22 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.regions-stat-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-secondary);
    margin-top: 6px;
}

/* 热门城市 */
.regions-hot-section {
    padding: 0 0 40px;
}

.regions-hot-card {
    background: linear-gradient(135deg, #9C5430 0%, #7A3F22 50%, #7A3F22 100%);
    border-radius: 20px;
    padding: 32px 36px;
    box-shadow: 0 8px 32px -8px rgba(156, 84, 48,0.35);
}

.regions-hot-header {
    font-size: 15px;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.regions-hot-header i {
    font-size: 20px;
    color: #E8B547;
}

.regions-hot-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.regions-hot-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 100px;
    color: #FAF0E6;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
}

.regions-hot-tag:hover {
    background: rgba(255,255,255,0.35);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(92, 0, 23,0.1);
    color: #FAF0E6;
}

/* 全部省份 */
.regions-provinces-section {
    padding: 40px 0 60px;
}

.regions-provinces-section .section-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(156, 84, 48,0.2);
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 24px;
}

.regions-provinces-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.regions-province-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.6) 100%);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    border: 1px solid rgba(156, 84, 48,0.15);
    border-radius: 16px;
    padding: 20px 24px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 1px 2px rgba(156, 84, 48,0.06);
    transition: all 0.3s;
}

.regions-province-card:hover {
    border-color: rgba(156, 84, 48,0.35);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 4px 16px -4px rgba(92, 0, 23,0.12);
}

.regions-province-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.regions-province-name i {
    color: var(--primary-color);
    font-size: 16px;
}

.regions-cities-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.regions-city-tag {
    display: inline-block;
    padding: 5px 12px;
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(156, 84, 48,0.12);
    border-radius: 8px;
    color: var(--text-secondary);
    font-size: 13px;
    transition: all 0.25s;
}

.regions-city-tag:hover {
    color: var(--primary-color);
    border-color: rgba(156, 84, 48,0.4);
    background: rgba(156, 84, 48,0.06);
    transform: translateY(-1px);
}

/* CTA */
.regions-cta-section {
    padding: 0 0 80px;
}

/* 移动端 */
@media (max-width: 768px) {
    .regions-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .regions-stat-card {
        padding: 20px 14px;
    }

    .regions-stat-number {
        font-size: 28px;
    }

    .regions-hot-card {
        padding: 20px;
        border-radius: 14px;
    }

    .regions-hot-tag {
        padding: 6px 14px;
        font-size: 13px;
    }

    .regions-provinces-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .regions-province-card {
        padding: 16px 18px;
    }
}

/* ================================================================
   rebx Hero 屏幕 · 深咖啡褐奢华底（万宝龙/爱马仕级展示底色）
   设计准则：戊土命局主深咖 #2C1810 + 朱砂火光晕 + 暖米沙描边
   目标：衬托左侧金色金属机箱图片层次感，避开冷黑银
   ================================================================ */

/* 1. 主屏背景：深咖啡三段渐变 + 左上朱砂火光晕 */
.hero-home .holo-frame {
    background:
        radial-gradient(ellipse at top left, rgba(204, 61, 52, 0.18) 0%, transparent 55%),
        linear-gradient(135deg, #2C1810 0%, #3A1F0E 50%, #1F1108 100%);
    border-color: rgba(196, 164, 132, 0.25);
    border-left-color: #CC3D34;
    box-shadow:
        inset 0 1px 0 rgba(196, 164, 132, 0.22),
        0 0 40px rgba(204, 61, 52, 0.14),
        inset 0 0 60px rgba(20, 12, 8, 0.35),
        0 20px 40px -15px rgba(20, 12, 8, 0.5);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* 2. 移除扫描纹理 (太科技，与暖金建站语境不符) */
.hero-home .holo-frame::before {
    display: none;
}

/* 3. 顶部高光边：暖米沙细线（深底上提亮） */
.hero-home .holo-frame::after {
    background: linear-gradient(90deg, transparent, rgba(196, 164, 132, 0.55), transparent);
    box-shadow: 0 0 8px rgba(204, 61, 52, 0.3);
    height: 1px;
}

/* 4. 移除四角金属装饰 (科技感残留) */
.hero-home .holo-frame .holo-content::before,
.hero-home .holo-frame .holo-content::after,
.hero-home .holo-frame .holo-actions::before,
.hero-home .holo-frame .holo-actions::after {
    display: none;
}

/* 5. 扫描线淡化（保留微动感但不抢戏） */
.hero-home .holo-scanline {
    background: linear-gradient(90deg, transparent, rgba(204, 61, 52, 0.18), transparent);
    box-shadow: 0 0 6px rgba(204, 61, 52, 0.12);
    height: 1px;
}

/* 6. 服务卡：暖玻璃磨砂 + 赭石细描边 */
.hero-home .holo-item {
    background: linear-gradient(90deg, rgba(255, 248, 231, 0.70) 0%, rgba(245, 222, 179, 0.35) 100%);
    border-color: rgba(156, 84, 48, 0.18);
    border-left-color: rgba(156, 84, 48, 0.55);
    /* 移除 backdrop-filter blur(8px) · 避免与 holo-frame 外层 blur(12px) 双层叠加，
       叠加 + is-linked transform 切换 + 自动轮播 → Chrome/Safari 渲染延迟（第 3 卡最严重）
       提高 background α 0.55→0.70 弥补失去 blur 后的视觉感 */
}

.hero-home .holo-item:hover {
    background: linear-gradient(90deg, rgba(255, 248, 231, 0.85) 0%, rgba(245, 222, 179, 0.45) 100%);
    border-color: rgba(156, 84, 48, 0.45);
    box-shadow:
        0 10px 24px -8px rgba(124, 73, 41, 0.25),
        0 0 20px rgba(156, 84, 48, 0.15);
}

/* 7. 服务卡字色：浅米白 → 深咖（命局主文字色） */
.hero-home .holo-title {
    color: #2C1810;
    font-weight: 600;
}

.hero-home .holo-desc {
    color: rgba(92, 58, 32, 0.72);
}

.hero-home .holo-desc strong {
    color: #9C5430;
    font-weight: 600;
}

/* 8. 服务卡 icon：金沙色 → 赭石主色 */
.hero-home .holo-item i:not(.holo-arrow) {
    color: #9C5430;
    background: rgba(156, 84, 48, 0.08);
    border-color: rgba(156, 84, 48, 0.22);
    text-shadow: none;
}

.hero-home .holo-item:hover i:not(.holo-arrow) {
    color: #7A3F22;
    background: rgba(156, 84, 48, 0.18);
    border-color: rgba(156, 84, 48, 0.45);
    box-shadow: 0 0 12px rgba(156, 84, 48, 0.2);
}

/* 9. 箭头颜色：浅米 → 浅赭，hover 朱砂 */
.hero-home .holo-arrow {
    color: rgba(156, 84, 48, 0.45);
}

.hero-home .holo-item:hover .holo-arrow {
    color: #CC3D34;
}

/* 10. CTA 卡（真实案例）：朱砂强化 */
.hero-home .holo-item-cta {
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.12) 0%, rgba(255, 248, 231, 0.55) 100%);
    border-color: rgba(204, 61, 52, 0.4);
    border-left-color: #CC3D34;
}

.hero-home .holo-item-cta:hover {
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.22) 0%, rgba(255, 248, 231, 0.8) 100%);
    border-color: rgba(204, 61, 52, 0.7);
    box-shadow:
        0 10px 24px -8px rgba(204, 61, 52, 0.28),
        0 0 24px rgba(204, 61, 52, 0.18);
}

.hero-home .holo-item-cta i:not(.holo-arrow) {
    color: #CC3D34;
    background: rgba(204, 61, 52, 0.1);
    border-color: rgba(204, 61, 52, 0.32);
}

.hero-home .holo-item-cta:hover i:not(.holo-arrow) {
    color: #B83227;
    background: rgba(204, 61, 52, 0.2);
}

.hero-home .holo-item-cta .holo-title {
    color: #B83227;
}

.hero-home .holo-item-cta .holo-arrow {
    color: rgba(204, 61, 52, 0.5);
}

.hero-home .holo-item-cta:hover .holo-arrow {
    color: #CC3D34;
}

/* 11. Caption 浅化为暖咖 (而非深绿) */
.hero-home .holo-tv-caption {
    background: linear-gradient(to top, rgba(124, 73, 41, 0.62) 0%, transparent 100%);
    color: #FBF4E8;
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* 12. 轮播指示器升级：更显眼 + 朱砂激活态 */
.hero-home .holo-tv-dot {
    width: 8px;
    height: 8px;
    background: rgba(255, 248, 231, 0.7);
    border: 1px solid rgba(156, 84, 48, 0.35);
    transition: all 0.3s ease;
}

.hero-home .holo-tv-dot.active {
    background: #CC3D34;
    border-color: #CC3D34;
    box-shadow: 0 0 10px rgba(204, 61, 52, 0.55);
    width: 32px;
    height: 8px;
    border-radius: 4px;
}

/* 13. 主标题：极大字 + em 朱砂 + 居中 */
.hero-home .hero-main-title {
    font-size: clamp(32px, 5.2vw, 60px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: #2C1810;
    text-align: center;
    margin: 0 0 8px;
}

.hero-home .hero-main-title em {
    font-style: normal;
    color: #CC3D34;
    font-weight: 600;
}

/* 14. 副标题：恢复 + 灰咖 + 大字 */
.hero-home .hero-main-slogan {
    font-size: clamp(15px, 1.5vw, 19px);
    font-weight: 400;
    color: rgba(92, 58, 32, 0.72);
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.005em;
    margin: 0;
}

/* 15. 数字证明带 · 信任要素四联屏 */
.hero-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(20px, 3vw, 48px);
    margin-top: clamp(40px, 5vw, 72px);
    padding-top: clamp(28px, 3vw, 44px);
    border-top: 1px solid rgba(156, 84, 48, 0.18);
}

.hero-stat {
    text-align: center;
}

.hero-stat-num {
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 600;
    color: #9C5430;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}

.hero-stat-plus,
.hero-stat-unit {
    font-size: 0.55em;
    color: #CC3D34;
    font-weight: 500;
    margin-left: 2px;
}

.hero-stat-label {
    font-size: clamp(12px, 1vw, 14px);
    color: rgba(92, 58, 32, 0.72);
    letter-spacing: 0.04em;
}

@media (max-width: 768px) {
    .hero-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--s-5, 20px);
    }
}

/* P1 mobile: hero-home <480px 极窄屏字号/留白收敛
   注：TV 卡片样式 (.holo-item / .holo-item-cta) 已恢复，让 mobile 卡片继承 PC 完整玻璃效果 +
   V5 mobile 字号设置（768px 块的 title 19px / desc 14.5px），不在此处 override */
@media (max-width: 480px) {
    .hero-home .hero-main-title {
        font-size: clamp(26px, 7vw, 32px);
        line-height: 1.2;
    }
    .hero-home .hero-main-slogan {
        font-size: 14px;
        line-height: 1.5;
    }
    .hero-stats {
        gap: 14px;
        margin-top: 28px;
        padding-top: 20px;
    }
    .hero-stat-num {
        font-size: 26px;
    }
}

/* ================================================================
   rebx Hero P0+P1 精细修复 · 推翻 senyi 装饰残留
   ================================================================ */

/* 16. em 强调 V2 · 移除红色下划线（奢侈品官网无装饰）· 仅保留朱砂字色 + 字重 */
.hero-home .hero-main-title em {
    background-image: none;
    text-shadow: none;
    padding: 0;
    color: #CC3D34;
    font-weight: 700;                          /* 600 → 700 加重字重弥补无下划线 */
    border-bottom: none;                       /* 移除朱砂下划线（装饰过度）*/
    padding-bottom: 0;
    font-style: normal;                        /* 取消斜体 em 默认 */
}

/* 17. 副标题左右脉动光点 → 移除 (新风格不合) */
.hero-home .hero-main-slogan::before,
.hero-home .hero-main-slogan::after {
    display: none;
}
.hero-home .hero-main-slogan {
    display: block;
    gap: 0;
}

/* 18. TV 屏内部圆角统一 · 外 16px → 内 8px 内嵌 */
.hero-home .holo-tv-layout {
    border-radius: 14px;
    overflow: hidden;
}

/* 19. 服务卡间隔 + 撑满 · V4 撑满高度方案 */
.hero-home .holo-tv-layout .holo-content {
    gap: 14px;
    padding: 20px;
    justify-content: stretch;
    align-items: stretch;
}

/* 20. icon 旧覆盖规则已废弃 · 由 49c 统一管理（42px / radius 10）*/

/* 21. CTA 旧覆盖规则已废弃 · 由 48 统一管理（4 卡视觉一致）*/

.hero-home .holo-item-cta i:not(.holo-arrow) {
    color: #B83227;
    background: rgba(204, 61, 52, 0.07);
    border-color: rgba(204, 61, 52, 0.22);
}

.hero-home .holo-item-cta .holo-title {
    color: #2C1810;                                /* 与其他卡同字色 */
}

/* 22. first-child 主业务锚定旧规则已废弃 · 4 卡视觉统一 · is-linked 接管激活态 */

/* 23. caption 字号 + 阴影增强 · 提升可读性 */
.hero-home .holo-tv-caption {
    font-size: clamp(13px, 1.4vw, 15px);
    padding: 28px 24px 18px;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(44, 24, 16, 0.4);
}

/* 24. 主标题上下留白对称 · 解决"上密下松" */
.hero-home .hero-header {
    margin-top: 0;
    margin-bottom: 0;
}

/* 25. TV 屏接缝柔化 · visual 与 content 之间分隔线（深咖底上提亮）*/
.hero-home .holo-tv-visual {
    border-right-color: rgba(196, 164, 132, 0.18);
}

/* 26. TV 屏整体浮空感强化 · 深咖啡底配套阴影（朱砂外光 + 厚阴影底投）*/
.hero-home .holo-frame {
    box-shadow:
        inset 0 1px 0 rgba(196, 164, 132, 0.22),
        0 0 50px rgba(204, 61, 52, 0.14),
        inset 0 0 60px rgba(20, 12, 8, 0.35),
        0 32px 60px -20px rgba(20, 12, 8, 0.55);
}

/* ================================================================
   rebx Hero 终极优化 · Slide-Card 联动 + 数字带分隔
   ================================================================ */

/* 27. first-child "主业务锚定" 旧规则已删除 · 4 卡视觉统一 · is-linked 接管激活态 */

/* 联动激活态 · 当前 slide 对应卡片亮起 */
.hero-home .holo-item.is-linked {
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.10) 0%, rgba(255, 248, 231, 0.75) 100%);
    border-color: rgba(204, 61, 52, 0.45);
    border-left-color: #CC3D34;
    border-left-width: 4px;
    transform: translateX(6px);
    box-shadow:
        0 8px 20px -8px rgba(124, 73, 41, 0.22),
        0 0 24px rgba(204, 61, 52, 0.18);
}

.hero-home .holo-item.is-linked i:not(.holo-arrow) {
    color: #CC3D34;
    background: rgba(204, 61, 52, 0.14);
    border-color: rgba(204, 61, 52, 0.45);
    box-shadow: 0 0 14px rgba(204, 61, 52, 0.25);
}

.hero-home .holo-item.is-linked .holo-title {
    color: #2C1810;
}

.hero-home .holo-item.is-linked .holo-arrow {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    color: #CC3D34;
}

/* 28. 数字证明带 · 限宽居中 + 列间细竖线分隔（Stripe 风） */
.hero-stats {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.hero-stat {
    position: relative;
}

.hero-stat:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(calc(-1 * clamp(10px, 1.5vw, 24px)), -50%);
    width: 1px;
    height: 56%;
    background: rgba(156, 84, 48, 0.18);
}

@media (max-width: 768px) {
    .hero-stat:nth-child(3)::before {
        display: none;                            /* 移动端 2 列：第 3 项无左竖线 */
    }
}

/* ================================================================
   rebx Hero 屏幕底座重塑 · senyi 深绿黑 → Apple Pro 暖玻璃基座
   ================================================================ */

/* 29. 底座主体 · 暖玻璃延伸 + 命局色板 */
.hero-home .holo-base {
    height: 18px;
    margin: -1px 11% 0;
    background: linear-gradient(180deg,
        rgba(245, 222, 179, 0.88) 0%,
        rgba(229, 200, 160, 0.72) 50%,
        rgba(196, 164, 132, 0.58) 100%
    );
    border: 1px solid rgba(156, 84, 48, 0.25);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.95),
        inset 0 -1px 2px rgba(124, 73, 41, 0.18),
        0 24px 48px -16px rgba(124, 73, 41, 0.38),
        0 4px 12px -4px rgba(124, 73, 41, 0.20);
    backdrop-filter: blur(10px) saturate(115%);
    -webkit-backdrop-filter: blur(10px) saturate(115%);
}

/* 30. 顶部接缝朱砂能量环 · 屏幕底部"能量出口" */
.hero-home .holo-base::before {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(204, 61, 52, 0.45) 18%,
        rgba(204, 61, 52, 0.85) 50%,
        rgba(204, 61, 52, 0.45) 82%,
        transparent 100%
    );
    box-shadow:
        0 0 14px rgba(204, 61, 52, 0.55),
        0 0 28px rgba(204, 61, 52, 0.25);
}

/* 31. 底座下方地面暖晕 · 屏幕"落地反光" */
.hero-home .holo-base::after {
    bottom: -28px;
    left: 12%;
    right: 12%;
    height: 48px;
    background: radial-gradient(ellipse,
        rgba(204, 61, 52, 0.22) 0%,
        rgba(156, 84, 48, 0.12) 35%,
        transparent 75%
    );
    filter: blur(18px);
}

/* 32. 移动端：底座保留但比例缩小（之前 senyi 完全隐藏，rebx 改为缩小保留视觉完整性）*/
@media (max-width: 768px) {
    .hero-home .holo-base {
        display: block;
        height: 12px;
        margin: -1px 14% 0;
    }
    .hero-home .holo-base::before,
    .hero-home .holo-base::after {
        display: block;
    }
    .hero-home .holo-base::after {
        bottom: -20px;
        height: 32px;
    }
}

/* 33. 移除底座 · 屏幕直接落地（box-shadow 提供浮空暗示即可） */
.hero-home .holo-base,
.hero-home .holo-base::before,
.hero-home .holo-base::after {
    display: none;
}

/* ================================================================
   rebx Hero 色板大统一 · 5+ 色压缩为 3 色（沙岩白+咖啡黑+朱砂）
   原则：所有赭石/灰咖/米卡其等"中间金黄色"全部改为咖啡黑半透
        朱砂只在 em / active / CTA / strong 出现
   ================================================================ */

/* 34. 副标题 · 灰咖 → 咖啡黑半透 */
.hero-home .hero-main-slogan {
    color: rgba(44, 24, 16, 0.55);
}

/* 35. 服务卡描述 · 灰咖 → 咖啡黑半透 */
.hero-home .holo-desc {
    color: rgba(44, 24, 16, 0.55);
}
.hero-home .holo-desc strong {
    color: #CC3D34;                                /* 强调统一朱砂（不再赭石）*/
}

/* 36. 服务卡 icon · 赭石 → 咖啡黑半透 */
.hero-home .holo-item i:not(.holo-arrow) {
    color: rgba(44, 24, 16, 0.7);
    background: rgba(44, 24, 16, 0.05);
    border-color: rgba(44, 24, 16, 0.12);
}

.hero-home .holo-item:hover i:not(.holo-arrow) {
    color: #CC3D34;
    background: rgba(204, 61, 52, 0.10);
    border-color: rgba(204, 61, 52, 0.30);
    box-shadow: 0 0 12px rgba(204, 61, 52, 0.15);
}

/* 37. 服务卡边框 + 左光条 · 赭石 → 咖啡黑半透 */
.hero-home .holo-item {
    border-color: rgba(44, 24, 16, 0.10);
    border-left-color: rgba(44, 24, 16, 0.20);
}

.hero-home .holo-item:hover {
    border-color: rgba(204, 61, 52, 0.35);
    border-left-color: #CC3D34;
}

/* 38. first-child 咖啡黑半透旧规则已废弃 · 浅米玻璃时代残留 · 深咖底下黑 icon 问题根因 */

/* 39. 服务卡箭头 · 赭石 → 咖啡黑半透 */
.hero-home .holo-arrow {
    color: rgba(44, 24, 16, 0.35);
}

/* 40. 数字证明带 · 赭石数字 → 咖啡黑 */
.hero-stats .hero-stat-num {
    color: #2C1810;
}

.hero-stats .hero-stat-label {
    color: rgba(44, 24, 16, 0.55);
}

/* 41. 数字带竖线 · 赭石 → 咖啡黑半透 */
.hero-stat:not(:first-child)::before {
    background: rgba(44, 24, 16, 0.12);
}

.hero-stats {
    border-top-color: rgba(44, 24, 16, 0.10);
}

/* 42. Caption 描述 · 维持暖咖色但纯净化（仍在图上需要对比）*/
.hero-home .holo-tv-caption {
    background: linear-gradient(to top, rgba(44, 24, 16, 0.55) 0%, transparent 100%);
}

/* 43. is-linked 联动激活态 · 保持朱砂主题（唯一活跃信号）*/
.hero-home .holo-item.is-linked {
    border-color: rgba(204, 61, 52, 0.4);
    border-left-color: #CC3D34;
}

.hero-home .holo-item.is-linked i:not(.holo-arrow) {
    color: #CC3D34;
    background: rgba(204, 61, 52, 0.12);
    border-color: rgba(204, 61, 52, 0.35);
}

/* ================================================================
   rebx Hero 图片一体化 · 让 3D 图与右侧暖玻璃融为一体
   不重生图 · 通过 CSS 叠加 + filter 调整 + 边缘柔化实现
   ================================================================ */

/* 44. 新图已纯净米白背景 · 移除 filter 保持原画质（之前为旧金黄图褪色用）*/
.hero-home .holo-tv-slide img {
    filter: none;
}

/* ================================================================
   rebx Hero 屏幕终极方案 · 深咖啡帷幕 + 浅米黄画框 + 浅卡悬浮
   设计师论证：
   ① 左图金色金属机箱 → 需要深色衬底突出层次（万宝龙/爱马仕展示语言）
   ② 浅米黄 visual 画框承接图片自带米黄底色 → 无缝衔接，画框感强
   ③ 深咖啡 content 屏 → 让 4 个浅卡片"浮"在深屏上（Linear/Stripe 深 hero 标准）
   ④ 严格遵循 PERSONAL-PALETTE.md 戊土命局：主深咖 #2C1810 + 朱砂火光晕
   ================================================================ */

/* 45. visual 画框 · 浅米黄承接图片 + 渐变软分隔（替代朱砂硬线）*/
.hero-home .holo-tv-visual {
    background: linear-gradient(135deg, #FBF4E8 0%, #FAF0E6 50%, #FFF8E7 100%);
    border-right: none;
    position: relative;
}
/* 渐变软分隔线 · 中间深两端淡（Apple/Stripe 标准昼夜接缝）*/
.hero-home .holo-tv-visual::before {
    content: '';
    position: absolute;
    top: 8%;
    bottom: 8%;
    right: -1px;
    width: 1px;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(196, 164, 132, 0.28) 30%,
        rgba(196, 164, 132, 0.38) 50%,
        rgba(196, 164, 132, 0.28) 70%,
        transparent 100%);
    z-index: 5;
    pointer-events: none;
}

/* 46. 移除图片右缘渐变柔光 · 深咖与浅米需要清晰边界，不要模糊 */
.hero-home .holo-tv-slide::after {
    display: none;
}

/* 47. Hero 屏幕主背景 V10 · Figma/Notion/GitHub 紧凑深阴影
   原则：y 小 / blur 小 / α 深（颜色清晰 + 贴近元素）*/
.hero-home .holo-frame {
    background:
        radial-gradient(ellipse at top left, rgba(255, 250, 240, 0.45) 0%, transparent 65%),
        linear-gradient(135deg,
            rgba(252, 245, 230, 0.95) 0%,
            rgba(248, 240, 220, 0.92) 50%,
            rgba(245, 234, 210, 0.88) 100%);
    border-color: rgba(156, 84, 48, 0.22);
    border-left-color: #F0D8B5;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.85),       /* 顶高光 */
        inset 0 0 50px rgba(255, 248, 231, 0.30),      /* 内嵌暖光 */
        0 1px 3px rgba(124, 73, 41, 0.10),              /* 近距硬影 α 0.10 */
        0 8px 20px -4px rgba(124, 73, 41, 0.16);        /* 远距软影 α 0.16（贴近+深）*/
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    /* P0 perf: 保留单容器玻璃感，GPU 层 hint */
    will-change: transform;
    transform: translateZ(0);
}

/* ================================================================
   48-49. Hero 卡片统一高级化 · 深咖屏专属（终极版）
   设计准则：
   ① 4 卡视觉完全一致 · 暖米沙 hairline 玻璃
   ② 文字暖米白 + strong 暖金（不用朱砂避免抢戏）
   ③ icon 米沙细描边 badge
   ④ CTA 仅靠 strong 朱砂 + hover 朱砂边作微弱区分（98% 一致）
   ⑤ hover/is-linked 统一动效：translateX + 朱砂边亮起
   参考：Apple Vision Pro / Anthropic / Linear 深 hero 卡片
   ================================================================ */

/* 48. 卡片切面玻璃 V16 · 大厂标准双层阴影（Linear/Apple/Stripe 极简克制）
   阴影总 α：0.52 → 0.16（减少 70%，对标 Linear/Stripe）*/
.hero-home .holo-content .holo-item,
.hero-home .holo-content .holo-item-cta {
    flex: 1 1 0;
    min-height: 0;
    align-items: center;
    /* P0 perf: bg α 0.88→0.95, 0.70→0.85 补偿无 backdrop-filter */
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.95) 0%,
        rgba(252, 245, 230, 0.85) 100%);
    border: 1px solid rgba(44, 24, 16, 0.14);
    border-radius: 12px;
    padding: 16px 22px;
    gap: 16px;
    box-shadow:
        inset 3px 0 0 rgba(156, 84, 48, 0.38),         /* 切面（保留）*/
        inset 0 1px 0 rgba(255, 255, 255, 0.95),       /* 顶面反光 */
        inset 0 -1px 0 rgba(124, 73, 41, 0.10),        /* 底面阴影（0.14 → 0.10）*/
        inset 0 0 20px rgba(255, 252, 244, 0.25),      /* 内嵌暖晕（24 → 20px, α 0.30 → 0.25）*/
        0 4px 10px -3px rgba(124, 73, 41, 0.10),       /* 远距浮起（α 0.20 → 0.10）*/
        0 1px 2px rgba(124, 73, 41, 0.06);              /* 近距接触（α 0.12 → 0.06）*/
    /* P0 perf: 移除 backdrop-filter (4 卡重复) · α 提升补偿 */
    transform: translateZ(0);
}

/* 49. 文字层级 V7 · 浅底深咖文字 · 保持大字号（title 24 / desc 16）*/
.hero-home .holo-content .holo-item .holo-title,
.hero-home .holo-content .holo-item-cta .holo-title {
    color: #2C1810;                                /* 深咖主文字（浅底专属）*/
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0.01em;
    margin-bottom: 6px;
}
.hero-home .holo-content .holo-item .holo-desc,
.hero-home .holo-content .holo-item-cta .holo-desc {
    color: rgba(92, 58, 32, 0.78);                 /* 深咖半透副文字（浅底专属）*/
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.01em;
}

/* mobile 端字号自适应 · 窄屏适度缩放 */
@media (max-width: 768px) {
    .hero-home .holo-content .holo-item .holo-title,
    .hero-home .holo-content .holo-item-cta .holo-title {
        font-size: 19px;
        margin-bottom: 3px;
    }
    .hero-home .holo-content .holo-item .holo-desc,
    .hero-home .holo-content .holo-item-cta .holo-desc {
        font-size: 14.5px;
        line-height: 1.45;
    }
}
/* 49a. strong 色彩稀缺性 V2 · 普通卡 strong 改暖金（克制装饰），CTA 卡保留朱砂（行动信号）*/
.hero-home .holo-content .holo-item .holo-desc strong {
    color: #B8860B;                              /* 暖金（万宝龙级强调，命局土生金）*/
    font-weight: 600;
}
.hero-home .holo-content .holo-item-cta .holo-desc strong {
    color: #CC3D34;                              /* CTA 保留朱砂（行动信号独占）*/
    font-weight: 600;
}

/* 49c. Icon 浅米 badge + 朱砂线性（48px 保持，比例 2:1）*/
.hero-home .holo-content .holo-item i:not(.holo-arrow),
.hero-home .holo-content .holo-item-cta i:not(.holo-arrow) {
    color: rgba(204, 61, 52, 0.85);                /* 朱砂线性 icon */
    background: rgba(255, 248, 231, 0.65);         /* 浅米 badge */
    border: 1px solid rgba(156, 84, 48, 0.22);
    border-radius: 12px;
    width: 48px;
    height: 48px;
    font-size: 26px;
    box-shadow: inset 0 1px 0 rgba(255, 248, 231, 0.85);
    text-shadow: none;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 49d. 箭头浅赭 */
.hero-home .holo-content .holo-item .holo-arrow,
.hero-home .holo-content .holo-item-cta .holo-arrow {
    color: rgba(156, 84, 48, 0.50);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* 49e. Hover 态 V16 · 大厂极简阴影（hover 浮起感靠 transform，不靠强阴影）*/
.hero-home .holo-content .holo-item:hover,
.hero-home .holo-content .holo-item-cta:hover {
    background: linear-gradient(135deg,
        rgba(255, 255, 250, 0.96) 0%,
        rgba(252, 245, 230, 0.85) 100%);
    border-color: rgba(204, 61, 52, 0.45);
    transform: translateX(6px);
    box-shadow:
        inset 3px 0 0 rgba(204, 61, 52, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(124, 73, 41, 0.12),
        inset 0 0 24px rgba(255, 252, 244, 0.32),
        0 6px 14px -3px rgba(124, 73, 41, 0.14),       /* 远距浮起 hover 略强 */
        0 1px 3px rgba(124, 73, 41, 0.08);              /* 近距接触 */
}
.hero-home .holo-content .holo-item:hover i:not(.holo-arrow),
.hero-home .holo-content .holo-item-cta:hover i:not(.holo-arrow) {
    color: #B83227;
    background: rgba(204, 61, 52, 0.10);
    border-color: rgba(204, 61, 52, 0.40);
    box-shadow: inset 0 1px 0 rgba(255, 248, 231, 0.85);
}
.hero-home .holo-content .holo-item:hover .holo-arrow,
.hero-home .holo-content .holo-item-cta:hover .holo-arrow {
    color: #CC3D34;
    transform: translateY(-50%) translateX(4px);
}

/* 49f. is-linked 激活态 V16 · 大厂极简阴影 + 朱砂切面实色 */
.hero-home .holo-content .holo-item.is-linked,
.hero-home .holo-content .holo-item-cta.is-linked {
    background: linear-gradient(135deg,
        rgba(255, 255, 250, 0.98) 0%,
        rgba(252, 245, 230, 0.88) 100%);
    border: 1px solid #CC3D34;
    transform: translateX(6px);
    box-shadow:
        inset 4px 0 0 #CC3D34,
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(124, 73, 41, 0.14),
        inset 0 0 24px rgba(255, 252, 244, 0.35),
        0 6px 14px -3px rgba(124, 73, 41, 0.14),       /* 远距浮起 */
        0 1px 3px rgba(124, 73, 41, 0.08);              /* 近距接触 */
}
/* 激活态左侧呼吸条已删除 · 切面已用 inset 3px 0 0 #CC3D34 实色实现（V10 参照截图）*/
.hero-home .holo-content .holo-item.is-linked::before {
    display: none;
}
@keyframes linkedPulse {
    0%, 100% { opacity: 0.85; }
    50%      { opacity: 1; }
}
.hero-home .holo-content .holo-item.is-linked i:not(.holo-arrow),
.hero-home .holo-content .holo-item-cta.is-linked i:not(.holo-arrow) {
    color: #B83227;
    background: rgba(204, 61, 52, 0.12);
    border-color: rgba(204, 61, 52, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 248, 231, 0.85);
}
.hero-home .holo-content .holo-item.is-linked .holo-title,
.hero-home .holo-content .holo-item-cta.is-linked .holo-title {
    color: #2C1810;
}
.hero-home .holo-content .holo-item.is-linked .holo-arrow,
.hero-home .holo-content .holo-item-cta.is-linked .holo-arrow {
    color: #CC3D34;
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* 49g. CTA 卡底部朱砂高光带 V9 · 显式重置继承属性（修复左上角红点 bug）
   bug 根因：line 1015 .holo-item::after 设了 top: 0 / width: 3px，
   被我的 ::after 选择器继承（CSS 属性独立覆盖），导致 width: 3px + top: 0 = 顶部 3px 朱砂条 = 红点。
   修复：明确写 top: auto / width: auto 重置继承。*/
.hero-home .holo-content .holo-item-cta {
    position: relative;
}
.hero-home .holo-content .holo-item-cta::after {
    content: '';
    position: absolute;
    top: auto;                                  /* 取消继承 top: 0 */
    bottom: 2px;
    left: 8%;
    right: 8%;
    width: auto;                                /* 取消继承 width: 3px */
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(204, 61, 52, 0.35) 25%,
        #CC3D34 50%,
        rgba(204, 61, 52, 0.35) 75%,
        transparent 100%);
    box-shadow: 0 0 10px rgba(204, 61, 52, 0.30);
    border-radius: 2px;
    pointer-events: none;
    opacity: 1;
}

/* 50. 扫描线移除 · "右边向下滚动的线"由 .holo-scanline 4s 动画产生（CRT 时代残留）*/
.hero-home .holo-scanline {
    display: none;
}

/* 51. 轮播指示点（depth 5 在深底上提亮）*/
.hero-home .holo-tv-dot {
    background: rgba(196, 164, 132, 0.35);
}
.hero-home .holo-tv-dot.active {
    background: #CC3D34;
    box-shadow: 0 0 8px rgba(204, 61, 52, 0.6);
}

/* 50. 服务卡背景微调 · 因 hero-frame 变浅，卡片白底也微浅化保持层次 */
.hero-home .holo-item {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.55) 0%,
        rgba(252, 248, 238, 0.30) 100%
    );
}

.hero-home .holo-item:hover {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.92) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
}

/* 51. is-linked 激活态对应调整（保持朱砂主题，背景微调）*/
.hero-home .holo-item.is-linked {
    background: linear-gradient(90deg,
        rgba(204, 61, 52, 0.08) 0%,
        rgba(255, 252, 244, 0.75) 100%
    );
}

/* 52. caption 保持在最上层 */
.hero-home .holo-tv-caption {
    z-index: 3;
}

/* ================================================================
   rebx Hero 终极色板净化 · Anthropic 极简边框 CTA + 浅色 caption
   ================================================================ */

/* 56. nav 立即咨询按钮 · Anthropic 极简朱砂边框（用户偏好 outline 风格）*/
.nav-actions .btn-primary {
    background: transparent;
    color: #CC3D34;
    border: 1.5px solid #CC3D34;
    box-shadow: none;
    font-weight: 500;
}

.nav-actions .btn-primary::before {
    display: none;                                /* 移除光波动画 */
}

.nav-actions .btn-primary:hover {
    background: #CC3D34;
    color: #FBF4E8;
    border-color: #CC3D34;
    transform: none;
    box-shadow: 0 6px 16px -4px rgba(204, 61, 52, 0.35);
}

/* 57. caption 蒙层 · 深绿黑 → 浅暖玻璃；字色 · 米白 → 深咖（适配新图浅背景）*/
.hero-home .holo-tv-caption {
    background: linear-gradient(to top,
        rgba(252, 245, 230, 0.72) 0%,
        rgba(252, 245, 230, 0.30) 60%,
        transparent 100%
    );
    color: #2C1810;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(255, 248, 231, 0.6);
    letter-spacing: 0.3px;
}

/* ================================================================
   行业建站 Section · 56+ 行业覆盖 · 与 hero 同气韵
   暖玻璃磨砂卡片 / 朱砂胶囊 eyebrow / 朱砂 hover
   ================================================================ */

.industry-section {
    padding: clamp(80px, 12vw, 160px) 0;
}

/* 标题区 · 居中三段 */
.industry-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto clamp(56px, 7vw, 88px);
}

.industry-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #CC3D34;
    padding: 6px 14px;
    background: rgba(204, 61, 52, 0.07);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 999px;
    margin-bottom: clamp(20px, 2.5vw, 32px);
    letter-spacing: 0.02em;
}

.industry-eyebrow-emoji {
    font-size: 16px;
    line-height: 1;
}

.industry-title {
    font-size: clamp(32px, 4.5vw, 52px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #2C1810;
    margin: 0 0 16px;
}

.industry-subtitle {
    font-size: clamp(15px, 1.5vw, 19px);
    color: rgba(44, 24, 16, 0.6);
    line-height: 1.6;
    margin: 0;
    letter-spacing: -0.005em;
}

/* 行业卡片网格 · 4×3 */
.industry-grid-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.5vw, 20px);
}

/* 单卡片 · 暖玻璃磨砂 */
.block-card {
    display: block;
    padding: clamp(22px, 2.2vw, 30px) clamp(20px, 2vw, 26px);
    background: rgba(255, 252, 244, 0.55);
    border: 1px solid rgba(44, 24, 16, 0.08);
    border-left: 3px solid rgba(44, 24, 16, 0.12);
    border-radius: 14px;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    color: #2C1810;
    /* P0 perf: 移除 backdrop-filter, 由 background α 补偿玻璃感 */
    text-decoration: none;
}

.block-card:hover {
    background: rgba(255, 252, 244, 0.95);
    border-color: rgba(204, 61, 52, 0.30);
    border-left-color: #CC3D34;
    transform: translateY(-4px);
    box-shadow:
        0 1px 3px rgba(124, 73, 41, 0.10),                  /* 近距硬影 */
        0 4px 10px -2px rgba(124, 73, 41, 0.14),            /* 远距软影 α 0.14 */
        0 0 12px rgba(204, 61, 52, 0.08);                   /* 朱砂微外光 */
}

.block-card-icon {
    width: 30px;
    height: 30px;
    color: rgba(44, 24, 16, 0.7);
    margin-bottom: clamp(14px, 1.5vw, 20px);
    transition: color 0.35s ease;
}

.block-card:hover .block-card-icon {
    color: #CC3D34;
}

.block-card-name {
    font-size: clamp(17px, 1.5vw, 20px);
    font-weight: 500;
    color: #2C1810;
    margin: 0 0 6px;
    letter-spacing: -0.015em;
    line-height: 1.3;
}

.block-card-desc {
    font-size: 13px;
    color: rgba(44, 24, 16, 0.55);
    line-height: 1.55;
    margin: 0;
    letter-spacing: -0.003em;
}

/* 底部 CTA · Tilda 文字 + 朱砂下划线 */
.industry-footer {
    text-align: center;
    margin-top: clamp(48px, 6vw, 80px);
}

.industry-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    color: #CC3D34;
    border-bottom: 1px solid rgba(204, 61, 52, 0.4);
    padding-bottom: 5px;
    transition: all 0.3s ease;
}

.industry-link span {
    transition: transform 0.3s ease;
}

.industry-link:hover {
    color: #B83227;
    border-bottom-color: #B83227;
}

.industry-link:hover span {
    transform: translateX(4px);
}

/* P1 mobile: industry-link 字号 17→15 防移动端偏大 */
@media (max-width: 768px) {
    .industry-link {
        font-size: 15px;
        padding-bottom: 4px;
    }
}

@media (max-width: 992px) {
    .industry-grid-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .industry-grid-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .block-card {
        padding: 18px 16px;                        /* 8px 网格 · 移动端卡片内 padding 共识 16-20 */
    }
}

@media (max-width: 480px) {
    .block-card {
        padding: 16px 14px;
    }
    .block-card-icon {
        width: 26px;
        height: 26px;
        margin-bottom: 12px;
    }
}

/* ================================================================
   行业卡片与 hero holo-item 视觉 1:1 对齐
   材质 / 字色 / 字号 / icon badge / hover 全部统一
   ================================================================ */

/* 58. 行业卡片背景 · 单色 → 同款 90deg 渐变（与 hero holo-item 一致）*/
.block-card {
    /* P0 perf: α 0.55→0.85, 0.30→0.65 · 补偿无 backdrop-filter 的玻璃感 */
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.65) 100%
    );
    border-color: rgba(44, 24, 16, 0.10);
    border-left-color: rgba(44, 24, 16, 0.20);
    border-radius: 8px;                              /* 同 hero 8px */
}

.block-card:hover {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.92) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
    border-color: rgba(204, 61, 52, 0.35);
    border-left-color: #CC3D34;
    border-left-width: 4px;                          /* 同 hero hover 4px */
    box-shadow:
        0 1px 3px rgba(124, 73, 41, 0.10),                  /* 近距硬影 */
        0 4px 10px -2px rgba(124, 73, 41, 0.14),            /* 远距软影 α 0.14 */
        0 0 12px rgba(204, 61, 52, 0.10);                   /* 朱砂微外光 */
}

/* 59. icon · 裸 SVG → 48×48 badge 化（与 hero holo-item icon 完全一致）*/
.block-card-icon {
    width: 48px;
    height: 48px;
    padding: 12px;
    box-sizing: border-box;
    background: rgba(44, 24, 16, 0.05);
    border: 1.5px solid rgba(44, 24, 16, 0.12);
    border-radius: 12px;
    color: rgba(44, 24, 16, 0.7);
    margin-bottom: clamp(14px, 1.5vw, 20px);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: visible;
}

.block-card:hover .block-card-icon {
    background: rgba(204, 61, 52, 0.10);
    border-color: rgba(204, 61, 52, 0.30);
    color: #CC3D34;
    box-shadow: 0 0 14px rgba(204, 61, 52, 0.18);
}

/* 60. title 字重 + 字号 · 对齐 hero holo-title */
.block-card-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 4px;
}

/* 61. desc 字号 + line-height · 对齐 hero holo-desc */
.block-card-desc {
    font-size: 12px;
    line-height: 1.6;
    color: rgba(44, 24, 16, 0.55);
}

/* ================================================================
   行业板块 v2 · 与 hero 配色全面对齐
   ================================================================ */

/* 62. industry-title · line-height 1.15 同 hero · em 朱砂 underline */
.industry-title {
    line-height: 1.15;
}

.industry-title em {
    font-style: normal;
    color: #CC3D34;
    font-weight: 600;
    border-bottom: 2px solid rgba(204, 61, 52, 0.25);
    padding-bottom: 4px;
}

/* 63. industry-subtitle · α 0.55 / lh 1.5 同 hero slogan */
.industry-subtitle {
    color: rgba(44, 24, 16, 0.55);
    line-height: 1.5;
}

/* 64. block-card · 加 hero holo-item 同款 shimmer 光波 hover */
.block-card {
    position: relative;
    overflow: hidden;
}

.block-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255, 252, 244, 0.45) 50%,
        transparent 100%
    );
    transition: left 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
    z-index: 0;
}

.block-card:hover::before {
    left: 100%;
}

/* 65. block-card · 右上 hover 箭头（呼应 holo-arrow 滑入效果）*/
.block-card::after {
    content: '→';
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(44, 24, 16, 0.3);
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
    z-index: 2;
    line-height: 1;
}

.block-card:hover::after {
    opacity: 1;
    transform: translateX(0);
    color: #CC3D34;
}

/* 66. 卡片内容提层 · 防止 shimmer 覆盖文字 */
.block-card-icon,
.block-card-name,
.block-card-desc {
    position: relative;
    z-index: 1;
}

/* ================================================================
   行业板块抗寡淡升级 · 加暖玻璃 wrapper + 朱砂焦点光晕
   呼应 hero "屏幕外包 frame" 的结构语言
   ================================================================ */

/* 67. （已移除）· 之前的 .industry-section overflow:hidden + ::before 椭圆光晕，
   ::before 已删除后 overflow:hidden 仍裁切 glass-block 落地阴影 → 整段移除 */

/* ================================================================
   .glass-block · 全站公共暖玻璃大容器（取代 #68 industry-grid-wrapper 视觉）
   所有需要"暖玻璃包裹大块"的模块都用此类
   ================================================================ */
.glass-block {
    position: relative;
    /* P0 perf: bg α 0.85/0.80/0.75 → 0.95/0.92/0.88 · 补偿无 backdrop-filter 玻璃感 */
    background:
        radial-gradient(ellipse at top left, rgba(255, 250, 240, 0.55) 0%, transparent 65%),
        linear-gradient(135deg,
            rgba(252, 245, 230, 0.95) 0%,
            rgba(248, 240, 220, 0.92) 50%,
            rgba(245, 234, 210, 0.88) 100%
        );
    border: 1px solid rgba(156, 84, 48, 0.18);
    border-radius: 24px;
    padding: clamp(28px, 3.5vw, 48px);
    /* P0 perf: 移除 backdrop-filter (重复使用 5 次) · 用 inset 暖光晕模拟磨砂 */
    transform: translateZ(0);
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.95),       /* 顶高光（提亮 0.85→0.95）*/
        inset 0 0 60px rgba(255, 248, 231, 0.45),      /* 内嵌暖光（强化模拟磨砂 0.25→0.45 / 40→60px）*/
        0 1px 2px rgba(124, 73, 41, 0.08),              /* 近距硬影 α 0.08 */
        0 6px 14px -2px rgba(124, 73, 41, 0.12);        /* 远距软影 α 0.12（紧凑+深）*/
}

@media (max-width: 768px) {
    .glass-block {
        padding: 24px 16px;                        /* 8px 网格 · 左右对齐 container 16px */
        border-radius: 16px;
    }
}
@media (max-width: 480px) {
    .glass-block {
        padding: 20px 14px;                        /* 小屏进一步收 · 提升内容宽度 */
        border-radius: 14px;
    }
}

/* 69. wrapper 内卡片 α 微提亮 · 与暖玻璃 wrapper 形成微差，更清晰 */
.industry-grid-wrapper .block-card {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.70) 0%,
        rgba(252, 248, 238, 0.45) 100%
    );
}

.industry-grid-wrapper .block-card:hover {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.75) 100%
    );
}

/* 70. （已移入 .glass-block @media）*/

/* 71. industry-header 移入 wrapper 内 · 30px 间距 */
.industry-grid-wrapper .industry-header {
    margin-bottom: 30px;
}

/* ================================================================
   Hero ↔ Industry section 对称间距 · 大厂标准 100-200px 甜区
   ================================================================ */

/* 72. hero-home 底部 · 紧凑 */
.hero-home {
    padding-bottom: 0;
}

/* 73. industry-section · 顶部 40 紧凑，底部保留呼吸 */
.industry-section {
    /* padding 由 .glass-section 公共类接管 */
}

/* 74. industry-footer 移入 wrapper · margin-top 紧凑 */
.industry-grid-wrapper .industry-footer {
    margin-top: 20px;
}

/* ================================================================
   我们的承诺 Section · 使用 .glass-block 公共类 · 4 列价值卡
   ================================================================ */

.promise-section {
    /* padding 由 .glass-section 公共类接管 */
}

.promise-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.5vw, 20px);
}

/* promise-wrapper 内卡片 · 与 industry 同样的 α 提亮 */
.promise-wrapper .block-card {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.70) 0%,
        rgba(252, 248, 238, 0.45) 100%
    );
}

.promise-wrapper .block-card:hover {
    background: linear-gradient(90deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.75) 100%
    );
}

/* promise-wrapper 内 header margin · 与 industry 一致 */
.promise-wrapper .industry-header {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .promise-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

/* ================================================================
   案例展示 Section · 使用 .glass-block · 数据驱动 3 列精选
   case-card 复用 .block-card 外壳 + 内部内容差异化
   ================================================================ */

.cases-section {
    /* padding 由 .glass-section 公共类接管 */
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.5vw, 20px);                /* 与其他 grid 统一 */
}

/* cases-wrapper 内卡片 · 同 block-card 提亮 */
.cases-wrapper .block-card {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
    padding: clamp(24px, 2.5vw, 32px);
}

.cases-wrapper .block-card:hover {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.80) 100%
    );
}

.cases-wrapper .industry-header {
    margin-bottom: 30px;
}

.cases-wrapper .industry-footer {
    margin-top: 20px;
}

/* case-card 内部 · 行业胶囊 + 大字 metric + outcome + 客户 */
.case-tag {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(204, 61, 52, 0.07);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    color: #CC3D34;
    letter-spacing: 0.02em;
    margin-bottom: clamp(16px, 2vw, 24px);
    position: relative;
    z-index: 1;
}

.case-metric {
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 600;
    color: #CC3D34;
    line-height: 1;
    letter-spacing: -0.025em;
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    gap: 2px;
    position: relative;
    z-index: 1;
}

.case-unit {
    font-size: 0.5em;
    font-weight: 500;
}

.case-outcome {
    font-size: 16px;
    font-weight: 500;
    color: #2C1810;
    margin: 0 0 16px;
    line-height: 1.4;
    position: relative;
    z-index: 1;
}

.case-client {
    font-size: 12px;
    color: rgba(44, 24, 16, 0.55);
    margin: 0;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .cases-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* ================================================================
   .glass-section · 公共 section 间距类
   规则：只 padding-top，无 padding-bottom（避免相邻 section 间距叠加）
   方便日后统一移动端间距调整
   ================================================================ */
.glass-section {
    padding-top: 120px;
    padding-bottom: 0;
}

/* 最后一个 section · 与 footer 分隔（用 .is-final 修饰）*/
.glass-section.is-final {
    padding-bottom: clamp(60px, 8vw, 100px);
}

@media (max-width: 768px) {
    .glass-section {
        padding-top: 48px;   /* section 之间拉开（原 28px 太挤 · 大厂移动端 section 间距 48-64px）*/
    }
    .glass-section.is-final {
        padding-bottom: 48px;
    }
}
@media (max-width: 480px) {
    .glass-section {
        padding-top: 44px;
    }
}

/* ================================================================
   浮动客服栏 .float-bar · 垂直右侧中部 · 与 hero 配色完全一致
   询单（主 CTA 朱砂填实）+ 微信（QR 弹窗）+ 电话 + 返回顶部
   ================================================================ */

.float-bar {
    position: fixed;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 100;
}

.float-btn {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    /* 暖玻璃磨砂 · 与 glass-block 同款（backdrop-filter + 赭石细描边）*/
    background:
        radial-gradient(ellipse at top left, rgba(255, 250, 240, 0.45) 0%, transparent 65%),
        linear-gradient(135deg,
            rgba(252, 245, 230, 0.78) 0%,
            rgba(248, 240, 220, 0.72) 50%,
            rgba(245, 234, 210, 0.68) 100%
        );
    border: 1px solid rgba(156, 84, 48, 0.20);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    /* P0 perf: GPU 层 hint */
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(44, 24, 16, 0.7);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.7),
        0 0 24px rgba(156, 84, 48, 0.08),
        0 8px 20px -8px rgba(124, 73, 41, 0.22);
    position: relative;
    text-decoration: none;
}

.float-btn:hover {
    background:
        radial-gradient(ellipse at top left, rgba(255, 250, 240, 0.55) 0%, transparent 65%),
        linear-gradient(135deg,
            rgba(255, 252, 244, 0.95) 0%,
            rgba(252, 248, 238, 0.88) 50%,
            rgba(248, 240, 220, 0.85) 100%
        );
    border-color: rgba(204, 61, 52, 0.40);
    color: #CC3D34;
    transform: translateX(-3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.8),
        0 0 28px rgba(204, 61, 52, 0.18),
        0 12px 28px -8px rgba(124, 73, 41, 0.28);
}

/* 主 CTA · 询单 · 暖玻璃朱砂渐变（呼应 hero 第 4 卡风格）*/
.float-btn-primary {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.16) 0%,
        rgba(255, 252, 244, 0.85) 100%
    );
    border-color: rgba(204, 61, 52, 0.40);
    color: #CC3D34;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.7),
        0 0 20px rgba(204, 61, 52, 0.15),
        0 8px 20px -6px rgba(204, 61, 52, 0.25);
}

.float-btn-primary:hover {
    /* hover 才朱砂填实 · 呼应 nav 立即咨询 hover 态 */
    background: #CC3D34;
    border-color: #CC3D34;
    color: #FBF4E8;
    transform: translateX(-3px) scale(1.05);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 0 28px rgba(204, 61, 52, 0.45),
        0 12px 28px -6px rgba(204, 61, 52, 0.50);
}

.float-btn .icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* 返回顶部 · 默认隐藏，滚动 > 400 显示 */
.float-btn-top {
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    pointer-events: none;
}

.float-btn-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* 悬浮弹出（电话号 / 微信 QR）· 暖玻璃风 */
.float-pop {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    background: rgba(255, 252, 244, 0.98);
    border: 1px solid rgba(44, 24, 16, 0.10);
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow:
        0 12px 32px -8px rgba(124, 73, 41, 0.25),
        inset 0 1px 0 rgba(255, 248, 231, 0.7);
    white-space: nowrap;
    color: #2C1810;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
}

/* 指向小三角 */
.float-pop::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: rgba(255, 252, 244, 0.98);
    border-right: 1px solid rgba(44, 24, 16, 0.10);
    border-top: 1px solid rgba(44, 24, 16, 0.10);
}

.float-btn:hover .float-pop {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* 微信 QR 卡片 · 强制 1:1 防压缩 */
.float-pop-wechat {
    padding: 16px;
    text-align: center;
    min-width: 160px;                              /* 防止容器被压窄 */
}

.float-pop-wechat img {
    display: block;
    width: 128px;
    height: 128px;
    aspect-ratio: 1 / 1;                          /* 强制正方形 */
    object-fit: cover;                             /* 防拉伸变形 */
    border-radius: 10px;
    margin: 0 auto 8px;
    background: #fff;
    max-width: none;                              /* 覆盖 senyi 全局 img { max-width: 100% } */
}

.float-pop-wechat p {
    font-size: 12px;
    color: rgba(44, 24, 16, 0.6);
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.02em;
}

/* 移动端隐藏（已有 mobile-tab 底部导航替代）*/
@media (max-width: 768px) {
    .float-bar {
        display: none;
    }
}

/* ================================================================
   Footer 配色统一 · 命局土系深咖 + 暖白文字 · 不用红色
   PERSONAL-PALETTE 方案：咖啡黑 #2C1810 → 墨褐 #3E2C1C → 厚土褐 #5D4037
   字号字色 5 级层级系统化
   ================================================================ */

.footer {
    background: linear-gradient(180deg,
        #2C1810 0%,
        #3E2C1C 50%,
        #5D4037 100%
    );
    color: rgba(251, 244, 232, 0.70);
    padding: 80px 0 0;
    position: relative;
}

/* 顶部细线 · 赭石暖色（非红） */
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(196, 164, 132, 0.40),
        transparent
    );
    box-shadow: 0 0 14px rgba(196, 164, 132, 0.18);
    pointer-events: none;
}

.footer .container {
    max-width: 1280px;
}

/* 主 4 列 grid */
.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 56px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(196, 164, 132, 0.12);
}

/* 品牌名 · 沙岩白 */
.footer-brand-block .nav-brand,
.footer-brand-block .nav-brand span {
    color: #FBF4E8;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.015em;
}

.footer-brand-block .body-sm {
    font-size: 14px;
    color: rgba(251, 244, 232, 0.55);
    line-height: 1.8;
    margin: 16px 0 0;
}

/* 列标题 · 中文不大写 */
.footer-col-title {
    font-size: 14px;
    font-weight: 600;
    color: #FBF4E8;
    letter-spacing: 0.04em;
    margin: 0 0 20px;
    text-transform: none;
}

/* 链接列表（div 容器 + a）*/
.footer-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-links a {
    font-size: 14px;
    color: rgba(251, 244, 232, 0.55);
    transition: color 0.25s ease;
    text-decoration: none;
    line-height: 1.4;
}

.footer-links a:hover {
    color: #FAF6EE;                              /* 沙岩白 · 不用红色 */
}

/* SEO 攻略 / 友链 */
.footer-seo {
    padding: 24px 0;
    border-bottom: 1px solid rgba(196, 164, 132, 0.10);
}

.footer-seo-title {
    font-size: 13px;
    font-weight: 600;
    color: rgba(251, 244, 232, 0.85);
    margin-bottom: 12px;
    letter-spacing: 0.04em;
}

.footer-seo-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.footer-seo-list a {
    font-size: 12px;
    color: rgba(251, 244, 232, 0.50);
    transition: color 0.25s ease;
    line-height: 1.5;
    text-decoration: none;
}

.footer-seo-list a:hover {
    color: #FAF6EE;
}

/* 底部版权 */
.footer-bottom {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    color: rgba(251, 244, 232, 0.45);
    border-top: 1px solid rgba(196, 164, 132, 0.08);
}

.footer-bottom a {
    color: rgba(251, 244, 232, 0.55);
    transition: color 0.25s ease;
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #FAF6EE;
}

.footer-bottom span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* 移动端 · 2 列 + brand 占满 */
@media (max-width: 768px) {
    .footer {
        padding-top: 56px;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
    .footer-brand-block {
        grid-column: 1 / -1;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ================================================================
   移动端底部导航 .mobile-tab · 仅 ≤768px 显示
   暖玻璃磨砂（呼应 hero）+ 询单 CTA 朱砂微凸（淘宝式中间凸起）
   ================================================================ */

.mobile-tab {
    display: none;                                /* 桌面默认隐藏，移动端 @media 启用 */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 252, 244, 0.92);
    backdrop-filter: blur(10px) saturate(115%);
    -webkit-backdrop-filter: blur(10px) saturate(115%);
    border-top: 1px solid rgba(156, 84, 48, 0.18);
    box-shadow: 0 -4px 20px -6px rgba(124, 73, 41, 0.12);
    z-index: 1001;                              /* 最顶层 · 永远高于 drawer 999 + header 1000 */
    padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px));
}

.mobile-tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 6px;                              /* P0 修复：6→8 增加触摸区 */
    min-height: 48px;                              /* P0 修复：Material 触摸目标标准 */
    color: rgba(44, 24, 16, 0.60);
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 10px;
    transition: color 0.25s ease, transform 0.25s ease;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.mobile-tab-item .icon {
    width: 24px;                                   /* P0 修复：22→24 */
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mobile-tab-item:active,
.mobile-tab-item.is-active {
    color: #CC3D34;
}

/* CTA 项（电话）· 朱砂渐变圆形 + 微凸（Apple/Uber 中心圆形 CTA 风）*/
.mobile-tab-item.is-cta {
    color: #FBF4E8;
    background: linear-gradient(135deg, #CC3D34 0%, #B83227 100%);
    border-radius: 50%;                           /* 圆形 */
    width: 56px;
    height: 56px;
    flex: 0 0 56px;                                /* 不参与 flex 平分 */
    margin: -14px 0 0;                             /* 上移露出圆形顶部 */
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 8px 20px -6px rgba(204, 61, 52, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    font-weight: 600;
    transform: translateY(-2px);                  /* 微凸 */
    font-size: 0;                                  /* 隐藏文字 · 圆形仅 icon */
    gap: 0;
}

.mobile-tab-item.is-cta:active {
    color: #FBF4E8;
    background: linear-gradient(135deg, #B83227 0%, #A02622 100%);
    transform: translateY(-4px);
}

.mobile-tab-item.is-cta .icon {
    width: 26px;                                  /* 圆形按钮内 icon 略大 */
    height: 26px;
    stroke-width: 1.8;
}

/* 移动端启用 + body 加底部 padding 防内容被遮挡 */
@media (max-width: 768px) {
    .mobile-tab {
        display: flex;
    }
    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }
    /* 右侧 float-bar 移动端隐藏（已有，再次确保 mobile-tab 替代）*/
    .float-bar {
        display: none !important;
    }
}

/* ================================================================
   .nav-brand 站标公共样式 · flex 垂直居中 logo + 文字
   适用 header / footer 两处使用
   ================================================================ */

.nav-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-primary, #2C1810);
    text-decoration: none;
    letter-spacing: -0.015em;
    transition: color 0.25s ease;
    line-height: 1;
}

.nav-brand:hover {
    color: #CC3D34;
}

.nav-brand-mark {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

/* footer 内的 nav-brand · 沙岩白文字 + 略大 logo */
.footer-brand-block .nav-brand .nav-brand-mark {
    width: 36px;
    height: 36px;
}

.footer-brand-block .nav-brand:hover {
    color: #FAF6EE;                              /* footer 是深底，hover 沙岩白而非朱砂 */
}

/* ================================================================
   最新文章 Section · 3 列卡片 · 复用 .glass-block / .block-card
   ================================================================ */

.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.5vw, 20px);
}

/* articles-wrapper 内卡片 · 同其他 wrapper 提亮 */
.articles-wrapper .block-card {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
    padding: clamp(22px, 2.4vw, 30px);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.articles-wrapper .block-card:hover {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.80) 100%
    );
}

.articles-wrapper .industry-header {
    margin-bottom: 30px;
}

.articles-wrapper .industry-footer {
    margin-top: 20px;
}

/* article-card 内部 · 日期 + 标题 + 摘要 + meta */
.article-date {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    padding: 4px 10px;
    background: rgba(204, 61, 52, 0.07);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 999px;
    margin-bottom: 16px;
    align-self: flex-start;
    position: relative;
    z-index: 1;
}

.article-date-day {
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: 14px;
    font-weight: 600;
    color: #CC3D34;
    letter-spacing: -0.01em;
    line-height: 1;
}

.article-date-month {
    font-size: 11px;
    font-weight: 500;
    color: #CC3D34;
    letter-spacing: 0.04em;
    line-height: 1;
}

.article-title {
    font-size: 18px;
    font-weight: 600;
    color: #2C1810;
    line-height: 1.4;
    letter-spacing: -0.01em;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.article-excerpt {
    font-size: 13px;
    color: rgba(44, 24, 16, 0.6);
    line-height: 1.65;
    margin: 0 0 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
    position: relative;
    z-index: 1;
}

.article-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(44, 24, 16, 0.08);
    position: relative;
    z-index: 1;
}

.article-tag {
    font-size: 11px;
    font-weight: 500;
    color: rgba(44, 24, 16, 0.55);
    padding: 3px 8px;
    background: rgba(44, 24, 16, 0.05);
    border-radius: 4px;
    letter-spacing: 0.02em;
}

.article-read {
    font-size: 12px;
    font-weight: 500;
    color: rgba(44, 24, 16, 0.5);
    transition: color 0.3s ease;
    white-space: nowrap;
}

.article-card:hover .article-read {
    color: #CC3D34;
}

@media (max-width: 768px) {
    .articles-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* ================================================================
   常见问题 FAQ · accordion 单列折叠 · 复用 .glass-block
   纯 <details>/<summary> 原生折叠，无需 JS
   ================================================================ */

.faq-wrapper .industry-header {
    margin-bottom: 30px;
}

.faq-wrapper .industry-footer {
    margin-top: 20px;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 20px;                /* item 上下间距 = container 左右 padding(20px) · 四周统一 */
}
/* 消除 faq-item 自带 margin-bottom 与 flex gap 的叠加（否则间距翻倍）*/
.faq-list .faq-item {
    margin-bottom: 0;
}

/* 单个 FAQ 项 · 同 block-card 视觉风但横向 row */
.faq-item {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
    border: 1px solid rgba(44, 24, 16, 0.10);
    border-left: 3px solid rgba(44, 24, 16, 0.20);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.faq-item[open] {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.75) 100%
    );
    border-color: rgba(204, 61, 52, 0.30);
    border-left-color: #CC3D34;
    border-left-width: 4px;
    box-shadow:
        0 8px 20px -8px rgba(124, 73, 41, 0.18),
        0 0 20px rgba(204, 61, 52, 0.10);
}

/* 问题行 · summary */
.faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.3s ease;
}

/* 隐藏 details 默认箭头 */
.faq-q::-webkit-details-marker,
.faq-q::marker {
    display: none;
}

.faq-q:hover {
    background: rgba(204, 61, 52, 0.04);
}

.faq-q-text {
    font-size: 16px;
    font-weight: 500;
    color: #2C1810;
    letter-spacing: -0.005em;
    line-height: 1.4;
    transition: color 0.25s ease;
}

.faq-item[open] .faq-q-text {
    color: #CC3D34;
    font-weight: 600;
}

/* + / − 图标 · 朱砂 active */
.faq-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.faq-icon::before,
.faq-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(44, 24, 16, 0.55);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    border-radius: 1px;
}

.faq-icon::before {
    width: 12px;
    height: 1.5px;
    transform: translate(-50%, -50%);
}

.faq-icon::after {
    width: 1.5px;
    height: 12px;
    transform: translate(-50%, -50%);
}

.faq-item[open] .faq-icon::before,
.faq-item[open] .faq-icon::after {
    background: #CC3D34;
}

.faq-item[open] .faq-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

/* 答案区 */
.faq-a {
    padding: 0 24px 18px;
    color: rgba(44, 24, 16, 0.65);
    animation: faqOpen 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.faq-a p {
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
    letter-spacing: -0.003em;
}

@keyframes faqOpen {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .faq-q {
        padding: 14px 18px;
    }
    .faq-q-text {
        font-size: 15px;
    }
    .faq-a {
        padding: 0 18px 14px;
    }
}

/* ================================================================
   方案 A: 节奏感设计 · 5 个 section 形态变换
   案例深色 highlight + 文章浮 body + FAQ 窄列居中
   ================================================================ */

/* ========== .glass-block-dark · 深色变体（命局土系深褐）========== */
.glass-block-dark {
    position: relative;
    background: linear-gradient(135deg,
        #2C1810 0%,
        #3E2C1C 50%,
        #5D4037 100%
    );
    border: 1px solid rgba(196, 164, 132, 0.18);
    border-radius: 24px;
    padding: clamp(28px, 3.5vw, 48px);
    box-shadow:
        inset 0 1px 0 rgba(196, 164, 132, 0.25),
        0 0 60px rgba(124, 73, 41, 0.22),
        inset 0 0 50px rgba(0, 0, 0, 0.18),
        0 32px 60px -20px rgba(0, 0, 0, 0.40);
}

@media (max-width: 768px) {
    .glass-block-dark {
        padding: 20px;
        border-radius: 18px;
    }
}

/* ========== 案例区深色化（cases-wrapper 用 glass-block-dark）========== */

/* 标题反色 · 暖白 */
.cases-wrapper.glass-block-dark .industry-title {
    color: #FBF4E8;
}

.cases-wrapper.glass-block-dark .industry-title em {
    color: #FF8D7F;                              /* 朱砂亮版（深底高对比）*/
    border-bottom-color: rgba(255, 141, 127, 0.40);
    text-shadow: 0 0 20px rgba(204, 61, 52, 0.35);
}

.cases-wrapper.glass-block-dark .industry-subtitle {
    color: rgba(251, 244, 232, 0.65);
}

/* 深底内卡片 · 暖玻璃磨砂深版 */
.cases-wrapper.glass-block-dark .block-card {
    background: linear-gradient(135deg,
        rgba(196, 164, 132, 0.14) 0%,
        rgba(196, 164, 132, 0.06) 100%
    );
    border-color: rgba(196, 164, 132, 0.20);
    border-left-color: rgba(255, 141, 127, 0.55);
}

.cases-wrapper.glass-block-dark .block-card:hover {
    background: linear-gradient(135deg,
        rgba(196, 164, 132, 0.25) 0%,
        rgba(196, 164, 132, 0.12) 100%
    );
    border-color: rgba(255, 141, 127, 0.50);
    border-left-color: #FF8D7F;
    box-shadow:
        0 12px 28px -10px rgba(0, 0, 0, 0.35),
        0 0 28px rgba(255, 141, 127, 0.20);
}

/* 案例 tag 胶囊 · 深底朱砂强化 */
.cases-wrapper.glass-block-dark .case-tag {
    background: rgba(255, 141, 127, 0.15);
    border-color: rgba(255, 141, 127, 0.40);
    color: #FFB3A8;
}

/* 案例大字 metric · 朱砂亮版 + 发光（深底戏剧化）*/
.cases-wrapper.glass-block-dark .case-metric {
    color: #FF8D7F;
    text-shadow: 0 0 24px rgba(255, 141, 127, 0.45);
}

.cases-wrapper.glass-block-dark .case-outcome {
    color: #FBF4E8;
}

.cases-wrapper.glass-block-dark .case-client {
    color: rgba(251, 244, 232, 0.50);
}

/* 底部 CTA · 暖白下划线 */
.cases-wrapper.glass-block-dark .industry-link {
    color: #FF8D7F;
    border-bottom-color: rgba(255, 141, 127, 0.4);
}

.cases-wrapper.glass-block-dark .industry-link:hover {
    color: #FFB3A8;
    border-bottom-color: #FFB3A8;
}

/* card icon hover 朱砂亮版 */
.cases-wrapper.glass-block-dark .block-card:hover .block-card-icon {
    color: #FF8D7F;
}

/* card hover 箭头 */
.cases-wrapper.glass-block-dark .block-card:hover::after {
    color: #FF8D7F;
}

/* shimmer 光波在深底用暖色 */
.cases-wrapper.glass-block-dark .block-card::before {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(196, 164, 132, 0.20) 50%,
        transparent 100%
    );
}

/* ========== 文章去 glass-block · 卡片浮 body ========== */

.articles-section .industry-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 40px;
}

/* 文章卡片浮 body · 加重阴影暗示"独立浮起" */
.articles-section .block-card {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.95) 0%,
        rgba(252, 248, 238, 0.78) 100%
    );
    box-shadow:
        0 6px 20px -8px rgba(124, 73, 41, 0.18),
        inset 0 1px 0 rgba(255, 248, 231, 0.7);
}

.articles-section .block-card:hover {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 1) 0%,
        rgba(252, 248, 238, 0.92) 100%
    );
    box-shadow:
        0 16px 36px -10px rgba(124, 73, 41, 0.25),
        0 0 28px rgba(204, 61, 52, 0.15),
        inset 0 1px 0 rgba(255, 248, 231, 0.8);
}

.articles-section .industry-footer {
    margin-top: 40px;
    text-align: center;
}

/* ========== FAQ 窄列居中 · 阅读体验最佳 ========== */

.faq-section .container {
    max-width: 800px;
}

.faq-section .industry-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 40px;
}

/* FAQ 项浮 body · 加重阴影 */
.faq-section .faq-item {
    box-shadow:
        0 4px 16px -6px rgba(124, 73, 41, 0.12),
        inset 0 1px 0 rgba(255, 248, 231, 0.5);
}

.faq-section .faq-item[open] {
    box-shadow:
        0 8px 24px -8px rgba(124, 73, 41, 0.22),
        0 0 24px rgba(204, 61, 52, 0.12),
        inset 0 1px 0 rgba(255, 248, 231, 0.7);
}

.faq-section .industry-footer {
    margin-top: 40px;
    text-align: center;
}

/* P1 mobile: faq-section padding 收敛 + faq-q 字号 */
@media (max-width: 768px) {
    .faq-section .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    /* item 上下间距 = 移动端 container 左右 padding(16px) · 四周统一 */
    .faq-section .faq-list {
        gap: 16px;
    }
    .faq-section .industry-header {
        margin-bottom: 28px;
    }
    .faq-section .faq-q,
    .faq-section .faq-question h4,
    .faq-section .faq-item summary {
        font-size: 15px;
        line-height: 1.5;
    }
    .faq-section .faq-question {
        padding: 16px 18px;
    }
}

/* ================================================================
   承诺区改造 · 无卡片 + 朱砂 icon + 细线分隔
   Anthropic / Stripe / Apple trust 派标准
   ================================================================ */

/* 承诺标题区居中 */
.promise-section .industry-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 60px;
}

/* 4 列 grid · 无 gap，用 border 分隔 */
.promise-section .promise-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

/* 单个 pillar · 无背景无边框，仅项间右边竖线 */
.promise-pillar {
    padding: 8px clamp(20px, 2.5vw, 36px);
    text-align: center;
    border-right: 1px solid rgba(44, 24, 16, 0.10);
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.promise-pillar:last-child {
    border-right: 0;
}

.promise-pillar:hover {
    transform: translateY(-6px);
}

/* icon badge 化 · 与 hero holo-item / industry block-card icon 同款 + 朱砂渐变特色 */
.promise-icon {
    width: 56px;
    height: 56px;
    padding: 14px;
    box-sizing: border-box;
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.10) 0%,
        rgba(255, 252, 244, 0.55) 100%
    );
    border: 1.5px solid rgba(204, 61, 52, 0.25);
    border-radius: 14px;
    color: #CC3D34;
    margin: 0 auto 24px;
    display: block;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    filter: none;                                  /* 移除 drop-shadow 红光晕 */
}

.promise-pillar:hover .promise-icon {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.22) 0%,
        rgba(255, 252, 244, 0.85) 100%
    );
    border-color: #CC3D34;
    color: #B83227;
    transform: scale(1.05);
    box-shadow: 0 8px 20px -6px rgba(204, 61, 52, 0.25);
}

/* 标题 */
.promise-title {
    font-size: clamp(17px, 1.6vw, 20px);
    font-weight: 600;
    color: #2C1810;
    margin: 0 0 10px;
    letter-spacing: -0.015em;
    line-height: 1.3;
}

/* 描述 */
.promise-desc {
    font-size: 13px;
    color: rgba(44, 24, 16, 0.55);
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .promise-section .promise-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .promise-pillar {
        padding: 24px 16px;
        border-right: 0;
        border-bottom: 1px solid rgba(44, 24, 16, 0.10);
    }
    /* 移动 2×2：第 1、2 项有底边线，第 3、4 项无 */
    .promise-pillar:nth-child(odd) {
        border-right: 1px solid rgba(44, 24, 16, 0.10);
    }
    .promise-pillar:nth-last-child(-n+2) {
        border-bottom: 0;
    }
    /* 移动端 icon badge 尺寸调整 · padding 也要按比例缩，否则 box-sizing 让内部 svg 几乎不可见 */
    .promise-icon {
        width: 48px;
        height: 48px;
        padding: 11px;                            /* 内部 svg 显示区 = 48 - 22 = 26×26（合理） */
        border-radius: 12px;
        margin-bottom: 16px;
    }
}

/* P1 mobile: promise-pillar <480px 单列 · 边线统一只保留 bottom 防错乱 */
@media (max-width: 480px) {
    .promise-section .promise-grid {
        grid-template-columns: 1fr;
    }
    .promise-pillar {
        padding: 20px 12px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(44, 24, 16, 0.10) !important;
    }
    .promise-pillar:last-child {
        border-bottom: 0 !important;
    }
}

/* ================================================================
   首页定价 Section · 4 列套餐卡 · Stripe/Anthropic 标杆
   行业 ↔ 案例 之间 · glass-block 包裹 · 推荐卡朱砂强化
   ================================================================ */

.pricing-wrapper .industry-header {
    margin-bottom: 30px;
}

.pricing-wrapper .industry-footer {
    margin-top: 20px;
}

.tier-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.5vw, 20px);
}

/* 单个套餐卡 · 暖玻璃磨砂（呼应 glass-block 内卡片）*/
.tier-card {
    position: relative;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
    border: 1px solid rgba(44, 24, 16, 0.10);
    border-radius: 12px;
    padding: clamp(22px, 2.4vw, 30px) clamp(20px, 2vw, 26px);
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: hidden;
}

.tier-card:hover {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.75) 100%
    );
    border-color: rgba(204, 61, 52, 0.30);
    transform: translateY(-6px);
    box-shadow:
        0 16px 32px -12px rgba(124, 73, 41, 0.22),
        0 0 28px rgba(204, 61, 52, 0.10);
}

/* 推荐卡 · 标准版朱砂强化 */
.tier-card-featured {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.08) 0%,
        rgba(255, 252, 244, 0.85) 100%
    );
    border: 2px solid rgba(204, 61, 52, 0.40);
    box-shadow:
        0 12px 28px -10px rgba(204, 61, 52, 0.20),
        0 0 24px rgba(204, 61, 52, 0.10);
}

.tier-card-featured:hover {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.18) 0%,
        rgba(255, 252, 244, 0.95) 100%
    );
    border-color: #CC3D34;
    transform: translateY(-8px);
    box-shadow:
        0 20px 40px -14px rgba(204, 61, 52, 0.32),
        0 0 36px rgba(204, 61, 52, 0.22);
}

/* 最受欢迎 badge · 顶部全宽 banner（Stripe / Vercel 派 · 永不遮挡内文）*/
.tier-badge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #CC3D34 0%, #B83227 100%);
    color: #FBF4E8;
    font-size: 11.5px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 11px 11px 0 0;
    letter-spacing: 0.4px;
    text-align: center;
    line-height: 1.3;
    box-shadow:
        0 2px 6px -1px rgba(204, 61, 52, 0.30),
        inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    z-index: 1;
}
/* featured 卡顶部腾出空间给 banner */
.tier-card-featured {
    padding-top: clamp(46px, 4.5vw, 54px);
}

/* 套餐名 */
.tier-name {
    font-size: 15px;
    font-weight: 600;
    color: rgba(44, 24, 16, 0.65);
    letter-spacing: 0.04em;
    text-transform: none;
    margin-bottom: 14px;
}

/* 价格大字 · 朱砂强调（推荐卡）/ 咖啡黑（其他）*/
.tier-price {
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 700;
    color: #2C1810;
    line-height: 1;
    letter-spacing: -0.025em;
    margin-bottom: 8px;
}

.tier-card-featured .tier-price {
    color: #CC3D34;
}

/* 适用范围 */
.tier-suitable {
    font-size: 13px;
    color: rgba(44, 24, 16, 0.55);
    line-height: 1.5;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(44, 24, 16, 0.08);
}

/* 功能列表 */
.tier-features {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    flex: 1;                                      /* 撑开高度 → 所有卡 CTA 底部对齐 */
}

.tier-features li {
    font-size: 13px;
    color: rgba(44, 24, 16, 0.72);
    line-height: 1.5;
    padding: 6px 0 6px 22px;
    position: relative;
}

.tier-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 6px;
    color: #CC3D34;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
}

/* CTA · 默认朱砂边框，hover 填实 */
.tier-cta {
    display: block;
    text-align: center;
    padding: 11px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #CC3D34;
    background: transparent;
    border: 1.5px solid rgba(204, 61, 52, 0.40);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    text-decoration: none;
    letter-spacing: 0.02em;
}

.tier-cta:hover {
    background: #CC3D34;
    color: #FBF4E8;
    border-color: #CC3D34;
    box-shadow: 0 6px 16px -4px rgba(204, 61, 52, 0.35);
}

/* 推荐卡 CTA · 默认朱砂填实（强 CTA）*/
.tier-cta-primary {
    background: linear-gradient(135deg, #CC3D34 0%, #B83227 100%);
    color: #FBF4E8;
    border-color: #CC3D34;
    box-shadow:
        0 4px 12px -2px rgba(204, 61, 52, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.tier-cta-primary:hover {
    background: linear-gradient(135deg, #B83227 0%, #A02622 100%);
    border-color: #B83227;
    transform: translateY(-2px);
    box-shadow:
        0 10px 24px -4px rgba(204, 61, 52, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* 响应式 · 4 → 2×2 → 1 */
@media (max-width: 992px) {
    .tier-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .tier-grid {
        grid-template-columns: 1fr;
        gap: 14px;                       /* 单列卡间距统一 · 与 enterprise-banner margin 一致 */
    }
    .tier-card {
        padding: 22px 20px;
    }
    /* featured 卡顶部必须保留 badge banner 空间（否则"最受欢迎"盖住"标准版"）*/
    /* 此规则在 .tier-card 之后 · 覆盖其 padding-top:22px */
    .tier-card-featured {
        padding-top: 42px;
    }
}

/* ================================================================
   Enterprise Banner · 高端定制 · 4 套餐之外的独立 banner
   命局土系深色（同 footer/case-dark）+ 古铜金装饰
   Stripe/Mailchimp/Slack Enterprise 标杆做法
   ================================================================ */

.enterprise-banner {
    margin-top: clamp(14px, 1.5vw, 20px);
    background: linear-gradient(135deg,
        #2C1810 0%,
        #3E2C1C 35%,
        #5D4037 100%
    );
    border: 1px solid rgba(196, 164, 132, 0.30);
    border-radius: 14px;
    padding: clamp(28px, 3vw, 40px) clamp(28px, 3vw, 44px);
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 2fr auto;
    gap: clamp(28px, 3vw, 44px);
    align-items: center;
    color: #FBF4E8;
    box-shadow:
        inset 0 1px 0 rgba(196, 164, 132, 0.25),
        0 0 40px rgba(196, 164, 132, 0.12),
        0 16px 36px -12px rgba(0, 0, 0, 0.30);
    position: relative;
    overflow: hidden;
}

/* 左上微妙光晕（与案例深底呼应）*/
.enterprise-banner::before {
    content: '';
    position: absolute;
    top: -40%;
    left: -10%;
    width: 60%;
    height: 180%;
    background: radial-gradient(ellipse,
        rgba(196, 164, 132, 0.12) 0%,
        transparent 60%
    );
    pointer-events: none;
}

.enterprise-info {
    position: relative;
    z-index: 1;
}

.enterprise-tier {
    color: #C4A484;                              /* 古铜金（命局火土过渡）*/
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.enterprise-name {
    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 700;
    color: #FBF4E8;
    line-height: 1.2;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.enterprise-price {
    font-size: 14px;
    color: rgba(251, 244, 232, 0.60);
    letter-spacing: 0.02em;
}

/* 特性 2 列 */
.enterprise-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px clamp(20px, 2vw, 32px);
    position: relative;
    z-index: 1;
}

.enterprise-features li {
    font-size: 14px;
    color: rgba(251, 244, 232, 0.82);
    padding-left: 22px;
    position: relative;
    line-height: 1.5;
    letter-spacing: -0.003em;
}

.enterprise-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 1px;
    color: #C4A484;                              /* 古铜金 ✓ */
    font-weight: 700;
    font-size: 14px;
}

/* CTA · 古铜金边框，hover 填实 */
.enterprise-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 14px 24px;
    background: rgba(196, 164, 132, 0.15);
    color: #C4A484;
    border: 1.5px solid rgba(196, 164, 132, 0.50);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: 0.02em;
    position: relative;
    z-index: 1;
}

.enterprise-cta:hover {
    background: #C4A484;
    color: #2C1810;
    border-color: #C4A484;
    transform: translateY(-2px);
    box-shadow:
        0 10px 24px -4px rgba(196, 164, 132, 0.45),
        0 0 24px rgba(196, 164, 132, 0.30);
}

.enterprise-cta span {
    transition: transform 0.3s ease;
}

.enterprise-cta:hover span {
    transform: translateX(4px);
}

/* 响应式 */
@media (max-width: 992px) {
    .enterprise-banner {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: left;
    }
    .enterprise-cta {
        justify-self: center;          /* 电话咨询按钮居中（移动端单列布局）*/
        width: fit-content;
    }
}

@media (max-width: 600px) {
    .enterprise-features {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   客户信赖 Section · 3 列引言卡 · 数据+引言双重证明
   大引号装饰 + 头像 + 行业胶囊 + 可信脚注
   ================================================================ */

.trust-wrapper .industry-header {
    margin-bottom: 30px;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.5vw, 20px);
}

/* 引言卡 · 暖玻璃磨砂 + 大引号装饰 */
.testimonial-card {
    position: relative;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%
    );
    border: 1px solid rgba(44, 24, 16, 0.10);
    border-radius: 12px;
    padding: clamp(28px, 3vw, 36px);
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow: hidden;
}

.testimonial-card:hover {
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.98) 0%,
        rgba(252, 248, 238, 0.78) 100%
    );
    border-color: rgba(204, 61, 52, 0.30);
    transform: translateY(-4px);
    box-shadow:
        0 16px 32px -12px rgba(124, 73, 41, 0.22),
        0 0 28px rgba(204, 61, 52, 0.12);
}

/* 大引号装饰 · 朱砂半透 */
.testimonial-card::before {
    content: '"';
    position: absolute;
    top: -18px;
    left: 18px;
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 110px;
    color: rgba(204, 61, 52, 0.18);
    line-height: 1;
    font-weight: 700;
    pointer-events: none;
    z-index: 0;
}

/* 行业胶囊 */
.testimonial-tag {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(204, 61, 52, 0.08);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    color: #CC3D34;
    letter-spacing: 0.04em;
    align-self: flex-start;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

/* 引言大字 · flex:1 撑开高度 */
.testimonial-quote {
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.7;
    color: #2C1810;
    font-weight: 500;
    letter-spacing: -0.005em;
    margin: 0 0 24px;
    flex: 1;
    position: relative;
    z-index: 1;
}

.testimonial-quote strong {
    color: #CC3D34;
    font-weight: 700;
}

/* 作者横排 · 头像 + 信息 */
.testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid rgba(44, 24, 16, 0.08);
    position: relative;
    z-index: 1;
}

/* 头像 · 朱砂渐变 badge */
.testimonial-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.12) 0%,
        rgba(255, 252, 244, 0.55) 100%
    );
    border: 1.5px solid rgba(204, 61, 52, 0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CC3D34;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.testimonial-card:hover .testimonial-avatar {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.22) 0%,
        rgba(255, 252, 244, 0.85) 100%
    );
    border-color: #CC3D34;
}

.testimonial-avatar svg {
    width: 22px;
    height: 22px;
}

.testimonial-author-info {
    flex: 1;
    min-width: 0;
}

.testimonial-name {
    font-size: 14px;
    font-weight: 600;
    color: #2C1810;
    line-height: 1.3;
    margin-bottom: 2px;
    letter-spacing: -0.005em;
}

.testimonial-role {
    font-size: 12px;
    color: rgba(44, 24, 16, 0.55);
    line-height: 1.4;
}

/* 可信脚注 · 诚实声明 */
.trust-footnote {
    text-align: center;
    margin-top: clamp(24px, 3vw, 36px);
    font-size: 12px;
    color: rgba(44, 24, 16, 0.50);
    letter-spacing: 0.04em;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .trust-grid {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   12 引言 marquee 滚动 · Vercel/Anthropic 派双行反向
   纯 CSS animation · hover 暂停 · mask 渐隐边缘
   ================================================================ */

.testimonial-marquee {
    overflow: hidden;
    padding: 8px 0;
    margin: 0 -8px;
    -webkit-mask-image: linear-gradient(to right,
        transparent 0,
        #000 5%,
        #000 95%,
        transparent 100%
    );
    mask-image: linear-gradient(to right,
        transparent 0,
        #000 5%,
        #000 95%,
        transparent 100%
    );
}

.marquee-row {
    display: flex;
    gap: 16px;
    width: max-content;
    animation: marqueeScroll 60s linear infinite;
    padding: 4px 0;
}

.marquee-row-reverse {
    animation: marqueeScroll 65s linear infinite reverse;
    margin-top: 16px;
}

@keyframes marqueeScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* hover 暂停（让用户能阅读卡片）*/
.testimonial-marquee:hover .marquee-row {
    animation-play-state: paused;
}

/* marquee 内卡片宽度固定 · 适应滚动 */
.testimonial-marquee .testimonial-card {
    flex-shrink: 0;
    width: clamp(280px, 26vw, 340px);
    padding: clamp(22px, 2.2vw, 28px);
}

/* marquee 内卡片字号略小（适配窄卡）*/
.testimonial-marquee .testimonial-quote {
    font-size: 14px;
    line-height: 1.65;
    margin: 0 0 20px;
}

.testimonial-marquee .testimonial-tag {
    margin-bottom: 14px;
}

/* 头像 · 文字版（姓氏首字 · 比 SVG icon 更专业个人化）*/
.testimonial-avatar {
    width: 40px;
    height: 40px;
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: 17px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: -0.02em;
    line-height: 1;
}

.testimonial-avatar svg {
    display: none;                              /* 隐藏可能存在的 SVG，用文字 */
}

/* 大引号装饰位置微调 */
.testimonial-marquee .testimonial-card::before {
    font-size: 90px;
    top: -14px;
    left: 14px;
}

/* 响应式 · 移动端缩慢速度 + 缩小卡片 */
@media (max-width: 768px) {
    .testimonial-marquee .testimonial-card {
        width: 280px;
    }
    .marquee-row {
        animation-duration: 80s;
    }
    .marquee-row-reverse {
        animation-duration: 85s;
    }
}

/* 减少动画偏好 · 暂停滚动让用户能完整阅读 */
@media (prefers-reduced-motion: reduce) {
    .marquee-row,
    .marquee-row-reverse {
        animation: none;
        transform: translateX(0);
    }
    .testimonial-marquee {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .testimonial-marquee .testimonial-card {
        scroll-snap-align: start;
    }
}

/* ================================================================
   Peek Carousel · 通栏 3-up Slide Show（Apple TV+ / Stripe 派）
   突破 max-width · 中间大卡 + 左右 prev/next 缩放预览 · 自动播放
   ================================================================ */

/* 通栏 · 突破 container max-width */
.cases-peek-section {
    width: 100vw;
    margin-top: 120px;                            /* 与 .glass-section 间距一致（120px 浅 body 过渡）*/
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    position: relative;
}

@media (max-width: 768px) {
    .cases-peek-section {
        margin-top: 80px;                         /* 移动端同步缩小 */
    }
}

.cases-peek-bg {
    background: transparent;
    padding: 0;                                    /* 移除内部 padding · section margin 单独控制间距 */
    position: relative;
}

.cases-peek-bg::before {
    display: none;
}

/* 标题区 · 精炼克制 */
.cases-peek-header {
    text-align: center;
    margin-bottom: clamp(32px, 4vw, 48px);        /* 缩小标题与 carousel 间距 */
    position: relative;
    z-index: 1;
}

.cases-peek-header h2 {
    font-size: clamp(28px, 4vw, 44px);            /* 缩小 · 让大图为焦点 */
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: #2C1810;
    margin: 0 0 12px;
}

.cases-peek-header h2 em {
    font-style: normal;
    color: #CC3D34;                                /* 朱砂主色 */
    font-weight: 600;
    border-bottom: 2px solid rgba(204, 61, 52, 0.25);
    padding-bottom: 4px;
    text-shadow: none;                             /* 移除发光（浅底不需要）*/
}

.cases-peek-header p {
    font-size: clamp(15px, 1.5vw, 19px);
    color: rgba(44, 24, 16, 0.55);                /* 灰咖 */
    line-height: 1.5;
    margin: 0;
}

/* Carousel 舞台 */
.peek-carousel {
    position: relative;
    margin: 0 auto;
    height: clamp(420px, 38vw, 620px);            /* 提升高度 · 网站截图更完整 */
}

.peek-stage {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Slide · 纯图大卡 + macOS 浏览器框（业界标杆）*/
.peek-slide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(1200px, 86vw);
    height: clamp(420px, 38vw, 620px);
    padding: 38px 0 0;                            /* 顶部 38px 给浏览器 bar */
    background: rgba(196, 164, 132, 0.08);
    border: 1px solid rgba(44, 24, 16, 0.06);
    border-radius: 14px;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 231, 0.5),
        0 1px 3px rgba(124, 73, 41, 0.10),                /* 近距硬影 V10 */
        0 8px 20px -4px rgba(124, 73, 41, 0.16);          /* 远距软影 V10（紧凑深，移除 32-64px 重影）*/
    transform: translate(-50%, -50%) scale(0.55);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* 浏览器 bar · macOS Safari 风（暖玻璃磨砂底）*/
.peek-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: linear-gradient(to bottom,
        rgba(252, 245, 230, 0.95) 0%,
        rgba(245, 234, 210, 0.85) 100%
    );
    border-bottom: 1px solid rgba(44, 24, 16, 0.08);
    z-index: 2;
}

/* 三色圆点 · macOS 经典 */
.peek-slide::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 16px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FF6058;
    box-shadow:
        18px 0 0 #FFBD2E,
        36px 0 0 #28C840;
    z-index: 3;
}

/* slide 内 img · 占满浏览器 bar 之下空间 */
.peek-slide > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}

/* 当前居中大卡 */
.peek-slide.is-current {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 3;
}

/* prev 左 · Apple Cover Flow 轻微 overlap（高级感）*/
.peek-slide.is-prev {
    transform: translate(calc(-50% - 52vw), -50%) scale(0.68);
    opacity: 0.32;
    visibility: visible;
    z-index: 2;
    filter: blur(1px);                            /* 加大模糊感 → 远焦点 */
}

/* next 右 · 同款 overlap */
.peek-slide.is-next {
    transform: translate(calc(-50% + 52vw), -50%) scale(0.68);
    opacity: 0.32;
    visibility: visible;
    z-index: 2;
    filter: blur(1px);
}

/* Slide 内容布局 · 左截图 + 右数据故事（Stripe Customer Stories 标杆）*/
.peek-slide-inner {
    display: grid;
    grid-template-columns: 6fr 5fr;
    gap: clamp(28px, 3.5vw, 56px);
    align-items: center;
    height: 100%;
}

/* 截图容器 · 等高 + 圆角 + 边框 */
.peek-slide-image {
    position: relative;
    aspect-ratio: 4 / 3;
    max-height: clamp(280px, 32vw, 400px);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(135deg,
        rgba(196, 164, 132, 0.12) 0%,
        rgba(196, 164, 132, 0.05) 100%
    );
    border: 1px solid rgba(196, 164, 132, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(196, 164, 132, 0.20),
        0 1px 3px rgba(124, 73, 41, 0.10),                /* 近距硬影 V10 */
        0 6px 14px -2px rgba(124, 73, 41, 0.16);          /* 远距软影 V10（深咖替代纯黑）*/
}

/* 截图 · 从顶对齐裁切（业界标杆做法）*/
.peek-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;                            /* 填满容器，超出裁切 */
    object-position: top center;                  /* 保留顶部 hero 区，底部内容裁切 */
    display: block;
}

/* 内容区 · 右侧数据故事 */
.peek-slide-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* 行业胶囊（深底版）*/
.peek-slide .case-tag {
    background: rgba(255, 141, 127, 0.15);
    border: 1px solid rgba(255, 141, 127, 0.40);
    color: #FFB3A8;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    margin-bottom: clamp(24px, 3vw, 36px);
    display: inline-block;
}

/* 大字 metric · 朱砂亮版 + 大发光 */
.peek-slide .case-metric {
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: clamp(56px, 7.5vw, 108px);
    font-weight: 700;
    color: #FF8D7F;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 14px;
    text-shadow: 0 0 36px rgba(255, 141, 127, 0.50);
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.peek-slide .case-unit {
    font-size: 0.5em;
    font-weight: 600;
}

.peek-slide .case-outcome {
    font-size: clamp(18px, 1.8vw, 24px);
    font-weight: 500;
    color: #FBF4E8;
    line-height: 1.4;
    margin: 0;
    letter-spacing: -0.005em;
}

/* 右侧 · 故事 + 客户 */
.peek-slide-right {
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 2.5vw, 28px);
}

.peek-slide-story {
    font-size: clamp(15px, 1.5vw, 19px);
    line-height: 1.7;
    color: rgba(251, 244, 232, 0.85);
    margin: 0;
    letter-spacing: -0.005em;
    font-weight: 400;
}

.peek-slide-story strong {
    color: #FF8D7F;
    font-weight: 600;
}

.peek-slide .case-client {
    font-size: 13px;
    color: rgba(251, 244, 232, 0.50);
    margin: 0;
    letter-spacing: 0.02em;
    border-top: 1px solid rgba(196, 164, 132, 0.15);
    padding-top: clamp(16px, 2vw, 20px);
}

/* 左右导航按钮 · 暖玻璃浅版 + 朱砂 hover */
.peek-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: rgba(255, 252, 244, 0.85);
    border: 1.5px solid rgba(44, 24, 16, 0.12);
    border-radius: 50%;
    color: rgba(44, 24, 16, 0.7);
    font-size: 28px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10;
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow:
        0 4px 12px -2px rgba(124, 73, 41, 0.15),
        inset 0 1px 0 rgba(255, 248, 231, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding-bottom: 2px;
}

.peek-prev { left: clamp(16px, 2vw, 40px); }
.peek-next { right: clamp(16px, 2vw, 40px); }

.peek-nav:hover {
    background: #CC3D34;
    color: #FBF4E8;
    border-color: #CC3D34;
    transform: translateY(-50%) scale(1.08);
    box-shadow:
        0 10px 24px -4px rgba(204, 61, 52, 0.45),
        0 0 24px rgba(204, 61, 52, 0.25);
}

/* Dots · 朱砂 active · carousel 之外的兄弟元素 */
.peek-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: clamp(36px, 4vw, 56px);            /* 与 carousel 拉开充足距离 */
    position: relative;
    z-index: 1;
}

.peek-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(44, 24, 16, 0.18);
    border: 0;
    cursor: pointer;
    padding: 0;
    transition: all 0.35s ease;
}

.peek-dot.is-active {
    background: #CC3D34;
    width: 32px;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(204, 61, 52, 0.45);
}

.peek-dot:hover:not(.is-active) {
    background: rgba(44, 24, 16, 0.40);
}

/* Footer CTA · 拉开与 dots 间距 */
.cases-peek-footer {
    text-align: center;
    margin-top: clamp(28px, 3vw, 40px);
    position: relative;
    z-index: 1;
}

.cases-peek-footer .industry-link {
    color: #CC3D34;
    border-bottom-color: rgba(204, 61, 52, 0.4);
}

.cases-peek-footer .industry-link:hover {
    color: #B83227;
    border-bottom-color: #B83227;
}

/* 响应式 · 纯图模式移动端 */
@media (max-width: 992px) {
    .peek-slide.is-prev,
    .peek-slide.is-next {
        opacity: 0.20;
    }
}

@media (max-width: 768px) {
    /* 移动端：横向 16:11 卡片（含 bar）· 完整显示网站首屏宽度 · 不再裁左右 */
    .peek-carousel {
        height: 66vw;                             /* 跟随卡片横向比例（卡片 92vw × 11/16 ≈ 63vw + 余量）*/
        max-height: 480px;
    }
    .peek-slide {
        width: 92vw;
        height: auto;
        aspect-ratio: 16 / 11;                    /* 横向首屏比例（含 28px bar · 图片区约 16:9.7）*/
        padding: 28px 0 0;                        /* 缩短浏览器 bar */
    }
    .peek-slide::before {
        height: 28px;                              /* 缩短 bar 同步 padding */
    }
    .peek-slide::after {
        width: 8px;
        height: 8px;
        top: 10px;
        left: 12px;
        box-shadow:
            12px 0 0 #FFBD2E,
            24px 0 0 #28C840;
    }
    /* 单列堆叠：截图 + 内容上下 */
    .peek-slide-inner {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .peek-slide-image {
        max-height: 200px;
    }
    .peek-nav {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    /* prev/next 配套缩放 + 推到边缘外 */
    .peek-slide.is-prev {
        transform: translate(calc(-50% - 88vw), -50%) scale(0.48);
    }
    .peek-slide.is-next {
        transform: translate(calc(-50% + 88vw), -50%) scale(0.48);
    }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    .peek-slide {
        transition: none;
    }
}

/* ================================================================
   四步交付流程 Section · 横向时间轴 · 浮 body 无 wrapper
   形态：朱砂渐变数字徽章 + 朱砂虚线连接 · 与上下 glass-block 区分
   ================================================================ */

.process-section .industry-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto clamp(48px, 6vw, 72px);
}

/* 4 列时间轴 · 横向 */
.process-timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
}

/* 5 列 modifier · about 大事记专用 · PC 一行不换行 */
.process-timeline.is-5col {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-width: 1200px;
}
.process-timeline.is-5col::before {
    left: 10%;
    right: 10%;
}
.process-timeline.is-5col .process-step {
    padding: 0 clamp(4px, 0.8vw, 12px);
}
.process-timeline.is-5col .process-step-badge {
    width: clamp(60px, 5vw, 72px);
    height: clamp(60px, 5vw, 72px);
    font-size: clamp(18px, 1.6vw, 22px);
    letter-spacing: -0.03em;
}
.process-timeline.is-5col::before {
    top: clamp(30px, 2.5vw, 36px);
}
.process-timeline.is-5col .process-step-desc {
    max-width: 200px;
    font-size: 12.5px;
}

/* 朱砂虚线连接 · 横贯 4 个徽章中心 */
.process-timeline::before {
    content: '';
    position: absolute;
    top: 40px;                                    /* 与徽章中心对齐（badge 80px / 2）*/
    left: 12.5%;
    right: 12.5%;
    height: 2px;
    background-image: linear-gradient(to right,
        rgba(204, 61, 52, 0.30) 50%,
        transparent 50%
    );
    background-size: 14px 2px;
    background-repeat: repeat-x;
    z-index: 0;
}

/* 单个步骤 */
.process-step {
    position: relative;
    text-align: center;
    padding: 0 clamp(8px, 1.5vw, 24px);
    z-index: 1;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.process-step:hover {
    transform: translateY(-4px);
}

/* 数字徽章 · 朱砂渐变圆形 · 与 hero CTA 同色系 */
.process-step-badge {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #CC3D34 0%, #B83227 100%);
    color: #FBF4E8;
    font-family: var(--ff-display, 'Inter', system-ui, sans-serif);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto clamp(20px, 2.5vw, 28px);
    border: 3px solid var(--c-bg-primary, #FAF6EE);  /* 沙岩白边 · 隔断虚线让徽章浮起 */
    box-shadow:
        0 8px 20px -4px rgba(204, 61, 52, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -2px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: relative;
    z-index: 2;
}

.process-step:hover .process-step-badge {
    transform: scale(1.08);
    box-shadow:
        0 14px 32px -6px rgba(204, 61, 52, 0.55),
        0 0 28px rgba(204, 61, 52, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.30);
}

/* 标题 + 时间标签横排 */
.process-step-meta {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.process-step-title {
    font-size: clamp(17px, 1.6vw, 21px);
    font-weight: 600;
    color: #2C1810;
    line-height: 1.3;
    margin: 0;
    letter-spacing: -0.015em;
}

/* 时间胶囊 · 朱砂淡 */
.process-step-time {
    font-size: 11px;
    font-weight: 500;
    color: #CC3D34;
    padding: 3px 9px;
    background: rgba(204, 61, 52, 0.08);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 999px;
    letter-spacing: 0.04em;
    white-space: nowrap;
    line-height: 1.4;
}

.process-step-desc {
    font-size: 13px;
    color: rgba(44, 24, 16, 0.6);
    line-height: 1.65;
    margin: 0 auto;
    max-width: 220px;
    letter-spacing: -0.003em;
}

/* 移动端 · 垂直堆叠 · 数字左 + 内容右 + 垂直虚线 */
@media (max-width: 768px) {
    .process-timeline {
        grid-template-columns: 1fr;
        gap: clamp(24px, 3vw, 36px);
        max-width: 500px;
    }
    .process-timeline::before {
        top: 40px;
        bottom: 40px;
        left: 39px;                                /* badge 80/2 - line 1 */
        right: auto;
        width: 2px;
        height: auto;
        background-image: linear-gradient(to bottom,
            rgba(204, 61, 52, 0.30) 50%,
            transparent 50%
        );
        background-size: 2px 14px;
        background-repeat: repeat-y;
    }
    .process-step {
        text-align: left;
        padding: 0 0 0 100px;                      /* 给左侧 80px badge + 20gap */
        position: relative;
        min-height: 80px;
    }
    .process-step-badge {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }
    .process-step-meta {
        justify-content: flex-start;
        margin-top: 6px;
    }
    .process-step-desc {
        max-width: none;
        margin: 0;
    }
}

/* ================================================================
   Footer Accordion · 移动端折叠（业界 Stripe / Linear / Slack 标杆）
   桌面强制展开（覆盖 details 折叠机制）+ 移动可点击折叠 + / − 图标
   ================================================================ */

/* 隐藏 details 默认箭头 */
.footer-acc summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
}
.footer-acc summary::-webkit-details-marker,
.footer-acc summary::marker {
    display: none;
}

/* 桌面端 (≥769px)：强制展开 + 禁用折叠交互 + 隐藏 +/- 图标
   PC 端：footer-links 一列垂直堆叠（每行一个链接）*/
@media (min-width: 769px) {
    .footer-acc > .footer-links {
        display: flex !important;
        flex-direction: column;
        gap: 12px;
    }
    .footer-acc > *:not(summary):not(.footer-links) {
        display: block !important;
    }
    .footer-acc summary {
        cursor: default;
        pointer-events: none;
    }
    .footer-acc-icon {
        display: none;
    }
}

/* 移动端 (≤768px)：accordion 折叠 + 横线分隔 + 动画 */
@media (max-width: 768px) {
    .footer-acc {
        border-bottom: 1px solid rgba(196, 164, 132, 0.12);
        padding: 4px 0;
    }
    .footer-acc summary.footer-col-title {
        margin: 0;
        padding: 14px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 600;
        color: #FBF4E8;
        letter-spacing: 0.04em;
    }
    .footer-acc > .footer-links {
        padding: 4px 0 18px;
        animation: footerAccOpen 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    @keyframes footerAccOpen {
        from { opacity: 0; transform: translateY(-4px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* + / − 图标 · 暖白色 */
    .footer-acc-icon {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        position: relative;
        margin-left: 12px;
    }
    .footer-acc-icon::before,
    .footer-acc-icon::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: rgba(251, 244, 232, 0.55);
        transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
        border-radius: 1px;
    }
    .footer-acc-icon::before {
        width: 12px;
        height: 1.5px;
        transform: translate(-50%, -50%);
    }
    .footer-acc-icon::after {
        width: 1.5px;
        height: 12px;
        transform: translate(-50%, -50%);
    }
    /* 展开时 · 竖线旋转隐藏（+ → −）*/
    .footer-acc[open] .footer-acc-icon::after {
        transform: translate(-50%, -50%) rotate(90deg);
        opacity: 0;
    }
    .footer-acc[open] .footer-acc-icon::before {
        background: #FAF6EE;
    }
    .footer-acc[open] summary.footer-col-title {
        color: #FAF6EE;
    }

    /* 移动端 grid · 1 列堆叠：品牌区 → 3 个 acc 垂直排列 */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 0;
        padding-bottom: 24px;
    }
    .footer-brand-block {
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(196, 164, 132, 0.18);
        margin-bottom: 8px;
    }
}

/* ================================================================
   Footer 移动端 v2 修复 · 大厂级紧凑高级感
   ① 修复 footer-acc 之间异常空白
   ② 隐藏冗余 body-sm 描述 + 重复 tagline
   ③ 品牌区左对齐（与桌面一致）
   ④ 整体紧凑 + 视觉层次精修
   ================================================================ */
@media (max-width: 768px) {
    /* 品牌区 · 左对齐 + 隐藏冗余描述（业界 Apple/Linear/Cal.com 派）*/
    .footer-brand-block {
        text-align: left;
        padding-bottom: 20px;
        margin-bottom: 8px;
        border-bottom: 1px solid rgba(196, 164, 132, 0.18);
    }
    .footer-brand-block .body-sm {
        display: none;                            /* 隐藏 3 行重复描述 · 移动端极简 */
    }

    /* footer-col-title 在 summary 内 · 重置 margin（消除异常空白源头）*/
    .footer-acc summary.footer-col-title {
        margin: 0;
        padding: 18px 0;
    }

    /* footer-acc 紧凑 · 移除外 padding · 单一横线分隔 */
    .footer-acc {
        padding: 0;
        border-bottom: 1px solid rgba(196, 164, 132, 0.10);
    }
    .footer-acc:last-of-type {
        border-bottom: 0;
    }
    .footer-acc > .footer-links {
        padding: 4px 0 16px;
    }

    /* footer-grid 紧凑 · 1 列堆叠保持 */
    .footer-grid {
        gap: 0;
        padding-bottom: 16px;
    }

    /* footer-bottom · 隐藏重复 tagline · 居中版权一行 */
    .footer-bottom {
        padding: 16px 0;
        text-align: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0;
        font-size: 12px;
        border-top: 1px solid rgba(196, 164, 132, 0.10);
    }
    .footer-bottom > span:nth-child(2) {
        display: none;                            /* 隐藏重复 tagline */
    }
    .footer-bottom > span:first-child {
        flex: 0 1 auto;
    }

    /* footer 整体上 padding 略缩（移动端） */
    .footer {
        padding-top: 40px;
    }
}

/* ================================================================
   Footer 移动端 v3 修复 · 解决 senyi 旧规则冲突 + 进一步紧凑
   ================================================================ */
@media (max-width: 768px) {
    /* 移动端 acc 展开 · 链接 3 列 grid（一行显示 3 个）*/
    .footer-acc[open] > .footer-links {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px 12px;
        padding: 4px 0 14px;
    }
    .footer-acc:not([open]) > .footer-links {
        display: none !important;
    }

    /* summary padding 进一步缩 · 紧凑视觉 */
    .footer-acc summary.footer-col-title {
        margin: 0 !important;
        padding: 13px 0;
    }

    /* footer-grid padding-bottom 缩小 */
    .footer-grid {
        padding-bottom: 8px;
    }

    /* footer-bottom padding 紧凑 */
    .footer-bottom {
        padding: 14px 0 12px;
    }

    /* footer 顶部 padding 进一步缩 */
    .footer {
        padding-top: 32px;
    }
}

/* ================================================================
   Footer 移动端 v4 终极紧凑 · 参考 Apple Support 移动 footer
   消除所有冗余间距：品牌区底部 + acc summary + footer-bottom 底部 + body 底部
   ================================================================ */
@media (max-width: 768px) {
    /* ① 品牌区底部紧凑 · 28px → 6px */
    .footer-brand-block {
        padding-bottom: 6px !important;
        margin-bottom: 0 !important;
    }

    /* ② summary padding 进一步紧凑 · 13 → 10px */
    .footer-acc summary.footer-col-title {
        padding: 10px 0;
    }

    /* ③ footer-grid 底部 padding 清零（让 acc 紧贴 footer-bottom border）*/
    .footer-grid {
        padding-bottom: 0;
    }

    /* ④ footer-bottom 底部 padding 清零（让 copyright 紧贴 footer 边界）*/
    .footer-bottom {
        padding: 10px 0 0;
    }

    /* ⑤ footer 整体 padding · 顶 24 + 底 24（让 footer 暗色背景延伸到 mobile-tab 顶部）
       关键：copyright 下方 24px 视觉缓冲必须用 footer 自身 padding，
       否则用 body padding 会露出米黄色 body 背景 */
    .footer {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    /* ⑥ body padding-bottom · 匹配 mobile-tab 新高度（padding 8 + icon 24 + gap 4 + text 14 + 8 = 58 + 8 余量 = 66）*/
    body {
        padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
    }

    /* ⑦ mobile-tab 顶底 padding 8（与 min-height 48 + icon 24 匹配）*/
    .mobile-tab {
        padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px));
    }
}

/* ================================================================
   行业建站页（/industry/）专属补充样式
   ================================================================ */

/* Emoji 版 icon badge · 复用 block-card-icon 容器但适配 emoji 字符 */
.block-card-icon-emoji {
    padding: 0 !important;
    font-size: 26px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* CTA block · 居中布局 */
.industry-cta-block {
    text-align: center;
}
.industry-cta-header {
    margin-bottom: 28px !important;
}
.industry-cta-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}
.industry-cta-actions .btn {
    min-width: 160px;
    justify-content: center;
}
@media (max-width: 480px) {
    .industry-cta-actions .btn {
        flex: 1;
        min-width: 0;
    }
}

/* ================================================================
   行业详情页（/trade/, /education/ 等一级行业页）专属样式
   ================================================================ */

/* 面包屑导航 */
.industry-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    color: rgba(124, 73, 41, 0.62);
    margin-bottom: 24px;
    letter-spacing: 0.01em;
}
.industry-breadcrumb a {
    color: rgba(124, 73, 41, 0.72);
    text-decoration: none;
    transition: color 0.2s ease;
}
.industry-breadcrumb a:hover {
    color: #CC3D34;
}
.industry-breadcrumb-sep {
    color: rgba(124, 73, 41, 0.4);
    font-size: 14px;
}
.industry-breadcrumb-current {
    color: #2C1810;
    font-weight: 600;
}
@media (max-width: 480px) {
    .industry-breadcrumb {
        font-size: 12px;
        margin-bottom: 16px;
    }
}

/* Hero CTA · 居中按钮组 */
.industry-hero-cta {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.industry-hero-cta .btn {
    min-width: 180px;
    justify-content: center;
}
@media (max-width: 480px) {
    .industry-hero-cta {
        margin-top: 28px;
    }
    .industry-hero-cta .btn {
        flex: 1;
        min-width: 0;
    }
}

/* ================================================================
   关于本行业 · 大厂双栏数据卡（Stripe/HubSpot/Adobe 行业页风格）
   左 5/12 visual 数据卡 · 右 7/12 内容 + bullet + CTA
   ================================================================ */
.industry-about-block {
    overflow: hidden;
}
.industry-about-header {
    text-align: center;
    margin-bottom: 36px !important;
    width: 100%;
}
/* h2 不换行 · 字号自适应缩放占满 glass-block 内宽（PC 端）*/
.industry-about-header .industry-title {
    white-space: nowrap;
    overflow: visible;
    font-size: clamp(22px, 3.6vw, 36px);
    width: 100%;
    text-align: center;
}
@media (max-width: 768px) {
    /* 窄屏允许换行（避免字号缩到不可读）*/
    .industry-about-header .industry-title {
        white-space: normal;
        font-size: clamp(20px, 5.5vw, 26px);
    }
}
.industry-about-grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 36px;
    align-items: stretch;
}
@media (max-width: 768px) {
    .industry-about-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .industry-about-header {
        margin-bottom: 24px !important;
    }
}

/* 左栏 · 朱砂渐变 visual 卡 */
.industry-about-visual {
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.08) 0%,
        rgba(232, 181, 71, 0.06) 60%,
        rgba(255, 248, 231, 0.45) 100%);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 16px;
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(124, 73, 41, 0.06),
        0 1px 2px rgba(124, 73, 41, 0.05),
        0 4px 10px -3px rgba(124, 73, 41, 0.10);
    position: relative;
    overflow: hidden;
}
/* 左栏右下角微光晕 */
.industry-about-visual::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    right: -60px;
    bottom: -60px;
    background: radial-gradient(circle, rgba(204, 61, 52, 0.10) 0%, transparent 70%);
    pointer-events: none;
}
.industry-about-emoji {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 14px;
    filter: drop-shadow(0 6px 16px rgba(204, 61, 52, 0.18));
    position: relative;
    z-index: 1;
}
.industry-about-tagline {
    font-size: 17px;
    font-weight: 700;
    color: #CC3D34;
    margin-bottom: 28px;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 1;
}
.industry-about-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.industry-about-stat {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 12px;
    padding: 14px 10px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    transition: all 0.25s ease;
}
.industry-about-stat:hover {
    border-color: rgba(204, 61, 52, 0.32);
    background: rgba(255, 255, 255, 0.85);
}
.industry-about-stat-num {
    font-size: 26px;
    font-weight: 700;
    color: #2C1810;
    line-height: 1;
    letter-spacing: -0.01em;
}
.industry-about-stat-plus,
.industry-about-stat-unit {
    font-size: 0.55em;
    color: #CC3D34;
    font-weight: 600;
    margin-left: 2px;
}
.industry-about-stat-label {
    font-size: 12px;
    color: rgba(124, 73, 41, 0.7);
    letter-spacing: 0.04em;
    font-weight: 500;
}

/* 右栏 · 内容 + bullet + CTA */
.industry-about-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
}
.industry-about-lead {
    font-size: 16px;
    line-height: 1.85;
    color: rgba(60, 38, 24, 0.86);
    letter-spacing: 0.02em;
}
/* 首字母放大（杂志风排版）*/
.industry-about-lead::first-letter {
    font-size: 2em;
    font-weight: 700;
    color: #CC3D34;
    float: left;
    line-height: 1;
    padding: 4px 8px 0 0;
    margin-top: 2px;
}

/* Bullet list · 朱砂左边线引用 */
.industry-about-bullets {
    list-style: none;
    margin: 0;
    padding: 18px 22px;
    background: rgba(255, 248, 231, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-left: 3px solid #CC3D34;
    border-radius: 0 12px 12px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.industry-about-bullets li {
    font-size: 15px;
    color: rgba(60, 38, 24, 0.88);
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    letter-spacing: 0.01em;
}
.industry-about-check {
    color: #CC3D34;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1.6;
    margin-top: -1px;
}

/* CTA */
.industry-about-cta {
    margin-top: 4px;
}
.industry-about-cta .btn {
    min-width: 240px;
    justify-content: center;
}

/* ================================================================
   服务详情页（/service/maintenance/ 等）专属样式
   ================================================================ */

/* hero 底部证明小字 */
.service-hero-proof {
    text-align: center;
    margin-top: 28px;
    font-size: 13.5px;
    color: rgba(124, 73, 41, 0.62);
    letter-spacing: 0.02em;
}

/* 服务亮点卡 · 2 列 2 行（service-detail Cards 数组）*/
.service-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 24px;
}
@media (max-width: 768px) {
    .service-feature-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
.service-feature-card {
    background: linear-gradient(135deg, rgba(255, 252, 244, 0.85) 0%, rgba(252, 245, 230, 0.70) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 14px;
    padding: 22px 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(124, 73, 41, 0.06),
        0 4px 10px -3px rgba(124, 73, 41, 0.10);
    transition: all 0.25s ease;
}
.service-feature-card:hover {
    border-color: rgba(204, 61, 52, 0.25);
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 6px 14px -3px rgba(124, 73, 41, 0.14);
}
.service-feature-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #CC3D34;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}
.service-feature-title {
    font-size: 20px;
    font-weight: 700;
    color: #2C1810;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.005em;
}
.service-feature-subtitle {
    font-size: 14.5px;
    color: rgba(60, 38, 24, 0.78);
    margin: 0;
    line-height: 1.45;
}
.service-feature-meta {
    font-size: 12.5px;
    color: rgba(124, 73, 41, 0.62);
    letter-spacing: 0.02em;
}
.service-feature-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 14px 10px;
    background: rgba(156, 84, 48, 0.05);
    border-radius: 10px;
    border: 1px solid rgba(156, 84, 48, 0.10);
}
.service-feature-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-align: center;
}
.service-feature-stat-num {
    font-size: 19px;
    font-weight: 700;
    color: #CC3D34;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
.service-feature-stat-label {
    font-size: 11.5px;
    color: rgba(124, 73, 41, 0.7);
    letter-spacing: 0.02em;
}
.service-feature-quote {
    margin: 0;
    padding: 12px 14px;
    background: rgba(255, 248, 231, 0.50);
    border-left: 3px solid #CC3D34;
    border-radius: 0 8px 8px 0;
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.86);
    font-style: italic;
    line-height: 1.55;
}

/* 痛点卡片 · 桌面固定 3 列（6 项 → 3+3 对称）· 响应式自适应 */
.service-pain-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 24px;
}
.service-pain-card {
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: all 0.2s ease;
}
.service-pain-card:hover {
    background: rgba(204, 61, 52, 0.04);
    border-color: rgba(204, 61, 52, 0.22);
}
.service-pain-icon {
    font-size: 22px;
    line-height: 1;
    flex-shrink: 0;
}
.service-pain-text {
    margin: 0;
    font-size: 14.5px;
    color: rgba(60, 38, 24, 0.88);
    line-height: 1.55;
}
/* 平板 2 列（6 项 → 3 行 × 2 列）*/
@media (max-width: 900px) {
    .service-pain-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 移动端 1 列 */
@media (max-width: 600px) {
    .service-pain-grid {
        grid-template-columns: 1fr;
    }
}

/* 服务流程 · 4 步带编号 */
.service-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 24px;
    counter-reset: step;
}
@media (max-width: 900px) {
    .service-steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .service-steps-grid {
        grid-template-columns: 1fr;
    }
}
.service-step-card {
    background: rgba(255, 252, 244, 0.65);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 14px;
    padding: 24px 22px 22px;
    text-align: left;
    position: relative;
    transition: all 0.25s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(124, 73, 41, 0.05);
}
.service-step-card:hover {
    border-color: rgba(204, 61, 52, 0.25);
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 6px 14px -3px rgba(124, 73, 41, 0.14);
}
.service-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
    box-shadow: 0 4px 10px -2px rgba(204, 61, 52, 0.30);
}
.service-step-title {
    font-size: 17px;
    font-weight: 700;
    color: #2C1810;
    margin: 0 0 6px;
    line-height: 1.3;
}
.service-step-desc {
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.72);
    margin: 0;
    line-height: 1.5;
}

/* 服务定价 · PricingHTML inline 渲染包装 · 复用 tier-card 风格变体
   关键：flex 自适应 · 不论 3/4/5 卡都满宽显示 · 6+ 自动换行 */
.service-pricing-wrapper {
    margin: 8px 0 16px;
}
.service-pricing-wrapper .pricing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;                 /* 行内 item 居中 · 避免右侧留空 */
    align-items: stretch;                    /* 同行卡片等高 */
}
.service-pricing-wrapper .pricing-card {
    flex: 1 1 220px;                          /* 基础 220 + 平分剩余空间 */
    min-width: 220px;
    max-width: 320px;                         /* 单卡上限 · 防卡数少时过宽 */
}
@media (max-width: 600px) {
    .service-pricing-wrapper .pricing-card {
        flex: 1 1 100%;                       /* mobile 单列堆叠 */
        max-width: none;
    }
}
.service-pricing-wrapper .pricing-card {
    position: relative;
    background: linear-gradient(135deg, rgba(255, 252, 244, 0.92) 0%, rgba(252, 245, 230, 0.82) 100%);
    border: 1px solid rgba(156, 84, 48, 0.16);
    border-radius: 14px;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(124, 73, 41, 0.06),
        0 4px 10px -3px rgba(124, 73, 41, 0.10);
    transition: all 0.25s ease;
}
.service-pricing-wrapper .pricing-card:hover {
    transform: translateY(-2px);
    border-color: rgba(204, 61, 52, 0.32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 6px 14px -3px rgba(124, 73, 41, 0.14);
}
.service-pricing-wrapper .pricing-card-featured {
    background: linear-gradient(135deg, rgba(255, 248, 231, 0.95) 0%, rgba(245, 222, 179, 0.78) 100%);
    border-color: rgba(204, 61, 52, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 8px 18px -4px rgba(204, 61, 52, 0.18);
}
.service-pricing-wrapper .pricing-card-badge {
    position: absolute;
    top: -10px;
    right: 16px;
    background: #CC3D34;
    color: #FBF4E8;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
    letter-spacing: 0.06em;
    box-shadow: 0 4px 8px -2px rgba(204, 61, 52, 0.32);
}
.service-pricing-wrapper .pricing-card-name {
    font-size: 16px;
    font-weight: 700;
    color: #2C1810;
    letter-spacing: 0.02em;
}
.service-pricing-wrapper .pricing-card-price {
    font-size: 28px;
    font-weight: 800;
    color: #CC3D34;
    line-height: 1;
    letter-spacing: -0.02em;
}
.service-pricing-wrapper .pricing-card-price-unit {
    font-size: 0.5em;
    color: rgba(124, 73, 41, 0.6);
    font-weight: 600;
    margin-left: 4px;
}
.service-pricing-wrapper .pricing-card-period {
    font-size: 12.5px;
    color: rgba(124, 73, 41, 0.6);
    letter-spacing: 0.02em;
    margin-top: -6px;
}
.service-pricing-wrapper .pricing-card-features {
    list-style: none;
    padding: 0;
    margin: 4px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.service-pricing-wrapper .pricing-card-features li {
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.82);
    line-height: 1.45;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.service-pricing-wrapper .pricing-check {
    color: #CC3D34;
    font-weight: 700;
    flex-shrink: 0;
}
.service-pricing-wrapper .pricing-card .btn {
    margin-top: auto;
    width: 100%;
    justify-content: center;
}

/* ================================================================
   案例页（/cases/, /cases/:slug/, /cases/detail/:id）专属样式
   ================================================================ */

/* 案例筛选 tab（按行业过滤）*/
.case-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 24px 0 32px;
    padding: 0 8px;
}
.case-filter-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 500;
    color: rgba(60, 38, 24, 0.78);
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.16);
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.case-filter-tab:hover {
    background: rgba(204, 61, 52, 0.06);
    border-color: rgba(204, 61, 52, 0.30);
    color: #CC3D34;
}
.case-filter-tab.is-active {
    background: #CC3D34;
    color: #FBF4E8;
    border-color: #CC3D34;
    box-shadow: 0 2px 6px -1px rgba(204, 61, 52, 0.32);
}
.case-filter-tab-emoji {
    font-size: 14px;
    line-height: 1;
}
@media (max-width: 480px) {
    .case-filter-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
    }
}

/* 案例卡 grid · 列表 / 详情页关联案例都用 */
.case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 16px;
}
.case-card {
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.14);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(124, 73, 41, 0.05),
        0 4px 10px -3px rgba(124, 73, 41, 0.10);
}
.case-card:hover {
    transform: translateY(-3px);
    border-color: rgba(204, 61, 52, 0.32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 8px 18px -4px rgba(124, 73, 41, 0.18);
}
.case-card-cover {
    position: relative;
    aspect-ratio: 16/10;
    background: linear-gradient(135deg, rgba(156, 84, 48, 0.06) 0%, rgba(196, 164, 132, 0.10) 100%);
    overflow: hidden;
}
/* 浏览器顶部 bar (macOS Safari 风) · 与首页 peek-slide 视觉统一 */
.case-card-cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 28px;
    background: linear-gradient(to bottom, rgba(252, 245, 230, 0.95) 0%, rgba(245, 234, 210, 0.85) 100%);
    border-bottom: 1px solid rgba(44, 24, 16, 0.08);
    z-index: 2;
    pointer-events: none;
}
/* macOS 三色圆点 */
.case-card-cover::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 12px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FF6058;
    box-shadow: 14px 0 0 #FFBD2E, 28px 0 0 #28C840;
    z-index: 3;
    pointer-events: none;
}
.case-card-cover img {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 28px);
    object-fit: cover;
    object-position: top center;
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.case-card:hover .case-card-cover img {
    transform: scale(1.04);
}
.case-card-cover-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 28px;          /* 让 placeholder 内容也避开 bar */
}
.case-card-placeholder-icon {
    font-size: 64px;
    opacity: 0.4;
    line-height: 1;
}
.case-card-tag {
    position: absolute;
    top: 38px;                   /* bar (28px) + 10px 间距 · 避开三圆点 */
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: rgba(255, 252, 244, 0.92);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(156, 84, 48, 0.18);
    border-radius: 6px;
    font-size: 12px;
    color: #2C1810;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(124, 73, 41, 0.08);
    z-index: 4;
}
.case-card-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.case-card-title {
    font-size: 16px;
    font-weight: 600;
    color: #2C1810;
    margin: 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12.5px;
    color: rgba(124, 73, 41, 0.65);
}
.case-card-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.case-card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px dashed rgba(156, 84, 48, 0.18);
    font-size: 12px;
    color: rgba(124, 73, 41, 0.72);
}
.case-card-stat strong {
    color: #CC3D34;
    font-weight: 700;
    font-size: 14px;
    margin-right: 2px;
}

/* 案例空状态 */
.case-empty {
    text-align: center;
    padding: 60px 20px;
}
.case-empty-emoji {
    font-size: 56px;
    margin-bottom: 16px;
    opacity: 0.6;
}
.case-empty-title {
    font-size: 20px;
    font-weight: 600;
    color: #2C1810;
    margin: 0 0 8px;
}
.case-empty-desc {
    font-size: 14.5px;
    color: rgba(124, 73, 41, 0.65);
    margin: 0 0 24px;
}

/* ====== 案例详情页专属 ====== */

/* 大封面图 frame · 浏览器 chrome (大 · 同首页 peek-slide 38px bar) */
.case-cover-section {
    padding-top: 40px !important;          /* hero 与封面之间的间距 */
}
.case-cover-frame {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(156, 84, 48, 0.18);
    background: rgba(156, 84, 48, 0.06);
    padding-top: 38px;                     /* 顶部 bar 空间 */
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 12px 32px -8px rgba(124, 73, 41, 0.20);
}
/* 浏览器顶部 bar */
.case-cover-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: linear-gradient(to bottom, rgba(252, 245, 230, 0.95) 0%, rgba(245, 234, 210, 0.85) 100%);
    border-bottom: 1px solid rgba(44, 24, 16, 0.08);
    z-index: 2;
    pointer-events: none;
}
/* macOS 三色圆点 */
.case-cover-frame::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 16px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FF6058;
    box-shadow: 18px 0 0 #FFBD2E, 36px 0 0 #28C840;
    z-index: 3;
    pointer-events: none;
}
.case-cover-image {
    display: block;
    width: 100%;
    height: auto;
    /* 不裁切 · 按图片实际宽高比完整显示（长截图直接撑高显示完）*/
}

/* 需求 · 方案 · 成果 3 段 */
.case-stage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 24px;
}
@media (max-width: 768px) {
    .case-stage-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
.case-stage-card {
    background: rgba(255, 252, 244, 0.65);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 14px;
    padding: 24px 22px 26px;
    position: relative;
    transition: all 0.25s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(124, 73, 41, 0.05);
}
.case-stage-card:hover {
    border-color: rgba(204, 61, 52, 0.25);
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 3px rgba(124, 73, 41, 0.10),
        0 6px 14px -3px rgba(124, 73, 41, 0.14);
}
.case-stage-num {
    position: absolute;
    top: 16px;
    right: 18px;
    font-size: 36px;
    font-weight: 800;
    color: rgba(204, 61, 52, 0.10);
    letter-spacing: -0.03em;
    line-height: 1;
}
.case-stage-emoji {
    display: inline-block;
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1;
    filter: drop-shadow(0 4px 8px rgba(204, 61, 52, 0.15));
}
.case-stage-title {
    font-size: 18px;
    font-weight: 700;
    color: #2C1810;
    margin: 0 0 10px;
}
.case-stage-desc {
    font-size: 14.5px;
    color: rgba(60, 38, 24, 0.78);
    line-height: 1.65;
    margin: 0;
}

/* 截图展示 grid */
.case-screenshots-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
    margin-top: 24px;
}
.case-screenshot {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(156, 84, 48, 0.16);
    background: rgba(156, 84, 48, 0.04);
    padding-top: 24px;                  /* 浏览器 bar 空间 (小) */
    transition: all 0.25s ease;
    box-shadow: 0 1px 2px rgba(124, 73, 41, 0.06);
}
/* 浏览器顶部 bar (小) */
.case-screenshot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 24px;
    background: linear-gradient(to bottom, rgba(252, 245, 230, 0.95) 0%, rgba(245, 234, 210, 0.85) 100%);
    border-bottom: 1px solid rgba(44, 24, 16, 0.08);
    z-index: 2;
    pointer-events: none;
}
/* macOS 三色圆点 (小) */
.case-screenshot::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FF6058;
    box-shadow: 12px 0 0 #FFBD2E, 24px 0 0 #28C840;
    z-index: 3;
    pointer-events: none;
}
.case-screenshot:hover {
    transform: translateY(-2px);
    border-color: rgba(204, 61, 52, 0.32);
    box-shadow: 0 1px 3px rgba(124, 73, 41, 0.10), 0 6px 14px -3px rgba(124, 73, 41, 0.14);
}
.case-screenshot img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: top center;
}

/* 询盘前后对比 */
.case-compare-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
    max-width: 720px;
    margin: 32px auto 8px;
}
@media (max-width: 600px) {
    .case-compare-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .case-compare-arrow {
        transform: rotate(90deg);
    }
}
.case-compare-card {
    text-align: center;
    padding: 28px 24px;
    border-radius: 14px;
    border: 1px solid rgba(156, 84, 48, 0.16);
}
.case-compare-before {
    background: rgba(196, 164, 132, 0.10);
}
.case-compare-after {
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.08) 0%, rgba(232, 181, 71, 0.06) 100%);
    border-color: rgba(204, 61, 52, 0.32);
    box-shadow: 0 4px 14px -4px rgba(204, 61, 52, 0.20);
}
.case-compare-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(124, 73, 41, 0.72);
    margin-bottom: 8px;
}
.case-compare-after .case-compare-label {
    color: #CC3D34;
}
.case-compare-num {
    font-size: 40px;
    font-weight: 800;
    color: #2C1810;
    line-height: 1;
    letter-spacing: -0.02em;
}
.case-compare-after .case-compare-num {
    color: #CC3D34;
}
.case-compare-unit {
    font-size: 0.4em;
    color: rgba(124, 73, 41, 0.6);
    font-weight: 600;
    margin-left: 4px;
}
.case-compare-after .case-compare-unit {
    color: rgba(204, 61, 52, 0.7);
}
.case-compare-desc {
    font-size: 13px;
    color: rgba(124, 73, 41, 0.68);
    margin-top: 8px;
}
.case-compare-arrow {
    font-size: 32px;
    color: #CC3D34;
    line-height: 1;
    text-align: center;
}

/* 客户证言 */
.case-testimonial-block {
    text-align: center;
    padding: 48px 32px !important;
    position: relative;
}
.case-testimonial-quote {
    position: absolute;
    top: 8px;
    left: 32px;
    font-size: 100px;
    line-height: 1;
    font-family: Georgia, serif;
    color: rgba(204, 61, 52, 0.18);
    font-weight: 700;
}
.case-testimonial-text {
    font-size: 20px;
    line-height: 1.65;
    color: rgba(60, 38, 24, 0.92);
    margin: 0 0 16px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
}
.case-testimonial-cite {
    display: block;
    font-size: 14px;
    font-style: normal;
    color: #CC3D34;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* ====== 证言作者卡片（头像 + 信息 + 5 星）====== */
.case-testimonial-author {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(156, 84, 48, 0.10);
    text-align: left;
    flex-wrap: wrap;
    justify-content: center;
}
.case-testimonial-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 4px 10px -2px rgba(204, 61, 52, 0.32);
    flex-shrink: 0;
}
.case-testimonial-author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}
.case-testimonial-author-name {
    font-size: 15px;
    color: #2C1810;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.case-testimonial-author-role {
    font-size: 13px;
    color: rgba(124, 73, 41, 0.65);
}
.case-testimonial-rating {
    margin-left: auto;
    font-size: 18px;
    color: #E8B547;
    letter-spacing: 2px;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(204, 61, 52, 0.15);
}
@media (max-width: 600px) {
    .case-testimonial-block {
        padding: 24px 18px !important;
    }
    .case-testimonial-text {
        font-size: 16.5px;
    }
    .case-testimonial-rating {
        margin-left: 0;
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }
}

/* ================================================================
   案例详情 · 信任徽章 + 服务清单 + 时间线（P0 大厂吸客元素）
   ================================================================ */

/* hero 信任徽章 chips */
.case-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 24px 0 8px;
}
.case-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(156, 84, 48, 0.16);
    font-size: 13px;
    font-weight: 600;
    color: rgba(60, 38, 24, 0.85);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 2px rgba(124, 73, 41, 0.05);
    transition: all 0.2s ease;
}
.case-trust-badge:hover {
    border-color: rgba(204, 61, 52, 0.30);
    background: rgba(255, 252, 244, 0.85);
}
.case-trust-badge-star {
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.10) 0%, rgba(232, 181, 71, 0.10) 100%);
    border-color: rgba(204, 61, 52, 0.32);
    color: #CC3D34;
}
.case-trust-badge-icon {
    font-size: 14px;
    line-height: 1;
}

/* 服务清单 + 时间线 · 双栏 */
.case-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: stretch;
}
@media (max-width: 900px) {
    .case-meta-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
.case-meta-block {
    display: flex;
    flex-direction: column;
}
.case-meta-header {
    margin-bottom: 20px !important;
    text-align: left !important;
}
.case-meta-title {
    font-size: 22px !important;
    white-space: normal !important;
    text-align: left !important;
}

/* 服务 chips 列表 */
.case-services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}
.case-service-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 248, 231, 0.85) 0%, rgba(245, 222, 179, 0.30) 100%);
    border: 1px solid rgba(156, 84, 48, 0.18);
    font-size: 13.5px;
    font-weight: 600;
    color: #2C1810;
    line-height: 1.3;
    transition: all 0.2s ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.case-service-chip:hover {
    border-color: rgba(204, 61, 52, 0.32);
    transform: translateY(-1px);
}
.case-service-chip-icon {
    font-size: 15px;
    line-height: 1;
}

/* 服务清单底部承诺锚定（margin-top: auto 把承诺推到卡底 · 与右卡时间线底对齐）*/
.case-services-promises {
    list-style: none;
    margin: auto 0 0;                       /* ★ 关键：上 margin auto 把列表推到卡底 */
    padding: 22px 0 0;
    border-top: 1px solid rgba(156, 84, 48, 0.12);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.case-services-promise {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.86);
    line-height: 1.5;
}
.case-services-promise strong {
    color: #2C1810;
    font-weight: 700;
}
.case-services-promise-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-top: 2px;
    box-shadow: 0 2px 4px -1px rgba(204, 61, 52, 0.32);
}

/* 项目时间线 · 垂直步骤 */
.case-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
}
.case-timeline::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 18px;
    bottom: 18px;
    width: 2px;
    background: linear-gradient(180deg,
        rgba(204, 61, 52, 0.30) 0%,
        rgba(204, 61, 52, 0.18) 100%);
    pointer-events: none;
}
.case-timeline-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    position: relative;
    z-index: 1;
}
.case-timeline-dot {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255, 252, 244, 0.95);
    border: 2px solid #CC3D34;
    color: #CC3D34;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px -1px rgba(204, 61, 52, 0.20);
}
.case-timeline-step.is-complete .case-timeline-dot {
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    border-color: #CC3D34;
    box-shadow: 0 4px 10px -2px rgba(204, 61, 52, 0.40);
}
.case-timeline-body {
    flex: 1;
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.case-timeline-when {
    font-size: 11.5px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.case-timeline-title {
    font-size: 15.5px;
    color: #2C1810;
    line-height: 1.35;
}
.case-timeline-desc {
    font-size: 13px;
    color: rgba(124, 73, 41, 0.72);
    margin: 2px 0 0;
    line-height: 1.45;
}

@media (max-width: 480px) {
    .industry-about-visual {
        padding: 20px 16px;
    }
    .industry-about-emoji {
        font-size: 56px;
    }
    .industry-about-tagline {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .industry-about-stat-num {
        font-size: 22px;
    }
    .industry-about-stat-label {
        font-size: 11.5px;
    }
    .industry-about-lead {
        font-size: 15px;
    }
    .industry-about-lead::first-letter {
        font-size: 1.7em;
    }
    .industry-about-bullets li {
        font-size: 14px;
    }
    .industry-about-cta .btn {
        width: 100%;
        min-width: 0;
    }
}

/* 行业案例卡片网格 */
.industry-cases-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
    margin: 24px 0 16px;
}
.industry-case-card {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.12);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: 0 1px 2px rgba(124, 73, 41, 0.05), 0 4px 10px -3px rgba(124, 73, 41, 0.08);
}
.industry-case-card:hover {
    transform: translateY(-2px);
    border-color: rgba(204, 61, 52, 0.32);
    box-shadow: 0 1px 3px rgba(124, 73, 41, 0.10), 0 6px 16px -4px rgba(124, 73, 41, 0.14);
}
.industry-case-image {
    aspect-ratio: 4/3;
    background: rgba(156, 84, 48, 0.06);
    overflow: hidden;
}
.industry-case-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.industry-case-body {
    padding: 14px 16px 16px;
}
.industry-case-name {
    font-size: 16px;
    font-weight: 600;
    color: #2C1810;
    margin: 0 0 6px;
    line-height: 1.35;
}
.industry-case-desc {
    font-size: 13px;
    color: rgba(124, 73, 41, 0.65);
    line-height: 1.45;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.industry-cases-footer {
    text-align: center;
    margin-top: 8px;
}


/* ========================================
   ★ Pricing 定价页专属（详细对比表 + 证言静态网格）
   ======================================== */

/* --- 详细对比表 --- */
.pricing-compare-wrapper {
    margin-top: 24px;
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid rgba(156, 84, 48, 0.14);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 16px -6px rgba(94, 52, 26, 0.06);
    background: linear-gradient(180deg, rgba(255, 252, 245, 0.85) 0%, rgba(252, 245, 230, 0.55) 100%);
}
.pricing-compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
    color: #2C1810;
    min-width: 720px;
}
.pricing-compare-table thead th {
    padding: 18px 14px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    color: #2C1810;
    background: linear-gradient(180deg, rgba(245, 222, 179, 0.55) 0%, rgba(252, 245, 230, 0.30) 100%);
    border-bottom: 2px solid rgba(156, 84, 48, 0.20);
    white-space: nowrap;
}
.pricing-compare-table thead th:first-child {
    text-align: left;
    padding-left: 22px;
}
.pricing-compare-table thead th.is-featured {
    background: linear-gradient(180deg, rgba(204, 61, 52, 0.14) 0%, rgba(204, 61, 52, 0.06) 100%);
    color: #AA322A;
    position: relative;
}
.pricing-compare-table thead th.is-featured::after {
    content: "★ 推荐";
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.4px;
    opacity: 0.85;
}
.pricing-compare-price {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    color: rgba(124, 73, 41, 0.75);
    letter-spacing: 0.3px;
}
.pricing-compare-table thead th.is-featured .pricing-compare-price {
    color: rgba(204, 61, 52, 0.85);
}
.pricing-compare-table tbody td {
    padding: 13px 14px;
    text-align: center;
    border-bottom: 1px solid rgba(156, 84, 48, 0.08);
    color: rgba(60, 38, 24, 0.92);
    line-height: 1.45;
}
.pricing-compare-table tbody td:first-child {
    text-align: left;
    padding-left: 22px;
    font-weight: 600;
    color: #2C1810;
    background: linear-gradient(90deg, rgba(252, 245, 230, 0.40) 0%, transparent 100%);
}
.pricing-compare-table tbody tr:hover td {
    background: rgba(255, 248, 231, 0.30);
}
.pricing-compare-table tbody tr:hover td:first-child {
    background: linear-gradient(90deg, rgba(252, 245, 230, 0.65) 0%, transparent 100%);
}
.pricing-compare-group {
    text-align: left !important;
    padding-left: 22px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #CC3D34 !important;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.10) 0%, transparent 100%) !important;
    padding-top: 18px !important;
    padding-bottom: 10px !important;
    border-top: 1px solid rgba(204, 61, 52, 0.18);
}
.pricing-compare-table tbody tr:first-child .pricing-compare-group {
    border-top: none;
}
@media (max-width: 720px) {
    .pricing-compare-table {
        font-size: 13px;
    }
    .pricing-compare-table thead th,
    .pricing-compare-table tbody td {
        padding: 10px 8px;
    }
    .pricing-compare-table thead th:first-child,
    .pricing-compare-table tbody td:first-child {
        padding-left: 12px;
    }
}

/* --- Pricing 客户证言静态网格（不滚动）--- */
.pricing-testimonials {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 24px;
}
.pricing-testimonials .testimonial-card {
    flex: none;
    width: auto;
    min-width: 0;
}
@media (max-width: 640px) {
    .pricing-testimonials {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* --- 3 路径 CTA（pricing/case-detail 末尾共用）--- */
.industry-cta-actions {
    flex-wrap: wrap;
}

/* --- 网格列数 modifier（不污染首页 4 列默认值）--- */
/* 一行 5 个 · pricing 价格承诺专用（PC 不换行）*/
.promise-grid.is-5col {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1024px) {
    .promise-grid.is-5col {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 520px) {
    .promise-grid.is-5col {
        grid-template-columns: 1fr;
    }
}

/* 一行 3 个 · pricing 增值服务 / service 服务清单专用 */
.industry-grid-cards.is-3col {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
    .industry-grid-cards.is-3col {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 520px) {
    .industry-grid-cards.is-3col {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   ★★★ Pricing 定价页 · 大厂级转化模块（完整版）
   ★★★ 段 A-M · 紧迫感 / logo 墙 / 背书 / quiz / 锚定 / 退款 / 三方对比 / sticky 表 / CTA
   ================================================================ */

/* ─── A. 紧迫感 banner（薄条 · Hero 与 logo 墙之间）─── */
.pricing-urgency-banner {
    margin-top: clamp(24px, 3.5vw, 48px);   /* ★ 与 Hero 拉开间距 */
    padding: 14px 0;
    background: linear-gradient(90deg,
        rgba(204, 61, 52, 0.96) 0%,
        rgba(170, 50, 42, 0.94) 50%,
        rgba(204, 61, 52, 0.96) 100%);
    color: #FBF4E8;
    position: relative;
    overflow: hidden;
}
.pricing-urgency-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(45deg,
        transparent 0,
        transparent 12px,
        rgba(255, 255, 255, 0.04) 12px,
        rgba(255, 255, 255, 0.04) 13px);
    pointer-events: none;
}
.pricing-urgency-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 14px;
    position: relative;
    z-index: 1;
}
.pricing-urgency-icon {
    font-size: 18px;
}
.pricing-urgency-text {
    line-height: 1.5;
}
.pricing-urgency-text strong {
    font-weight: 700;
    letter-spacing: 0.3px;
}
.pricing-urgency-num {
    display: inline-block;
    padding: 2px 10px;
    margin: 0 4px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    font-style: normal;
    font-weight: 700;
    color: #FFF;
    font-size: 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.pricing-urgency-link {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.94);
    color: #CC3D34;
    border-radius: 999px;
    font-weight: 700;
    font-size: 13.5px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.pricing-urgency-link:hover {
    background: #FFF;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 640px) {
    .pricing-urgency-content {
        font-size: 13px;
        gap: 10px;
    }
}

/* ─── B. 客户 logo 墙（6×4 = 24 logo · 行业匿名版）─── */
.pricing-logo-wall {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.pricing-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 245, 230, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #2C1810;
    text-align: center;
    line-height: 1.2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
}
.pricing-logo:hover {
    border-color: rgba(204, 61, 52, 0.25);
    transform: translateY(-2px);
    box-shadow:
        0 4px 12px -2px rgba(94, 52, 26, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.pricing-logo-icon {
    font-size: 18px;
    line-height: 1;
}
@media (max-width: 1024px) {
    .pricing-logo-wall {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 640px) {
    .pricing-logo-wall {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .pricing-logo {
        padding: 12px 8px;
        font-size: 12px;
    }
}

/* ─── C. 第三方背书行（4 项数据 · 分隔线）─── */
.pricing-3rdparty {
    margin-top: 32px;
    padding: 24px;
    background: linear-gradient(180deg,
        rgba(245, 222, 179, 0.30) 0%,
        rgba(252, 245, 230, 0.20) 100%);
    border-radius: 16px;
    border: 1px solid rgba(156, 84, 48, 0.10);
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 12px;
}
.pricing-3rdparty-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    min-width: 0;
}
.pricing-3rdparty-stars {
    font-size: 14px;
    color: #F39C12;
    letter-spacing: 1px;
    line-height: 1;
}
.pricing-3rdparty-num {
    font-size: 30px;
    font-weight: 800;
    color: #CC3D34;
    line-height: 1;
    letter-spacing: -0.5px;
    margin-top: 2px;
}
.pricing-3rdparty-num span {
    font-size: 16px;
    font-weight: 600;
    color: rgba(124, 73, 41, 0.65);
    margin-left: 2px;
}
.pricing-3rdparty-label {
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.70);
    line-height: 1.4;
    margin-top: 4px;
}
.pricing-3rdparty-divider {
    width: 1px;
    height: 44px;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(156, 84, 48, 0.25) 50%,
        transparent 100%);
}
@media (max-width: 720px) {
    .pricing-3rdparty {
        flex-wrap: wrap;
        gap: 18px;
        padding: 18px;
    }
    .pricing-3rdparty-divider {
        display: none;
    }
    .pricing-3rdparty-item {
        flex: 1 1 40%;
    }
    .pricing-3rdparty-num {
        font-size: 24px;
    }
}

/* ─── D. 方案推荐 quiz（4 卡 · 按企业规模）─── */
.pricing-quiz-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 28px;
}
.pricing-quiz-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 22px 26px;
    background: linear-gradient(180deg,
        rgba(255, 252, 244, 0.80) 0%,
        rgba(252, 245, 230, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 16px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.pricing-quiz-card:hover {
    transform: translateY(-4px);
    border-color: rgba(204, 61, 52, 0.30);
    box-shadow:
        0 10px 28px -8px rgba(94, 52, 26, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.pricing-quiz-card.is-featured {
    background: linear-gradient(180deg,
        rgba(204, 61, 52, 0.08) 0%,
        rgba(252, 245, 230, 0.65) 100%);
    border-color: rgba(204, 61, 52, 0.30);
    border-width: 2px;
}
.pricing-quiz-badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 12px;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 999px;
    box-shadow: 0 4px 10px -2px rgba(204, 61, 52, 0.40);
    white-space: nowrap;
}
.pricing-quiz-emoji {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 12px;
}
.pricing-quiz-title {
    font-size: 17px;
    font-weight: 700;
    color: #2C1810;
    margin: 0 0 6px;
}
.pricing-quiz-tag {
    font-size: 12px;
    font-weight: 600;
    color: rgba(124, 73, 41, 0.70);
    margin-bottom: 10px;
    letter-spacing: 0.2px;
}
.pricing-quiz-desc {
    font-size: 13px;
    color: rgba(60, 38, 24, 0.78);
    line-height: 1.5;
    margin: 0 0 14px;
}
.pricing-quiz-rec {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px dashed rgba(156, 84, 48, 0.20);
    font-size: 13px;
    font-weight: 700;
    color: #CC3D34;
    line-height: 1.5;
    width: 100%;
}
.pricing-quiz-rec span {
    display: block;
    margin-top: 2px;
    font-size: 18px;
    font-weight: 800;
    color: #2C1810;
    letter-spacing: -0.3px;
}
@media (max-width: 1024px) {
    .pricing-quiz-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 520px) {
    .pricing-quiz-grid {
        grid-template-columns: 1fr;
    }
}

/* ─── E. tier-card 增强：价格锚定 + 折合天 + 退款迷你 ─── */
.tier-anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 8px 0 6px;
    font-size: 12.5px;
    color: rgba(124, 73, 41, 0.60);
    flex-wrap: wrap;
}
.tier-anchor s {
    text-decoration: line-through;
    text-decoration-color: rgba(124, 73, 41, 0.45);
}
.tier-save {
    display: inline-block;
    padding: 2px 10px;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    border-radius: 999px;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px -1px rgba(204, 61, 52, 0.30);
}
.tier-day-equiv {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.62);
    font-weight: 600;
    font-style: italic;
}
.tier-promise-mini {
    display: block;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed rgba(156, 84, 48, 0.18);
    font-size: 12px;
    color: rgba(60, 38, 24, 0.65);
    text-align: center;
    font-weight: 600;
}

/* ─── F. 4 档 tier-card 价格色彩层次（基础深褐 / 标准朱砂 / 高端紫绛 / 旗舰渐变金）─── */
.tier-card-basic .tier-price {
    color: #5C3A1E;
}
.tier-card-standard .tier-price,
.tier-card-featured.tier-card-standard .tier-price {
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.tier-card-premium .tier-price {
    background: linear-gradient(135deg, #6B2C7A 0%, #4A1F58 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.tier-card-ultimate .tier-price {
    background: linear-gradient(135deg, #B8860B 0%, #C9882F 30%, #DAA520 60%, #8B6914 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* ─── G. (已合并到 .tier-badge 主样式 · 顶部全宽 banner) ─── */

/* ─── H. 所有套餐都包含 row（4 套餐下方）─── */
.tier-includes-row {
    margin-top: 24px;
    padding: 20px 24px;
    background: linear-gradient(90deg,
        rgba(245, 222, 179, 0.40) 0%,
        rgba(252, 245, 230, 0.25) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 24px;
}
.tier-includes-label {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    font-size: 14px;
    color: #2C1810;
}
.tier-includes-emoji {
    font-size: 22px;
    line-height: 1;
}
.tier-includes-label strong {
    font-weight: 700;
    color: #CC3D34;
}
.tier-includes-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 16px;
    flex: 1;
}
.tier-includes-list li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(60, 38, 24, 0.85);
    line-height: 1.4;
}
.tier-includes-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    font-size: 10px;
    font-weight: 700;
}
@media (max-width: 900px) {
    .tier-includes-row {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
        gap: 14px;
    }
    .tier-includes-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 12px;
    }
}
@media (max-width: 520px) {
    .tier-includes-list {
        grid-template-columns: 1fr;
    }
}

/* ─── I. 30 天退款 · 玻璃克制版（大厂派 · 不刷脸的信任锚点）─── */
.pricing-refund-banner {
    margin-top: 24px;
    padding: 20px 26px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.80) 0%,
        rgba(245, 222, 179, 0.30) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-left: 4px solid #CC3D34;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 2px 8px -2px rgba(94, 52, 26, 0.06);
}
.pricing-refund-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.14) 0%,
        rgba(204, 61, 52, 0.06) 100%);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #CC3D34;
}
.pricing-refund-content {
    flex: 1;
    min-width: 0;
}
.pricing-refund-title {
    margin: 0 0 3px;
    font-size: 16px;
    font-weight: 700;
    color: #2C1810;
    letter-spacing: -0.1px;
    line-height: 1.4;
}
.pricing-refund-desc {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: rgba(60, 38, 24, 0.72);
}
.pricing-refund-cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    background: transparent;
    color: #CC3D34;
    border: 1.5px solid rgba(204, 61, 52, 0.40);
    border-radius: 10px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.pricing-refund-cta:hover {
    background: #CC3D34;
    color: #FBF4E8;
    border-color: #CC3D34;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px -2px rgba(204, 61, 52, 0.30);
}
@media (max-width: 720px) {
    .pricing-refund-banner {
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
        padding: 18px 20px;
    }
    .pricing-refund-cta {
        align-self: stretch;
        justify-content: center;
    }
}

/* ─── J. 三方对比 mini 表（自助 vs 我们 vs 外包）─── */
.pricing-3way-wrapper {
    margin-top: 24px;
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid rgba(156, 84, 48, 0.14);
    background: linear-gradient(180deg, rgba(255, 252, 245, 0.85) 0%, rgba(252, 245, 230, 0.55) 100%);
}
.pricing-3way-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
    color: #2C1810;
    min-width: 640px;
}
.pricing-3way-table thead th {
    padding: 22px 16px 18px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    background: linear-gradient(180deg, rgba(245, 222, 179, 0.50) 0%, rgba(252, 245, 230, 0.30) 100%);
    border-bottom: 2px solid rgba(156, 84, 48, 0.20);
    line-height: 1.3;
    vertical-align: bottom; /* 让 4 个 th 文字底对齐 · 容纳 is-featured 顶部浮签 */
}
.pricing-3way-table thead th:first-child {
    text-align: left;
    padding-left: 24px;
    background: transparent;
    border-bottom: 2px solid rgba(156, 84, 48, 0.10);
}
.pricing-3way-table thead th.is-featured {
    background: linear-gradient(180deg, rgba(204, 61, 52, 0.18) 0%, rgba(204, 61, 52, 0.06) 100%);
    color: #AA322A;
    position: relative;
    padding-top: 40px;
}
/* 浮签内嵌（不悬浮 · 避免被 wrapper overflow-x:auto 隐式裁切）*/
.pricing-3way-table thead th.is-featured::before {
    content: "✨ 我们的方案";
    position: absolute;
    top: 8px;
    left: 10px;
    right: 10px;
    padding: 5px 0;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 2px 6px -1px rgba(204, 61, 52, 0.35);
    white-space: nowrap;
    line-height: 1.3;
}
.pricing-3way-sub {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(124, 73, 41, 0.65);
    letter-spacing: 0.2px;
}
.pricing-3way-table thead th.is-featured .pricing-3way-sub {
    color: rgba(204, 61, 52, 0.75);
}
.pricing-3way-table tbody td {
    padding: 14px 16px;
    text-align: center;
    border-bottom: 1px solid rgba(156, 84, 48, 0.08);
    color: rgba(60, 38, 24, 0.92);
}
.pricing-3way-table tbody td:first-child {
    text-align: left;
    padding-left: 24px;
    font-weight: 700;
    color: #2C1810;
    background: linear-gradient(90deg, rgba(252, 245, 230, 0.40) 0%, transparent 100%);
}
.pricing-3way-table tbody td.is-featured {
    background: linear-gradient(180deg, rgba(204, 61, 52, 0.06) 0%, rgba(204, 61, 52, 0.02) 100%);
}
.pricing-3way-good {
    color: #1a7d35;
    font-weight: 700;
}
.pricing-3way-bad {
    color: rgba(124, 73, 41, 0.55);
}
.pricing-3way-mid {
    color: #C9882F;
    font-weight: 600;
}
.pricing-3way-unit {
    display: block;
    margin-top: 2px;
    font-size: 11.5px;
    font-weight: 600;
    color: rgba(124, 73, 41, 0.65);
}
.pricing-3way-summary {
    margin-top: 20px;
    padding: 20px 22px;
    background: linear-gradient(135deg,
        rgba(245, 222, 179, 0.40) 0%,
        rgba(252, 245, 230, 0.20) 100%);
    border-left: 4px solid #CC3D34;
    border-radius: 12px;
    font-size: 14.5px;
    line-height: 1.65;
    color: rgba(60, 38, 24, 0.92);
}
.pricing-3way-summary strong {
    color: #CC3D34;
    font-weight: 700;
}

/* ─── K. 详细对比表增强（sticky thead + td.is-featured 列高亮 + check/cross + tfoot CTA）─── */
.pricing-compare-wrapper {
    max-height: 80vh;
    overflow-y: auto;
}
.pricing-compare-table thead th {
    position: sticky;
    top: 0;
    z-index: 5;
    background: linear-gradient(180deg, rgba(252, 245, 230, 0.98) 0%, rgba(245, 222, 179, 0.92) 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.pricing-compare-table thead th.is-featured {
    background: linear-gradient(180deg, rgba(204, 61, 52, 0.20) 0%, rgba(204, 61, 52, 0.10) 100%);
}
.pricing-compare-table tbody td.is-featured {
    background: linear-gradient(180deg, rgba(204, 61, 52, 0.05) 0%, rgba(204, 61, 52, 0.02) 100%);
    font-weight: 600;
    color: #AA322A;
}
.pricing-compare-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(26, 125, 53, 0.18) 0%, rgba(26, 125, 53, 0.08) 100%);
    color: #1a7d35;
    font-weight: 800;
    font-size: 13px;
    line-height: 1;
}
.pricing-compare-cross {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(156, 84, 48, 0.10);
    color: rgba(124, 73, 41, 0.55);
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
}
.pricing-compare-table tfoot td {
    padding: 22px 14px;
    text-align: center;
    background: linear-gradient(180deg, rgba(252, 245, 230, 0.55) 0%, rgba(245, 222, 179, 0.30) 100%);
    border-top: 2px solid rgba(156, 84, 48, 0.20);
}
.pricing-compare-table tfoot td:first-child {
    text-align: left;
    padding-left: 22px;
    font-weight: 700;
    color: #CC3D34;
    background: transparent;
}
.pricing-compare-table tfoot td.is-featured {
    background: linear-gradient(180deg, rgba(204, 61, 52, 0.12) 0%, rgba(204, 61, 52, 0.04) 100%);
}
.pricing-compare-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: rgba(255, 252, 244, 0.85);
    border: 1.5px solid rgba(156, 84, 48, 0.22);
    border-radius: 10px;
    color: #2C1810;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.pricing-compare-cta:hover {
    border-color: #CC3D34;
    color: #CC3D34;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px -2px rgba(204, 61, 52, 0.20);
}
.pricing-compare-cta.is-primary {
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    border-color: transparent;
    color: #FBF4E8;
    box-shadow: 0 4px 12px -2px rgba(204, 61, 52, 0.35);
}
.pricing-compare-cta.is-primary:hover {
    color: #FFF;
    box-shadow: 0 6px 18px -2px rgba(204, 61, 52, 0.45);
}

/* ─── L. testimonial 评分 + 案例链接（pricing 证言段）─── */
.testimonial-rating {
    margin: 8px 0 4px;
    font-size: 14px;
    color: #F39C12;
    letter-spacing: 1.5px;
    line-height: 1;
}
.testimonial-link {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed rgba(156, 84, 48, 0.18);
    font-size: 13px;
    font-weight: 700;
    color: #CC3D34;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 100%;
}
.testimonial-link:hover {
    color: #AA322A;
    transform: translateX(3px);
}

/* ─── M. 末尾 CTA 主副层次化 + FAQ 兜底 ─── */
.pricing-cta-final {
    text-align: center;
    padding: 48px 24px;
    background: linear-gradient(180deg,
        rgba(255, 252, 244, 0.75) 0%,
        rgba(252, 245, 230, 0.45) 100%);
    border-radius: 20px;
    border: 1px solid rgba(156, 84, 48, 0.10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.pricing-cta-final .industry-eyebrow {
    margin-bottom: 12px;
}
.pricing-cta-final-title {
    margin: 0 0 12px;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    color: #2C1810;
    line-height: 1.3;
    letter-spacing: -0.3px;
}
.pricing-cta-final-title em {
    color: #CC3D34;
    font-style: normal;
}
.pricing-cta-final-desc {
    margin: 0 0 28px;
    font-size: 16px;
    color: rgba(60, 38, 24, 0.78);
    line-height: 1.6;
}
.pricing-cta-final-main {
    display: inline-flex;
    padding: 14px 36px !important;
    font-size: 16px !important;
    font-weight: 700;
    box-shadow:
        0 10px 28px -6px rgba(204, 61, 52, 0.45),
        0 2px 6px rgba(204, 61, 52, 0.25);
}
.pricing-cta-final-main:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 36px -6px rgba(204, 61, 52, 0.55),
        0 4px 10px rgba(204, 61, 52, 0.30);
}
.pricing-cta-final-secondary {
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 14px;
    color: rgba(124, 73, 41, 0.60);
}
.pricing-cta-final-link {
    color: rgba(60, 38, 24, 0.75);
    text-decoration: none;
    border-bottom: 1px dashed rgba(124, 73, 41, 0.30);
    transition: all 0.2s ease;
    padding-bottom: 1px;
}
.pricing-cta-final-link:hover {
    color: #CC3D34;
    border-bottom-color: #CC3D34;
}
.pricing-cta-final-sep {
    color: rgba(124, 73, 41, 0.35);
    user-select: none;
}
@media (max-width: 640px) {
    .pricing-cta-final {
        padding: 36px 18px;
    }
    .pricing-cta-final-secondary {
        gap: 8px;
        font-size: 13px;
    }
    .pricing-cta-final-sep {
        display: none;
    }
    .pricing-cta-final-link {
        flex: 1 1 100%;
        text-align: center;
        padding: 6px 0;
    }
}

/* FAQ 兜底链接 */
.faq-fallback {
    margin-top: 24px;
    text-align: center;
    padding: 18px 24px;
    background: linear-gradient(135deg,
        rgba(245, 222, 179, 0.30) 0%,
        rgba(252, 245, 230, 0.20) 100%);
    border-radius: 14px;
    border: 1px dashed rgba(156, 84, 48, 0.20);
}
.faq-fallback p {
    margin: 0;
    font-size: 14.5px;
    color: rgba(60, 38, 24, 0.78);
    line-height: 1.5;
}
.faq-fallback-link {
    color: #CC3D34;
    font-weight: 700;
    text-decoration: none;
    margin-left: 6px;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}
.faq-fallback-link:hover {
    border-bottom-color: #CC3D34;
}


/* ================================================================
   ★★★ Blog 博客列表 + 详情页样式
   ================================================================ */

/* ─── 1. article-card 增强：支持封面图（兼容首页无封面版）─── */
.article-card-cover {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(245, 222, 179, 0.40) 0%, rgba(252, 245, 230, 0.60) 100%);
    position: relative;
}
.article-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: block;
}
.article-card:hover .article-card-cover img {
    transform: scale(1.04);
}
.article-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: clamp(20px, 2vw, 26px);
}
/* 有封面卡：去掉外层 padding（让 cover 撑满）· 仅 body 有 padding */
.article-card:has(.article-card-cover) {
    padding: 0 !important;
    overflow: hidden;
}
.articles-wrapper .article-card:has(.article-card-cover) {
    padding: 0 !important;
}

/* ─── 2. Featured 大文章卡（博客 hero 下方主推）─── */
.blog-featured-card {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 0;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 4px 16px -6px rgba(94, 52, 26, 0.08);
}
.blog-featured-card:hover {
    transform: translateY(-4px);
    border-color: rgba(204, 61, 52, 0.25);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 16px 40px -10px rgba(94, 52, 26, 0.18);
}
.blog-featured-cover {
    position: relative;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(245, 222, 179, 0.50) 0%, rgba(252, 245, 230, 0.60) 100%);
}
.blog-featured-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.blog-featured-card:hover .blog-featured-cover img {
    transform: scale(1.05);
}
.blog-featured-cover-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-featured-placeholder-icon {
    font-size: 96px;
    opacity: 0.5;
    line-height: 1;
}
.blog-featured-pin {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    box-shadow: 0 4px 12px -2px rgba(204, 61, 52, 0.40);
    letter-spacing: 0.4px;
}
.blog-featured-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 3vw, 40px);
    gap: 4px;
}
.blog-featured-category {
    display: inline-block;
    align-self: flex-start;
    margin: 12px 0 14px;
    padding: 4px 12px;
    background: rgba(204, 61, 52, 0.10);
    color: #CC3D34;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.blog-featured-title {
    margin: 0 0 14px;
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 700;
    color: #2C1810;
    line-height: 1.35;
    letter-spacing: -0.3px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-featured-excerpt {
    margin: 0 0 18px;
    font-size: 14.5px;
    color: rgba(60, 38, 24, 0.72);
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-featured-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 20px;
}
.blog-featured-meta-item {
    font-size: 13px;
    color: rgba(124, 73, 41, 0.65);
    font-weight: 600;
}
.blog-featured-cta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    color: #CC3D34;
    font-weight: 700;
    font-size: 14px;
    transition: transform 0.3s ease;
}
.blog-featured-card:hover .blog-featured-cta {
    transform: translateX(4px);
}
@media (max-width: 900px) {
    .blog-featured-card {
        grid-template-columns: 1fr;
    }
    .blog-featured-cover {
        aspect-ratio: 16 / 9;
    }
}

/* ─── 3. blog-filter-tabs · 微调 case-filter-tabs（更紧凑）─── */
.blog-filter-tabs {
    margin-top: 28px;
    justify-content: center;
}

/* ─── 4. 分页（朱砂胶囊 · 数字按钮）─── */
.blog-pagination-section {
    padding-top: 0 !important;
}
.blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 28px 0;
}
.blog-page-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: rgba(255, 252, 244, 0.85);
    border: 1px solid rgba(156, 84, 48, 0.18);
    border-radius: 10px;
    color: #2C1810;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.blog-page-btn:hover {
    border-color: #CC3D34;
    color: #CC3D34;
    background: rgba(255, 252, 244, 0.98);
    transform: translateY(-1px);
}
.blog-page-btn.is-disabled {
    opacity: 0.40;
    pointer-events: none;
    cursor: not-allowed;
}
.blog-page-nums {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 8px;
}
.blog-page-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    background: transparent;
    border-radius: 10px;
    color: rgba(60, 38, 24, 0.78);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.blog-page-num:hover {
    background: rgba(204, 61, 52, 0.08);
    color: #CC3D34;
}
.blog-page-num.is-active {
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    box-shadow: 0 4px 12px -2px rgba(204, 61, 52, 0.35);
}
.blog-page-dots {
    color: rgba(124, 73, 41, 0.45);
    font-weight: 700;
    padding: 0 6px;
}
.blog-pagination-info {
    text-align: center;
    font-size: 13px;
    color: rgba(60, 38, 24, 0.62);
    margin-top: 4px;
}
.blog-pagination-info strong {
    color: #CC3D34;
    font-weight: 700;
}
@media (max-width: 520px) {
    .blog-page-btn {
        padding: 8px 12px;
        font-size: 13px;
    }
    .blog-page-num {
        min-width: 32px;
        height: 32px;
        font-size: 13px;
    }
}

/* ─── 5. 微信群订阅 banner（玻璃克制 · 复用 pricing-refund 风格）─── */
.blog-subscribe-banner {
    padding: 22px 28px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.80) 0%,
        rgba(245, 222, 179, 0.30) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-left: 4px solid #CC3D34;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.blog-subscribe-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.14) 0%, rgba(204, 61, 52, 0.06) 100%);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.blog-subscribe-content {
    flex: 1;
    min-width: 0;
}
.blog-subscribe-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: #2C1810;
}
.blog-subscribe-desc {
    margin: 0;
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.72);
    line-height: 1.5;
}
.blog-subscribe-cta {
    flex-shrink: 0;
    padding: 9px 18px;
    background: transparent;
    color: #CC3D34;
    border: 1.5px solid rgba(204, 61, 52, 0.40);
    border-radius: 10px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.blog-subscribe-cta:hover {
    background: #CC3D34;
    color: #FBF4E8;
}
@media (max-width: 720px) {
    .blog-subscribe-banner {
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
    }
    .blog-subscribe-cta {
        align-self: stretch;
        text-align: center;
    }
}

/* ─── 6. 空状态 ─── */
.blog-empty {
    text-align: center;
    padding: 60px 24px;
}
.blog-empty-emoji {
    font-size: 56px;
    margin-bottom: 16px;
}
.blog-empty-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #2C1810;
}
.blog-empty-desc {
    margin: 0 0 24px;
    font-size: 14px;
    color: rgba(60, 38, 24, 0.65);
    line-height: 1.6;
}
.blog-empty-actions {
    display: inline-flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* ─── 7. 热门文章列表（list.html 用）─── */
.article-hot-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.article-hot-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.55) 0%,
        rgba(252, 245, 230, 0.30) 100%);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-radius: 12px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.2s ease;
}
.article-hot-item:hover {
    border-color: rgba(204, 61, 52, 0.25);
    background: rgba(255, 252, 244, 0.85);
    transform: translateX(3px);
}
.article-hot-rank {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 2px 6px -1px rgba(204, 61, 52, 0.30);
}
.article-hot-item:nth-child(n+4) .article-hot-rank {
    background: rgba(156, 84, 48, 0.20);
    color: rgba(60, 38, 24, 0.75);
    box-shadow: none;
}
.article-hot-body {
    flex: 1;
    min-width: 0;
}
.article-hot-title {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 600;
    color: #2C1810;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-hot-meta {
    display: flex;
    gap: 14px;
    font-size: 12.5px;
    color: rgba(124, 73, 41, 0.62);
}
.article-hot-arrow {
    flex-shrink: 0;
    color: #CC3D34;
    font-size: 16px;
    transition: transform 0.2s ease;
}
.article-hot-item:hover .article-hot-arrow {
    transform: translateX(3px);
}


/* ================================================================
   ★★★ 文章详情页（detail.html）
   ================================================================ */

/* ─── A. Hero 区调整 ─── */
.article-hero .hero-header {
    max-width: 820px;
    margin: 0 auto;
}
.article-hero-header {
    text-align: center;
}
.article-hero-title {
    margin: 14px 0 16px;
    font-size: clamp(28px, 3.6vw, 44px);
    font-weight: 800;
    color: #2C1810;
    line-height: 1.25;
    letter-spacing: -0.5px;
}
.article-hero-summary {
    margin: 0 auto 24px;
    max-width: 720px;
    font-size: clamp(15px, 1.4vw, 17px);
    color: rgba(60, 38, 24, 0.72);
    line-height: 1.65;
}
.article-hero-meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 12px 24px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.70) 0%,
        rgba(245, 222, 179, 0.25) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 999px;
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.article-hero-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.article-hero-meta-item strong {
    color: #2C1810;
    font-weight: 700;
}
.article-hero-meta-icon {
    font-size: 14px;
    line-height: 1;
}
.article-hero-meta-divider {
    width: 1px;
    height: 14px;
    background: rgba(124, 73, 41, 0.30);
}
@media (max-width: 640px) {
    .article-hero-meta {
        padding: 10px 16px;
        gap: 8px;
        font-size: 12.5px;
    }
    .article-hero-meta-divider {
        display: none;
    }
}

/* ─── B. 大封面图（浏览器 chrome）─── */
.article-cover-section {
    padding-top: 0 !important;
}
.article-cover-frame {
    position: relative;
    padding-top: 38px;
    background: linear-gradient(180deg, rgba(255, 252, 244, 0.85) 0%, rgba(252, 245, 230, 0.60) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 12px 36px -10px rgba(94, 52, 26, 0.18);
}
.article-cover-frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: linear-gradient(180deg, rgba(252, 245, 230, 0.95) 0%, rgba(245, 222, 179, 0.40) 100%);
    border-bottom: 1px solid rgba(156, 84, 48, 0.12);
}
.article-cover-frame::after {
    content: "● ● ●";
    position: absolute;
    top: 12px;
    left: 18px;
    color: #CC3D34;
    font-size: 11px;
    letter-spacing: 4px;
    line-height: 1;
    z-index: 2;
}
.article-cover-image {
    display: block;
    width: 100%;
    height: auto;
}

/* ─── C. 正文 + sticky TOC 双栏 ─── */
.article-body-section .container {
    max-width: 1200px;
}
.article-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: clamp(28px, 4vw, 56px);
    align-items: flex-start;
}
.article-toc-sticky {
    position: sticky;
    top: 88px;
    align-self: flex-start;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.article-toc-inner {
    padding: 22px 20px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.article-toc-title {
    font-size: 13px;
    font-weight: 800;
    color: #CC3D34;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(156, 84, 48, 0.14);
}
.article-toc-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.article-toc-link {
    display: block;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 13px;
    color: rgba(60, 38, 24, 0.72);
    text-decoration: none;
    line-height: 1.5;
    transition: all 0.2s ease;
    border-left: 2px solid transparent;
}
.article-toc-link:hover {
    background: rgba(204, 61, 52, 0.06);
    color: #CC3D34;
}
.article-toc-link.is-active {
    background: linear-gradient(90deg, rgba(204, 61, 52, 0.12) 0%, rgba(204, 61, 52, 0.04) 100%);
    color: #CC3D34;
    font-weight: 700;
    border-left-color: #CC3D34;
}
@media (max-width: 1024px) {
    .article-layout {
        grid-template-columns: 1fr;
    }
    .article-toc-sticky {
        position: static;
        max-height: none;
        overflow: visible;
        order: -1;  /* TOC 在 PC 端在左 · 移动端在顶 */
        margin-bottom: 20px;
    }
}

/* ─── D. 正文 typography ─── */
.article-main {
    min-width: 0;
}
.article-content {
    font-size: 16px;
    line-height: 1.85;
    color: #2C1810;
    max-width: 100%;
}
.article-content > * {
    margin: 0 0 18px;
}
.article-content h2 {
    margin: 40px 0 18px;
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 800;
    color: #2C1810;
    line-height: 1.35;
    letter-spacing: -0.3px;
    padding-left: 16px;
    border-left: 4px solid #CC3D34;
    scroll-margin-top: 90px;
}
.article-content h3 {
    margin: 28px 0 12px;
    font-size: clamp(18px, 1.6vw, 21px);
    font-weight: 700;
    color: #2C1810;
    line-height: 1.4;
    scroll-margin-top: 90px;
}
.article-content h4 {
    margin: 22px 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #CC3D34;
}
.article-content p {
    color: rgba(44, 24, 16, 0.85);
    font-size: 16px;
    line-height: 1.85;
}
.article-content a {
    color: #CC3D34;
    text-decoration: none;
    border-bottom: 1px solid rgba(204, 61, 52, 0.30);
    transition: border-color 0.2s ease;
}
.article-content a:hover {
    border-bottom-color: #CC3D34;
}
.article-content strong {
    color: #2C1810;
    font-weight: 700;
}
.article-content em {
    font-style: italic;
    color: #AA322A;
}
.article-content ul,
.article-content ol {
    padding-left: 24px;
    color: rgba(44, 24, 16, 0.85);
}
.article-content ul li,
.article-content ol li {
    margin-bottom: 8px;
    line-height: 1.75;
}
.article-content ul li::marker {
    color: #CC3D34;
}
.article-content blockquote {
    margin: 24px 0;
    padding: 18px 24px;
    background: linear-gradient(135deg,
        rgba(245, 222, 179, 0.40) 0%,
        rgba(252, 245, 230, 0.20) 100%);
    border-left: 4px solid #CC3D34;
    border-radius: 0 12px 12px 0;
    font-size: 15px;
    color: rgba(60, 38, 24, 0.85);
    font-style: italic;
    line-height: 1.7;
}
.article-content blockquote p {
    margin: 0;
}
.article-content code {
    padding: 2px 8px;
    background: rgba(204, 61, 52, 0.08);
    border: 1px solid rgba(204, 61, 52, 0.14);
    border-radius: 6px;
    color: #AA322A;
    font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;
    font-size: 14px;
}
.article-content pre {
    margin: 22px 0;
    padding: 18px 22px;
    background: #2C1810;
    color: #FBF4E8;
    border-radius: 12px;
    overflow-x: auto;
    font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;
    font-size: 13.5px;
    line-height: 1.6;
}
.article-content pre code {
    padding: 0;
    background: transparent;
    border: none;
    color: inherit;
    font-size: inherit;
}
.article-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 24px auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px -8px rgba(94, 52, 26, 0.18);
}
.article-content hr {
    margin: 40px 0;
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(156, 84, 48, 0.30) 50%, transparent 100%);
}
.article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
    background: linear-gradient(180deg, rgba(255, 252, 244, 0.85) 0%, rgba(252, 245, 230, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 12px;
    overflow: hidden;
}
.article-content table th {
    padding: 12px 16px;
    background: linear-gradient(180deg, rgba(245, 222, 179, 0.50) 0%, rgba(252, 245, 230, 0.30) 100%);
    color: #2C1810;
    font-weight: 700;
    text-align: left;
    border-bottom: 2px solid rgba(156, 84, 48, 0.20);
}
.article-content table td {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(156, 84, 48, 0.08);
    color: rgba(44, 24, 16, 0.85);
}

/* ─── E. 标签 chips ─── */
.article-tags-row {
    margin-top: 36px;
    padding: 18px 0;
    border-top: 1px solid rgba(156, 84, 48, 0.14);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.article-tags-label {
    font-size: 13px;
    font-weight: 700;
    color: rgba(60, 38, 24, 0.65);
    margin-right: 4px;
}
.article-tag-chip {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    background: rgba(204, 61, 52, 0.08);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 999px;
    color: #CC3D34;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.article-tag-chip:hover {
    background: #CC3D34;
    color: #FBF4E8;
    border-color: #CC3D34;
    transform: translateY(-1px);
}

/* ─── F. 文章内嵌 CTA（复用 pricing-refund-banner · 文章末尾）─── */
.article-inline-cta {
    margin-top: 36px;
}

/* ─── G. 上下篇导航 ─── */
.article-nav-prev-next {
    margin-top: 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.article-nav-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 22px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.70) 0%,
        rgba(252, 248, 238, 0.45) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 14px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.2s ease;
}
.article-nav-card:not(.is-disabled):hover {
    border-color: rgba(204, 61, 52, 0.30);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px -4px rgba(94, 52, 26, 0.12);
}
.article-nav-card.is-disabled {
    opacity: 0.45;
    pointer-events: none;
}
.article-nav-next {
    text-align: right;
    align-items: flex-end;
}
.article-nav-label {
    font-size: 12px;
    color: #CC3D34;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.article-nav-title {
    font-size: 14.5px;
    font-weight: 600;
    color: #2C1810;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 640px) {
    .article-nav-prev-next {
        grid-template-columns: 1fr;
    }
    .article-nav-next {
        text-align: left;
        align-items: flex-start;
    }
}


/* ================================================================
   ★★★ Help 帮助中心专属样式
   ================================================================ */

/* ─── 1. Hero 搜索框（实时 dropdown）─── */
.help-search-form {
    max-width: 680px;
    margin: 28px auto 0;
    position: relative;
}
.help-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(255, 252, 244, 0.95);
    border: 2px solid rgba(156, 84, 48, 0.18);
    border-radius: 14px;
    transition: all 0.25s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 4px 16px -4px rgba(94, 52, 26, 0.08);
}
.help-search-wrapper:focus-within {
    border-color: #CC3D34;
    background: #FFF;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 8px 24px -6px rgba(204, 61, 52, 0.20),
        0 0 0 4px rgba(204, 61, 52, 0.10);
}
.help-search-icon {
    flex-shrink: 0;
    width: 56px;
    text-align: center;
    font-size: 20px;
    color: rgba(124, 73, 41, 0.55);
    line-height: 1;
}
.help-search-input {
    flex: 1;
    min-width: 0;
    padding: 16px 6px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15.5px;
    font-weight: 600;
    color: #2C1810;
    font-family: inherit;
}
.help-search-input::placeholder {
    color: rgba(124, 73, 41, 0.50);
    font-weight: 500;
}
.help-search-clear {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    background: rgba(156, 84, 48, 0.10);
    border: none;
    border-radius: 50%;
    color: rgba(60, 38, 24, 0.65);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.help-search-clear:hover {
    background: #CC3D34;
    color: #FBF4E8;
}

/* 搜索结果 dropdown */
.help-search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: rgba(255, 252, 244, 0.98);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 14px;
    box-shadow: 0 16px 48px -10px rgba(94, 52, 26, 0.22);
    overflow: hidden;
    z-index: 50;
    max-height: 480px;
    display: flex;
    flex-direction: column;
}
.help-search-results-list {
    overflow-y: auto;
    max-height: 420px;
}
.help-search-result-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    text-decoration: none;
    color: #2C1810;
    transition: background 0.15s ease;
    border-bottom: 1px solid rgba(156, 84, 48, 0.08);
}
.help-search-result-item:last-child {
    border-bottom: none;
}
.help-search-result-item:hover {
    background: rgba(204, 61, 52, 0.05);
}
.help-search-result-icon {
    flex-shrink: 0;
    font-size: 18px;
    margin-top: 1px;
}
.help-search-result-body {
    flex: 1;
    min-width: 0;
}
.help-search-result-title {
    font-size: 14.5px;
    font-weight: 700;
    color: #2C1810;
    line-height: 1.4;
    margin-bottom: 3px;
}
.help-search-result-excerpt {
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.62);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.help-search-empty {
    padding: 36px 18px;
    text-align: center;
}
.help-search-empty-emoji {
    font-size: 36px;
    display: block;
    margin-bottom: 8px;
    opacity: 0.55;
}
.help-search-empty p {
    margin: 0 0 14px;
    font-size: 14px;
    color: rgba(60, 38, 24, 0.65);
}
.help-search-empty-cta {
    display: inline-flex;
    padding: 8px 16px;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}
.help-search-empty-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px -2px rgba(204, 61, 52, 0.40);
}
.help-search-results-footer {
    padding: 12px 18px;
    background: linear-gradient(135deg, rgba(245, 222, 179, 0.30) 0%, rgba(252, 245, 230, 0.15) 100%);
    border-top: 1px solid rgba(156, 84, 48, 0.10);
    text-align: center;
}
.help-search-results-link {
    font-size: 13px;
    font-weight: 700;
    color: #CC3D34;
    text-decoration: none;
}
.help-search-results-link:hover {
    text-decoration: underline;
}

/* ─── 2. 热门搜索词建议 ─── */
.help-hot-keywords {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 10px;
}
.help-hot-keywords-label {
    font-size: 13px;
    color: rgba(60, 38, 24, 0.60);
    font-weight: 600;
}
.help-hot-keyword {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    background: rgba(255, 252, 244, 0.65);
    border: 1px solid rgba(156, 84, 48, 0.18);
    border-radius: 999px;
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.78);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}
.help-hot-keyword:hover {
    background: rgba(204, 61, 52, 0.10);
    border-color: rgba(204, 61, 52, 0.30);
    color: #CC3D34;
}

/* ─── 3. 快捷入口（6 卡 · 网格）─── */
.help-quick-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
    margin-top: 28px;
}
.help-quick-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 22px 14px;
    background: linear-gradient(180deg,
        rgba(255, 252, 244, 0.75) 0%,
        rgba(252, 245, 230, 0.45) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 14px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.help-quick-card:hover {
    transform: translateY(-3px);
    border-color: rgba(204, 61, 52, 0.30);
    box-shadow:
        0 8px 22px -6px rgba(94, 52, 26, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.help-quick-emoji {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
}
.help-quick-title {
    margin: 0 0 4px;
    font-size: 14.5px;
    font-weight: 700;
    color: #2C1810;
}
.help-quick-desc {
    margin: 0;
    font-size: 12px;
    color: rgba(60, 38, 24, 0.62);
    line-height: 1.45;
}
@media (max-width: 1024px) {
    .help-quick-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 520px) {
    .help-quick-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .help-quick-card {
        padding: 18px 10px;
    }
}

/* ─── 4. 帮助分类网格（横向卡片 · icon + 内容 + 箭头）─── */
.help-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 28px;
}
.help-cat-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 22px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 248, 238, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-left: 3px solid rgba(204, 61, 52, 0.18);
    border-radius: 14px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.help-cat-card:hover {
    border-left-color: #CC3D34;
    transform: translateX(3px);
    box-shadow: 0 8px 22px -6px rgba(94, 52, 26, 0.14);
}
.help-cat-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.10) 0%, rgba(204, 61, 52, 0.04) 100%);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.help-cat-body {
    flex: 1;
    min-width: 0;
}
.help-cat-name {
    margin: 0 0 4px;
    font-size: 15.5px;
    font-weight: 700;
    color: #2C1810;
    line-height: 1.3;
}
.help-cat-desc {
    margin: 0;
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.62);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.help-cat-arrow {
    flex-shrink: 0;
    font-size: 18px;
    color: #CC3D34;
    transition: transform 0.2s ease;
}
.help-cat-card:hover .help-cat-arrow {
    transform: translateX(3px);
}
@media (max-width: 900px) {
    .help-cat-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 520px) {
    .help-cat-grid {
        grid-template-columns: 1fr;
    }
}

/* ─── 5. 联系 banner（多渠道）─── */
.help-contact-banner {
    padding: 28px 32px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.80) 0%,
        rgba(245, 222, 179, 0.30) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-left: 4px solid #CC3D34;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.help-contact-banner-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px dashed rgba(156, 84, 48, 0.20);
}
.help-contact-banner-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.14) 0%, rgba(204, 61, 52, 0.06) 100%);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.help-contact-banner-title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 800;
    color: #2C1810;
    letter-spacing: -0.2px;
}
.help-contact-banner-desc {
    margin: 0;
    font-size: 14px;
    color: rgba(60, 38, 24, 0.72);
    line-height: 1.5;
}
.help-contact-channels {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.help-contact-channel {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(255, 252, 244, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-radius: 12px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.2s ease;
}
.help-contact-channel:hover {
    border-color: rgba(204, 61, 52, 0.30);
    background: rgba(255, 252, 244, 0.85);
    transform: translateY(-2px);
}
.help-contact-channel-emoji {
    flex-shrink: 0;
    font-size: 22px;
    line-height: 1;
}
.help-contact-channel-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.help-contact-channel-label {
    font-size: 13px;
    font-weight: 700;
    color: #CC3D34;
}
.help-contact-channel-value {
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.72);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 900px) {
    .help-contact-channels {
        grid-template-columns: repeat(2, 1fr);
    }
    .help-contact-banner {
        padding: 22px;
    }
}
@media (max-width: 520px) {
    .help-contact-channels {
        grid-template-columns: 1fr;
    }
    .help-contact-banner-header {
        gap: 14px;
    }
    .help-contact-banner-icon {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }
}


/* ================================================================
   ★★★ Contact 联系页专属样式
   ================================================================ */

/* ─── 1. 双栏布局（左表单 7 · 右渠道 5）─── */
.contact-grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: clamp(20px, 2.5vw, 36px);
    align-items: flex-start;
}
@media (max-width: 900px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
}

/* ─── 2. 表单卡 ─── */
.contact-form-card {
    padding: clamp(28px, 3vw, 42px) !important;
}
.contact-form-header {
    text-align: left !important;
    margin-bottom: 24px !important;
}
.contact-form-title {
    font-size: clamp(22px, 2.2vw, 28px) !important;
    text-align: left !important;
}
.contact-form-subtitle {
    text-align: left !important;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
@media (max-width: 520px) {
    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}
.contact-form-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    position: relative;
}
.contact-form-label {
    font-size: 13.5px;
    font-weight: 700;
    color: #2C1810;
    letter-spacing: 0.1px;
}
.contact-form-required {
    color: #CC3D34;
    margin-left: 2px;
    font-weight: 700;
}
.contact-form-optional {
    color: rgba(124, 73, 41, 0.55);
    font-weight: 500;
    font-size: 12px;
    margin-left: 4px;
}
.contact-form-input {
    width: 100%;
    padding: 12px 16px;
    background: rgba(255, 252, 244, 0.95);
    border: 1.5px solid rgba(156, 84, 48, 0.20);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #2C1810;
    font-family: inherit;
    line-height: 1.5;
    transition: all 0.2s ease;
    box-sizing: border-box;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.contact-form-input::placeholder {
    color: rgba(124, 73, 41, 0.45);
    font-weight: 400;
}
.contact-form-input:hover {
    border-color: rgba(156, 84, 48, 0.35);
}
.contact-form-input:focus {
    border-color: #CC3D34;
    background: #FFF;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0 0 4px rgba(204, 61, 52, 0.10);
}
.contact-form-input:invalid:not(:placeholder-shown) {
    border-color: rgba(204, 61, 52, 0.45);
}
.contact-form-select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C4929' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
}
.contact-form-textarea {
    resize: vertical;
    min-height: 100px;
    line-height: 1.6;
}
.contact-form-counter {
    text-align: right;
    font-size: 12px;
    color: rgba(124, 73, 41, 0.55);
    margin-top: 4px;
    font-weight: 500;
}

/* 表单内隐私 + 提交 */
.contact-form-privacy {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: linear-gradient(135deg,
        rgba(245, 222, 179, 0.30) 0%,
        rgba(252, 245, 230, 0.15) 100%);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-radius: 10px;
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.78);
    line-height: 1.55;
}
.contact-form-privacy-icon {
    flex-shrink: 0;
    font-size: 15px;
    line-height: 1.3;
}
.contact-form-privacy strong {
    color: #CC3D34;
    font-weight: 700;
}

.contact-form-submit {
    width: 100%;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-shadow:
        0 10px 28px -6px rgba(204, 61, 52, 0.40),
        0 2px 6px rgba(204, 61, 52, 0.20);
    transition: all 0.25s ease;
}
.contact-form-submit:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 36px -6px rgba(204, 61, 52, 0.50),
        0 4px 10px rgba(204, 61, 52, 0.28);
}
.contact-form-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

.contact-form-trust {
    text-align: center;
    font-size: 13px;
    color: rgba(60, 38, 24, 0.62);
    letter-spacing: 0.5px;
}
.contact-form-trust strong {
    color: #CC3D34;
    font-weight: 700;
}

/* ─── 3. 提交成功状态 ─── */
.contact-form-success {
    text-align: center;
    padding: 36px 20px;
}
.contact-form-success-icon {
    font-size: 56px;
    line-height: 1;
    margin-bottom: 16px;
    animation: contactPop 0.4s cubic-bezier(0.2, 1.4, 0.4, 1.0);
}
@keyframes contactPop {
    from { transform: scale(0.6); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
}
.contact-form-success-title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 800;
    color: #2C1810;
    letter-spacing: -0.3px;
}
.contact-form-success-desc {
    margin: 0 0 24px;
    font-size: 14.5px;
    color: rgba(60, 38, 24, 0.78);
    line-height: 1.7;
}
.contact-form-success-desc strong {
    color: #CC3D34;
    font-weight: 700;
}
.contact-form-success-desc a {
    color: #CC3D34;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px dashed rgba(204, 61, 52, 0.40);
}
.contact-form-success-desc a:hover {
    border-bottom-color: #CC3D34;
}
.contact-form-success-actions {
    display: inline-flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* ─── 4. 右侧渠道堆叠卡 ─── */
.contact-channels-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 96px;
}
@media (max-width: 900px) {
    .contact-channels-wrapper {
        position: static;
    }
}
.contact-channels-header {
    text-align: left !important;
    margin-bottom: 8px !important;
}

.contact-channels-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contact-channel-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.80) 0%,
        rgba(252, 245, 230, 0.45) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 14px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.contact-channel-card:hover {
    border-color: rgba(204, 61, 52, 0.30);
    transform: translateX(3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 6px 18px -4px rgba(94, 52, 26, 0.12);
}
.contact-channel-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.14) 0%, rgba(204, 61, 52, 0.06) 100%);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.contact-channel-body {
    flex: 1;
    min-width: 0;
}
.contact-channel-label {
    font-size: 12px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}
.contact-channel-value {
    font-size: 16px;
    font-weight: 800;
    color: #2C1810;
    line-height: 1.3;
    margin-bottom: 3px;
    letter-spacing: -0.1px;
}
.contact-channel-desc {
    font-size: 12.5px;
    color: rgba(60, 38, 24, 0.62);
    line-height: 1.45;
}
.contact-channel-arrow {
    flex-shrink: 0;
    font-size: 18px;
    color: #CC3D34;
    transition: transform 0.2s ease;
}
.contact-channel-card:hover .contact-channel-arrow {
    transform: translateX(3px);
}

/* 微信二维码卡（特殊布局）*/
.contact-channel-card-qr {
    align-items: flex-start;
}
.contact-channel-qr {
    flex-shrink: 0;
    width: 88px;
    height: 88px;
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid rgba(156, 84, 48, 0.14);
    background: #FFF;
    padding: 4px;
    box-shadow: 0 4px 12px -2px rgba(94, 52, 26, 0.08);
}

/* ─── 5. 工作时间 / 地址卡 ─── */
.contact-hours-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    background: linear-gradient(135deg,
        rgba(245, 222, 179, 0.30) 0%,
        rgba(252, 245, 230, 0.15) 100%);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-radius: 12px;
}
.contact-hours-icon {
    flex-shrink: 0;
    font-size: 22px;
    line-height: 1;
    margin-top: 2px;
}
.contact-hours-body {
    flex: 1;
    min-width: 0;
}
.contact-hours-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}
.contact-hours-time {
    font-size: 14.5px;
    color: #2C1810;
    line-height: 1.45;
    margin-bottom: 2px;
}
.contact-hours-time strong {
    font-weight: 800;
    color: #2C1810;
}
.contact-hours-note {
    font-size: 12px;
    color: rgba(60, 38, 24, 0.60);
    line-height: 1.45;
}


/* ================================================================
   ★★★ Contact 第一屏极简版（Stripe Talk to Sales 派）
   ================================================================ */

/* ─── A. 极简 Hero（无 hero-home 那种大 padding · 紧贴表单）─── */
.contact-hero-compact {
    padding: clamp(36px, 4.5vw, 64px) 0 0;
}
.contact-page-header {
    text-align: center;
    margin: 14px auto clamp(28px, 4vw, 48px);
    max-width: 760px;
}


/* ================================================================
   ★★★ About 页专属 · 创始人致辞 + 团队卡 + 量化原则
   ================================================================ */

/* ─── A. 创始人致辞段（Founder Letter · Apple/Stripe 派）─── */
.about-letter {
    position: relative;
    padding: clamp(36px, 5vw, 64px) clamp(28px, 4vw, 56px) clamp(32px, 4vw, 48px);
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.88) 0%,
        rgba(245, 222, 179, 0.32) 50%,
        rgba(252, 245, 230, 0.68) 100%);
    border: 1px solid rgba(156, 84, 48, 0.16);
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 8px 28px -10px rgba(94, 52, 26, 0.10);
    max-width: 880px;
    margin: 0 auto;
}
.about-letter-quote-mark {
    position: absolute;
    top: -10px;
    left: clamp(20px, 4vw, 44px);
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: clamp(120px, 14vw, 180px);
    color: rgba(204, 61, 52, 0.18);
    line-height: 0.85;
    pointer-events: none;
    z-index: 0;
    font-weight: 700;
}
.about-letter-content {
    position: relative;
    z-index: 1;
    color: rgba(60, 38, 24, 0.85);
}
.about-letter-content p {
    margin: 0 0 16px;
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.85;
    letter-spacing: -0.005em;
}
.about-letter-content p:last-child {
    margin-bottom: 0;
}
.about-letter-lead {
    font-size: clamp(17px, 1.7vw, 21px) !important;
    font-weight: 600;
    color: #2C1810 !important;
    line-height: 1.55 !important;
    margin-bottom: 22px !important;
}
.about-letter-lead strong {
    color: #CC3D34;
}
.about-letter-content strong {
    color: #2C1810;
    font-weight: 700;
}
.about-letter-content em {
    color: #AA322A;
    font-style: italic;
    font-weight: 500;
}
.about-letter-final {
    padding-top: 4px;
    border-top: 1px dashed rgba(156, 84, 48, 0.20);
    margin-top: 18px !important;
    padding-top: 18px !important;
}
.about-letter-sign {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(156, 84, 48, 0.14);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-family: 'Georgia', 'Times New Roman', serif;
    font-style: italic;
    position: relative;
    z-index: 1;
}
.about-letter-sign-name {
    font-size: 15px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.2px;
}
.about-letter-sign-date {
    font-size: 13px;
    color: rgba(124, 73, 41, 0.62);
}
@media (max-width: 640px) {
    .about-letter {
        padding: 32px 22px 28px;
    }
    .about-letter-quote-mark {
        font-size: 100px;
        top: -8px;
        left: 14px;
    }
}

/* ─── B. 团队 4 卡 · 圆形头像 + 角色 + 数据 chip + 宣言 quote ─── */
.about-team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.6vw, 20px);
    margin-top: 28px;
}
.about-team-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 22px 24px;
    background: linear-gradient(180deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 245, 230, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.about-team-card:hover {
    transform: translateY(-4px);
    border-color: rgba(204, 61, 52, 0.30);
    box-shadow:
        0 12px 28px -8px rgba(94, 52, 26, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.about-team-avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 16px;
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.14) 0%,
        rgba(204, 61, 52, 0.06) 100%);
    border: 2px solid rgba(204, 61, 52, 0.22);
    box-shadow:
        0 4px 12px -2px rgba(204, 61, 52, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.40);
}
.about-team-avatar-founder {
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    border-color: #CC3D34;
    color: #FBF4E8;
    box-shadow:
        0 6px 16px -2px rgba(204, 61, 52, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.about-team-role {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #2C1810;
    letter-spacing: -0.1px;
    line-height: 1.3;
}
.about-team-tag {
    display: inline-block;
    padding: 3px 10px;
    background: rgba(204, 61, 52, 0.08);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    color: #CC3D34;
    letter-spacing: 0.2px;
    line-height: 1.4;
    margin-bottom: 14px;
    max-width: 100%;
    white-space: normal;
}
.about-team-quote {
    margin: 0;
    padding-top: 14px;
    border-top: 1px dashed rgba(156, 84, 48, 0.18);
    font-size: 12.5px;
    font-style: italic;
    color: rgba(60, 38, 24, 0.72);
    line-height: 1.55;
    width: 100%;
}
@media (max-width: 900px) {
    .about-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .about-team-grid {
        grid-template-columns: 1fr;
    }
    .about-team-card {
        padding: 20px 16px;
    }
}

/* ─── C. 5 大原则量化数据（promise-stat · 数据 chip）─── */
.promise-stat {
    display: inline-block;
    margin: -2px 0 10px;
    padding: 4px 12px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.12) 0%, rgba(204, 61, 52, 0.04) 100%);
    border: 1px solid rgba(204, 61, 52, 0.22);
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.2px;
    line-height: 1.4;
}


/* ================================================================
   ★ Legal 协议页元信息（terms / privacy 共用）
   ================================================================ */

/* ================================================================
   ★ 首页底部 · 全国 34 省市区覆盖段（大厂派 · 8 区域分组）
   ================================================================ */

/* 8 大区域分组网格 · PC 4 列 / 平板 2 列 / 移动 1 列 */
.region-groups {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(14px, 1.5vw, 18px);
    margin-top: 32px;
}
@media (max-width: 1024px) {
    .region-groups {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .region-groups {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* 区域卡片 · 玻璃质感 + 朱砂左条 · 复用 block-card 视觉语言 */
.region-group {
    padding: 18px 20px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.85) 0%,
        rgba(252, 245, 230, 0.55) 100%);
    border: 1px solid rgba(156, 84, 48, 0.14);
    border-left: 3px solid rgba(204, 61, 52, 0.20);
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.region-group:hover {
    border-left-color: #CC3D34;
    transform: translateY(-3px);
    box-shadow:
        0 8px 22px -6px rgba(94, 52, 26, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

/* 区域 header · emoji + 名称 + 省份数 chip */
.region-group-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(156, 84, 48, 0.18);
}
.region-group-emoji {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
}
.region-group-name {
    font-size: 14.5px;
    font-weight: 700;
    color: #2C1810;
    flex: 1;
    letter-spacing: -0.1px;
}
.region-group-count {
    flex-shrink: 0;
    padding: 2px 9px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.12) 0%, rgba(204, 61, 52, 0.04) 100%);
    border: 1px solid rgba(204, 61, 52, 0.20);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    color: #CC3D34;
    letter-spacing: 0.2px;
}

/* 省份 chips · 平铺布局 */
.region-group-provinces {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.region-province {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    background: rgba(255, 252, 244, 0.55);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: rgba(60, 38, 24, 0.85);
    text-decoration: none;
    transition: all 0.18s ease;
    line-height: 1.4;
}
.region-province:hover {
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.12) 0%, rgba(204, 61, 52, 0.04) 100%);
    border-color: rgba(204, 61, 52, 0.30);
    color: #CC3D34;
    transform: translateY(-1px);
}

/* 段尾说明 · 朱砂左条引用风格 */
.region-footer {
    margin-top: 28px;
    padding: 16px 22px;
    background: linear-gradient(135deg,
        rgba(245, 222, 179, 0.30) 0%,
        rgba(252, 245, 230, 0.15) 100%);
    border-left: 4px solid #CC3D34;
    border-radius: 12px;
    font-size: 13.5px;
    line-height: 1.7;
    color: rgba(60, 38, 24, 0.78);
}
.region-footer p {
    margin: 0;
}
.region-footer strong {
    color: #2C1810;
    font-weight: 700;
}
.region-footer a {
    color: #CC3D34;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px dashed rgba(204, 61, 52, 0.40);
    transition: border-color 0.2s;
}
.region-footer a:hover {
    border-bottom-color: #CC3D34;
}


/* ================================================================
   ★ Legal 协议页元信息（terms / privacy 共用）
   ================================================================ */

.legal-meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    padding: 12px 22px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.70) 0%,
        rgba(245, 222, 179, 0.25) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 999px;
    font-size: 13px;
    color: rgba(60, 38, 24, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.legal-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.legal-meta-item strong {
    color: #2C1810;
    font-weight: 700;
}
.legal-meta-icon {
    font-size: 14px;
    line-height: 1;
}
.legal-meta-divider {
    width: 1px;
    height: 14px;
    background: rgba(124, 73, 41, 0.28);
}
@media (max-width: 640px) {
    .legal-meta {
        padding: 10px 16px;
        gap: 8px;
        font-size: 12px;
    }
    .legal-meta-divider {
        display: none;
    }
}
.contact-page-title {
    margin: 14px 0 12px;
    font-size: clamp(28px, 3.6vw, 42px);
    font-weight: 800;
    color: #2C1810;
    line-height: 1.25;
    letter-spacing: -0.5px;
}
.contact-page-title em {
    color: #CC3D34;
    font-style: normal;
}
.contact-page-subtitle {
    margin: 0;
    font-size: clamp(14.5px, 1.3vw, 16px);
    color: rgba(60, 38, 24, 0.72);
    line-height: 1.6;
}

/* ─── B. 表单标题精简（覆盖原 contact-form-header）─── */
.contact-hero-compact .contact-form-header {
    margin-bottom: 18px !important;
    text-align: left;
}
.contact-hero-compact .contact-form-title {
    margin: 0 0 4px;
    font-size: clamp(18px, 1.8vw, 22px);
    font-weight: 800;
    color: #2C1810;
    line-height: 1.35;
    letter-spacing: -0.2px;
}
.contact-hero-compact .contact-form-title em {
    color: #CC3D34;
    font-style: normal;
}
.contact-hero-compact .contact-form-subtitle {
    margin: 0;
    font-size: 13.5px;
    color: rgba(60, 38, 24, 0.65);
    line-height: 1.5;
    text-align: left;
}

/* 隐私提示移到表单顶部（更显眼）*/
.contact-form-card .contact-form-privacy {
    margin-bottom: 18px;
}

/* ─── C. 右侧 · 接下来会怎样 卡（Stripe What to expect 派）─── */
.contact-expect-card {
    padding: clamp(24px, 2.5vw, 32px);
    background: linear-gradient(135deg,
        rgba(204, 61, 52, 0.08) 0%,
        rgba(255, 252, 244, 0.85) 50%,
        rgba(245, 222, 179, 0.30) 100%);
    border: 1px solid rgba(204, 61, 52, 0.18);
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 6px 22px -8px rgba(204, 61, 52, 0.12);
}
.contact-expect-header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px dashed rgba(156, 84, 48, 0.20);
}
.contact-expect-eyebrow {
    display: inline-block;
    padding: 4px 12px;
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px -2px rgba(204, 61, 52, 0.30);
}
.contact-expect-title {
    margin: 0;
    font-size: 19px;
    font-weight: 800;
    color: #2C1810;
    letter-spacing: -0.2px;
    line-height: 1.3;
}
.contact-expect-title em {
    color: #CC3D34;
    font-style: normal;
}
.contact-expect-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}
/* 步骤之间的连接竖线 */
.contact-expect-list::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 16px;
    bottom: 16px;
    width: 2px;
    background: linear-gradient(180deg,
        rgba(204, 61, 52, 0.40) 0%,
        rgba(204, 61, 52, 0.18) 50%,
        rgba(204, 61, 52, 0.40) 100%);
    border-radius: 2px;
}
.contact-expect-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 10px 0;
    position: relative;
    z-index: 1;
}
.contact-expect-num {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 252, 244, 0.98);
    border: 2px solid #CC3D34;
    color: #CC3D34;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 2px 6px -1px rgba(204, 61, 52, 0.18);
}
.contact-expect-item.is-final .contact-expect-num {
    background: linear-gradient(135deg, #CC3D34 0%, #AA322A 100%);
    color: #FBF4E8;
    box-shadow: 0 4px 12px -2px rgba(204, 61, 52, 0.40);
}
.contact-expect-body {
    flex: 1;
    min-width: 0;
    padding-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.contact-expect-step {
    font-size: 14.5px;
    font-weight: 700;
    color: #2C1810;
    line-height: 1.35;
}
.contact-expect-desc {
    font-size: 13px;
    color: rgba(60, 38, 24, 0.70);
    line-height: 1.5;
}

/* ─── D. 备用渠道紧凑版（mini）─── */
.contact-channel-mini-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    background: linear-gradient(135deg,
        rgba(255, 252, 244, 0.65) 0%,
        rgba(252, 245, 230, 0.40) 100%);
    border: 1px solid rgba(156, 84, 48, 0.12);
    border-radius: 14px;
}
.contact-channel-mini-label {
    font-size: 12.5px;
    font-weight: 700;
    color: rgba(60, 38, 24, 0.62);
    margin-bottom: 4px;
    letter-spacing: 0.3px;
}
.contact-channel-mini {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    background: rgba(255, 252, 244, 0.85);
    border: 1px solid rgba(156, 84, 48, 0.10);
    border-radius: 10px;
    text-decoration: none;
    color: #2C1810;
    transition: all 0.2s ease;
}
.contact-channel-mini:hover {
    border-color: rgba(204, 61, 52, 0.30);
    transform: translateX(2px);
}
.contact-channel-mini-icon {
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
}
.contact-channel-mini-value {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 700;
    color: #2C1810;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contact-channel-mini-tag {
    flex-shrink: 0;
    padding: 2px 8px;
    background: rgba(204, 61, 52, 0.10);
    color: #CC3D34;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
/* mini 微信二维码（缩略图 · 点击或 hover 可放大可后续做）*/
.contact-channel-mini-qr {
    cursor: default;
}
.contact-channel-mini-qr-img {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid rgba(156, 84, 48, 0.14);
    background: #FFF;
    padding: 2px;
    object-fit: contain;
}
.contact-channel-mini-time {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed rgba(156, 84, 48, 0.18);
    font-size: 12px;
    color: rgba(60, 38, 24, 0.65);
    line-height: 1.5;
}
.contact-channel-mini-time strong {
    color: #2C1810;
    font-weight: 700;
}

/* ─── E. 第一屏整体响应式：让 Hero + 表单一屏内可见 ─── */
.contact-hero-compact .contact-grid {
    margin-top: 0;
}
@media (max-width: 900px) {
    .contact-hero-compact {
        padding: 24px 0 16px;
    }
    .contact-page-header {
        margin: 8px auto 20px;
    }
}




/* ============================================================================
 * 痛点卡片 · 复用项目标准 .block-card 设计语言 · 仅加 3 个修饰类
 * ----------------------------------------------------------------------------
 * 用法：
 *   <div class="block-card">  ← 完全沿用 features 同款外观（朱砂左边线 + 米色背景 + hover 抬升）
 *     <span class="block-card-icon"><i class="ri-money-cny-circle-line"></i></span>
 *     <h3 class="block-card-name">报价不透明</h3>
 *     <p class="block-card-desc"><em>"客户原话引号"</em></p>
 *     <span class="block-card-meta">— 行业角色</span>
 *   </div>
 *
 * 三个新增：
 *   .block-card .block-card-icon i   让 SVG 字体图标继承 block-card-icon 尺寸
 *   .block-card-desc em              客户原话内联斜体（带引号字符）· 不破坏全局 em
 *   .block-card-meta                 底部角色徽章小字（朱砂 · 跨页通用）
 * ============================================================================ */

.block-card .block-card-icon i {
    font-size: 30px;
    line-height: 1;
    display: inline-block;
}

.block-card-desc em {
    font-style: italic;
    color: rgba(44, 24, 16, 0.72);
    font-weight: 400;
}

.block-card-meta {
    display: block;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px dashed rgba(44, 24, 16, 0.10);
    font-size: 12px;
    color: rgba(204, 61, 52, 0.75);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.block-card:hover .block-card-meta {
    color: rgba(204, 61, 52, 0.95);
    border-top-color: rgba(204, 61, 52, 0.25);
}


/* ============================================================================
 * 痛点 v3 · 视觉冲击 + 代入感增强（修饰类 · 不影响 features 默认 .block-card）
 * ----------------------------------------------------------------------------
 * 用法：在 .block-card 后追加 .pain-card 修饰类，section 加 .pain-section
 *
 *   <section class="glass-section pain-section">
 *     <div class="industry-grid-cards is-3col">
 *       <div class="block-card pain-card">
 *         <span class="block-card-icon pain-icon"><i class="..."></i></span>
 *         <h3 class="block-card-name pain-name">报价不透明</h3>
 *         <p class="block-card-desc pain-quote">
 *           <span class="pain-q-mark">「</span>找…报了 <strong>1.2 万</strong>……<mark>咬牙</mark>付到 <strong>1.8 万</strong>。<span class="pain-q-mark">」</span>
 *         </p>
 *         <div class="pain-author">
 *           <span class="pain-author-avatar">老</span>
 *           <div class="pain-author-info">
 *             <span class="pain-author-name">外贸创始人</span>
 *             <span class="pain-author-meta">企业主</span>
 *           </div>
 *         </div>
 *       </div>
 *     </div>
 *   </section>
 * ============================================================================ */

/* 痛点 section 的 header 解除 760px 宽度限制 · 与下方 grid 同宽（不影响其他 section）*/
.pain-section .industry-header {
    max-width: none;
}

/* section 红色径向光晕 · 焦虑情绪温度（不影响其他 glass-section） */
.pain-section {
    position: relative;
}
.pain-section::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    width: 70%; height: 55%;
    transform: translateX(-50%);
    background: radial-gradient(
        ellipse at center,
        rgba(204, 61, 52, 0.045) 0%,
        transparent 70%
    );
    pointer-events: none;
    z-index: 0;
}
.pain-section .container,
.pain-section .glass-block {
    position: relative;
    z-index: 1;
}

/* 图标升级：30→44px · 圆角朱砂渐变背景 */
.block-card .pain-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.12) 0%, rgba(217, 119, 6, 0.10) 100%);
    color: #cc3d34;
    margin-bottom: 16px;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                background 0.35s ease;
}
.block-card .pain-icon i {
    font-size: 24px;
    line-height: 1;
}
.block-card.pain-card:hover .pain-icon {
    background: linear-gradient(135deg, rgba(204, 61, 52, 0.22) 0%, rgba(217, 119, 6, 0.18) 100%);
    transform: scale(1.06) rotate(-2deg);
    color: #cc3d34;
}

/* 标题用深朱砂红 · 警告语义 */
.pain-name {
    color: #7c2620;
    font-weight: 600;
}

/* 客户原话引号字符装饰 */
.pain-q-mark {
    color: rgba(204, 61, 52, 0.55);
    font-weight: 700;
    font-size: 17px;
    margin: 0 1px;
    user-select: none;
}

/* 数字加重 · 朱砂红 */
.pain-quote strong {
    color: #cc3d34;
    font-weight: 700;
    font-style: normal;
}

/* 情绪词高亮 · 浅红底色 + 深红文字（mark 默认黄底太刺，重写）*/
.pain-quote mark {
    background: rgba(204, 61, 52, 0.10);
    color: #7c2620;
    font-weight: 600;
    font-style: normal;
    padding: 0 4px;
    border-radius: 3px;
}

/* 角色徽章升级 · avatar + name + meta */
.pain-author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed rgba(44, 24, 16, 0.10);
    transition: border-top-color 0.35s ease;
}
.pain-author-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #cc3d34 0%, #d97706 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(204, 61, 52, 0.20);
}
.pain-author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.pain-author-name {
    font-size: 13px;
    color: rgba(60, 38, 24, 0.85);
    font-weight: 600;
    line-height: 1.3;
}
.pain-author-meta {
    font-size: 11px;
    color: rgba(204, 61, 52, 0.75);
    letter-spacing: 0.02em;
    line-height: 1.3;
}
.block-card.pain-card:hover .pain-author {
    border-top-color: rgba(204, 61, 52, 0.30);
}

/* hover 左边线扩张 · 从 3px → 5px */
.block-card.pain-card {
    border-left-width: 3px;
    transition: border-left-width 0.3s ease,
                transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                background 0.35s ease,
                border-color 0.35s ease,
                box-shadow 0.35s ease;
}
.block-card.pain-card:hover {
    border-left-width: 5px;
}

/* stagger 入场动画 · 6 卡逐个 fade-up · 80ms 间隔 */
.pain-card {
    opacity: 0;
    transform: translateY(14px);
    animation: painCardFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.pain-card:nth-child(1) { animation-delay: 0ms; }
.pain-card:nth-child(2) { animation-delay: 70ms; }
.pain-card:nth-child(3) { animation-delay: 140ms; }
.pain-card:nth-child(4) { animation-delay: 210ms; }
.pain-card:nth-child(5) { animation-delay: 280ms; }
.pain-card:nth-child(6) { animation-delay: 350ms; }

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

/* 无障碍：减少动画偏好用户跳过动画 */
@media (prefers-reduced-motion: reduce) {
    .pain-card {
        opacity: 1;
        transform: none;
        animation: none;
    }
    .block-card.pain-card:hover .pain-icon {
        transform: none;
    }
}

/* 移动端微调 */
@media (max-width: 600px) {
    .block-card .pain-icon {
        width: 40px;
        height: 40px;
    }
    .block-card .pain-icon i {
        font-size: 22px;
    }
    .pain-section::before {
        width: 90%;
        height: 40%;
    }
}


/* ============================================================================
 * section 标题 + 副标题移动端缩小（防短标题如"这些场景，是不是也听过？"换行）
 * 大厂移动端 h2 ~22-24px · 副标题 ~13px · 仅 ≤600px 生效 · 不影响 PC/平板
 * 注：.industry-about-header .industry-title 特异性更高 · 保留其自有逻辑不被覆盖
 * ============================================================================ */
@media (max-width: 600px) {
    .industry-title {
        font-size: 23px;
        line-height: 1.3;
    }
    .industry-subtitle {
        font-size: 12.5px;
        line-height: 1.5;
        letter-spacing: -0.01em;   /* 微收字距 · 帮长副标题挤进一行 */
    }
}
@media (max-width: 380px) {
    .industry-title {
        font-size: 20px;
    }
    .industry-subtitle {
        font-size: 11.5px;
    }
}


/* ============================================================================
 * section 标题区与内容间距移动端收紧（大厂移动端 header→content ~28-36px）
 * PC/平板保留原 clamp(56-88px) · 仅 ≤600px 生效
 * ============================================================================ */
@media (max-width: 600px) {
    /* 标题贴近内容 = 成组（远近对比：section 间 48px 远 · 标题→内容 20px 近 ≈ 2.4:1）*/
    .industry-header {
        margin-bottom: 20px;
    }
    /* 我们的承诺 · 特异性更高需单独覆盖（原 60px）· 无 glass-block 卡片故更紧 */
    .promise-section .industry-header {
        margin-bottom: 18px;
    }
}
@media (max-width: 380px) {
    .industry-header,
    .promise-section .industry-header {
        margin-bottom: 16px;
    }
}


/* ============================================================================
 * 我们的承诺 · 移动端"标题贴第一项"收紧（解决无 glass-block 卡片时标题飘的问题）
 * 双列(≤768)：第一行两项顶部收紧 · 单列(≤480)：仅第一项收紧
 * ============================================================================ */
@media (max-width: 768px) {
    .promise-section .promise-pillar:first-child,
    .promise-section .promise-pillar:nth-child(2) {
        padding-top: 6px;
    }
}
@media (max-width: 480px) {
    /* 单列时第 2 项已不在第一行 · 恢复正常 padding */
    .promise-section .promise-pillar:nth-child(2) {
        padding-top: 20px;
    }
    .promise-section .promise-pillar:first-child {
        padding-top: 4px;
    }
}


/* ============================================================================
 * 我们的承诺 · 移动端(≤480)一行两个（2×2 网格）· icon+标题居中 · 不显示简介
 * PC 端 4 列居中网格不变
 * ============================================================================ */
@media (max-width: 480px) {
    .promise-section .promise-grid {
        grid-template-columns: repeat(2, 1fr);   /* 一行两个 */
        gap: 0;
    }

    .promise-section .promise-pillar {
        display: block;
        text-align: center;
        padding: 20px 10px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(44, 24, 16, 0.09) !important;
        transform: none !important;
    }
    /* 2×2 边线：左列(奇数)加右竖线 · 最后一行(后两项)去底线 */
    .promise-section .promise-pillar:nth-child(odd) {
        border-right: 1px solid rgba(44, 24, 16, 0.09) !important;
    }
    .promise-section .promise-pillar:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }
    /* 第一行两项顶部收紧 */
    .promise-section .promise-pillar:first-child,
    .promise-section .promise-pillar:nth-child(2) {
        padding-top: 10px !important;
    }

    /* icon 居中 · 顶部 */
    .promise-section .promise-icon {
        width: 46px !important;
        height: 46px !important;
        padding: 12px !important;
        margin: 0 auto 10px !important;
        border-radius: 12px;
    }

    /* 标题 居中 */
    .promise-section .promise-title {
        text-align: center;
        margin: 0 !important;
        font-size: 14.5px;
        line-height: 1.3;
    }

    /* 不显示简介 */
    .promise-section .promise-desc {
        display: none !important;
    }

    /* 触屏点击微反馈 */
    .promise-section .promise-pillar:active {
        background: rgba(204, 61, 52, 0.03);
    }
}


/* ============================================================================
 * 交付全程透明（四步流程）· 移动端(≤480)一行两个(2×2)· badge+标题居中 · 不显示简介
 * 覆盖 ≤768 的纵向时间轴布局 · PC 4 列横向时间轴不变
 * ============================================================================ */
@media (max-width: 480px) {
    .process-timeline {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0 !important;
        max-width: none !important;
    }
    /* 去掉纵向时间轴竖线 */
    .process-timeline::before {
        display: none !important;
    }

    .process-step {
        text-align: center !important;
        padding: 20px 8px !important;          /* 取消 ≤768 的 padding-left:100px */
        min-height: 0 !important;
        border-bottom: 1px solid rgba(44, 24, 16, 0.09);
    }
    /* 2×2 边线：左列右竖线 · 最后一行去底线 */
    .process-step:nth-child(odd) {
        border-right: 1px solid rgba(44, 24, 16, 0.09);
    }
    .process-step:nth-last-child(-n+2) {
        border-bottom: 0;
    }
    .process-step:active {
        background: rgba(204, 61, 52, 0.03);
    }

    /* badge 还原居中 + 缩小（取消 ≤768 的 absolute left:0）*/
    .process-step-badge {
        position: static !important;
        width: 46px !important;
        height: 46px !important;
        font-size: 18px !important;
        margin: 0 auto 10px !important;
        border-width: 2px !important;
    }

    /* meta 居中（标题 + 时间）*/
    .process-step-meta {
        justify-content: center !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .process-step-title {
        font-size: 14.5px !important;
    }

    /* 不显示简介 */
    .process-step-desc {
        display: none !important;
    }
}

/* 移动端 TV 菜单项高度修复
   PC 端 .holo-item 用 flex:1 1 0 平分左侧 TV 图高度（卡片随图等高、舒展）；
   移动端堆叠(column)后容器高度不再由 TV 图驱动，flex:1 1 0 会按容器高平分、
   把卡片高度压塌成窄条。故移动端改 flex:0 0 auto，让高度由「内容+padding」决定，
   卡片高度稳定一致（不再受运行时容器高度影响）。 */
@media (max-width: 768px) {
    .hero-home .holo-content .holo-item,
    .hero-home .holo-content .holo-item-cta {
        flex: 0 0 auto !important;
        min-height: 0 !important;
        padding: 16px 40px 16px 16px !important;
    }
}