/* ============================================================
   高见元启 · 主样式表
   设计方向：墨青（Ink Teal）+ 暖金（Warm Gold）
   ------------------------------------------------------------
   约定：
   1. 颜色一律走 :root 里的 token，不在选择器里写死 hex
   2. 只保留 3 处真正有意义的渐变（首屏 / 深色区块 / 图片遮罩），
      不再靠"同色系深浅渐变"堆叠制造层次
   3. 层次靠留白、字重、边框与投影建立，不靠更多颜色
   ============================================================ */

/* ===== 1. 设计变量 ===== */
:root{
    /* 主色：墨青 */
    --ink:#0B2027;
    --ink-700:#123A47;
    --ink-600:#1A5261;
    --teal:#1B7A8C;
    --teal-600:#156374;
    --teal-50:#EAF4F6;

    /* 强调色：暖金
       gold-ink 用于「金色底 + 白字」的按钮与徽标（对比度 6.0:1）；
       gold 仅用于线条、图标与文字，不承载白字。 */
    --gold-ink:#8A6120;
    --gold-ink-hover:#6F4D18;
    --gold:#B98A45;
    --gold-500:#CFA35E;
    --gold-300:#E0C48E;
    --gold-50:#FBF5E9;

    /* 中性 */
    --paper:#FBFAF7;
    --surface:#FFFFFF;
    --surface-2:#F4F1EB;
    --border:#E6E2D9;
    --border-strong:#D5CFC2;

    /* 文字（对比度均已核对，正文 ≥ 7:1） */
    --text:#16232B;
    --text-2:#4A5A63;
    --text-3:#7B8A92;

    /* 语义 */
    --ok:#1F7A4D;
    --warn:#8A5D12;
    --danger:#B23B32;

    /* 形状与节奏 */
    --r-sm:8px;
    --r:12px;
    --r-lg:18px;
    --r-xl:26px;
    --sp-1:8px;  --sp-2:16px; --sp-3:24px; --sp-4:32px;
    --sp-5:44px; --sp-6:58px; --sp-7:76px;

    --shadow-sm:0 1px 2px rgba(11,32,39,.05);
    --shadow:0 4px 20px rgba(11,32,39,.06);
    --shadow-md:0 12px 34px rgba(11,32,39,.09);
    --shadow-lg:0 24px 60px rgba(11,32,39,.14);

    --wrap:1200px;
    --ease:cubic-bezier(.22,.61,.36,1);
    /* 由 JS 逐元素覆盖，用于错开出现时间 */
    --reveal-delay:0ms;

    /* 兼容旧变量名，避免历史内联样式失效 */
    --primary:var(--teal);
    --primary-dark:var(--ink);
    --primary-light:var(--teal-50);
    --text-light:var(--text-2);
}

/* ===== 2. 基础 ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

html{
    -webkit-text-size-adjust:100%;
    scroll-behavior:smooth;
    scroll-padding-top:96px;
}

body{
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    font-size:16px;
    line-height:1.75;
    color:var(--text);
    background:var(--surface);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:"kern" 1;
}

/* 标题统一收紧字距，避免中文大字号时显得松散 */
h1,h2,h3,h4,h5{
    font-weight:700;
    line-height:1.35;
    color:var(--ink);
    letter-spacing:-.01em;
    text-wrap:balance;
}

/* 展示级标题用宋体。
   全站无衬线是「模板感」的来源之一 —— 中文大标题用宋体可以立刻
   拉开与常见 SaaS 模板的距离，也更贴合财税顾问的稳重气质。
   不加载 Web 字体：Windows 走 SimSun，macOS 走 Songti SC，零网络成本。 */
.serif,
.banner-title,
.page-head h1,
.team-compose-intro h2,
.editorial-intro h2{
    font-family:Georgia,"Times New Roman","Songti SC",STSong,SimSun,"Source Han Serif SC","Noto Serif SC",serif;
    font-weight:600;
    letter-spacing:.01em;
}

a{color:inherit;text-decoration:none;transition:color .18s var(--ease);}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}
button{font-family:inherit;font-size:inherit;cursor:pointer;border:0;background:none;color:inherit;}
svg.icon{display:block;flex-shrink:0;}
/* 旋转后的箭头：chevron 默认指向右，向上/向左复用同一图标 */
svg.icon-up{transform:rotate(-90deg);}

.wrap,.container{max-width:var(--wrap);margin:0 auto;padding:0 24px;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.skip-link{position:absolute;left:50%;top:-64px;transform:translateX(-50%);z-index:200;
    background:var(--ink);color:#fff;padding:12px 22px;border-radius:0 0 var(--r) var(--r);transition:top .2s;}
.skip-link:focus{top:0;}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px;}
::selection{background:var(--gold-300);color:var(--ink);}

/* 细金线：用于区块之间的分割，比纯色边框更精致 */
.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong) 18%,var(--border-strong) 82%,transparent);border:0;}

/* ===== 3. 按钮 ===== */
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 28px;border:1.5px solid transparent;border-radius:var(--r-sm);
    font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.01em;
    text-align:center;cursor:pointer;
    transition:background .2s var(--ease),color .2s var(--ease),
               border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
}
.btn .icon{width:18px;height:18px;}

.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink);}
.btn-primary:hover{background:var(--teal-600);border-color:var(--teal-600);transform:translateY(-2px);box-shadow:0 8px 22px rgba(27,122,140,.28);}

/* 金色按钮：使用更深的 gold-ink 底色，保证白字达到 4.5:1 以上对比度 */
.btn-gold{background:var(--gold-ink);color:#fff;border-color:var(--gold-ink);}
.btn-gold:hover{background:var(--gold-ink-hover);border-color:var(--gold-ink-hover);transform:translateY(-2px);box-shadow:0 8px 22px rgba(138,97,32,.3);}

.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.42);}
.btn-outline:hover{background:#fff;color:var(--ink);border-color:#fff;}

.btn-outline-dark{background:transparent;color:var(--ink);border-color:var(--border-strong);}
.btn-outline-dark:hover{border-color:var(--ink);background:var(--ink);color:#fff;}

.btn-ghost{background:var(--surface-2);color:var(--ink);border-color:transparent;}
.btn-ghost:hover{background:var(--border);}

/* 深色区块里的主按钮：墨青底 + 墨青按钮 = 完全看不见，是真实发生过的对比度事故。
   统一把这些区块内的 .btn-primary 反转为浅色按钮，避免以后再踩。 */
.cta .btn-primary,
.section-ink .btn-primary,
.experts-cta .btn-primary,
.about-cta .btn-primary,
.sd-cta .btn-primary,
.services-cta .btn-primary,
.cfo-cta .btn-primary{
    background:#fff;color:var(--ink);border-color:#fff;
}
.cta .btn-primary:hover,
.section-ink .btn-primary:hover,
.experts-cta .btn-primary:hover,
.about-cta .btn-primary:hover,
.sd-cta .btn-primary:hover,
.services-cta .btn-primary:hover,
.cfo-cta .btn-primary:hover{
    background:var(--gold-50);border-color:var(--gold-50);color:var(--ink);
}

.btn-lg{padding:16px 36px;font-size:16px;}
.btn-sm{padding:9px 18px;font-size:13.5px;}
.btn-block{width:100%;}
.btn-text{padding:0;border:0;font-weight:600;color:var(--teal);}
.btn-text:hover{color:var(--gold);}
.btn-text .icon{width:16px;height:16px;transition:transform .2s var(--ease);}
.btn-text:hover .icon{transform:translateX(3px);}

/* ===== 4. 页头 ===== */
.site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(255,255,255,.88);
    backdrop-filter:saturate(180%) blur(14px);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
    border-bottom:1px solid var(--border);
}
.header-inner{display:flex;align-items:center;gap:32px;height:76px;}

.logo{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.02em;flex-shrink:0;}
.logo img{height:38px;width:auto;}
.logo-mark{display:block;flex-shrink:0;border-radius:10px;}
.logo-text{white-space:nowrap;}

.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto;}
.main-nav a{
    position:relative;padding:9px 14px;border-radius:var(--r-sm);
    font-size:15px;font-weight:500;color:var(--text-2);white-space:nowrap;
}
.main-nav a:hover{color:var(--ink);background:var(--surface-2);}
.main-nav a.active{color:var(--ink);font-weight:600;}
.main-nav a.active::after{
    content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;
    background:var(--gold);border-radius:2px;
}

.header-right{display:flex;align-items:center;gap:18px;flex-shrink:0;margin-left:12px;}
.header-right .phone{
    display:inline-flex;align-items:center;gap:7px;
    font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;
}
.header-right .phone .icon{width:17px;height:17px;color:var(--gold);}
.header-right .phone:hover{color:var(--teal);}

.mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;
    width:42px;height:42px;padding:9px;border-radius:var(--r-sm);border:1px solid var(--border);}
.mobile-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s var(--ease),opacity .2s;}
body.nav-open .mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
body.nav-open .mobile-toggle span:nth-child(2){opacity:0;}
body.nav-open .mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* 页头二维码 */
.consult-wrap{position:relative;}
.qr-popup{
    position:absolute;top:calc(100% + 14px);right:0;z-index:1000;
    background:#fff;padding:14px;border-radius:var(--r);border:1px solid var(--border);
    box-shadow:var(--shadow-md);text-align:center;
    opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.consult-wrap:hover .qr-popup,.consult-wrap:focus-within .qr-popup{opacity:1;visibility:visible;transform:translateY(0);}
.qr-popup img{width:150px;height:150px;}
.qr-popup p{margin-top:9px;font-size:12.5px;color:var(--text-3);}

/* ===== 5. 首屏 ===== */
.hero,.banner{position:relative;overflow:hidden;background:var(--ink);}
.banner{min-height:560px;display:flex;align-items:center;}
.banner-slider{position:absolute;inset:0;}
.banner-slide{position:absolute;inset:0;background-size:cover;background-position:center;
    opacity:0;transition:opacity 1s var(--ease);}
.banner-slide.active{opacity:1;}
.banner-slide::before{content:"";position:absolute;inset:0;
    background:linear-gradient(100deg,rgba(11,32,39,.94) 0%,rgba(11,32,39,.72) 46%,rgba(18,58,71,.35) 100%);}

.banner-fallback{min-height:580px;display:flex;align-items:center;}
.banner-fallback::after{
    /* 唯一保留的装饰性渐变：墨青底上的金色光晕，制造聚焦感 */
    content:"";position:absolute;top:-18%;right:-8%;width:56vw;height:56vw;max-width:760px;max-height:760px;
    background:radial-gradient(circle,rgba(185,138,69,.22) 0%,rgba(185,138,69,.06) 42%,transparent 68%);
    pointer-events:none;
}
.hero-content{position:relative;z-index:2;width:100%;color:#fff;padding:96px 24px;}

.hero-eyebrow{
    display:inline-flex;align-items:center;gap:9px;
    font-size:13px;letter-spacing:.08em;color:var(--gold-300);
    border:1px solid rgba(224,196,142,.4);border-radius:100px;
    padding:7px 18px 7px 14px;margin-bottom:26px;
}
.hero-eyebrow .icon{width:15px;height:15px;}

.banner-title,.hero-title{
    font-size:clamp(2rem,4.4vw,3.35rem);
    font-weight:700;line-height:1.22;letter-spacing:-.02em;
    margin-bottom:22px;max-width:16em;
    color:#fff;
}
.banner-subtitle{
    font-size:clamp(1rem,1.5vw,1.15rem);
    color:rgba(255,255,255,.8);font-weight:400;line-height:1.85;
    max-width:34em;margin-bottom:38px;
}
.banner-btns{display:flex;gap:14px;flex-wrap:wrap;}

/* 首屏底部的关键指标条（从首屏直接给出可信度） */
.hero-facts{display:flex;gap:40px;flex-wrap:wrap;margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,.14);}
.hero-fact{display:flex;flex-direction:column;gap:3px;}
.hero-fact b{font-size:26px;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
.hero-fact b em{font-style:normal;font-size:15px;color:var(--gold-300);margin-left:2px;}
.hero-fact span{font-size:13.5px;color:rgba(255,255,255,.62);}

.banner-dots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3;}
.banner-dots .dot{width:30px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);transition:.3s var(--ease);padding:0;}
.banner-dots .dot.active{background:var(--gold-500);width:48px;}

/* ===== 6. 通用 Section ===== */.section{padding:var(--sp-7) 0;position:relative;}
.section-gray,.section-alt{background:var(--paper);}
.section-ink{background:var(--ink);color:#fff;}
.section-ink h2,.section-ink h3{color:#fff;}
/* 顶部留白收窄：用在「紧跟上一个板块、标题就在最上面」的区块（如公司视频）。
   默认 76px 上下叠加等于 152px 空白，标题离上面太远。 */
.section--tight-top{padding-top:34px;}

.section-head{text-align:center;max-width:720px;margin:0 auto var(--sp-5);}
.section-head h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:14px;}
.section-head p{color:var(--text-2);font-size:16px;line-height:1.8;}
/* 说明：早期版本给每个居中标题都加了一条金色短横线，整页重复出现反而显得机械。
   现在只在深色区块保留一处，其余靠字号与留白区分层级。 */
.section-ink .section-head h2::after{
    content:"";display:block;width:40px;height:2px;margin:18px auto 0;
    background:var(--gold);border-radius:2px;
}
.section-head--left{text-align:left;margin-left:0;}
.section-head--left p{margin-left:0;}

.section-title{text-align:center;margin-bottom:var(--sp-5);}
.section-title h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:14px;}
.section-title p{color:var(--text-2);font-size:16px;}
.section-title .en{display:block;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--gold);font-weight:600;margin-bottom:12px;}

.section-foot{text-align:center;margin-top:var(--sp-5);}
.head-more{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--teal);}
.head-more:hover{color:var(--gold);}

/* ===== 编辑式区块：左文右列的错位布局 =====
   用来替代「居中标题 + 等分网格」这一在全站重复出现的结构。
   不对称布局是让页面摆脱模板感最有效的手段。 */
.editorial{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);
    gap:clamp(40px,6vw,88px);align-items:start;}
.editorial-intro{position:sticky;top:108px;}
.editorial-intro .eyebrow{
    display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.14em;
    text-transform:uppercase;color:var(--gold);margin-bottom:16px;
}
.editorial-intro h2{font-size:clamp(1.5rem,2.4vw,1.95rem);margin-bottom:18px;line-height:1.4;}
.editorial-intro > p{color:var(--text-2);font-size:15.5px;line-height:1.9;margin-bottom:22px;}

/* 编号列表：卡片化，带图标和大号序号 */
.numbered-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(16px,2vw,24px);}
.numbered-item{
    position:relative;
    padding:28px 26px 26px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);
}
.numbered-item:hover{
    border-color:var(--gold);
    box-shadow:var(--shadow-md);
    transform:translateY(-2px);
}
.numbered-item .num{
    display:block;font-family:Georgia,"Times New Roman",serif;
    font-size:32px;line-height:1;color:var(--gold);letter-spacing:.02em;
    margin-bottom:14px;opacity:.85;
}
.numbered-item .num-icon{
    position:absolute;top:24px;right:24px;
    width:38px;height:38px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    background:var(--teal-50);color:var(--teal-600);
}
.numbered-item h3{font-size:16.5px;margin-bottom:8px;font-weight:600;}
.numbered-item p{font-size:14px;color:var(--text-2);line-height:1.8;}

/* ===== 团队构成 ===== */
.team-compose{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);
    gap:clamp(40px,6vw,88px);align-items:start;}
.team-compose-intro{position:sticky;top:108px;}
/* 「团队构成」是这一板块的主题，字号调大、字重加粗，前面加一小段金色短线提高辨识度 */
.team-compose-intro .eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    font-size:16px;font-weight:700;letter-spacing:.1em;
    color:var(--gold);margin-bottom:18px;
}
.team-compose-intro .eyebrow::before{
    content:"";width:26px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0;
}
.team-compose-intro h2{font-size:clamp(1.5rem,2.4vw,1.95rem);margin-bottom:18px;line-height:1.4;}
.team-compose-intro > p{color:var(--text-2);font-size:15.5px;line-height:1.9;margin-bottom:22px;}
.team-compose-intro .btn-text{font-size:14.5px;}

.team-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(16px,2vw,24px);}
.role{
    display:flex;gap:18px;padding:26px 24px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);
}
.role:hover{
    border-color:var(--gold);
    box-shadow:var(--shadow-md);
    transform:translateY(-2px);
}
.role-icon{
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    width:52px;height:52px;border-radius:14px;
    background:var(--teal-50);color:var(--teal-600);
}
.role-body h3{font-size:16px;margin-bottom:8px;font-weight:600;}
.role-body p{font-size:13.5px;color:var(--text-2);line-height:1.8;}

/* ===== 7. 内页页头（替换原「死区横幅」）===== */
/* 原设计：每页顶部 80px 深蓝渐变 + 70px 空白，只写两个字。
   现在：浅底 + 面包屑 + 标题 + 一句实质说明 + 行动入口，高度减半且都有信息量。 */
.page-head{
    background:var(--paper);
    border-bottom:1px solid var(--border);
    padding:44px 0 40px;
}
.page-head-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.page-head-main{min-width:0;flex:1 1 460px;}
.page-head .breadcrumb{margin-bottom:14px;}
.page-head h1{
    font-size:clamp(1.6rem,3vw,2.25rem);
    margin-bottom:12px;letter-spacing:-.02em;
}
.page-head .page-head-desc{
    font-size:16px;color:var(--text-2);line-height:1.8;max-width:46em;
}
.page-head-actions{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:4px;}

/* 页面顶部横幅配了背景图时的样式：
   加一层从左到右的深色遮罩，文字统一转白 —— 否则图片浅的地方文字会看不清。
   同时把浅色描边按钮改成白色描边，避免出现「深色底上按钮看不见」。 */
.page-head--img{
    position:relative;background-size:cover;background-position:center;
    border-bottom:0;padding:60px 0 54px;
}
.page-head--img::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(100deg,rgba(11,32,39,.93) 0%,rgba(11,32,39,.74) 52%,rgba(18,58,71,.44) 100%);
}
.page-head--img .page-head-inner{position:relative;z-index:1;}
.page-head--img h1{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.28);}
.page-head--img .page-head-desc{color:rgba(255,255,255,.84);}
.page-head--img .breadcrumb,
.page-head--img .breadcrumb a{color:rgba(255,255,255,.72);}
.page-head--img .breadcrumb span{color:rgba(255,255,255,.42);}
.page-head--img .breadcrumb a:hover{color:#fff;}
.page-head--img .btn-outline-dark{color:#fff;border-color:rgba(255,255,255,.55);}
.page-head--img .btn-outline-dark:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff;}

/* 通用「板块配了背景图」样式（后台：底部 CTA 背景图 / 页脚背景图）。
   由 bg_class()/bg_style() 两个辅助函数加在任意深色板块上：
   图片铺满 + 深色遮罩 + 内容提到遮罩之上，保证白字始终看得清。 */
.bg-photo{
    position:relative;background-size:cover;background-position:center;overflow:hidden;
}
.bg-photo::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(100deg,rgba(11,32,39,.94) 0%,rgba(11,32,39,.82) 55%,rgba(18,58,71,.66) 100%);
}
.bg-photo > *{position:relative;z-index:1;}

/* 兼容仍在使用的旧结构（部分页面用 .page-banner） */
.page-banner{background:var(--paper);border-bottom:1px solid var(--border);padding:44px 0 40px;text-align:left;}
.page-banner h1{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:10px;}
.page-banner p{color:var(--text-2);font-size:16px;max-width:46em;line-height:1.8;}

.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--text-3);}
.breadcrumb a{color:var(--text-3);}
.breadcrumb a:hover{color:var(--teal);}
.breadcrumb span{color:var(--text-2);}

/* ===== 8. 信任数据条 ===== */
.trust-bar{background:var(--ink);padding:0;border:0;}
.trust-bar .container{padding-top:0;padding-bottom:0;}
.trust-items{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    text-align:center;
}
.trust-item{
    padding:40px 20px;color:#fff;
    border-right:1px solid rgba(255,255,255,.1);
}
.trust-item:last-child{border-right:0;}
.trust-num{
    font-size:clamp(2rem,3.4vw,2.75rem);
    font-weight:700;line-height:1;letter-spacing:-.02em;
    color:var(--gold-300);font-variant-numeric:tabular-nums;
}
.trust-num span{font-size:.5em;font-weight:600;margin-left:3px;color:var(--gold);}
.trust-label{font-size:14px;color:rgba(255,255,255,.68);margin-top:12px;}

/* 旧版信任样式（部分页面可能沿用） */
.trust-section{padding:var(--sp-6) 0;background:var(--ink);}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center;}
.trust-strip{background:#fff;padding:40px 0;box-shadow:var(--shadow-sm);}
.trust-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;}
.trust-row .trust-num{color:var(--ink);}
.trust-row .trust-label{color:var(--text-2);}

/* ===== 9. 卡片体系 =====
   统一卡片：白底、细边框、投影极轻。层次靠 hover 与强调色，不靠加重阴影。
   使用 .card 作为基础类，避免各处重复定义边框与圆角。 */
.card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--r);
    transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.card:hover{
    border-color:var(--teal);
    box-shadow:var(--shadow-md);
    transform:translateY(-4px);
}

/* 图标容器 */
.icon-badge{
    display:inline-flex;align-items:center;justify-content:center;
    width:52px;height:52px;border-radius:14px;
    background:var(--teal-50);color:var(--teal);
    flex-shrink:0;
}
.icon-badge--gold{background:var(--gold-50);color:var(--gold);}
.icon-badge--ink{background:var(--ink);color:var(--gold-300);}
.icon-badge--lg{width:60px;height:60px;border-radius:16px;}

/* ===== 10. 核心服务产品 ===== */
.svc-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.svc-card-new{
    display:flex;flex-direction:column;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    overflow:hidden;
    transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);
}
.svc-card-new:hover{border-color:var(--teal);box-shadow:var(--shadow-lg);transform:translateY(-5px);}
/* 图片区改为「标题压在渐变上」的左对齐排版。
   原来是在图片中央放一个半透明圆形 + 图标，那个组合是全站最像模板的一处。 */
.svc-card-img{
    position:relative;height:152px;display:flex;align-items:flex-end;
    padding:0 26px 22px;color:#fff;overflow:hidden;
}
.svc-card-img::after{content:"";position:absolute;inset:0;
    background:linear-gradient(to top,rgba(11,32,39,.74),rgba(11,32,39,.14));}
.svc-card-img h3{
    position:relative;z-index:1;color:#fff;
    font-size:20px;letter-spacing:.04em;font-weight:700;
}
.svc-card-icon{
    position:absolute;top:20px;right:22px;z-index:1;
    color:rgba(255,255,255,.5);
}
.svc-card-body{padding:24px 26px 28px;flex:1;display:flex;flex-direction:column;}
.svc-card-body ul{flex:1;}
.svc-card-body li{
    position:relative;padding:10px 0 10px 18px;
    font-size:14.5px;color:var(--text-2);
    border-bottom:1px solid var(--border);
}
.svc-card-body li:last-child{border-bottom:0;}
.svc-card-body li::before{
    content:"";position:absolute;left:0;top:19px;
    width:7px;height:1px;background:var(--gold);
}
.svc-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;
    font-size:13.5px;font-weight:600;color:var(--teal);}
.svc-more::after{content:"→";transition:transform .2s var(--ease);}
.svc-card-new:hover .svc-more{color:var(--gold);}
.svc-card-new:hover .svc-more::after{transform:translateX(3px);}

/* 服务卡片（产品服务页 / 其它列表） */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:20px;}
.service-card{
    display:flex;flex-direction:column;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
    padding:26px 24px;
    transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.service-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.service-card h3{font-size:16.5px;margin-bottom:9px;font-weight:600;}
.service-card h3::before{content:"";display:block;width:22px;height:2px;background:var(--gold);margin-bottom:12px;border-radius:2px;}
.service-card p{flex:1;color:var(--text-2);font-size:14px;line-height:1.75;margin-bottom:16px;}
.service-more{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--teal);}
.service-more:hover{color:var(--gold);}

/* 产品服务页分类标题 */
.product-cat{margin-bottom:var(--sp-6);}
.product-cat-title{display:flex;align-items:center;gap:16px;margin-bottom:26px;}
.product-cat-title .icon{width:46px;height:46px;border-radius:var(--r);background:var(--ink);color:var(--gold-300);
    display:flex;align-items:center;justify-content:center;padding:11px;}
.product-cat-title h2{font-size:22px;}
.product-cat-title span{display:block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-top:3px;}

/* ===== 11. 为什么选择我们 ===== */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.adv-card{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
    padding:32px 26px;
    transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.adv-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.adv-card .icon-badge{margin-bottom:18px;}
.adv-card h3{font-size:16.5px;margin-bottom:10px;font-weight:600;}
.adv-card p{font-size:14px;color:var(--text-2);line-height:1.75;}
.adv-icon{font-size:28px;margin-bottom:16px;line-height:1;}

/* ===== 12. 核心服务体系（金字塔）===== */
.pyramid-wrap{max-width:660px;margin:0 auto;}
.pyramid-level{
    margin:0 auto 8px;padding:18px 26px;border-radius:var(--r);
    text-align:center;color:#fff;font-weight:600;
    transition:transform .25s var(--ease);
}
.pyramid-level:hover{transform:scale(1.015);}
.pyramid-level small{display:block;font-weight:400;font-size:13px;margin-top:7px;line-height:1.6;opacity:.86;}
/* 四层用墨青→金的色阶，而不是蓝色深浅 */
.pyramid-level.l1{width:48%;background:linear-gradient(135deg,var(--teal),var(--teal-600));}
.pyramid-level.l2{width:66%;background:linear-gradient(135deg,var(--teal-600),var(--ink-600));}
.pyramid-level.l3{width:83%;background:linear-gradient(135deg,var(--ink-600),var(--ink-700));}
.pyramid-level.l4{width:100%;background:var(--ink);}

/* ===== 13. 专家 ===== */
.experts-2to3{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.expert-card-2to3{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
    overflow:hidden;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.expert-card-2to3:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.expert-photo{aspect-ratio:2/3;overflow:hidden;background:var(--surface-2);}
.expert-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.expert-card-2to3:hover .expert-photo img{transform:scale(1.04);}
.expert-placeholder{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    font-size:44px;font-weight:600;color:var(--gold);background:var(--ink);
}
.expert-info{padding:18px;}
.expert-info h3{font-size:16px;margin-bottom:4px;}
.expert-card-2to3 .expert-title{font-size:12.5px;color:var(--teal);}

/* 专家列表页 */
.experts-page{padding:var(--sp-6) 24px;}
.expert-list-v2{display:flex;flex-direction:column;gap:22px;}
.expert-card-v2{
    display:grid;grid-template-columns:160px minmax(0,1.25fr) minmax(320px,1fr);gap:32px;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:28px;
    transition:border-color .22s var(--ease),box-shadow .22s var(--ease);
}
.expert-card-v2:hover{border-color:var(--teal);box-shadow:var(--shadow-md);}
.expert-photo-v2{aspect-ratio:2/3;border-radius:var(--r);overflow:hidden;background:var(--surface-2);}
.expert-photo-v2 img{width:100%;height:100%;object-fit:cover;}
.expert-photo-v2 .expert-placeholder{font-size:56px;}
.expert-info-v2 h3{font-size:19px;margin-bottom:14px;}
.expert-info-v2 h3 span{font-size:13.5px;color:var(--teal);font-weight:500;margin-left:10px;}
.expert-desc-v2{font-size:14.5px;color:var(--text-2);line-height:1.9;}
.expert-desc-v2 p{margin-bottom:10px;}
.expert-desc-v2 strong{color:var(--ink);}
.expert-desc-v2 ul{margin:10px 0 10px 18px;list-style:disc;}
.expert-desc-v2 li{margin-bottom:6px;}
.expert-tags-v2{border-left:1px solid var(--border);padding-left:26px;}
.tag-group{margin-bottom:20px;}
.tag-group h4{font-size:13px;color:var(--text-3);margin-bottom:10px;font-weight:600;letter-spacing:.05em;}
.tag-list{display:flex;flex-wrap:wrap;gap:7px;}
.tag-item{
    display:inline-block;padding:5px 13px;border-radius:100px;
    border:1px solid var(--border-strong);background:var(--surface-2);
    font-size:12.5px;color:var(--text-2);
}
.expert-tag-note{font-size:13px;color:var(--text-3);line-height:1.7;}

/* 团队能力 */
.experts-abilities{margin-top:var(--sp-6);}
.ability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px;}
.ability-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;
    transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);}
.ability-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.ability-card .icon-badge{margin-bottom:16px;}
.ability-card h3{font-size:16px;margin-bottom:10px;}
.ability-card p{font-size:14px;color:var(--text-2);line-height:1.78;}
.ability-icon{font-size:26px;margin-bottom:14px;}
.experts-cta{margin-top:var(--sp-6);background:var(--ink);border-radius:var(--r-lg);
    padding:52px 40px;text-align:center;color:#fff;}
.experts-cta h2{color:#fff;font-size:26px;margin-bottom:12px;}
.experts-cta p{color:rgba(255,255,255,.78);font-size:15.5px;max-width:620px;margin:0 auto 28px;line-height:1.8;}

/* ===== 14. 文章 ===== */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.article-card,.art-card{
    display:flex;flex-direction:column;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
    overflow:hidden;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.article-card:hover,.art-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.article-cover{height:172px;overflow:hidden;background:var(--surface-2);}
.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.article-card:hover .article-cover img{transform:scale(1.05);}
.article-info,.art-body{padding:24px;flex:1;display:flex;flex-direction:column;}
.article-cat,.art-cat{
    display:inline-block;align-self:flex-start;
    background:var(--teal-50);color:var(--teal-600);
    font-size:12px;font-weight:600;padding:4px 11px;border-radius:100px;margin-bottom:12px;
}
.article-info h3,.art-body h3{font-size:16.5px;line-height:1.55;margin-bottom:10px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-summary,.art-body p{flex:1;font-size:13.5px;color:var(--text-2);line-height:1.7;margin-bottom:14px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-date,.art-date{font-size:12.5px;color:var(--text-3);}
.article-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

/* 两列资讯（首页） */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.news-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;}
.col-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px;}
.col-head{display:flex;justify-content:space-between;align-items:center;gap:16px;
    margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.col-head h2{font-size:19px;}
.col-head h2::before{content:"";display:inline-block;width:3px;height:16px;background:var(--gold);
    border-radius:2px;margin-right:10px;vertical-align:-2px;}
.col-list{display:flex;flex-direction:column;}
.col-item{display:flex;justify-content:space-between;align-items:center;gap:18px;
    padding:15px 0;border-bottom:1px solid var(--border);transition:padding .2s var(--ease);}
.col-item:last-child{border-bottom:0;}
.col-item:hover{padding-left:6px;}
.col-item h3{font-size:14.5px;font-weight:500;color:var(--text);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.col-item:hover h3{color:var(--teal);}
.col-date{font-size:12.5px;color:var(--text-3);flex-shrink:0;font-variant-numeric:tabular-nums;}
.col-head .head-more{font-size:13.5px;flex-shrink:0;}
.col-head::after{content:none;}
/* 只有一篇资讯时右栏不留空框，给一句说明 */
.col-empty-note{font-size:14px;color:var(--text-3);line-height:1.8;padding:8px 0;}

/* 重点文章（财税资讯板块置顶展示的那一篇，带封面图）
   放在板块标题与下面两栏列表之间，让这一块不再只有两列干巴巴的链接。 */
.feature-article{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    gap:0;margin-bottom:34px;overflow:hidden;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    transition:border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease);
}
.feature-article:hover{border-color:var(--teal);box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.fa-cover{
    position:relative;min-height:260px;background:var(--ink);overflow:hidden;
}
.fa-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .6s var(--ease);}
.feature-article:hover .fa-cover img{transform:scale(1.04);}
/* 没有封面图时的兜底：墨青底 + 金色光晕，不留空白 */
.fa-cover--none{
    background:linear-gradient(135deg,var(--ink) 0%,#123A47 60%,#1B7A8C 100%);
}
.fa-cover--none::after{
    content:"";position:absolute;top:-20%;right:-14%;width:70%;height:120%;
    background:radial-gradient(circle,rgba(185,138,69,.28) 0%,transparent 66%);
}
.fa-body{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.fa-tag{
    display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
    font-size:12px;font-weight:600;letter-spacing:.06em;
    color:#fff;background:var(--gold);border-radius:100px;padding:4px 12px;margin-bottom:16px;
}
.fa-body h3{
    font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.45;margin-bottom:14px;
    color:var(--text);transition:color .2s var(--ease);
}
.feature-article:hover .fa-body h3{color:var(--teal);}
.fa-body .fa-desc{
    font-size:15px;color:var(--text-2);line-height:1.85;margin-bottom:20px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.fa-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3);}
.fa-more{margin-left:auto;color:var(--teal);font-weight:600;font-size:14px;}
@media(max-width:900px){
    .feature-article{grid-template-columns:1fr;}
    .fa-cover{min-height:200px;}
    .fa-body{padding:26px 24px;}
}

/* ===== 15. 联系 CTA ===== */
.cta{background:var(--ink);padding:var(--sp-7) 0;}
.cta-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start;}
.cta-left h2{color:#fff;font-size:clamp(1.5rem,2.4vw,1.9rem);margin-bottom:16px;}
.cta-left h2::after{content:"";display:block;width:44px;height:3px;background:var(--gold);
    border-radius:2px;margin-top:16px;}
.cta-left > p{color:rgba(255,255,255,.76);font-size:15.5px;line-height:1.85;margin-bottom:28px;}
.cta-phone{display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.cta-phone .icon{width:38px;height:38px;padding:9px;border-radius:50%;
    background:rgba(185,138,69,.16);color:var(--gold-300);}
.cta-phone small{display:block;color:rgba(255,255,255,.52);font-size:12.5px;letter-spacing:.05em;}
.cta-phone strong{font-size:23px;color:#fff;font-variant-numeric:tabular-nums;}
.cta-phone strong a{color:#fff;}
.cta-points{margin-top:26px;}
.cta-points li{position:relative;padding-left:26px;margin-bottom:11px;
    color:rgba(255,255,255,.74);font-size:14px;line-height:1.7;}
.cta-points li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:8px;
    border-left:2px solid var(--gold-300);border-bottom:2px solid var(--gold-300);
    transform:rotate(-45deg);border-radius:1px;}

.form-dark{display:flex;flex-direction:column;gap:12px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);
    border-radius:var(--r-lg);padding:32px;}
.form-dark input,.form-dark textarea{
    width:100%;padding:14px 16px;border-radius:var(--r-sm);
    border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);
    color:#fff;font-family:inherit;font-size:15px;line-height:1.6;
    transition:border-color .2s var(--ease),background .2s var(--ease);
}
.form-dark input::placeholder,.form-dark textarea::placeholder{color:rgba(255,255,255,.42);}
.form-dark input:focus,.form-dark textarea:focus{
    outline:none;border-color:var(--gold-500);background:rgba(255,255,255,.1);
    box-shadow:0 0 0 3px rgba(185,138,69,.16);
}
.form-dark textarea{resize:vertical;}

.contact-cta{background:var(--ink);color:#fff;}
.contact-cta-box{max-width:680px;margin:0 auto;text-align:center;}
.contact-cta h2{color:#fff;font-size:30px;margin-bottom:14px;}
.contact-cta p{opacity:.86;margin-bottom:30px;}
.contact-form{display:flex;flex-direction:column;gap:14px;}
.contact-form input,.contact-form textarea{padding:14px 18px;border:1px solid var(--border);
    border-radius:var(--r-sm);font-size:15px;font-family:inherit;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);outline:none;
    box-shadow:0 0 0 3px rgba(27,122,140,.12);}
.form-lead{text-align:center;color:var(--text-2);font-size:14px;margin:-14px auto 26px;max-width:580px;line-height:1.75;}
.form-note{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:12px;line-height:1.7;}
.contact-form-box .form-note{color:var(--text-3);}
.form-msg{margin-top:14px;padding:13px 18px;border-radius:var(--r-sm);font-size:14px;line-height:1.65;}
.form-msg.is-ok{background:#EAF6EF;border:1px solid #B7DCC6;color:var(--ok);}
.form-msg.is-err{background:#FCEDEB;border:1px solid #EFC4BF;color:var(--danger);}
.page-flash{background:#EAF6EF;border:1px solid #B7DCC6;color:var(--ok);
    border-radius:var(--r-sm);padding:14px 20px;margin:24px 0 -8px;font-size:14.5px;text-align:center;}

/* ===== 16. 空状态 ===== */
.empty-state{
    text-align:center;padding:52px 28px;
    background:var(--paper);border:1px dashed var(--border-strong);border-radius:var(--r-lg);
}
.empty-state.compact{padding:30px 18px;background:transparent;border:0;}
.empty-state .icon{width:38px;height:38px;color:var(--gold);margin:0 auto 16px;}
.empty-icon{font-size:34px;margin-bottom:14px;line-height:1;color:var(--gold);}
.empty-title{font-size:16.5px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.empty-desc{font-size:14px;color:var(--text-2);line-height:1.78;max-width:540px;margin:0 auto 22px;}
.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.empty-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px;
    padding-top:20px;border-top:1px solid var(--border);}
.empty-links a{font-size:13px;color:var(--teal);background:#fff;border:1px solid var(--border);
    border-radius:100px;padding:6px 15px;}
.empty-links a:hover{border-color:var(--teal);}
.empty-state code{background:#fff;border:1px solid var(--border);border-radius:4px;
    padding:1px 6px;font-size:12.5px;color:var(--ink);}
.empty{text-align:center;color:var(--text-3);padding:52px 0;}

/* 后台未填写提示 */
.setup-hint{display:block;font-size:12.5px;line-height:1.7;color:var(--warn);
    background:#FDF7E7;border:1px solid #EFDFB4;border-radius:var(--r-sm);padding:11px 15px;margin-top:12px;}
.setup-hint-dark{color:var(--gold-300);background:rgba(185,138,69,.1);border-color:rgba(185,138,69,.28);}
.setup-hint-block{margin:0 0 32px;font-size:13.5px;}
.setup-hint-block a{color:var(--teal);text-decoration:underline;}

/* ===== 17. 列表与详情 ===== */
.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding:var(--sp-5) 24px;}
.article-title{font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.4;margin-bottom:16px;}
.article-info-bar{display:flex;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--text-3);
    padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:32px;}
.article-content{font-size:16.5px;line-height:1.95;color:var(--text);}
.article-content > p:first-of-type{font-size:17.5px;color:var(--text-2);}
.article-content h2{font-size:21px;margin:38px 0 16px;padding-left:14px;position:relative;}
.article-content h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;
    background:var(--gold);border-radius:2px;}
.article-content h3{font-size:17.5px;margin:28px 0 12px;}
.article-content p{margin-bottom:18px;}
.article-content img{border-radius:var(--r);margin:22px 0;}
.article-content ul,.article-content ol{margin:18px 0;padding-left:24px;}
.article-content ul li{list-style:none;position:relative;padding-left:20px;margin-bottom:10px;}
.article-content ul li::before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;
    border-radius:50%;background:var(--gold);}
.article-content ol{list-style:decimal;}
.article-content ol li{margin-bottom:10px;padding-left:6px;}
.article-content ol li::marker{color:var(--teal);font-weight:600;}
.article-content strong{color:var(--ink);font-weight:600;}
.article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px;}
.article-content th,.article-content td{border:1px solid var(--border);padding:12px 15px;text-align:left;}
.article-content th{background:var(--surface-2);font-weight:600;}
.article-content blockquote{border-left:3px solid var(--gold);background:var(--gold-50);
    padding:16px 22px;margin:22px 0;border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2);}
.article-cta{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:34px;text-align:center;margin:44px 0;}
.article-cta p{margin-bottom:16px;color:var(--text-2);font-size:15.5px;}
.article-cta b{color:var(--ink);}
.related-articles{margin-top:44px;}
.related-articles h3{font-size:17px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.related-articles li{padding:12px 0;border-bottom:1px solid var(--border);}
.related-articles li:last-child{border-bottom:0;}
.related-articles a{color:var(--text-2);font-size:14.5px;}
.related-articles a:hover{color:var(--teal);}

/* 上一篇 / 下一篇 */
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
.an-item{display:block;background:var(--paper);border:1px solid var(--border);
    border-radius:var(--r);padding:18px 22px;transition:border-color .2s var(--ease),background .2s var(--ease);}
.an-item:hover{border-color:var(--teal);background:#fff;}
.an-item small{display:block;font-size:12px;color:var(--text-3);margin-bottom:6px;letter-spacing:.05em;}
.an-item span{font-size:14.5px;color:var(--ink);font-weight:500;line-height:1.6;}
.an-next{text-align:right;}

/* 侧栏 */
.article-sidebar,.insights-right{display:flex;flex-direction:column;gap:20px;}
.insights-right .widget,.article-sidebar .widget,.forum-side .widget{
    background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:22px;
}
.article-sidebar .widget h3,.insights-right .widget h3,.forum-side .widget h3{
    font-size:14px;margin-bottom:16px;padding-bottom:12px;
    border-bottom:1px solid var(--border);font-weight:600;
    letter-spacing:.06em;color:var(--text-light);
}
.widget-cta{text-align:center;background:var(--ink) !important;border-color:var(--ink) !important;}
.widget-cta h3{color:#fff !important;border-bottom-color:rgba(255,255,255,.15) !important;}
.widget-cta p{font-size:13.5px;color:rgba(255,255,255,.7);margin-bottom:16px;line-height:1.7;}
.widget-cta .btn-primary{background:var(--gold-ink);border-color:var(--gold-ink);}
.widget-cta .btn-primary:hover{background:#6F4D18;border-color:#6F4D18;}

/* 财税资讯列表 */
.insights-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 260px;gap:38px;padding:var(--sp-5) 24px;}
.insights-sidebar h3{font-size:14.5px;margin-bottom:16px;padding-bottom:11px;
    border-bottom:1px solid var(--border);font-weight:600;}
.cat-list li{margin-bottom:3px;}
.cat-list a{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:var(--r-sm);
    color:var(--text-2);font-size:14px;transition:background .18s var(--ease),color .18s var(--ease);}
.cat-list a:hover{background:var(--surface-2);color:var(--ink);}
.cat-list a.active{background:var(--ink);color:#fff;font-weight:500;}
.cat-list a.active::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);}

.article-list li{border-bottom:1px solid var(--border);}
.article-list li:last-child{border-bottom:0;}
.article-list li a{display:block;padding:26px 0;transition:padding .2s var(--ease);}
.article-list li a:hover{padding-left:8px;}
.article-list h3{font-size:17.5px;line-height:1.5;margin-bottom:9px;}
.article-list li a:hover h3{color:var(--teal);}
.article-list p{color:var(--text-2);font-size:14px;line-height:1.75;margin-bottom:12px;}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3);}
.article-meta .cat{color:var(--teal);font-weight:600;}
.search-summary{font-size:14px;color:var(--text-2);margin-bottom:18px;}
.search-summary strong{color:var(--teal);}
.search-reset{margin-left:12px;font-size:13px;color:var(--teal);text-decoration:underline;}

.search-form{display:flex;gap:0;}
.search-form input{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--border);
    border-radius:var(--r-sm) 0 0 var(--r-sm);font-size:14px;font-family:inherit;}
.search-form input:focus{border-color:var(--teal);outline:none;}
.search-form button{padding:11px 18px;background:var(--ink);color:#fff;border:0;
    border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:14px;font-weight:600;}
.search-form button:hover{background:var(--teal-600);}

.hot-list li{padding:9px 0;font-size:14px;line-height:1.6;border-bottom:1px solid var(--border);}
.hot-list li:last-child{border-bottom:0;}
.hot-list a{color:var(--text-2);}
.hot-list a:hover{color:var(--teal);}

/* 公司动态列表 */
.news-page{padding:var(--sp-5) 24px;max-width:960px;}
.news-page-list li{border-bottom:1px solid var(--border);padding:6px 0 16px;}
.news-page-list a{display:flex;gap:22px;align-items:baseline;padding:16px 0 8px;}
.news-page-list .news-date{color:var(--text-3);font-size:13.5px;flex-shrink:0;font-variant-numeric:tabular-nums;}
.news-page-list .news-title{font-size:16.5px;font-weight:500;}
.news-page-list a:hover .news-title{color:var(--teal);}
.news-excerpt{font-size:13.5px;color:var(--text-2);line-height:1.75;padding-left:112px;}
.news-list li{border-bottom:1px solid var(--border);}
.news-list a{display:flex;justify-content:space-between;gap:16px;padding:18px 0;}
.news-list a:hover{color:var(--teal);}

/* 分页 */
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:var(--sp-5) 0;}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-sm);
    font-size:14px;color:var(--text-2);font-variant-numeric:tabular-nums;
    transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease);}
.pagination a:hover{border-color:var(--teal);color:var(--teal);}
.pagination .active{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600;}
.pagination .gap{border:0;color:var(--text-3);}

/* ===== 18. 服务详情 ===== */
.service-detail{padding:var(--sp-5) 24px;max-width:920px;}
.service-lead{font-size:17px;color:var(--text-2);line-height:1.9;margin-bottom:44px;
    padding:26px 30px;background:var(--paper);border-left:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;}
.sd-block{margin:56px 0;}
.sd-block h2{font-size:21px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border);position:relative;}
.sd-block h2::after{content:none;}
.sd-list-check li{position:relative;padding:13px 0 13px 32px;border-bottom:1px solid var(--border);
    color:var(--text);font-size:15.5px;line-height:1.75;}
.sd-list-check li:last-child{border-bottom:0;}
.sd-list-check li::before{content:"";position:absolute;left:2px;top:20px;width:15px;height:8px;
    border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);
    transform:rotate(-45deg);border-radius:1px;}
.sd-items{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.sd-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:22px;
    transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);}
.sd-item:hover{border-color:var(--teal);background:#fff;box-shadow:var(--shadow);}
.sd-item h3{font-size:15.5px;margin-bottom:9px;}
.sd-item p{font-size:14px;color:var(--text-2);line-height:1.75;}
.sd-note{font-size:13px;color:var(--text-3);margin-top:14px;}
.sd-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
    background:var(--ink);border-radius:var(--r-lg);padding:44px;color:#fff;margin:56px 0;}
.sd-cta h2{color:#fff;font-size:23px;margin-bottom:10px;}
.sd-cta p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.78;max-width:520px;}
.sd-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.sd-others h2{font-size:17px;margin-bottom:16px;}
.sd-other-links{display:flex;gap:9px;flex-wrap:wrap;}
.sd-other-links a{background:#fff;border:1px solid var(--border);border-radius:100px;
    padding:8px 17px;font-size:13.5px;color:var(--teal);transition:border-color .18s var(--ease),background .18s var(--ease);}
.sd-other-links a:hover{border-color:var(--teal);background:var(--teal-50);}

/* 产品服务页 */
.services-page{padding:var(--sp-5) 24px;}
.services-block{margin:var(--sp-6) 0;}
.services-block .section-title{margin-bottom:44px;}
.services-cta{background:var(--ink);border-radius:var(--r-lg);padding:56px 40px;text-align:center;color:#fff;margin-top:var(--sp-6);}
.services-cta h2{color:#fff;font-size:26px;margin-bottom:12px;}
.services-cta p{color:rgba(255,255,255,.78);font-size:15.5px;margin-bottom:28px;line-height:1.8;max-width:620px;margin-left:auto;margin-right:auto;}
.services-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* 流程：flex 居中排列，步骤之间加箭头 */
.flow-steps{
    display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;
}
/* 分两行显示（上四下三）：每行各自居中，看起来是有意的排布而不是折行折歪了 */
.flow-steps--split{flex-direction:column;gap:16px;}
.flow-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;}
.flow-steps--split .flow-step{width:228px;}
.flow-step{
    position:relative;
    background:#fff;border:1px solid var(--border);border-radius:var(--r);
    padding:24px 18px;text-align:center;width:180px;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.flow-step:hover{border-color:var(--teal);box-shadow:var(--shadow);}
/* 步骤之间的箭头：除了最后一个，右侧加 → */
.flow-step:not(:last-child)::after{
    content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);
    font-size:20px;color:var(--gold);font-weight:700;z-index:1;
}
.flow-step-num,.f-num{width:42px;height:42px;line-height:42px;border-radius:50%;
    background:var(--ink);color:var(--gold-300);margin:0 auto 14px;font-weight:700;font-size:15px;}
.fs-title{font-size:14.5px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.flow-step p{font-size:13px;color:var(--text-2);line-height:1.6;}
.flow-3row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px;}
.flow-step-3row{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:26px;text-align:center;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.flow-step-3row:hover{border-color:var(--teal);box-shadow:var(--shadow);}
.flow-step-3row p{font-size:14px;color:var(--text-2);line-height:1.65;}
.process-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;}
.process-step{text-align:center;}
.process-step .num{width:40px;height:40px;line-height:40px;border-radius:50%;background:var(--ink);
    color:var(--gold-300);margin:0 auto 12px;font-weight:700;font-size:14px;}
.process-step .title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:4px;}
.process-step .desc{font-size:11.5px;color:var(--text-2);line-height:1.5;}
.process-flow-2row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;
    max-width:920px;margin:40px auto 0;}
.pf-step{text-align:center;background:#fff;border:1px solid var(--border);border-radius:var(--r);
    padding:22px 14px;width:126px;}
.pf-num{width:38px;height:38px;line-height:38px;border-radius:50%;background:var(--ink);
    color:var(--gold-300);margin:0 auto 12px;font-weight:700;font-size:14px;}
.pf-title{font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:4px;}
.pf-desc{font-size:12px;color:var(--text-2);line-height:1.5;}
.pf-arrow{color:var(--gold);font-size:20px;}
.pf-row2-arrow{display:none;}

/* 痛点 */
.pain-grid,.pain-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.pain-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:30px;}
.pain-card h4{font-size:16.5px;margin-bottom:16px;}
.pain-card ul li{position:relative;padding:6px 0 6px 20px;color:var(--text-2);font-size:14px;line-height:1.7;}
.pain-card ul li::before{content:"";position:absolute;left:3px;top:14px;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.pain-card-2col{display:flex;gap:0;background:#fff;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);}
.pain-card-2col:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.pain-img{width:104px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    background:var(--ink) !important;color:var(--gold-300);overflow:hidden;}
.pain-img .icon{width:30px;height:30px;}
/* 后台上传了图片就用图片铺满这一栏，没传则保持原来的深色底 + 图标 */
.pain-img--photo{padding:0;}
.pain-img--photo img{width:100%;height:100%;object-fit:cover;display:block;}
.pain-content{padding:24px 26px;flex:1;min-width:0;}
.pain-content h3{font-size:16.5px;margin-bottom:12px;}
.pain-content ul li{position:relative;padding:5px 0 5px 20px;color:var(--text-2);font-size:14px;line-height:1.7;}
.pain-content ul li::before{content:"";position:absolute;left:3px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--gold);}

/* 常见问题 */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:20px 24px;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.faq-item[open]{border-color:var(--teal);box-shadow:var(--shadow);}
.faq-item summary{font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;
    position:relative;padding-right:30px;line-height:1.6;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"";position:absolute;right:4px;top:8px;width:9px;height:9px;
    border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);
    transform:rotate(45deg);transition:transform .22s var(--ease);}
.faq-item[open] summary::after{transform:rotate(-135deg);top:11px;}
.faq-item p{margin-top:13px;font-size:14px;color:var(--text-2);line-height:1.82;}
.contact-faq{margin-top:var(--sp-6);}
.contact-faq h2{font-size:23px;text-align:center;margin-bottom:30px;}

/* ===== 19. 共享 CFO ===== */
.cfo-detail{padding:var(--sp-6) 24px;}
.cfo-detail-lead{font-size:16.5px;color:var(--text-2);line-height:1.9;
    background:var(--paper);border-left:3px solid var(--gold);padding:28px 32px;
    border-radius:0 var(--r) var(--r) 0;margin-bottom:52px;}
.cfo-h2{font-size:21px;margin:var(--sp-6) 0 24px;padding-bottom:14px;
    border-bottom:1px solid var(--border);position:relative;}
.cfo-h2::after{content:none;}
.highlight-box{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:52px;}
.highlight-item{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:30px;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);}
.highlight-item:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.hl-icon{font-size:30px;margin-bottom:16px;line-height:1;color:var(--gold);}
.hl-icon .icon{width:32px;height:32px;}
.highlight-item .tag{display:inline-block;background:var(--ink);color:var(--gold-300);
    font-size:13px;font-weight:600;padding:6px 16px;border-radius:100px;margin-bottom:16px;}
.highlight-item p{color:var(--text-2);font-size:14.5px;line-height:1.8;}

.pkg-table-wrap{overflow-x:auto;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--r);}
.pkg-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;min-width:760px;}
.pkg-table th,.pkg-table td{border-bottom:1px solid var(--border);padding:15px 16px;text-align:center;}
.pkg-table thead th{background:var(--ink);color:#fff;font-weight:600;font-size:14.5px;padding:18px 16px;border-bottom:0;}
.pkg-table thead th:first-child{background:var(--ink-700);}
.pkg-table tbody tr:hover{background:var(--paper);}
.pkg-table .row-label{text-align:left;font-weight:600;color:var(--ink);background:var(--paper);}
.pkg-table .row-desc{text-align:left;font-size:13px;color:var(--text-2);background:var(--paper);}
.pkg-table .pkg-price{font-size:19px;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums;}
.pkg-table .check{color:var(--teal);font-size:18px;font-weight:700;}
.pkg-table .cross{color:var(--border-strong);font-size:16px;}
.pkg-note{font-size:13px;color:var(--text-3);margin-bottom:20px;}

.guarantee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:var(--sp-6);}
.guarantee-card{border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:var(--r);
    padding:30px 28px;background:#fff;}
.guarantee-card h3{font-size:15.5px;color:var(--ink);margin-bottom:18px;font-weight:700;}
.guarantee-card ul li{position:relative;padding:8px 0 8px 24px;color:var(--text-2);font-size:14px;line-height:1.72;}
.guarantee-card ul li::before{content:"";position:absolute;left:2px;top:16px;width:13px;height:7px;
    border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg);border-radius:1px;}

.cfo-fit{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.fit-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--teal);
    border-radius:var(--r);padding:28px;}
.fit-card-muted{border-top-color:var(--border-strong);background:var(--paper);}
.fit-card h3{font-size:16px;margin-bottom:16px;}
.fit-card li{position:relative;padding:8px 0 8px 22px;font-size:14px;color:var(--text-2);line-height:1.7;}
.fit-card li::before{content:"";position:absolute;left:3px;top:16px;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.cfo-cta{background:var(--ink);color:#fff;text-align:center;padding:56px 40px;border-radius:var(--r-lg);margin-top:var(--sp-6);}
.cfo-cta h2{color:#fff;font-size:26px;margin-bottom:14px;}
.cfo-cta p{color:rgba(255,255,255,.78);margin-bottom:28px;font-size:15.5px;line-height:1.8;}
.cfo-section{background:var(--paper);}
.cfo-box{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;background:#fff;
    border:1px solid var(--border);border-radius:var(--r-lg);padding:52px;}
.cfo-badge{display:inline-block;background:var(--gold);color:#fff;font-size:12px;font-weight:600;
    padding:6px 16px;border-radius:100px;margin-bottom:16px;letter-spacing:.04em;}
.cfo-banner{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid var(--border);
    border-radius:var(--r-lg);overflow:hidden;margin-top:var(--sp-6);}
.cfo-banner-left{padding:46px;}
.cfo-banner-left h2{font-size:26px;margin-bottom:14px;}
.cfo-banner-left p{color:var(--text-2);font-size:15px;line-height:1.82;margin-bottom:24px;}
.cfo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.cfo-tags span{background:var(--teal-50);color:var(--teal-600);font-size:12.5px;padding:6px 14px;border-radius:100px;font-weight:500;}
.cfo-banner-right{background:var(--paper);padding:46px 40px;display:flex;align-items:center;border-left:1px solid var(--border);}
.price-card{width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.price-card-head{background:var(--ink);color:#fff;padding:15px;text-align:center;font-weight:600;font-size:14.5px;}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);}
.price-row:last-child{border-bottom:0;}
.price-row.featured{background:var(--gold-50);}
.p-name{font-weight:600;color:var(--ink);font-size:14px;}
.p-price{font-size:19px;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums;}
.p-note{font-size:12.5px;color:var(--text-3);}
.cfo-points li{position:relative;padding:9px 0 9px 26px;font-size:15px;}
.cfo-points li::before{content:"";position:absolute;left:2px;top:17px;width:14px;height:8px;
    border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg);border-radius:1px;}
.cfo-package{background:var(--paper);border-radius:var(--r);padding:30px;}
.cfo-package h4{font-size:15.5px;margin-bottom:18px;text-align:center;}
.cfo-pkg-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);}
.cfo-pkg-item:last-child{border-bottom:0;}
.cfo-pkg-item span{font-weight:600;color:var(--ink);}
.cfo-pkg-item b{color:var(--teal);font-size:18px;}

/* ===== 20. 关于页 ===== */
.about-layout{padding:var(--sp-6) 24px;}
.about-section{margin-bottom:var(--sp-6);}
.about-section h2{font-size:23px;margin-bottom:26px;padding-bottom:14px;
    border-bottom:1px solid var(--border);position:relative;}
.about-section h2::after{content:none;}
.about-content p{margin-bottom:16px;font-size:15.5px;line-height:1.9;}
.about-about-row{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;}
.about-about-text p{margin-bottom:16px;font-size:15.5px;line-height:1.95;color:var(--text-2);}
.about-about-text p:first-child{font-size:16.5px;color:var(--text);}
.about-about-img img{border-radius:var(--r-lg);width:100%;}
.img-placeholder{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
    min-height:300px;background:var(--paper);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
}
.img-placeholder .ph-label{font-size:14px;color:var(--text-3);letter-spacing:.1em;}
.img-placeholder .setup-hint{margin:0;max-width:280px;text-align:center;}
.img-placeholder-art{position:relative;background:var(--paper);border:1px solid var(--border);
    border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:10px;padding:20px;min-height:280px;}
.img-placeholder-art svg{width:100%;max-width:340px;height:auto;}
.img-placeholder-art span{font-size:14px;color:var(--text-3);}

.founder-combined{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start;}
.founder-left{text-align:center;}
.founder-avatar-lg{width:190px;height:190px;border-radius:50%;overflow:hidden;margin:0 auto 20px;background:var(--ink);}
.founder-avatar-lg img{width:100%;height:100%;object-fit:cover;}
.founder-avatar-lg .expert-placeholder{font-size:56px;}
.founder-left h3{font-size:21px;margin-bottom:8px;}
.founder-title{color:var(--teal);font-size:14px;margin-bottom:20px;line-height:1.7;}
.founder-left ul li{position:relative;padding:7px 0 7px 20px;color:var(--text-2);font-size:14px;text-align:left;line-height:1.7;}
.founder-left ul li::before{content:"";position:absolute;left:3px;top:15px;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.founder-letter{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:34px 38px;font-size:15px;line-height:2;color:var(--text-2);}
.founder-letter p{margin-bottom:16px;}
.founder-letter .signature{text-align:right;color:var(--teal);font-style:italic;margin:22px 0 0;font-weight:500;font-size:14px;}

.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.philosophy-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;
    transition:border-color .2s var(--ease),background .2s var(--ease);}
.philosophy-card:hover{border-color:var(--gold);background:#fff;}
.philosophy-card h4{font-size:16px;margin-bottom:12px;color:var(--ink);
    padding-bottom:12px;border-bottom:1px solid var(--border);}
.philosophy-card p{color:var(--text-2);line-height:1.8;font-size:14.5px;}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
    background:var(--ink);border-radius:var(--r-lg);padding:44px;color:#fff;}
.about-cta h3{color:#fff;font-size:23px;margin-bottom:9px;}
.about-cta p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.75;}
.about-cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ===== 21. 联系页 ===== */
.contact-page{padding:var(--sp-6) 24px;}
.contact-center-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:940px;margin:0 auto var(--sp-5);}
.contact-center-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);
    padding:34px 26px;text-align:center;transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);}
.contact-center-card:hover{border-color:var(--teal);background:#fff;transform:translateY(-3px);}
.cc-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 18px;
    border-radius:50%;background:var(--ink);color:var(--gold-300);font-size:24px;}
.cc-icon .icon{width:24px;height:24px;}
.contact-center-card h3{font-size:15px;margin-bottom:12px;color:var(--text-3);font-weight:600;letter-spacing:.04em;}
.cc-value{font-size:16.5px;color:var(--ink);font-weight:600;line-height:1.6;}
.cc-value a{color:var(--teal);}
.cc-value.is-pending{color:var(--text-3);font-weight:500;}
.cc-note{font-size:13px;color:var(--text-2);margin-top:9px;line-height:1.7;}
.cc-qr{width:144px;height:144px;margin:8px auto 0;border-radius:var(--r-sm);background:#fff;padding:7px;border:1px solid var(--border);}
.contact-map,.contact-map-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:30px 34px;margin-bottom:var(--sp-5);display:flex;align-items:center;justify-content:space-between;
    gap:26px;flex-wrap:wrap;}
.contact-map-card h3{font-size:17px;margin-bottom:9px;}
.contact-map-card p{font-size:14.5px;color:var(--text-2);line-height:1.78;}
.cmc-note{color:var(--text-3) !important;font-size:13px !important;margin-top:7px;}
.cmc-actions{display:flex;gap:12px;flex-wrap:wrap;}
.contact-form-box{max-width:700px;margin:0 auto;background:var(--paper);border:1px solid var(--border);
    border-radius:var(--r-lg);padding:44px;}
.contact-form-box h2{text-align:center;font-size:23px;margin-bottom:12px;}
.contact-form-box .form-row{margin-bottom:16px;}
.contact-form-box .form-row:has(input + input){display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.contact-form-box input,.contact-form-box textarea{width:100%;padding:14px 17px;border:1px solid var(--border);
    border-radius:var(--r-sm);font-size:15px;font-family:inherit;background:#fff;line-height:1.6;}
.contact-form-box input:focus,.contact-form-box textarea:focus{border-color:var(--teal);outline:none;
    box-shadow:0 0 0 3px rgba(27,122,140,.12);}
.contact-form{display:flex;flex-direction:column;}
.contact-info{margin-top:20px;font-size:14.5px;}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

/* ===== 22. 404 ===== */
.err-page{padding:var(--sp-6) 24px;max-width:880px;}
.err-box{text-align:center;}
.err-lead{font-size:16px;color:var(--text-2);margin-bottom:30px;}
.err-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--sp-5);}
.err-links{margin-bottom:36px;}
.err-links h3{font-size:16px;margin-bottom:18px;}
.err-link-grid{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.err-link-grid a{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-sm);
    padding:11px 20px;font-size:14px;color:var(--ink);transition:border-color .18s var(--ease),color .18s var(--ease);}
.err-link-grid a:hover{border-color:var(--teal);color:var(--teal);}
.err-article-list{max-width:560px;margin:0 auto;text-align:left;}
.err-article-list li{padding:11px 0;border-bottom:1px solid var(--border);font-size:14.5px;}
.err-article-list a{color:var(--text-2);}
.err-article-list a:hover{color:var(--teal);}
.err-search{display:flex;gap:10px;max-width:460px;margin:0 auto;}
.err-search input{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--border);
    border-radius:var(--r-sm);font-size:14.5px;font-family:inherit;}
.err-search input:focus{border-color:var(--teal);outline:none;}

/* ===== 23. 专业社区 ===== */
.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:38px;padding:var(--sp-5) 24px;align-items:start;}
.forum-main{min-width:0;}
.forum-side{display:flex;flex-direction:column;gap:20px;}

.board-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.board-tabs a{padding:9px 19px;border:1px solid var(--border);border-radius:100px;background:#fff;
    font-size:14px;color:var(--text-2);transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease);}
.board-tabs a:hover{border-color:var(--teal);color:var(--teal);}
.board-tabs a.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:500;}
.board-desc{font-size:13.5px;color:var(--text-3);margin:-8px 0 18px;line-height:1.7;}

.forum-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
    background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:14px 20px;margin-bottom:20px;}
.forum-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.forum-welcome{font-size:13.5px;color:var(--text-2);margin-right:4px;}
.forum-welcome strong{color:var(--ink);}
.forum-sort{display:flex;gap:3px;background:var(--surface-2);border-radius:var(--r-sm);padding:3px;}
.forum-sort a{padding:6px 15px;border-radius:6px;font-size:13px;color:var(--text-2);}
.forum-sort a.active{background:#fff;color:var(--teal);font-weight:600;box-shadow:var(--shadow-sm);}

.forum-post-list{background:#fff;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.forum-post-item{border-bottom:1px solid var(--border);}
.forum-post-item:last-child{border-bottom:0;}
.forum-post-item > a{display:block;padding:22px 24px;transition:background .18s var(--ease);}
.forum-post-item > a:hover{background:var(--paper);}
.fp-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;}
.forum-post-item h3{font-size:16px;font-weight:600;line-height:1.5;}
.forum-post-item > a:hover h3{color:var(--teal);}
.forum-post-item p{color:var(--text-2);font-size:13.5px;line-height:1.72;margin-bottom:11px;}
.forum-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3);}
.forum-meta .fp-board{background:var(--teal-50);color:var(--teal-600);border-radius:100px;padding:2px 11px;font-weight:600;}
.top-tag{background:var(--gold);color:#fff;font-size:11px;padding:2px 9px;border-radius:100px;
    flex-shrink:0;font-weight:600;letter-spacing:.03em;}

.forum-stats{display:flex;gap:12px;text-align:center;}
.forum-stats li{flex:1;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:15px 8px;}
.forum-stats strong{display:block;font-size:23px;color:var(--teal);line-height:1.1;font-variant-numeric:tabular-nums;}
.forum-stats span{font-size:12.5px;color:var(--text-3);}
.forum-latest li{border-bottom:1px solid var(--border);}
.forum-latest li:last-child{border-bottom:0;}
.forum-latest a{display:block;padding:8px 0;}
.fl-title{display:block;font-size:13.5px;color:var(--text-2);line-height:1.55;}
.forum-latest a:hover .fl-title{color:var(--teal);}
.fl-meta{display:block;font-size:12px;color:var(--text-3);margin-top:4px;}
.forum-users li{display:flex;justify-content:space-between;font-size:13.5px;color:var(--text-2);padding:7px 0;}
.forum-users em{font-style:normal;color:var(--text-3);font-size:12.5px;}
.forum-rules li{position:relative;padding:7px 0 7px 18px;font-size:13px;color:var(--text-2);line-height:1.72;}
.forum-rules li::before{content:"";position:absolute;left:3px;top:16px;width:4px;height:4px;border-radius:50%;background:var(--gold);}

.forum-detail{padding:var(--sp-5) 24px;max-width:900px;}
.forum-post h1{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.45;margin-bottom:16px;}
.forum-post .post-meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:13px;
    color:var(--text-3);padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:28px;}
.forum-post .post-meta .fp-board{background:var(--teal-50);color:var(--teal-600);border-radius:100px;padding:3px 12px;font-weight:600;}
.post-meta{font-size:13px;color:var(--text-3);margin-bottom:26px;}
.post-content{font-size:16.5px;line-height:1.95;color:var(--text);margin-bottom:var(--sp-5);}
.forum-detail h2{font-size:19px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.reply-list{margin-bottom:26px;}
.reply-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);
    padding:18px 22px;margin-bottom:12px;}
.reply-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12.5px;
    color:var(--text-3);margin-bottom:9px;}
.reply-meta b{color:var(--ink);font-size:13.5px;}
.reply-floor{color:var(--border-strong);}
.reply-content{color:var(--text-2);line-height:1.85;font-size:14.5px;}
.reply-form textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-sm);
    font-family:inherit;font-size:14.5px;line-height:1.75;resize:vertical;background:#fff;}
.reply-form textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px rgba(27,122,140,.12);}
.reply-form-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:13px;flex-wrap:wrap;}
.reply-tip{font-size:13px;color:var(--text-3);}
.reply-tip b{color:var(--ink);}
.reply-login-tip{background:var(--paper);border:1px dashed var(--border-strong);border-radius:var(--r);
    padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.reply-login-tip p{font-size:14px;color:var(--text-2);}
.reply-login-tip > div{display:flex;gap:10px;}
.forum-others{margin-top:var(--sp-5);padding-top:26px;border-top:1px solid var(--border);}
.forum-others h3{font-size:16px;margin-bottom:14px;}
.forum-others li{padding:10px 0;border-bottom:1px solid var(--border);font-size:14.5px;}
.forum-others li:last-child{border-bottom:0;}
.forum-others a{color:var(--text-2);}
.forum-others a:hover{color:var(--teal);}
.forum-back{margin-top:26px;font-size:14px;}
.forum-back a{color:var(--teal);}

.forum-form-page{padding:var(--sp-5) 24px;max-width:760px;}
.auth-box{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:42px;box-shadow:var(--shadow);}
.auth-box-wide{max-width:100%;}
.auth-box h1{font-size:22px;margin-bottom:12px;text-align:center;}
.auth-lead{font-size:13.5px;color:var(--text-2);text-align:center;line-height:1.78;margin-bottom:26px;}
.auth-form .form-row{margin-bottom:18px;}
.auth-form label{display:block;font-size:13px;color:var(--text-2);margin-bottom:7px;font-weight:500;}
.auth-form input,.auth-form select,.auth-form textarea{width:100%;padding:12px 15px;border:1px solid var(--border);
    border-radius:var(--r-sm);font-size:14.5px;font-family:inherit;line-height:1.6;background:#fff;color:var(--text);}
.auth-form textarea{resize:vertical;}
.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:var(--teal);outline:none;
    box-shadow:0 0 0 3px rgba(27,122,140,.12);}
.auth-form .btn-block{width:100%;padding:14px;margin-top:8px;}
.auth-form .tip{text-align:center;margin-top:16px;font-size:13px;color:var(--text-2);}
.auth-form .tip a{color:var(--teal);font-weight:600;}
.auth-form .tip-muted{font-size:12.5px;color:var(--text-3);margin-top:8px;}
.form-actions-row{display:flex;gap:12px;margin-top:24px;}
.forum-toolbar + .empty-state{margin-top:0;}
.forum-layout .empty-state{background:#fff;border-style:dashed;}

/* ===== 24. 浮动条 / 移动端快捷条 / 提示 ===== */
.float-bar{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:90;
    display:flex;flex-direction:column;gap:9px;}
.float-item{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;background:#fff;border:1px solid var(--border);border-radius:var(--r);
    box-shadow:var(--shadow);color:var(--text-2);font-size:10.5px;cursor:pointer;
    transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);}
.float-item:hover,.float-item:focus-visible{background:var(--ink);color:var(--gold-300);border-color:var(--ink);}
.float-item .icon{width:18px;height:18px;}
.float-qr{position:relative;}
.float-qr-pop{position:absolute;right:64px;top:0;background:#fff;padding:12px;border-radius:var(--r);
    border:1px solid var(--border);box-shadow:var(--shadow-md);display:none;}
.float-qr:hover .float-qr-pop,.float-qr:focus .float-qr-pop{display:block;}
.float-qr-pop img{width:148px;display:block;}

.mobile-bar{display:none;}
.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,18px);z-index:300;
    background:var(--ink);color:#fff;padding:14px 26px;border-radius:var(--r);
    font-size:14.5px;box-shadow:var(--shadow-lg);max-width:calc(100% - 40px);text-align:center;
    opacity:0;pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease);}
.toast.show{opacity:1;transform:translate(-50%,0);}
.toast-ok{background:var(--ok);}
.toast-err{background:var(--danger);}

/* ===== 25. 页脚 ===== */
.site-footer{background:var(--ink);color:rgba(255,255,255,.7);padding:var(--sp-6) 0 0;}
.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.15fr;gap:36px;padding-bottom:var(--sp-5);}
.site-footer h3{font-size:13.5px;color:rgba(255,255,255,.55);margin-bottom:18px;font-weight:600;letter-spacing:.1em;}

.site-footer ul li{margin-bottom:11px;font-size:14px;}
.site-footer ul a{color:rgba(255,255,255,.62);}
.site-footer ul a:hover{color:var(--gold-300);}
.footer-logo{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.footer-logo img{height:34px;width:auto;}
.footer-logo span{font-size:17px;font-weight:700;color:#fff;letter-spacing:.02em;}
.footer-logo .logo-mark{border-radius:9px;}
.footer-slogan{font-size:15px;color:#fff;font-weight:500;margin-bottom:8px;line-height:1.7;}
.footer-sub{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.75;}
.footer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.footer-brand .btn-primary{background:var(--gold-ink);border-color:var(--gold-ink);color:#fff;}
.footer-brand .btn-primary:hover{background:#6F4D18;border-color:#6F4D18;}
.footer-tel{border-color:rgba(255,255,255,.34);color:#fff;}
.footer-tel:hover{background:#fff;color:var(--ink);border-color:#fff;}
.footer-contact p{font-size:13.5px;margin-bottom:9px;line-height:1.7;}
.footer-contact p a:hover{color:var(--gold-300);}
.footer-qr{margin-top:16px;}
.footer-qr img{width:118px;background:#fff;padding:6px;border-radius:var(--r-sm);}
.footer-qr span{display:block;font-size:12px;margin-top:7px;color:rgba(255,255,255,.5);}
.footer-empty-link{color:var(--gold-300);font-size:14px;}
.footer-empty-link:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
    font-size:13px;color:rgba(255,255,255,.46);}
.footer-bottom a{color:inherit;}
.footer-bottom a:hover{color:var(--gold-300);}
.footer-links span{margin:0 7px;opacity:.5;}

/* ===== 26. 响应式 ===== */
@media(max-width:1180px){
    .main-nav{gap:0;}
    .main-nav a{padding:9px 11px;font-size:14.5px;}
    .header-right .phone{display:none;}
}
@media(max-width:1080px){
    .footer-inner{grid-template-columns:1.4fr 1fr 1fr;}
    .insights-layout{grid-template-columns:200px minmax(0,1fr);}
    .insights-right{display:none;}
    .banner-fallback{min-height:520px;}
    .hero-content{padding:80px 24px;}
    .founder-combined{grid-template-columns:240px 1fr;gap:32px;}
    .philosophy-grid{grid-template-columns:repeat(2,1fr);}
    .contact-center-grid{grid-template-columns:1fr;}
    .sd-items,.faq-grid,.pain-grid,.pain-grid-2col,.cfo-fit{grid-template-columns:1fr;}
    .ability-grid,.guarantee-grid,.highlight-box{grid-template-columns:1fr;}
    .flow-step:not(:last-child)::after{display:none;}
    .flow-3row{grid-template-columns:repeat(2,1fr);}
    .process-flow{grid-template-columns:repeat(4,1fr);}
    .expert-card-v2{grid-template-columns:160px 1fr;}
    .expert-tags-v2{border-left:0;padding-left:0;grid-column:1/-1;border-top:1px solid var(--border);padding-top:22px;}
    .cfo-banner{grid-template-columns:1fr;}
    .cfo-banner-right{border-left:0;border-top:1px solid var(--border);padding:34px;}
    .cfo-box{grid-template-columns:1fr;padding:36px;}
    .forum-layout{grid-template-columns:1fr;}
    .forum-side{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
    .cta-inner,.about-cta,.sd-cta{grid-template-columns:1fr;gap:34px;}
    .about-cta,.sd-cta{display:flex;flex-direction:column;align-items:flex-start;}
    .contact-form-box .form-row:has(input + input){grid-template-columns:1fr;}
}
@media(max-width:900px){
    .section{padding:var(--sp-6) 0;}
    .adv-grid{grid-template-columns:repeat(2,1fr);}
    .experts-2to3{grid-template-columns:repeat(2,1fr);}
    .svc-cols{grid-template-columns:1fr;}
    .two-col{grid-template-columns:1fr;}
    .article-row,.articles-grid{grid-template-columns:repeat(2,1fr);}
    .contact-info-grid{grid-template-columns:1fr;}
    .article-detail-layout{grid-template-columns:1fr;}
    .article-sidebar{display:none;}
    .trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);}
    .trust-item:nth-child(2n){border-right:0;}
}
@media(max-width:768px){
    .main-nav{
        position:absolute;top:76px;left:0;right:0;z-index:99;
        flex-direction:column;align-items:stretch;gap:2px;
        background:#fff;padding:14px 20px 20px;
        border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);
        display:none;margin-left:0;
    }
    body.nav-open .main-nav{display:flex;}
    .main-nav a{padding:13px 14px;font-size:15.5px;border-radius:var(--r-sm);}
    .main-nav a.active::after{display:none;}
    .main-nav a.active{background:var(--surface-2);}
    .mobile-toggle{display:flex;}
    .header-inner{height:68px;gap:16px;}
    .logo{font-size:17.5px;}
    .logo img{height:33px;}
    .header-right{margin-left:auto;}
    .header-right .btn{display:none;}
    .nav-backdrop{position:fixed;inset:0;background:rgba(11,32,39,.35);z-index:98;display:none;}
    body.nav-open .nav-backdrop{display:block;}
}
@media(max-width:640px){
    .container,.wrap{padding:0 18px;}
    .section{padding:52px 0;}
    .banner-fallback{min-height:auto;}
    .hero-content{padding:64px 18px 56px;}
    .hero-facts{gap:24px;margin-top:40px;padding-top:26px;}
    .hero-fact b{font-size:21px;}
    .banner-btns{flex-direction:column;align-items:stretch;}
    .banner-btns .btn{width:100%;}
    .adv-grid,.experts-2to3,.ability-grid,.guarantee-grid,.highlight-box,
    .philosophy-grid,.flow-steps,.flow-3row,.article-row,.articles-grid,
    .contact-info-grid,.forum-side{grid-template-columns:1fr;}
    .article-nav{grid-template-columns:1fr;}
    .an-next{text-align:left;}
    .page-head{padding:32px 0 28px;}
    .page-head-inner{gap:24px;}
    .page-head-actions{width:100%;}
    .page-head-actions .btn{flex:1;}
    .expert-card-v2{grid-template-columns:1fr;padding:22px;}
    .expert-photo-v2{max-width:190px;}
    .founder-combined{grid-template-columns:1fr;gap:28px;}
    .founder-letter{padding:26px 22px;}
    .about-cta,.sd-cta,.services-cta,.experts-cta,.cfo-cta,.cta{padding:32px 22px;}
    .form-dark{padding:22px;}
    .contact-form-box{padding:26px 20px;}
    .contact-map-card{padding:24px 20px;}
    .cmc-actions{width:100%;}
    .cmc-actions .btn{flex:1;}
    .auth-box{padding:28px 20px;}
    .news-page-list a{flex-direction:column;gap:5px;}
    .news-excerpt{padding-left:0;}
    .empty-state{padding:34px 18px;}
    .article-list li a{padding:20px 0;}
    .article-list h3{font-size:16px;}
    .forum-post-item > a{padding:17px 16px;}
    .forum-toolbar{padding:13px 14px;}
    .forum-toolbar-left{width:100%;}
    .forum-meta{gap:12px;}
    .forum-detail,.forum-form-page,.forum-layout,.services-page,
    .contact-page,.about-layout,.cfo-detail,.experts-page,.err-page{padding-left:18px;padding-right:18px;}
    .sd-block,.services-block,.product-cat{margin-bottom:44px;}
    .toast{bottom:78px;}

    /* 移动端：桌面浮动条换成底部快捷条 */
    .float-bar{display:none;}
    .mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;
        border-top:1px solid var(--border);box-shadow:0 -3px 16px rgba(11,32,39,.08);
        padding:7px 4px calc(7px + env(safe-area-inset-bottom));}
    .mb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;
        padding:7px 2px;font-size:11.5px;color:var(--text-3);border-radius:var(--r-sm);}
    .mb-item .icon{width:19px;height:19px;}
    .mb-item.mb-primary{color:var(--teal);font-weight:600;}
    .mb-item.mb-primary .icon{color:var(--gold);}
    .mb-item:active{background:var(--surface-2);}
    body{padding-bottom:64px;}
}

/* ============================================================
   28. 公司视频
   ------------------------------------------------------------
   注意：这一组样式在第二轮重写 main.css 时被整体丢掉，
   而模板仍在用 .video-wrapper/.video-cover/.video-play-btn，
   导致封面被拉到整栏宽、播放按钮裸奔在角落。
   已恢复，并改为：居中、限宽、封面完整可见、点击后原位播放。
   ============================================================ */
.video-block{max-width:520px;margin:0 auto;}

.video-wrapper{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    border-radius:var(--r-lg);
    overflow:hidden;
    background:var(--ink);
    cursor:pointer;
    box-shadow:var(--shadow-md);
    transition:box-shadow .28s var(--ease),transform .28s var(--ease);
}
.video-wrapper:hover{box-shadow:var(--shadow-lg);}
.video-wrapper:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}

/* 封面：完整显示，不裁切不拉伸 */
.video-cover{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    display:block;
}

/* 封面上的压暗层：保证播放按钮在任何封面上都看得清 */
.video-wrapper::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:rgba(11,32,39,.16);
    transition:background .28s var(--ease);
}
.video-wrapper:hover::after{background:rgba(11,32,39,.3);}

/* 播放按钮：绝对居中。
   说明文字不压在封面上 —— 那样会挡住真实封面里的内容。 */
.video-play-btn{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    z-index:2;
    display:flex;align-items:center;justify-content:center;
    width:70px;height:70px;border-radius:50%;
    background:rgba(255,255,255,.94);
    color:var(--ink);
    box-shadow:0 8px 28px rgba(0,0,0,.32);
    pointer-events:none;
    transition:transform .28s var(--ease),background .28s var(--ease);
}
/* 用 CSS 画三角，不依赖内联 SVG 尺寸 */
.video-play-btn::before{
    content:"";display:block;
    width:0;height:0;margin-left:5px;
    border-left:19px solid currentColor;
    border-top:11.5px solid transparent;
    border-bottom:11.5px solid transparent;
}
.video-wrapper:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.08);background:#fff;}

/* 提示文字放在视频下方，不遮挡封面 */
.video-hint{
    margin-top:14px;text-align:center;
    font-size:13px;color:var(--text-3);letter-spacing:.06em;
}

/* 播放中的 video 元素 */
.video-wrapper video{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:contain;
    background:#000;
    display:block;
}
/* 播放后隐藏封面层与按钮 */
.video-wrapper.is-playing::after{display:none;}
.video-wrapper.is-playing .video-cover,
.video-wrapper.is-playing .video-play{display:none;}
.video-wrapper.is-playing{cursor:default;}
.video-fallback-note{
    position:absolute;left:0;right:0;bottom:0;z-index:3;
    padding:10px 14px;font-size:12.5px;
    background:rgba(11,32,39,.82);color:#fff;
    text-align:center;line-height:1.6;
}

/* ============================================================
   29. 照片墙
   ------------------------------------------------------------
   用 CSS 多列做真正的瀑布流：照片保持各自比例、高低错落，
   而且**任意张数都不会出现空洞** —— 这是网格 + 跨行列方案做不到的
   （那种方案在 7 张、5 张这类数量下会留下明显的空格）。
   ============================================================ */
.photo-wall{position:relative;}
/* 视口裁掉溢出，轨道整体平移实现翻页 */
.pw-viewport{overflow:hidden;}
.pw-track{
    position:relative;display:flex;gap:14px;
    transition:transform .55s var(--ease);
    will-change:transform;
}
/* 每页 6 张：宽度 =(100% - 5 个间距)/ 6 */
.pw-track .pw-item{
    flex:0 0 calc((100% - 70px) / 6);
    width:auto;margin:0;
}
.pw-item{
    position:relative;
    display:block;
    padding:0;border:0;
    border-radius:var(--r);
    overflow:hidden;
    background:var(--surface-2);
    cursor:zoom-in;
}
/* 统一裁成 4:3，翻页时每张高度一致，版面才整齐 */
.pw-item img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    display:block;
    transition:transform .7s var(--ease);
}
.pw-item:hover img,.pw-item:focus-visible img{transform:scale(1.04);}
.pw-item::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(to top,rgba(11,32,39,.66),rgba(11,32,39,0) 55%);
    opacity:0;transition:opacity .32s var(--ease);
}
.pw-item:hover::after,.pw-item:focus-visible::after{opacity:1;}
.pw-cap{
    position:absolute;left:0;right:0;bottom:0;z-index:1;
    padding:14px 16px;
    color:#fff;font-size:13.5px;line-height:1.5;text-align:left;
    transform:translateY(8px);opacity:0;
    transition:opacity .32s var(--ease),transform .32s var(--ease);
}
.pw-item:hover .pw-cap,.pw-item:focus-visible .pw-cap{opacity:1;transform:translateY(0);}
/* 没有说明文字的照片，悬停时只做压暗，不留空的文字层 */
.pw-item:not([data-cap]):hover::after,
.pw-item[data-cap=""]:hover::after{opacity:.55;}

/* 翻页控件：只有一页时由 JS 隐藏 */
.pw-nav{
    display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;
}
.pw-nav[hidden]{display:none;}
.pw-btn{
    width:42px;height:42px;flex-shrink:0;border-radius:50%;
    border:1px solid var(--border-strong);background:var(--surface);color:var(--text);
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
    transition:border-color .2s var(--ease),color .2s var(--ease);
}
.pw-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal);}
.pw-btn:disabled{opacity:.32;cursor:not-allowed;}
.pw-btn .icon{width:18px;height:18px;}
.pw-prev .icon{transform:rotate(180deg);}
.pw-count{font-size:13.5px;color:var(--text-2);font-variant-numeric:tabular-nums;min-width:54px;text-align:center;}

/* 逐张错开出现，避免整墙同时弹出来 */
.reveal-on .pw-item{
    opacity:0;
    transform:translateY(14px);
}
.reveal-on .pw-item.is-in{
    opacity:1;
    transform:none;
    transition:opacity .6s var(--ease),transform .6s var(--ease);
    transition-delay:var(--reveal-delay,0ms);
}

/* 窄屏减少每页张数，避免单张被压得太小 */
@media(max-width:1100px){ .pw-track .pw-item{flex:0 0 calc((100% - 42px) / 4);} }
@media(max-width:760px){  .pw-track .pw-item{flex:0 0 calc((100% - 28px) / 3);} }
@media(max-width:520px){  .pw-track .pw-item{flex:0 0 calc((100% - 14px) / 2);} }

/* 灯箱 */
.lightbox{
    position:fixed;inset:0;z-index:500;
    display:none;align-items:center;justify-content:center;
    background:rgba(6,18,22,.94);
    padding:60px 72px;
}
.lightbox.is-open{display:flex;}
.lb-stage{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;}
.lb-img{max-width:100%;max-height:calc(100vh - 180px);object-fit:contain;border-radius:var(--r);display:block;}
.lb-cap{color:rgba(255,255,255,.82);font-size:14px;text-align:center;line-height:1.6;}
.lb-count{color:rgba(255,255,255,.45);font-size:12.5px;letter-spacing:.08em;}
.lb-btn{
    position:absolute;top:50%;transform:translateY(-50%);
    width:48px;height:48px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.12);color:#fff;
    border:1px solid rgba(255,255,255,.22);
    transition:background .2s var(--ease);
}
.lb-btn:hover{background:rgba(255,255,255,.26);}
.lb-prev{left:18px;}
.lb-next{right:18px;}
.lb-prev .icon{transform:rotate(180deg);}
.lb-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);
    color:#fff;border:1px solid rgba(255,255,255,.22);}
.lb-close:hover{background:rgba(255,255,255,.26);}
.lb-close::before,.lb-close::after{content:"";position:absolute;width:18px;height:2px;background:currentColor;border-radius:2px;}
.lb-close::before{transform:rotate(45deg);}
.lb-close::after{transform:rotate(-45deg);}
body.lightbox-open{overflow:hidden;}

/* ============================================================
   30. 进入视口的动效
   ------------------------------------------------------------
   关键约定：默认态**不做任何隐藏**。只有当 JS 确认可用、
   且用户没有开启「减少动态效果」时，才由 JS 加上 .reveal-on，
   之后再逐个展开。这样禁用 JS / 旧浏览器 / 搜索引擎
   看到的都是完整内容，不会出现整页空白。
   ============================================================ */
.reveal-on [data-reveal]{
    opacity:0;
    transform:translateY(16px);
    will-change:opacity,transform;
}
.reveal-on [data-reveal].is-in{
    opacity:1;
    transform:none;
    transition:opacity .55s var(--ease),transform .55s var(--ease);
    transition-delay:var(--reveal-delay,0ms);
}
/* 用户要求减少动效时，JS 不会加 .reveal-on，这里再兜一层 */
@media (prefers-reduced-motion: reduce){
    .reveal-on [data-reveal]{opacity:1 !important;transform:none !important;}
    html{scroll-behavior:auto;}
}

/* ===== 31. 打印 ===== */
@media print{
    .site-header,.site-footer,.float-bar,.mobile-bar,.cta,.banner{display:none !important;}
    body{color:#000;background:#fff;}
    .article-content{font-size:12pt;}
}

/* ============================================================
   32. 板块栏目配图（后台系统设置 → 首页板块栏目配图）
   ------------------------------------------------------------
   section-head--img：标题+小图横向排列，图在左、文字居中
   editorial-img：左文右列布局里的竖图，放在标题区顶部
   ============================================================ */
.section-head--img{
    display:flex;align-items:center;justify-content:center;gap:28px;
    max-width:760px;
}
.section-head--img .sec-head-img{
    width:110px;height:78px;object-fit:cover;border-radius:var(--r);
    flex-shrink:0;border:1px solid var(--border);
}
.section-head--img .sec-head-text{text-align:center;}
.section-head--img .sec-head-text h2{margin-bottom:8px;}
.section-head--img .sec-head-text p{margin:0;}

.editorial-img{
    width:100%;max-width:320px;height:200px;object-fit:cover;
    border-radius:var(--r-lg);margin-bottom:22px;
    border:1px solid var(--border);
}

@media(max-width:700px){
    .section-head--img{flex-direction:column;gap:16px;text-align:center;}
    .section-head--img .sec-head-text{text-align:center;}
    .editorial-img{max-width:100%;height:180px;}
}

/* ============================================================
   33. 为什么选择我们（深色横向大数字布局）
   ------------------------------------------------------------
   与下面团队构成（浅色左文右列）形成强对比，避免两个板块长得一样。
   ============================================================ */
.why-choose{
    background:var(--ink);
    color:#fff;
}
.why-head{max-width:720px;text-align:center;margin:0 auto 48px;}
/* 「为什么选择我们」是这一板块的主题，字号调大、字重加粗，两侧加短金线强调 */
.why-head .eyebrow-light{
    display:inline-flex;align-items:center;gap:12px;
    font-size:16px;font-weight:700;letter-spacing:.1em;
    color:var(--gold);margin-bottom:18px;
}
.why-head .eyebrow-light::before,
.why-head .eyebrow-light::after{
    content:"";width:26px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0;
}
.why-head h2{
    font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px;line-height:1.35;color:#fff;
}
.why-head p{
    color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.9;margin-bottom:24px;
}
.btn-text-light{color:var(--gold);}
.btn-text-light:hover{color:var(--gold-200);}

.why-grid{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--r-lg);overflow:hidden;
}
.why-item{
    background:var(--ink);padding:32px 26px;
    transition:background .25s var(--ease);
}
.why-item:hover{background:#123A47;}
.why-num{
    font-family:Georgia,"Times New Roman",serif;
    font-size:36px;line-height:1;color:var(--gold);margin-bottom:18px;opacity:.9;
}
.why-icon{
    width:44px;height:44px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(224,196,142,.14);color:var(--gold);
    margin-bottom:16px;
}
.why-item h3{font-size:16px;margin-bottom:10px;font-weight:600;color:#fff;}
.why-item p{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.8;}

@media(max-width:900px){
    .why-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
    .why-grid{grid-template-columns:1fr;}
}

/* ============================================================
   34. 共享CFO服务流程（底色区块 + 箭头 + 卡片）
   ============================================================ */
.cfo-process{
    background:var(--surface);
    border-radius:var(--r-lg);
    padding:40px 32px;
    margin-bottom:40px;
}
.cfo-process .cfo-h2{margin-bottom:28px;}
.cfo-flow{
    display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;
}
.cfo-flow-step{
    position:relative;
    background:#fff;border:1px solid var(--border);border-radius:var(--r);
    padding:24px 20px;text-align:center;width:170px;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);
}
.cfo-flow-step:hover{
    border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px);
}
.cfo-flow-num{
    width:38px;height:38px;line-height:38px;border-radius:50%;
    background:var(--gold);color:#fff;font-weight:700;font-size:14px;
    margin:0 auto 12px;
}
.cfo-flow-step p{font-size:13.5px;color:var(--text-2);line-height:1.6;}
/* 步骤之间的箭头 */
.cfo-flow-step:not(:last-child)::after{
    content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);
    font-size:18px;color:var(--gold);font-weight:700;z-index:1;
}
@media(max-width:560px){
    .cfo-flow-step:not(:last-child)::after{display:none;}
    .cfo-process{padding:28px 18px;}
}