/* 外链字体 @import 已移除（2026-10-12 性能优化）：
   原 @import url('https://fonts.loli.net/css2?family=Noto+Serif+SC:wght@600;700&display=swap')
   位于渲染阻塞链上（浏览器须先下载本 CSS 再请求该外链字体才能首屏），
   且与 <link rel=preload> 的自托管 WSSerif 重复（--font-serif 首选即自托管字体），
   服务器侧实测该 CDN 返回 403。衬线标题改由自托管 WSSerif 渲染，视觉不变。 */
  /* ===== 品牌字体（自托管，零外链、国内零延迟；font-display:swap 不阻塞渲染）===== */
  @font-face{font-family:'WSGrotesk';src:url('assets/fonts/grotesk-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
  @font-face{font-family:'WSGrotesk';src:url('assets/fonts/grotesk-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
  @font-face{font-family:'WSSerif';src:url('assets/fonts/serif-head.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
  *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  :root{
    --navy:#182A4A; --navy3:#182A4A; --navy2:#1F3A5F; --steel:#2A9D8F;
    --blue:#1F3A5F; --bluebg:#F5F7FB; --line2:#E5E7EB;
    --orange:#2A9D8F; --orange2:#1F7A6F;
    --gold:#C9A86A; --goldbg:#F1E5CC;
    --green:#2A9D8F; --greenbg:#EAF5F3;
    --bg:#F5F7FB; --card:#FFFFFF; --line:#E5E7EB;
    --ink:#111827; --ink2:#111827; --ink3:#6B7280;
    /* 品牌色渐变 */
    --brand-gradient:linear-gradient(135deg,#2A9D8F,#1F7A6F);
    --brand-gradient-deep:linear-gradient(135deg,#182A4A,#1F3A5F);
    /* 阴影系统（3 级深度） */
    --shadow-sm:0 2px 8px rgba(27,58,92,.06),0 1px 3px rgba(27,58,92,.04);
    --shadow-md:0 10px 28px rgba(27,58,92,.10),0 4px 12px rgba(27,58,92,.06);
    --shadow-lg:0 24px 60px rgba(27,58,92,.16),0 6px 20px rgba(27,58,92,.08);
    --shadow-brand:0 8px 24px rgba(154,112,40,.35);
    /* 统一圆角 */
    --radius-sm:4px; --radius-md:8px; --radius-lg:12px; --radius-xl:16px;
    /* 拉丁/数字用 WSGrotesk，中文逐字回退到国产系统字体栈；标题衬线同源同风格 */
    --font-sans:'WSGrotesk','HarmonyOS Sans SC','MiSans','PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    --font-serif:'WSSerif','Source Han Serif SC','Noto Serif CJK SC','Noto Serif SC','Songti SC','STSong',SimSun,Georgia,'Times New Roman',serif;
    /* ===== Stripe 升级基座 token（st- 前缀，与旧变量共存；阶段一隔离层，不影响既有区块）===== */
    --st-primary:#182A4A; --st-primary-deep:#1F3A5F; --st-primary-press:#182A4A; --st-primary-soft:#2A9D8F; --st-primary-subdued:#1F3A5F;
    --st-dark-900:#10233C; --st-ink:#10233C; --st-ink-2:#182A4A; --st-ink-mute:#6B7280;
    --st-canvas:#ffffff; --st-canvas-soft:#F5F7FB; --st-cream:#F1E5CC; --st-hairline:#E5E7EB; --st-hairline-input:#E5E7EB;
    --st-ruby:#C9A86A; --st-magenta:#45C4B4; --st-lemon:#9A7028;
    --st-radius-lg:12px; --st-radius-sm:6px; --st-pill:9999px;
    --st-shadow-1:0 1px 3px rgba(0,55,112,.08); --st-shadow-2:0 8px 24px rgba(0,55,112,.08),0 2px 6px rgba(0,55,112,.04);
    /* 拉丁/数字优先 Inter（Stripe Sohne 最佳开源近似，300 细体）；缺字库回落 WSGrotesk 再回落中文栈 */
    --st-font-display:'Inter','WSGrotesk','HarmonyOS Sans SC','MiSans','PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  }
  body{background:#F5F7FB;font-family:var(--font-sans);color:var(--ink);line-height:1.7;font-size:16.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;}
  /* 标题字号层级升级 */
  .hero h1{font-family:var(--font-serif);font-size:33px;line-height:1.4;font-weight:700;letter-spacing:.2px;}
  .h-title{text-align:center;font-family:var(--font-serif);font-size:25px;font-weight:700;letter-spacing:.3px;margin-bottom:8px;color:var(--ink);}
  .h-sub{text-align:center;color:var(--ink2);font-size:13.5px;margin-bottom:22px;max-width:520px;margin-left:auto;margin-right:auto;}
  .path .p h4,.cmp .c h3,.flow .body h3{letter-spacing:-0.1px;}
  /* 数字/拉丁展示位：等宽数字，价格对齐不跳动 */
  .quote .q .pr,.pcard .price,.dot,.qpick,
  .ec-top,.kicker,.eyebrow,.brand small,.navcta{font-variant-numeric:tabular-nums;}
  .quote .q .pr,.pcard .price{letter-spacing:-.01em;}
  .page{max-width:560px;margin:0 auto;background:var(--bg);box-shadow:0 0 60px rgba(27,58,92,.08),0 0 0 1px rgba(27,58,92,.04);position:relative;padding-bottom:88px;}
  .wrap{padding:0 18px;}
  /* 顶部导航 */
  .nav{position:sticky;top:0;z-index:60;background:rgba(27,58,92,.97);color:#fff;display:flex;align-items:center;gap:10px;padding:11px 16px;overflow:visible;border-bottom:1px solid rgba(255,255,255,.08);}
  .nav.scrolled{background:rgba(27,58,92,.97);box-shadow:0 2px 16px rgba(27,58,92,.3);}
  .nav .brand{font-size:15px;font-weight:800;white-space:nowrap;letter-spacing:.5px;}
  .nav .brand small{display:block;font-size:12px;color:#E5E7EB;font-weight:400;letter-spacing:0;}
  .nav .links{margin-left:auto;display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;}
  .nav .links a{color:#E5E7EB;font-size:12.5px;text-decoration:none;white-space:nowrap;padding:5px 0;position:relative;transition:color .2s ease;}
  .nav .links a:hover{color:#fff;}
  .nav .navcta{background:var(--brand-gradient);box-shadow:var(--shadow-brand);padding:5px 13px;border-radius:100px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap;text-decoration:none;transition:transform .2s ease;}
  .nav .navcta:hover{transform:translateY(-1px);}
  /* 首屏 */
  .hero{position:relative;background:linear-gradient(160deg,#182A4A 0%,#182A4A 58%,#1F3A5F 100%);color:#fff;padding:40px 20px 32px;overflow:hidden;}
  .hero::before{content:"";position:absolute;top:-40px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(154,112,40,.45),transparent 65%);filter:blur(8px);pointer-events:none;}
  .hero::after{content:"";position:absolute;bottom:-30px;left:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,138,61,.25),transparent 65%);filter:blur(10px);pointer-events:none;}
  .hero>*{position:relative;z-index:1;}
  .hero .kicker{display:inline-block;border:1px solid rgba(255,255,255,.22);color:#E5E7EB;font-size:12px;border-radius:100px;padding:4px 13px;margin-bottom:18px;letter-spacing:1px;background:rgba(255,255,255,.12);}
  .hero h1 .hl{color:#2A9D8F;text-shadow:0 2px 16px rgba(154,112,40,.35);}
  .hero p.sub{margin:16px 0 0;color:#E5E7EB;font-size:14.5px;max-width:460px;line-height:1.65;}
  .cta{display:block;width:100%;text-align:center;text-decoration:none;background:var(--brand-gradient);color:#fff;font-size:16px;font-weight:700;padding:14px;border-radius:14px;box-shadow:var(--shadow-brand);margin-top:20px;letter-spacing:.3px;transition:transform .2s ease,box-shadow .2s ease;}
  .cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(154,112,40,.42);}
  .cta:active{transform:translateY(0);}
  .cta.ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.4);box-shadow:none;margin-top:11px;font-size:14.5px;padding:13px;border-radius:14px;transition:background .2s ease,border-color .2s ease;}
  .cta.ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);transform:none;}
  .hero .assure{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
  .hero .assure span{flex:1 1 40%;text-align:center;font-size:12px;color:#EEF2F7;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:8px 4px;}
  section{padding:32px 0 8px;}
  .h-title em{font-style:normal;color:var(--orange);}
  .card{background:var(--card);border:none;border-radius:var(--radius-lg);padding:20px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;}
  .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
  /* 双业务路径 */
  .path{display:flex;gap:12px;}
  .path .p{flex:1;border-radius:var(--radius-lg);padding:16px 14px;background:#fff;position:relative;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;}
  .path .p:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
  .path .p.main{background:linear-gradient(160deg,#EAF5F3,#fff);box-shadow:var(--shadow-md);border:1.5px solid rgba(27,58,92,.10);}
  .path .p .ptag{display:inline-block;font-size:15px;font-weight:800;border-radius:100px;padding:6px 16px;color:#fff;margin-bottom:10px;}
  .path .p.lead .ptag{background:var(--steel);}
  .path .p.main .ptag{background:var(--brand-gradient);box-shadow:var(--shadow-brand);}
  .path .p h4{font-size:15px;font-weight:800;margin:4px 0 4px;}
  .path .p .pd{font-size:12px;color:var(--ink2);margin-bottom:10px;line-height:1.6;}
  .path .p ul{margin-bottom:12px;}
  .path .p li{list-style:none;font-size:12px;color:var(--ink2);margin-bottom:5px;padding-left:15px;position:relative;}
  .path .p li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;background:var(--steel);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
  .path .p.main li::before{background:var(--orange);}
  .path .p .go{display:block;text-align:center;font-size:12.5px;font-weight:700;border-radius:10px;padding:10px 0;text-decoration:none;transition:transform .2s ease;}
  .path .p.lead .go{background:var(--bluebg);color:var(--steel);}
  .path .p.main .go{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-brand);}
  .path .p .go .ico{width:13px;height:13px;margin-left:5px;vertical-align:-2px;transition:transform .2s ease;}
  .path .p .go:hover .ico{transform:translateX(2.5px);}
  /* 三方对比 */
  .cmp{display:flex;gap:9px;align-items:stretch;}
  .cmp .c{flex:1;border-radius:var(--radius-md);padding:14px 10px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease;}
  .cmp .c.win{box-shadow:var(--shadow-md);position:relative;background:linear-gradient(160deg,#EAF5F3,#fff);}
  .cmp .c.win{transform:scale(1.02);}
  .cmp .c h3{font-size:12.5px;text-align:center;font-weight:800;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--line);}
  .cmp .c.win h3{color:var(--navy);}
  .cmp .c .row{font-size:10.8px;color:var(--ink2);margin-bottom:9px;line-height:1.5;}
  .cmp .c .row b{display:block;color:var(--ink);font-size:11.3px;margin-bottom:1px;}
  .cmp .c.win .row b{color:var(--navy);}
  .wintag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font-size:12px;font-weight:700;border-radius:100px;padding:2px 10px;white-space:nowrap;box-shadow:var(--shadow-sm);}
  /* 能力矩阵 */
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px;}
  .grid .g{background:#fff;border:none;border-radius:var(--radius-md);padding:13px 9px;text-align:center;text-decoration:none;color:var(--ink);cursor:pointer;display:block;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .25s ease;}
  .grid .g:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
  .grid .g .ic{width:32px;height:32px;margin:0 auto 8px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(27,58,92,.20);transition:transform .2s ease,box-shadow .25s ease;}
  .grid .g .ic .ico{width:18px;height:18px;stroke-width:1.7;}
  .grid .g:hover .ic{transform:translateY(-1.5px) scale(1.08);box-shadow:0 10px 20px rgba(27,58,92,.26);}
  .grid .g .ic.gw{background:linear-gradient(135deg,#1F7A6F,#2A9D8F);}
  .grid .g .ic.gd{background:linear-gradient(135deg,#111827,#111827);}
  .grid .g .ic.gh{background:linear-gradient(135deg,#182A4A,#1F3A5F);}
  .grid .g .ic.ga{background:linear-gradient(135deg,#182A4A,#2A9D8F);}
  .grid .g .ic.gi{background:linear-gradient(135deg,#182A4A,#45C4B4);}
  .grid .g .ic.gs{background:linear-gradient(135deg,#1F7A6F,#2A9D8F);}
  .grid .g .ic.gm{background:linear-gradient(135deg,#9A7028,#E8963C);}
  .grid .g .ic.gp{background:linear-gradient(135deg,#1F3A5F,#6B7280);}
  .grid .g b{display:block;font-size:12.5px;margin-top:2px;}
  .grid .g span{font-size:12px;color:var(--ink2);line-height:1.4;}
  /* 定制流程 */
  .flow .step{display:flex;gap:12px;position:relative;padding-bottom:18px;}
  .flow .step:last-child{padding-bottom:0;}
  .flow .step::before{content:"";position:absolute;left:15px;top:30px;bottom:0;width:2px;background:linear-gradient(180deg,var(--steel),var(--line2));}
  .flow .step:last-child::before{display:none;}
  .flow .dot{flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:var(--shadow-brand);}
  .flow .body h3{font-size:15px;font-weight:700;color:var(--navy);}
  .flow .body .meta{font-size:12px;color:var(--steel);font-weight:700;margin:2px 0 4px;}
  .flow .body p{font-size:12.5px;color:var(--ink2);line-height:1.6;}
  /* 里程碑付款 */
  .mile{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;}
  .mile .m{flex:1 1 22%;min-width:74px;background:var(--bluebg);border-radius:var(--radius-md);padding:11px 6px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s ease;}
  .mile .m:hover{transform:translateY(-1px);}
  .mile .m b{display:block;color:var(--navy);font-size:16px;font-weight:800;}
  .mile .m span{font-size:12px;color:var(--ink2);line-height:1.4;}
  .mile .m i{display:block;font-style:normal;font-size:12px;color:var(--steel);margin-top:4px;line-height:1.4;}
  .pay334{background:linear-gradient(160deg,#F5F7FB,#fff);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);padding:18px;}
  .pay-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;}
  .pay-tag{flex:none;background:var(--brand-gradient);color:#fff;font-size:12px;font-weight:800;border-radius:100px;padding:4px 11px;margin-top:2px;box-shadow:var(--shadow-brand);}
  .pay-head b{display:block;font-size:15px;font-weight:800;color:var(--navy);}
  .pay-head span{display:block;font-size:12px;color:var(--ink2);margin-top:2px;line-height:1.5;}
  .pay-bar{display:flex;gap:6px;margin-top:14px;}
  .pay-bar i{flex:1;height:6px;border-radius:6px;background:var(--brand-gradient);box-shadow:0 2px 8px rgba(154,112,40,.25);}
  .pay-bar i:nth-child(2){background:linear-gradient(90deg,#182A4A,#1F3A5F);box-shadow:0 2px 8px rgba(27,58,92,.25);}
  .pay-bar i:nth-child(3){background:linear-gradient(90deg,#2A9D8F,#2A9D8F);box-shadow:0 2px 8px rgba(21,160,92,.25);}
  .pay-note{font-size:12px;color:var(--ink2);margin-top:12px;line-height:1.7;}
  /* 产品价格（成品网格卡片 .pcard 用） */
  .price{color:var(--orange);font-weight:800;font-size:20px;}
  .price small{font-size:12px;color:var(--ink2);font-weight:400;}
  /* 产品网格（数据驱动，可扩展至 20+ 套：加产品=加一行） */
  .pfilter{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px;}
  .pfilter span,.pfilter button{background:#fff;border:1px solid transparent;border-radius:100px;padding:7px 14px;font-size:12.5px;color:var(--ink2);cursor:pointer;user-select:none;font-weight:600;font-family:inherit;line-height:1.4;box-shadow:var(--shadow-sm);transition:all .2s ease;}
  .pfilter span.on,.pfilter button.on{background:var(--navy);color:#fff;box-shadow:0 4px 14px rgba(27,58,92,.28);}
  .pfilter span:not(.on):hover,.pfilter button:not(.on):hover{transform:translateY(-1px);box-shadow:var(--shadow-md);}
  .pfilter button:focus-visible{outline:2px solid var(--steel);outline-offset:2px;}
  .pcard .st.st-play{background:#1F7A6F;}
  .pcount{font-size:12px;color:var(--ink2);line-height:1.6;margin:-4px 0 14px;}
  .pcount b{color:var(--orange);font-size:14px;}
  .pgrid{display:grid;grid-template-columns:1fr;gap:12px;}
  .pcard{position:relative;background:#fff;border-radius:var(--radius-md);padding:16px 16px 14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .25s ease;}
  .pcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
  .pcard .st{position:absolute;top:0;right:0;font-size:12px;font-weight:700;padding:3px 10px;border-bottom-left-radius:9px;color:#fff;background:var(--steel);}
  .pcard .st.live{background:var(--green);}
  .pcard .pi{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,var(--navy),var(--steel));margin-bottom:9px;}
  .pcard .pname{font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.35;padding-right:54px;}
  .pcard .pdesc{font-size:12px;color:var(--ink2);line-height:1.55;margin:6px 0 9px;flex:1;}
  .pcard .tags{margin-bottom:10px;}
  .pcard .tags span{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:6px;font-size:12px;padding:2px 7px;margin:0 5px 5px 0;color:var(--ink2);}
  .pcard .pfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--line);padding-top:10px;margin-top:auto;}
  .pcard .price{font-size:16px;}
  .pcard .btn{font-size:12px;color:var(--navy);border:1.5px solid var(--navy);border-radius:8px;padding:6px 12px;text-decoration:none;font-weight:700;white-space:nowrap;transition:all .2s ease;}
  .pcard .btn:hover{background:var(--navy);color:#fff;}
  .pcard .btn.solid{background:var(--orange);border-color:var(--orange);color:#fff;}
  .pcard .btn.solid:hover{filter:brightness(1.06);background:var(--orange);}
  .pempty{grid-column:1/-1;text-align:center;color:var(--ink2);font-size:13px;padding:26px;}
  /* 保障 */
  .safe{display:flex;flex-wrap:wrap;gap:9px;}
  .safe div{display:flex;align-items:center;gap:9px;width:calc(50% - 5px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12.5px;font-weight:600;}
  .safe span{flex:none;display:inline-flex;width:28px;height:28px;border-radius:8px;background:var(--greenbg);color:var(--green);align-items:center;justify-content:center;}
  .safe span .ico{width:16px;height:16px;}
  /* 定制报价档 */
  .quote{display:flex;gap:10px;}
  .quote .q{flex:1;background:#fff;border:2px solid var(--line);border-radius:14px;padding:15px 11px;text-align:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;}
  .quote .q:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
  .quote .q.featured{border-color:var(--navy);background:linear-gradient(160deg,#EAF5F3,#fff);}
  .quote .q.picked{border-color:var(--orange);background:linear-gradient(160deg,#EAF5F3,#fff);box-shadow:0 8px 20px rgba(154,112,40,.16);}
  .quote .q .qpick{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line2);background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;line-height:1;}
  .quote .q .qpick .ico{width:11px;height:11px;}
  .quote .q.picked .qpick{background:var(--orange);border-color:var(--orange);}
  .quote .q .qgo{display:block;margin-top:9px;font-size:12px;font-weight:700;color:var(--steel);}
  .quote .q.picked .qgo{color:var(--orange);}
  .quote .q .lv{font-size:12.5px;font-weight:800;}
  .quote .q .pr{font-size:17px;font-weight:800;color:var(--navy);margin:6px 0 2px;}
  .quote .q .pr small{font-size:12px;color:var(--ink2);font-weight:400;}
  .quote .q p{font-size:12px;color:var(--ink2);line-height:1.55;text-align:left;margin-top:8px;}
  /* 关于 */
  .about p{font-size:13px;color:var(--ink2);margin-bottom:10px;}
  .about .vals{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px;}
  .about .vals div{display:flex;align-items:center;gap:8px;flex:1 1 45%;background:var(--bluebg);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--navy);font-weight:600;}
  .about .vals .ico{width:15px;height:15px;color:var(--steel);flex:none;}
  /* FAQ */
  details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px;margin-bottom:10px;}
  summary{cursor:pointer;font-size:14px;font-weight:700;padding:14px 0;list-style:none;position:relative;padding-right:24px;}
  summary::after{content:"";position:absolute;right:2px;top:14px;width:16px;height:16px;background:var(--steel);transition:transform .25s ease;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
  details[open] summary::after{transform:rotate(180deg);}
  details p{font-size:13px;color:var(--ink2);padding:0 0 14px;}
  /* 需求评估表（客户侧） */
  .frow{margin-bottom:13px;}
  .frow>label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--ink);}
  .frow>label small{font-weight:400;color:var(--ink2);}
  .frow input[type=text],.frow textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px;font-family:inherit;background:#fff;color:var(--ink);}
  .frow textarea{min-height:60px;resize:vertical;}
  .chipsel{display:flex;flex-wrap:wrap;gap:7px;}
  .chipsel span{border:1.5px solid var(--line);border-radius:100px;padding:7px 13px;font-size:12px;color:var(--ink2);cursor:pointer;background:#fff;user-select:none;}
  .chipsel span.on{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:700;}
  .mrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 0;border-top:1px dashed var(--line);font-size:12.5px;}
  .mrow:first-child{border-top:none;}
  .mrow b{flex:1 1 100%;font-weight:700;color:var(--ink);}
  .mrow .chipsel{flex:1 1 100%;}
  .mrow .chipsel span{padding:7px 10px;font-size:12px;}
  .form-h{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:12px;padding-left:10px;border-left:3px solid var(--orange);}
  .form-h small{font-size:12px;font-weight:400;color:var(--ink2);}
  .note{font-size:12px;color:var(--ink2);line-height:1.7;}
  .field-h{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin:4px 0 8px;}
  .cred{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .cred-i{background:var(--bluebg);border-radius:10px;padding:12px 12px 12px 46px;position:relative;}
  .cred-i .cred-ic{position:absolute;left:11px;top:12px;width:26px;height:26px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(27,58,92,.12);display:flex;align-items:center;justify-content:center;color:var(--steel);}
  .cred-i .cred-ic .ico{width:15px;height:15px;}
  .cred-i b{display:block;font-size:12.5px;color:var(--navy);margin-bottom:3px;}
  .cred-i span{font-size:12px;color:var(--ink2);line-height:1.5;}
  .verif div{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--ink2);padding:9px 0;border-top:1px dashed var(--line);line-height:1.6;}
  .verif div:first-child{border-top:none;}
  .verif .v-ic{flex:none;width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-top:1px;}
  .verif .v-ic .ico{width:15px;height:15px;}
  .verif .v-blue{background:var(--bluebg);color:var(--navy);}
  .verif .v-green{background:var(--greenbg);color:var(--green);}
  .verif .v-steel{background:var(--bluebg);color:var(--steel);}
  .verif .v-orange{background:var(--goldbg);color:var(--orange);}
  .verif b{color:var(--navy);}
  .ind{display:inline-block;background:var(--goldbg);color:#9A7028;border:1px solid #F1E5CC;border-radius:100px;font-size:12px;padding:4px 11px;margin:0 6px 6px 0;font-weight:600;}
  .ind.b{background:var(--bluebg);color:var(--navy);border-color:var(--line2);}
  .sumbox{width:100%;min-height:150px;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;line-height:1.7;font-family:inherit;background:#F5F7FB;color:var(--ink);}
  .final{position:relative;background:linear-gradient(160deg,#182A4A,#1F3A5F);border-radius:var(--radius-xl);padding:30px 22px;text-align:center;color:#fff;margin-top:10px;overflow:hidden;}
  .final::before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(154,112,40,.4),transparent 65%);pointer-events:none;}
  .final::after{content:"";position:absolute;bottom:-30px;left:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);pointer-events:none;}
  .final>*{position:relative;z-index:1;}
  .final h3{font-size:21px;font-weight:800;margin-bottom:8px;}
  .final p{font-size:13px;color:#E5E7EB;margin-bottom:6px;}
  .final .cta.ghost{border-color:rgba(255,255,255,.4);}
  .foot{text-align:center;font-size:12px;color:#6B7280;padding:28px 18px 14px;line-height:2;}
  .foot b{color:#6B7280;}
  /* 吸底 */
  .dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;background:rgba(255,255,255,.98);border-top:1px solid rgba(27,58,92,.08);display:flex;gap:10px;padding:10px 14px 12px;z-index:50;box-shadow:0 -8px 28px rgba(27,58,92,.08);}
  .dock .d-demo{flex:0 0 36%;text-align:center;border:1.5px solid var(--navy);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;color:var(--navy);text-decoration:none;transition:transform .2s ease;}
  .dock .d-demo:hover{transform:translateY(-1px);}
  .dock .d-buy{flex:1;text-align:center;background:var(--brand-gradient);color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:7px;box-shadow:var(--shadow-brand);transition:transform .2s ease;}
  .dock .d-buy:hover{transform:translateY(-1px);}
  .dock .d-buy b{font-size:15.5px;font-weight:800;}
  .dock .d-buy span{font-size:12px;opacity:.94;}
  /* 首屏右侧评估卡（移动端纵向堆叠在文案下） */
  .hero-inner{display:block;}
  /* ===== 平板/大手机：680px 起部分多列，仍保持中宽 ===== */
  @media (min-width:680px){
    .page{max-width:720px;}
    .hero h1{font-size:32px;line-height:1.38;letter-spacing:-0.4px;}
    .hero .kicker{font-size:12.5px;padding:5px 15px;letter-spacing:1.2px;}
    .grid{grid-template-columns:repeat(4,1fr);}
    .pgrid{grid-template-columns:repeat(2,1fr);}
    .cmp{flex-wrap:wrap;}
    .cmp .c{flex:1 1 calc(50% - 5px);}
    .cmp .c.win{flex:0 0 100%;order:-1;}
    .safe div{width:calc(33.333% - 8px);}
    .faqsec{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;}
    .faqsec>.h-title{grid-column:1/-1;}
    .about .vals{flex-wrap:nowrap;}
    .dock{max-width:640px;}
  }
  /* ===== 大平板/小桌面：820px 起加宽 ===== */
  @media (min-width:820px){
    .page{max-width:860px;}
    .wrap{padding:0 24px;}
    .nav{padding:12px 24px;}
    .dock{max-width:720px;}
  }
  /* ===== 桌面：980px 起完整宽屏多列 + 首屏左右分栏 ===== */
  @media (min-width:980px){
    /* 全幅改造：色带铺满视口，内容对齐 1320px 居中栏，消除两侧灰边 */
    .page{--side:max(40px, calc(50% - 620px));max-width:none;background:var(--bg);box-shadow:none;padding-bottom:100px;}
    .wrap{padding:0 var(--side);}
    .nav{padding:15px var(--side);}
    .nav .brand{font-size:17px;}
    .nav .brand small{font-size:12px;}
    .nav .links{gap:28px;}
    .nav .links a{font-size:13.5px;}
    .hero{padding:64px var(--side) 56px;}
    .hero-inner{display:flex;gap:52px;align-items:center;}
    .hero-l{flex:1.12;min-width:0;}
    .hero h1{font-size:38px;line-height:1.34;}
    .hero .kicker{font-size:13px;padding:6px 18px;letter-spacing:1.5px;}
    .hero p.sub{font-size:15.5px;max-width:520px;}
    .hero .cta{max-width:440px;}
    .hero .assure{gap:10px;margin-top:22px;}
    .hero .assure span{flex:1 1 calc(25% - 8px);font-size:12px;padding:9px 6px;}
    section{padding:56px 0 10px;}
    .h-title{font-size:27px;}
    .h-sub{font-size:14.5px;margin-bottom:26px;}
    .card{padding:24px;border-radius:18px;}
    .path{gap:22px;}
    .cmp{display:flex;flex-wrap:nowrap;gap:18px;}
    .cmp .c{flex:1;padding:20px 16px;}
    .cmp .c.win{flex:1;order:unset;}
    .cmp .c h3{font-size:15px;}
    .cmp .c .row{font-size:12px;}
    .cmp .c .row b{font-size:12.8px;}
    .grid{gap:14px;}
    .grid .g{padding:18px 12px;}
    .grid .g .ic{width:42px;height:42px;border-radius:12px;}
    .grid .g .ic .ico{width:22px;height:22px;}
    .grid .g b{font-size:14px;}
    .grid .g span{font-size:12px;}
    .flow{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;}
    .flow .step{background:#F5F7FB;border:1px solid var(--line);border-radius:13px;padding:16px 18px;}
    .flow .step::before{display:none;}
    .mile{gap:14px;}
    .quote{gap:18px;}
    .pgrid{grid-template-columns:repeat(3,1fr);gap:16px;}
    .safe{gap:14px;}
    .safe div{width:calc(33.333% - 10px);font-size:13.5px;padding:16px;}
    .about .vals div{font-size:13px;padding:14px;}
    .faqsec{column-gap:16px;}
    details{margin-bottom:14px;}
    .final{max-width:880px;margin:18px auto 0;padding:48px 44px;}
    .final h3{font-size:26px;}
    .foot{padding:48px var(--side) 24px;text-align:left;font-size:12px;line-height:2;}
    .foot .f-grid{margin-bottom:20px;}
    .dock{max-width:720px;bottom:20px;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 38px rgba(27,58,92,.22);}
  }
  /* ===== 超宽屏（≥1440px）：字号与留白升级一档 ===== */
  @media (min-width:1440px){
    .hero{padding-top:76px;padding-bottom:64px;}
    .hero h1{font-size:44px;}
    .hero p.sub{font-size:16.5px;max-width:560px;}
    .h-title{font-size:30px;}
    section{padding:56px 0 12px;}
    .pgrid{grid-template-columns:repeat(4,1fr);}
    .dock{max-width:800px;}
  }
  /* ===== 超小屏（≤380px）：对比与报价档改竖排，避免拥挤溢出 ===== */
  @media (max-width:380px){
    .hero h1{font-size:26px;line-height:1.35;}
    .hero .kicker{font-size:12px;padding:3px 10px;letter-spacing:.8px;}
    .hero .cta{font-size:15px;padding:13px;}
    .hero .assure span{flex:1 1 calc(50% - 4px);font-size:12px;padding:6px 2px;}
    .cmp{flex-direction:column;}
    .cmp .c{padding:15px 14px;}
    .quote{flex-direction:column;}
    .quote .q .pr{font-size:19px;}
    .path{flex-direction:column;}
    .path .p .pd{font-size:12px;}
    .path .p li{font-size:12px;}
    .mile .m{flex:1 1 calc(50% - 4px);min-width:0;padding:9px 4px;}
    .mile .m b{font-size:15px;}
    .nav .brand{font-size:13px;}
    .nav .navcta{font-size:12px;padding:6px 11px;}
  }

  /* ===== 感官优化层：平滑滚动 / 留白节奏 / 标题层级 / 微交互 / 真实产品视觉带 ===== */
  html{-webkit-text-size-adjust:100%;overflow-x:hidden;}
  section{padding:44px 0 12px;scroll-margin-top:62px;}
  .card{margin-bottom:16px;}
  .h-title{font-size:22px;margin-bottom:8px;}
  .h-sub{margin-bottom:20px;}
  .cta,.ec-btn,.chipsel span,.grid .g,.quote .q{transition:transform .18s ease,box-shadow .25s ease,filter .2s ease,background .2s ease,color .2s ease,border-color .2s ease;}
  .cta:active,.ec-btn:active{transform:translateY(2px) scale(.985);}
  /* 眼见为实：真实产品视觉带（全部直连在跑的真实演示，非截图） */
  .showcase{padding:26px 18px 4px;}
  .sc-head{text-align:center;margin-bottom:16px;line-height:1.5;}
  .sc-head b{display:block;font-size:16px;font-weight:800;color:var(--ink);}
  .sc-head b em{font-style:normal;color:var(--orange);}
  .sc-head span{display:block;font-size:12px;color:var(--ink2);margin-top:4px;}
  .sc-row{display:flex;gap:11px;}
  .ph{flex:1;text-decoration:none;text-align:center;min-width:0;}
  .ph .scr{position:relative;border-radius:16px;height:136px;overflow:hidden;box-shadow:0 8px 20px rgba(27,58,92,.16);display:flex;align-items:center;justify-content:center;}
  .ph .scr .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:5px;border-radius:100px;background:rgba(255,255,255,.55);}
  .ph .scr .pic{font-size:38px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));margin-top:-6px;}
  .ph .scr .ui{position:absolute;bottom:13px;left:15px;right:15px;display:flex;flex-direction:column;gap:5px;}
  .ph .scr .ui i{display:block;height:6px;border-radius:100px;background:rgba(255,255,255,.45);}
  .ph .scr .ui i:nth-child(2){width:68%;}
  .ph .scr .ui i:nth-child(3){width:44%;}
  .ph .scr.bazi{background:linear-gradient(160deg,#182A4A,#1F3A5F);}
  .ph .scr.mbti{background:linear-gradient(160deg,#182A4A,#45C4B4);}
  .ph .scr.love{background:linear-gradient(160deg,#D9534F,#E8963C);}
  .ph .pn{font-size:12px;font-weight:700;color:var(--ink);margin-top:10px;line-height:1.35;}
  .ph .pl{font-size:12px;color:var(--ink2);margin-top:3px;line-height:1.4;}
  /* 仅精确指针设备启用悬停抬升，避免触屏粘滞 */
  @media (hover:hover) and (pointer:fine){
    .grid .g:hover{border-color:var(--steel);transform:translateY(-2px);}
    .quote .q:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,58,92,.10);}
    .ph:hover .scr{transform:translateY(-5px);box-shadow:0 16px 34px rgba(27,58,92,.26);}
    .cta:hover{filter:brightness(1.06);box-shadow:0 12px 28px rgba(154,112,40,.5);}
  }
  @media (min-width:980px){
    .showcase{padding-left:var(--side);padding-right:var(--side);}
    .sc-row{gap:16px;max-width:780px;margin:0 auto;}
    .ph .scr{height:164px;}
    .ph .scr .pic{font-size:46px;}
  }
  @media (max-width:380px){
    section{padding:36px 0 10px;}
    .ph .scr{height:112px;}
    .ph .scr .pic{font-size:30px;}
    .ph .pn{font-size:12px;}
    .ph .pl{font-size:12px;}
  }

  /* ===== 专业质感层：导航转化 CTA / 首屏景深 / 板块眉标 / 滚动揭示 / 页脚分栏 ===== */
  .nav{transition:box-shadow .25s ease,background .25s ease;}
  .nav.scrolled{box-shadow:0 6px 22px rgba(8,20,40,.35);background:rgba(11,28,56,.99);}
  .nav .navcta{flex:none;margin-left:6px;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#fff;font-size:12px;font-weight:800;border-radius:100px;padding:7px 15px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(154,112,40,.4);}
  .navtoggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;}
  .navtoggle .ico{width:20px;height:20px;}
  .hero{position:relative;overflow:hidden;}
  .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 12% -8%,rgba(62,107,168,.5),transparent 60%),radial-gradient(480px 300px at 92% 8%,rgba(154,112,40,.16),transparent 62%),radial-gradient(600px 340px at 50% 118%,rgba(30,63,110,.65),transparent 65%);pointer-events:none;}
  .hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 62% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 62% at 50% 40%,#000 30%,transparent 75%);pointer-events:none;}
  .hero-inner{position:relative;z-index:1;}
  .hero .kicker{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);}
  .hero .kicker::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(154,112,40,.22);}
  .eyebrow{display:block;text-align:center;font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--steel);text-transform:uppercase;margin-bottom:8px;}
  .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
  .rv.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none;}}
  .foot .f-grid{display:grid;grid-template-columns:1fr;gap:16px;text-align:left;margin-bottom:14px;}
  .foot .f-col b{display:block;color:var(--navy);font-size:12.5px;margin-bottom:5px;}
  .foot .f-col span{display:block;font-size:12px;color:var(--ink2);line-height:1.7;}
  .foot .f-note{text-align:center;font-size:12px;color:var(--ink2);border-top:1px solid var(--line);padding-top:12px;}
  @media (min-width:680px){.foot .f-grid{grid-template-columns:repeat(3,1fr);gap:22px;}}
  .faqsec>.eyebrow{grid-column:1/-1;}
  /* 评估表：收起为按钮 + 弹层承载（移动端底部滑入 / 桌面居中对话框） */
  .assess-tease{text-align:center;background:linear-gradient(160deg,#F5F7FB,#fff);border-color:var(--line2);}
  .assess-tease .at-h{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:8px;}
  .assess-tease .at-p{font-size:12.5px;color:var(--ink2);line-height:1.7;margin-bottom:12px;}
  .assess-tease .at-li{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;}
  .assess-tease .at-li span{font-size:12px;color:var(--green);background:var(--greenbg);border-radius:100px;padding:4px 12px;font-weight:600;}
  .assess-tease .cta{max-width:420px;margin:0 auto;}
  .sheet{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none;}
  .sheet.open{visibility:visible;pointer-events:auto;}
  .sheet-mask{position:absolute;inset:0;background:rgba(10,22,40,.62);opacity:0;transition:opacity .3s ease;}
  .sheet.open .sheet-mask{opacity:1;}
  .sheet-panel{position:absolute;left:0;right:0;bottom:0;top:6vh;background:var(--bg);border-radius:18px 18px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.8,.3,1);box-shadow:0 -18px 50px rgba(8,20,40,.35);}
  .sheet.open .sheet-panel{transform:none;}
  .sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:var(--navy);color:#fff;border-radius:18px 18px 0 0;}
  .sheet-head b{display:block;font-size:15px;font-weight:800;}
  .sheet-head span{display:block;font-size:12px;color:#D3E9E5;}
  .sheet-x{flex:none;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#2A9D8F,#1F7A6F);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(154,112,40,.45);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;}
  .sheet-x:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 18px rgba(154,112,40,.55);}
  .sheet-x:active{transform:scale(.95);}
  .sheet-body{flex:1;min-height:0;overflow-y:auto;padding:16px 14px 34px;-webkit-overflow-scrolling:touch;}
  .sheet-body .card{margin-bottom:14px;}
  /* 弹层打开时锁背景滚动：html+body 双锁，overflow:hidden 挡不住编程滚动，故同时移除滚动位置来源 */
  html.noscroll,body.noscroll{overflow:hidden!important;}
  @media (min-width:760px){
    /* 桌面定高 86vh：top/bottom 双端定位给出确定高度，flex 内部滚动才生效；
       旧写法 top:50%+translate 居中时面板是 auto 高度，收缩适应只剩 50vh，内容被截断 */
    /* 不动画 opacity：某些渲染受限环境（后台标签/节流）过渡会冻结在首帧，从 0 开始会导致整层不可见；
       只做轻微 transform 入场，即便过渡不执行，面板也照常可见（与旧版行为一致） */
    .sheet-panel{left:50%;right:auto;top:7vh;bottom:7vh;width:760px;max-width:92vw;border-radius:18px;transform:translateX(-50%) translateY(18px) scale(.97);transition:transform .3s ease;box-shadow:0 24px 70px rgba(8,20,40,.4);}
    .sheet.open .sheet-panel{transform:translateX(-50%) translateY(0) scale(1);}
  }
  /* ===== 专业识别层：SVG 线性图标体系 / 品牌标识 / 导航当前态 / 排版与无障碍细节 ===== */
  .ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-.12em;}
  /* 行内箭头：按钮/链接统一语义 */
  .ico.arw{width:14px;height:14px;margin-left:6px;vertical-align:-2px;transition:transform .2s ease;}
  a:hover .ico.arw{transform:translateX(2.5px);}
  .btn .ico{width:13px;height:13px;vertical-align:-2px;margin-left:2px;}
  .cta .ico:not(.arw){width:15px;height:15px;vertical-align:-2px;margin-right:6px;}
  .wxbtn .ico{color:inherit;}
  .eval-card .ec-list .ec-ic .ico{width:16px;height:16px;}
  /* 评估表提示胶囊里的小勾 */
  .assess-tease .at-li span{display:inline-flex;align-items:center;gap:5px;}
  .assess-tease .at-li .ico{width:13px;height:13px;}
  /* 筛选器已上线标记 */
  .pfilter span .ico{width:13px;height:13px;vertical-align:-2px;margin-right:2px;}
  /* 页脚行内小图标 */
  .f-col .f-ico{width:13px;height:13px;color:var(--steel);margin-right:5px;vertical-align:-2px;}
  .f-col .f-mp-qr{display:inline-block;margin-top:9px;border-radius:10px;overflow:hidden;line-height:0;box-shadow:0 3px 12px rgba(0,0,0,.28);border:2px solid rgba(255,255,255,.9);}
  .f-col .f-mp-qr img{display:block;width:96px;height:96px;object-fit:cover;}
  /* 弹层关闭钮 —— 统一橙色渐变风格 */
  .sheet-x .ico{width:20px;height:20px;}
  .wxmodal .wx-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2A9D8F,#1F7A6F);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(154,112,40,.45);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;z-index:5;}
  .wxmodal .wx-x:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 18px rgba(154,112,40,.55);}
  .wxmodal .wx-x:active{transform:scale(.95);}
  .wxmodal .wx-x .ico{width:18px;height:18px;}
  .bmprompt .bp-x{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:linear-gradient(135deg,#2A9D8F,#1F7A6F);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(154,112,40,.45);transition:transform .2s cubic-bezier(.34,1.56,.64,1);}
  .bmprompt .bp-x:hover{transform:scale(1.1) rotate(90deg);}
  .bmprompt .bp-x:active{transform:scale(.95);}
  .bmprompt .bp-x .ico{width:18px;height:18px;}
  .logo .ico{width:19px;height:19px;color:#fff;}
  .nav .links a{position:relative;}
  .nav .links a.active{color:#fff;font-weight:700;}
  .nav .links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--orange);}
  .pcard .pi .ico{width:20px;height:20px;color:#fff;}
  .pcard .pi.c-trad{background:linear-gradient(135deg,#182A4A,#1F3A5F);}
  .pcard .pi.c-social{background:linear-gradient(135deg,#9A7028,#D9534F);}
  .pcard .pi.c-ai{background:linear-gradient(135deg,#182A4A,#45C4B4);}
  .pcard .pi.c-comm{background:linear-gradient(135deg,#9A7028,#C9A86A);}
  .pcard .pi.c-effi{background:linear-gradient(135deg,#1F7A6F,#1F7A6F);}
  .ph .scr .pic{display:flex;align-items:center;justify-content:center;font-size:0;}
  .ph .scr .pic .ico{width:40px;height:40px;color:#fff;stroke-width:1.6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));}
  .at-h .ico{width:18px;height:18px;color:var(--orange);margin-right:6px;vertical-align:-3px;}
  .h-title{letter-spacing:.4px;}
  ::selection{background:var(--st-primary);color:#fff;}
  :focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px;}
  .sheet-body::-webkit-scrollbar{width:8px;}
  .sheet-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;}
  /* ===== 成品卡双按钮 + 统一微信弹层（二维码占位 + 复制微信号）+ 轻提示 ===== */
  .pcard .pfoot .pbtns{display:flex;gap:6px;align-items:center;}
  .pcard .pfoot .pbtns .btn{padding:6px 9px;font-size:12px;}
  /* ===== 微信弹窗 · 品牌视觉升级 v2 ===== */
  .wxmask{position:fixed;inset:0;z-index:120;background:rgba(6,14,28,.78);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;}
  .wxmask.on{opacity:1;visibility:visible;}
  .wxmodal{position:relative;width:100%;max-width:390px;max-height:calc(100vh - 36px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:24px;padding:28px 22px 20px;text-align:center;transform:translateY(20px) scale(.94);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;box-shadow:0 32px 80px rgba(6,14,28,.35),0 6px 20px rgba(6,14,28,.18);isolation:isolate;}
  .wxmask.on .wxmodal{transform:translateY(0) scale(1);opacity:1;}

  /* 背景装饰光晕 */
  .wx-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;z-index:-1;pointer-events:none;}
  .wx-orb-1{width:180px;height:180px;top:-60px;right:-40px;background:radial-gradient(circle,rgba(154,112,40,.55),transparent 70%);}
  .wx-orb-2{width:140px;height:140px;bottom:-40px;left:-30px;background:radial-gradient(circle,rgba(27,58,92,.35),transparent 70%);}

  /* 关闭按钮（统一定义在上方"弹层关闭钮"区块） */

  /* ===== 品牌头部区 ===== */
  .wx-hero{margin-top:4px;margin-bottom:6px;}
  .wx-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#2A9D8F;background:rgba(154,112,40,.10);border:1px solid rgba(154,112,40,.22);border-radius:100px;padding:4px 12px;margin-bottom:14px;letter-spacing:.5px;}
  .wx-staff{display:flex;align-items:center;gap:14px;text-align:left;}
  .wx-avatar{position:relative;width:56px;height:56px;flex:none;border-radius:50%;overflow:hidden;box-shadow:0 4px 16px rgba(27,58,92,.22);background:linear-gradient(135deg,#2A9D8F,#1F7A6F);display:flex;align-items:center;justify-content:center;}
  .wx-avatar .ico{width:28px;height:28px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));}
  .wx-avatar-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#2A9D8F,#182A4A) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
  .wx-staff-txt{flex:1;min-width:0;}
  .wx-name{display:block;font-size:20px;font-weight:800;color:#182A4A;letter-spacing:.5px;line-height:1.2;margin-bottom:2px;}
  .wx-role{display:block;font-size:12px;color:#6B7280;font-weight:500;margin-bottom:5px;}
  .wx-online{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#2A9D8F;background:rgba(46,170,111,.1);border-radius:100px;padding:2px 10px;}
  .wx-online .dot{width:6px;height:6px;border-radius:50%;background:#2A9D8F;animation:wx-online-pulse 2s ease-in-out infinite;}
  @keyframes wx-online-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.6;transform:scale(.8);}}

  /* ===== 二维码主视觉区 ===== */
  .wx-qrwrap{position:relative;margin:20px auto 18px;width:280px;}
  .wx-pulse{position:absolute;inset:-12px;border-radius:22px;border:2px solid rgba(154,112,40,.35);animation:wx-pulse-ring 2.4s ease-out infinite;pointer-events:none;}
  .wx-pulse:nth-child(2){animation-delay:1.2s;}
  @keyframes wx-pulse-ring{0%{opacity:.8;transform:scale(.96);}100%{opacity:0;transform:scale(1.08);}}
  .wx-qr{border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(27,58,92,.22),0 4px 12px rgba(27,58,92,.10);border:1px solid rgba(27,58,92,.06);}
  .wx-qr img{display:block;width:280px;max-width:100%;height:auto;border-radius:18px;}
  .wx-arrow{margin-top:10px;font-size:12px;color:#2A9D8F;font-weight:700;letter-spacing:.5px;animation:wx-bounce 1.6s ease-in-out infinite;}
  @keyframes wx-bounce{0%,100%{transform:translateX(0);}50%{transform:translateX(4px);}}

  /* ===== 服务保障标签 ===== */
  .wx-guarantees{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:14px;}
  .wx-g-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#6B7280;background:#F5F7FB;border-radius:100px;padding:5px 12px;border:1px solid rgba(27,58,92,.08);transition:transform .15s ease,box-shadow .15s ease;}
  .wx-g-tag:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(27,58,92,.10);}

  .wx-tip{font-size:12px;color:#6B7280;line-height:1.65;padding-top:10px;border-top:1px dashed rgba(27,58,92,.10);}

  /* ===== 微信弹窗 · 移动端适配（≤480px） ===== */
  @media (max-width:480px){
    .wxmask{padding:8px;}
    .wxmodal{max-width:none;max-height:calc(100vh - 16px);padding:22px 16px 16px;border-radius:20px;box-shadow:0 24px 60px rgba(6,14,28,.35),0 4px 14px rgba(6,14,28,.18);}
    .wx-orb-1{width:140px;height:140px;top:-40px;right:-30px;}
    .wx-orb-2{width:100px;height:100px;bottom:-30px;left:-20px;}
    .wxmodal .wx-x{top:10px;right:10px;width:36px;height:36px;}
    .wxmodal .wx-x .ico{width:17px;height:17px;}
    .wx-staff{gap:12px;}
    .wx-avatar{width:48px;height:48px;}
    .wx-avatar .ico{width:24px;height:24px;}
    .wx-name{font-size:17px;}
    .wx-role{font-size:12px;}
    .wx-badge{font-size:12px;padding:3px 10px;margin-bottom:12px;}
    .wx-qrwrap{width:min(290px,86vw);margin:16px auto 14px;}
    .wx-pulse{inset:-10px;}
    .wx-qr{border-radius:16px;}
    .wx-qr img{width:100%;border-radius:16px;}
    .wx-guarantees{gap:5px 8px;}
    .wx-g-tag{font-size:12px;padding:4px 10px;}
    .wx-arrow{font-size:12px;margin-top:8px;}
  }
  .wtoast{position:fixed;left:50%;bottom:60px;transform:translateX(-50%) translateY(16px);background:rgba(20,30,46,.94);color:#fff;font-size:13px;padding:11px 18px;border-radius:10px;z-index:140;opacity:0;pointer-events:none;transition:.25s;max-width:88%;text-align:center;}
  .wtoast.on{opacity:1;transform:translateX(-50%) translateY(0);}
  /* ===== 收藏引导条：一次性提示加入书签/添加到主屏幕，提升「文枢」地址栏直达率 ===== */
  .bmprompt{position:fixed;left:50%;transform:translateX(-50%) translateY(16px);bottom:104px;width:calc(100% - 28px);max-width:560px;background:rgba(27,58,92,.98);color:#fff;border-radius:14px;padding:11px 34px 11px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 34px rgba(8,20,40,.4);z-index:55;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease;}
  .bmprompt.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
  .bmprompt .bp-ic{flex:none;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:flex;align-items:center;justify-content:center;}
  .bmprompt .bp-ic .ico{width:18px;height:18px;color:#fff;}
  .bmprompt .bp-tx{flex:1;min-width:0;}
  .bmprompt .bp-tx b{display:block;font-size:13px;font-weight:800;}
  .bmprompt .bp-tx span{display:block;font-size:12px;color:#E5E7EB;margin-top:1px;line-height:1.5;}
  .bmprompt .bp-kbd{flex:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:700;font-family:inherit;color:#fff;}
  .bmprompt .bp-ok{flex:none;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#fff;border:none;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit;}
  .bmprompt .bp-x{position:absolute;top:4px;right:8px;border:none;background:none;color:#D3E9E5;font-size:18px;line-height:1;cursor:pointer;}
  @media (max-width:480px){.bmprompt{bottom:88px;}.bmprompt .bp-kbd{display:none;}}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
  /* ===== 客服在线状态（按本地时间 9–21 点动态切换）===== */
  .wx-online.off{color:#6B7280;background:rgba(138,154,176,.12);}
  .wx-online.off .dot{background:#6B7280;animation:none;}
  /* ===== 返回顶部 ===== */
  .totop{position:fixed;right:max(16px,calc(50% - 690px));bottom:100px;width:44px;height:44px;border-radius:50%;background:rgba(27,58,92,.97);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(27,58,92,.32);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:49;}
  .totop .ico{width:20px;height:20px;}
  .totop.on{opacity:1;visibility:visible;transform:none;}
  .totop:hover{background:var(--navy);}
  .totop:active{transform:scale(.92);}
  /* ===== 移动端导航与触控：≤679px 锚点收起为汉堡下拉，增大点击目标 ===== */
  @media (max-width:679px){
    .nav .brand small{display:none;}
    .nav .navcta{margin-left:auto;}
    .navtoggle{display:inline-flex;margin-left:8px;}
    .nav .links{position:absolute;top:100%;left:-16px;right:-16px;margin-left:0;flex-direction:column;gap:0;background:rgba(11,28,56,.99);overflow:hidden;max-height:0;transition:max-height .3s ease;box-shadow:0 14px 26px rgba(8,20,40,.4);border-radius:0 0 14px 14px;z-index:59;}
    .nav.open .links{max-height:420px;}
    .nav .links a{width:100%;padding:14px 18px;font-size:14.5px;border-top:1px solid rgba(255,255,255,.08);box-sizing:border-box;}
    .nav .links a:first-child{border-top:none;}
    .nav .links a.active::after{display:none;}
    .nav .links a.active{color:#2A9D8F;}
    .pcard .pfoot{flex-wrap:wrap;row-gap:8px;}
    .pcard .pfoot .pbtns .btn{padding:9px 12px;}
  }
  .wx-openbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,#2A9D8F,#1F7A6F);color:#fff;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 10px 24px rgba(154,112,40,.32);}
  .wx-openbtn:active{transform:translateY(2px) scale(.985);}
  .wx-openbtn .ico{width:18px;height:18px;fill:#fff;}
  .wx-copybtn{display:block;width:100%;margin-top:9px;padding:11px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink2);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;}
  .wx-copybtn:active{background:#F5F7FB;}

#process{scroll-margin-top:62px}

@media (max-width:480px){.bmprompt{display:none!important}}

/* >>> BAZI_SWITCH_START >>> */
/* 命理八字展示开关（由 toggle_bazi.py 注入；块内勿手工编辑，执行 on 可整块移除） */
/* 命理八字已按方案重新上架：原隐藏规则移除（toggle_bazi.py on 可再次注入） */
/* <<< BAZI_SWITCH_END <<< */

/* ============================================================
   ===== Stripe 升级基座：st- 组件层（阶段一：设计基座 + 首屏样张）=====
   作用域自洽：所有规则以 .st- 前缀 / .st-hero / .st-nav 限定，
   不改旧类；全局换肤与其余区块改造留待阶段二确认后统一做。
   ============================================================ */

/* —— 导航：浅色浮于 mesh 之上（nav-bar-on-mesh）—— */
.nav.st-nav{background:rgba(255,255,255,.80);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);color:var(--st-ink);border-bottom:1px solid rgba(13,37,61,.06);}
.nav.st-nav.scrolled{background:rgba(255,255,255,.92);box-shadow:var(--st-shadow-1);}
.nav.st-nav .brand{color:var(--st-ink);}
.nav.st-nav .brand small{color:#E5E7EB;}
.nav.st-nav .navtoggle{color:var(--st-ink);border-color:rgba(13,37,61,.14);background:rgba(13,37,61,.04);}
.nav.st-nav .navcta{background:var(--st-primary);color:#fff;box-shadow:0 1px 2px rgba(19,24,35,.15),0 2px 6px rgba(27,58,92,.28);}
.nav.st-nav .navcta:hover{background:var(--st-primary-deep);}
@media (min-width:680px){
  .nav.st-nav .links a{color:#182A4A;}
  .nav.st-nav .links a:hover{color:var(--st-primary);}
  .nav.st-nav .links a.active{color:var(--st-primary);}
}

/* —— 首屏：渐变网格 mesh + 细体大字 display + pill 双 CTA + 产品合成图 —— */
.st-hero{position:relative;background:var(--st-canvas);color:var(--st-ink);overflow:hidden;}
.st-hero::before,.st-hero::after{display:none;background:none;}
.st-mesh{position:absolute;left:0;right:0;top:0;height:64%;z-index:0;pointer-events:none;}
.st-hero .st-mesh{position:absolute;}
.st-mesh::before{content:"";position:absolute;inset:-30% -12% 0 -12%;filter:blur(52px);opacity:.9;
  background:
    radial-gradient(30% 60% at 8% 42%, #F1E5CC 0%, rgba(245,233,212,0) 72%),
    radial-gradient(28% 58% at 30% 50%, #1F7A6F 0%, rgba(255,138,61,0) 70%),
    radial-gradient(30% 60% at 52% 40%, #1F3A5F 0%, rgba(185,185,249,0) 72%),
    radial-gradient(28% 58% at 74% 50%, #182A4A 0%, rgba(27,58,92,0) 68%),
    radial-gradient(26% 54% at 95% 42%, #C9A86A 0%, rgba(201,168,106,0) 70%);}
.st-hero-inner{position:relative;z-index:1;}
.st-hero .st-hero-l,.st-hero .st-hero-r{position:relative;z-index:1;}
.st-hero .st-kicker{display:inline-block;font-family:var(--st-font-display);font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--st-primary-deep);background:rgba(27,58,92,.08);border:1px solid rgba(27,58,92,.16);border-radius:var(--st-pill);padding:5px 14px;margin-bottom:16px;}
.st-hero h1.st-display{font-family:var(--st-font-display);font-weight:300;color:var(--st-ink);font-size:31px;line-height:1.14;letter-spacing:-.5px;margin:0;text-wrap:balance;}
.st-hero h1.st-display .st-hl{color:var(--st-primary);font-weight:300;}
.st-hero p.st-sub{font-family:var(--st-font-display);font-weight:400;color:var(--st-ink-2);font-size:15px;line-height:1.62;max-width:520px;margin:15px 0 0;}
.st-hero .st-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.st-hero .st-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.st-tag{font-size:12px;font-weight:500;color:var(--st-primary-deep);background:rgba(185,185,249,.32);border-radius:var(--st-pill);padding:6px 13px;}

/* —— Pill 按钮 —— */
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 22px;border-radius:var(--st-pill);font-family:var(--st-font-display);font-size:15px;font-weight:500;letter-spacing:.1px;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.st-btn .ico{width:16px;height:16px;stroke-width:2.2;}
.st-btn-primary{background:var(--st-primary);color:#fff;box-shadow:0 1px 2px rgba(19,24,35,.15),0 3px 8px rgba(27,58,92,.32);}
.st-btn-primary:hover{background:var(--st-primary-deep);transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,58,92,.38);}
.st-btn-primary:active{background:var(--st-primary-press);transform:translateY(0);}
.st-btn-secondary{background:#fff;color:var(--st-primary);border:1px solid var(--st-primary);box-shadow:var(--st-shadow-1);}
.st-btn-secondary:hover{background:#EEF2F7;transform:translateY(-1px);}
.st-dev-line.w80{width:80%;}.st-dev-line.w70{width:70%;}.st-dev-line.w60{width:58%;}
.st-dev-play .ico{width:13px;height:13px;}

/* —— 响应式：display 梯形缩放 56→48→32→26，移动端产品合成图缩小 —— */
@media (min-width:680px){
  .st-hero h1.st-display{font-size:38px;letter-spacing:-.8px;}
  .st-hero p.st-sub{font-size:16px;}
}
@media (min-width:980px){
  .st-hero{padding:60px var(--side) 66px;}
  .st-hero .st-mesh{height:78%;}
  .st-hero h1.st-display{font-size:44px;line-height:1.1;letter-spacing:-1.1px;}
  .st-hero p.st-sub{font-size:16.5px;max-width:540px;}
}
@media (min-width:1440px){
  .st-hero h1.st-display{font-size:52px;letter-spacing:-1.3px;}
}
@media (max-width:400px){
  .st-hero .st-cta-row .st-btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){.st-btn,.st-device{transition:none;}}

/* ============================================================
   ===== Stripe 升级 · 阶段二全局换肤层（st-site 作用域）=====
   作用域：.page.st-site 内所有既有区块按 Stripe token 重描；
   只覆盖不删除，移除 st-site 类即整层回退（隔离式可回滚）。
   依据：stripe/DESIGN.md —— ink #10233C / indigo #182A4A /
   canvas-soft #F5F7FB / hairline #E5E7EB / pill 9999px /
   阴影 L1·L2 / radius-lg 12px / display weight 300 负字距 / tnum。
   ============================================================ */

/* —— 画布与文字 —— */
.page.st-site{background:var(--st-canvas);box-shadow:0 0 0 1px rgba(227,232,238,.85);}
.page.st-site .wrap{background:var(--st-canvas);}
.page.st-site,.page.st-site .st-hero{--bg:var(--st-canvas-soft);--card:#fff;--line:var(--st-hairline);--line2:var(--st-hairline);--bluebg:var(--st-canvas-soft);--ink:var(--st-ink);--ink2:var(--st-ink-mute);--ink3:#6B7280;--navy:var(--st-ink);--navy2:var(--st-ink-2);--navy3:var(--st-ink);--steel:var(--st-primary);--blue:var(--st-primary);--orange:var(--st-primary);--orange2:var(--st-primary-soft);--gold:var(--st-primary-deep);--goldbg:rgba(27,58,92,.06);--brand-gradient:linear-gradient(135deg,var(--st-primary),var(--st-primary-soft));--brand-gradient-deep:linear-gradient(160deg,var(--st-dark-900),var(--st-ink));--shadow-sm:var(--st-shadow-1);--shadow-md:var(--st-shadow-2);--shadow-lg:0 18px 44px rgba(0,55,112,.14),0 6px 16px rgba(0,55,112,.06);--shadow-brand:0 3px 10px rgba(27,58,92,.32);}

/* —— 排版：标题细体负字距（display signature）—— */
.st-site .h-title{font-family:var(--st-font-display);font-weight:300;letter-spacing:-.6px;font-size:26px;color:var(--st-ink);}
.st-site .eyebrow{color:var(--st-primary);font-weight:600;letter-spacing:2.2px;}
.st-site .h-sub,.st-site .note,.st-site .pdesc,.st-site .card p{font-family:var(--st-font-display);font-weight:400;}
.st-site ::selection{background:rgba(27,58,92,.18);color:var(--st-ink);}
.st-site :focus-visible{outline:2px solid var(--st-primary);outline-offset:2px;}

/* —— 卡片：radius 12px + hairline + L1/L2 阴影 —— */
.st-site .card,.st-site .pcard,.st-site .path .p,.st-site .cmp .c,.st-site .grid .g,.st-site details,.st-site .quote .q,.st-site .safe div,.st-site .cred-i,.st-site .about,.st-site .pay334,.st-site .assess-tease,.st-site .flow .step,.st-site .mile .m{border-radius:var(--st-radius-lg);}
.st-site .card,.st-site .pcard,.st-site .safe div,.st-site details,.st-site .grid .g{border:1px solid var(--st-hairline);}
.st-site .path .p,.st-site .cmp .c,.st-site .quote .q,.st-site .cred-i,.st-site .mile .m,.st-site .about,.st-site .pay334,.st-site .assess-tease,.st-site .flow .step{border:1px solid var(--st-hairline);box-shadow:var(--st-shadow-1);}
.st-site .pcard:hover,.st-site .card:hover,.st-site .path .p:hover,.st-site .quote .q:hover,.st-site .grid .g:hover{box-shadow:var(--st-shadow-2);}
.st-site .pay334,.st-site .assess-tease,.st-site .path .p.main,.st-site .cmp .c.win{background:#fff;}
.st-site .mile .m,.st-site .cred-i,.st-site .about .vals div{background:var(--st-canvas-soft);}
.st-site .pcard .tags span{background:var(--st-canvas-soft);border-color:var(--st-hairline);}

/* —— 按钮 pill 化（Stripe 唯一按钮形状）—— */
.st-site .cta,.st-site .path .p .go,.st-site .pcard .btn,.st-site .dock .d-demo,.st-site .dock .d-buy,.st-site .wx-openbtn,.st-site .wx-copybtn,.st-site .sumwx{border-radius:var(--st-pill);}
.st-site .pcard .btn{border-color:var(--st-primary);color:var(--st-primary);font-weight:600;padding:7px 15px;}
.st-site .pcard .btn:hover{background:var(--st-primary);color:#fff;}
.st-site .pcard .btn.solid,.st-site .pcard .btn.solid:hover{background:var(--st-primary);border-color:var(--st-primary);color:#fff;filter:none;}
.st-site .pcard .pfoot .pbtns .btn{padding:7px 13px;}

/* —— 深色带：navy-900 + 靛蓝光晕（card-pricing-featured / dashboard 同源色）—— */
.st-site .final{background:linear-gradient(160deg,var(--st-dark-900),#10233C);border-radius:16px;}
.st-site .final::before{background:radial-gradient(circle,rgba(42,157,143,.45),transparent 65%);}
.st-site .final p{color:#D3E9E5;}
.st-site .foot{color:#6B7280;}
.st-site .totop{background:rgba(28,30,84,.96);}

/* —— 移动端汉堡下拉：保持深色（阶段一决定）—— */
@media (max-width:679px){.st-site .nav .links{background:rgba(28,30,84,.98);left:0;right:0;}.st-site .nav .links a.active{color:#1F3A5F;}}

/* —— 导航链接 active 下划线改靛蓝 —— */
.st-site .nav .links a.active{color:var(--st-primary);}
.st-site .nav .links a.active::after{background:var(--st-primary);}

/* —— 产品卡与筛选器 —— */
.st-site .pcard .st{background:var(--st-ink-mute);border-bottom-left-radius:var(--st-radius-sm);}
.st-site .pcard .st.live{background:var(--st-primary);}
.st-site .pcard .pi{border-radius:var(--st-radius-md,8px);}
.st-site .pfilter span{border:1px solid var(--st-hairline);border-radius:var(--st-pill);box-shadow:none;color:var(--st-ink-2);}
.st-site .pfilter span.on{background:var(--st-primary);border-color:var(--st-primary);color:#fff;box-shadow:0 3px 10px rgba(27,58,92,.32);}
.st-site .pcount b{color:var(--st-primary);}

/* —— 报价三档：featured 反转深色（card-pricing-featured）—— */
.st-site .quote .q.featured{background:var(--st-dark-900);border-color:var(--st-dark-900);color:#fff;}
.st-site .quote .q.featured .lv{color:#fff;}
.st-site .quote .q.featured .pr{color:#fff;}
.st-site .quote .q.featured .pr small,.st-site .quote .q.featured p{color:#1F3A5F;}
.st-site .quote .q.featured .qgo{color:#1F3A5F;}
.st-site .quote .q.featured .qpick{background:transparent;border-color:rgba(255,255,255,.4);color:#fff;}
.st-site .quote .q.picked{border-color:var(--st-primary);background:#fff;box-shadow:0 0 0 2px rgba(27,58,92,.25),var(--st-shadow-2);}
.st-site .quote .q.picked .qgo{color:var(--st-primary);}
.st-site .quote .q.picked .qpick{background:var(--st-primary);border-color:var(--st-primary);}
.st-site .quote .q.featured.picked{background:var(--st-dark-900);box-shadow:0 0 0 2px rgba(27,58,92,.5),var(--st-shadow-2);}
.st-site .quote .q.featured.picked .qpick{background:var(--st-primary);border-color:var(--st-primary);color:#fff;}
.st-site .quote .q.featured.picked .qgo{color:#1F3A5F;}

/* —— 定制 8 方向与流程：色相收敛到靛蓝家族 —— */
.st-site .grid .g .ic.gw,.st-site .grid .g .ic.gd,.st-site .grid .g .ic.gh,.st-site .grid .g .ic.ga,.st-site .grid .g .ic.gi,.st-site .grid .g .ic.gs,.st-site .grid .g .ic.gm,.st-site .grid .g .ic.gp{background:linear-gradient(135deg,var(--st-dark-900),var(--st-primary));box-shadow:0 4px 12px rgba(27,58,92,.25);}
.st-site .flow .step::before{background:linear-gradient(180deg,var(--st-primary-subdued),var(--st-hairline));}
.st-site .flow .dot{background:linear-gradient(135deg,var(--st-primary),var(--st-primary-soft));box-shadow:0 4px 12px rgba(27,58,92,.35);}
.st-site .flow .body h3{color:var(--st-ink);}
.st-site .mile .m b,.st-site .pay-head b{color:var(--st-ink);}
.st-site .pay-tag{background:var(--st-primary);box-shadow:0 3px 10px rgba(27,58,92,.35);}
.st-site .pay-bar i{background:linear-gradient(90deg,var(--st-primary),var(--st-primary-soft));box-shadow:0 2px 8px rgba(27,58,92,.25);}
.st-site .pay-bar i:nth-child(2){background:linear-gradient(90deg,var(--st-ink),var(--st-ink-2));box-shadow:0 2px 8px rgba(13,37,61,.25);}
.st-site .pay-bar i:nth-child(3){background:linear-gradient(90deg,var(--st-dark-900),var(--st-primary-deep));box-shadow:0 2px 8px rgba(28,30,84,.25);}

/* —— 信任背书 / 保障 / 行业标签 —— */
.st-site .verif .v-orange{background:rgba(27,58,92,.08);color:var(--st-primary);}
.st-site .ind{background:rgba(27,58,92,.06);color:var(--st-primary-deep);border-color:rgba(27,58,92,.18);}
.st-site .ind.b{background:var(--st-canvas-soft);color:var(--st-ink-2);border-color:var(--st-hairline);}

/* —— 表单：focus 靛蓝（text-input-focused）—— */
.st-site .frow input[type=text]:focus,.st-site .frow textarea:focus,.st-site .sumbox:focus{outline:none;border-color:var(--st-primary);box-shadow:0 0 0 3px rgba(27,58,92,.15);}
.st-site .chipsel span{border-radius:var(--st-pill);}
.st-site .chipsel span.on{border-color:var(--st-primary);background:var(--st-primary);}
.st-site .form-h{border-left-color:var(--st-primary);color:var(--st-ink);}
.st-site .at-h .ico{color:var(--st-primary);}
.st-site .at-li span{background:rgba(27,58,92,.08);color:var(--st-primary-deep);}

/* —— 演示视觉带：渐变收敛 indigo/navy/ruby（mesh 色 stops 内）—— */
.st-site .ph .scr.bazi{background:linear-gradient(160deg,var(--st-dark-900),var(--st-primary-deep));}
.st-site .ph .scr.mbti{background:linear-gradient(160deg,#182A4A,#2A9D8F);}
.st-site .ph .scr.love{background:linear-gradient(160deg,#9A7028,#C9A86A);}
.st-site .sc-head b em{color:var(--st-primary);}

/* —— 吸底 / 返回顶部 —— */
.st-site .dock .d-demo{border-color:var(--st-primary);color:var(--st-primary);border-radius:var(--st-pill);}
.st-site .dock .d-buy{border-radius:var(--st-pill);background:var(--st-primary);box-shadow:0 4px 14px rgba(27,58,92,.35);}

/* —— 弹层：微信 / 评估表 / 收藏 —— */
.st-site .wxmodal{border-radius:16px;}
.st-site .wxmodal .wx-x{background:var(--st-primary);box-shadow:0 4px 14px rgba(27,58,92,.4);}
.st-site .wxmodal .wx-x:hover{box-shadow:0 6px 18px rgba(27,58,92,.5);}
.st-site .wx-openbtn{background:var(--st-primary);box-shadow:0 6px 18px rgba(27,58,92,.35);}
.st-site .wx-badge{color:var(--st-primary-deep);background:rgba(27,58,92,.08);border-color:rgba(27,58,92,.2);}
.st-site .wx-avatar,.st-site .wx-avatar-ring{background-image:linear-gradient(135deg,var(--st-primary),var(--st-dark-900));}
.st-site .wx-name{color:var(--st-ink);}
.st-site .wx-arrow{color:var(--st-primary);}
.st-site .wx-pulse{border-color:rgba(27,58,92,.35);}
.st-site .wx-orb-1{background:radial-gradient(circle,rgba(27,58,92,.35),transparent 70%);}
.st-site .wx-orb-2{background:radial-gradient(circle,rgba(28,30,84,.3),transparent 70%);}
.st-site .sheet-head{background:var(--st-dark-900);}
.st-site .sheet-head span{color:#6B7280;}
.st-site .sheet-x{background:var(--st-primary);box-shadow:0 4px 14px rgba(27,58,92,.4);}
.st-site .sheet-x:hover{box-shadow:0 6px 18px rgba(27,58,92,.5);}
.bmprompt.st-site{background:rgba(28,30,84,.98);}
.bmprompt.st-site .bp-ic,.bmprompt.st-site .bp-ok{background:var(--st-primary);}
.bmprompt.st-site .bp-x{color:#6B7280;box-shadow:none;}
.bmprompt.st-site .bp-tx span,.bmprompt.st-site .bp-kbd{color:#D3E9E5;}
.st-site .wtoast{background:rgba(13,37,61,.95);}
.st-site .navtoggle{border-color:rgba(13,37,61,.14);color:var(--st-ink);}
.st-site .nav.open .navtoggle{color:#fff;border-color:rgba(255,255,255,.3);}

/* —— 橙色光晕兼底：.page 内组件写死橙色的阴影随品牌转靛蓝（背景已随 var remap 自动转色）—— */
.st-site .logo{box-shadow:0 4px 12px rgba(27,58,92,.35);}
.st-site .nav .navcta{box-shadow:0 4px 14px rgba(27,58,92,.4);}
.st-site .cta:hover{box-shadow:0 12px 28px rgba(27,58,92,.4);}
.st-site .eval-card .ec-btn{box-shadow:0 8px 20px rgba(27,58,92,.32);}

/* —— 桌面断点：.h-title 阶梯重描（压过基表 27/30px serif 档）—— */
@media (min-width:980px){.st-site .h-title{font-size:32px;letter-spacing:-.9px;}}
@media (min-width:1440px){.st-site .h-title{font-size:38px;letter-spacing:-1.1px;}}

.st-proof{margin-top:16px;font-size:13.5px;color:var(--st-ink-mute);}
.st-proof b{color:var(--st-ink);font-weight:800;font-variant-numeric:tabular-nums;}

/* 收入数据区块（“这些赛道，普通人真的在赚钱”） */
.st-rev{background:var(--st-canvas-soft);padding:56px 16px;}
.st-rev-in{max-width:1080px;margin:0 auto;text-align:center;}
.st-rev h2{font-size:26px;font-weight:800;color:var(--st-ink);letter-spacing:-.6px;}
.st-rev-sub{margin-top:8px;font-size:13px;color:#6B7280;}
.st-rev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;}
.st-rev-card{background:#fff;border:1px solid var(--st-hairline);border-radius:var(--st-radius-lg);padding:22px 16px;box-shadow:var(--st-shadow-1);text-align:center;}
.st-rev-num{font-size:30px;font-weight:800;color:var(--st-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.st-rev-num small{font-size:14px;font-weight:700;color:var(--st-ink-2);letter-spacing:0;}
.st-rev-txt{margin-top:8px;font-size:13px;color:var(--st-ink-2);line-height:1.5;}
.st-rev-src{margin-top:10px;font-size:12px;color:var(--st-ink-mute);}
.st-rev-disc{margin-top:22px;font-size:12px;color:var(--st-ink-mute);line-height:1.6;}
@media (max-width:899px){.st-rev-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:479px){.st-rev-grid{gap:12px;}.st-rev-num{font-size:25px;}.st-rev h2{font-size:22px;}}

/* ===== 三端自适应补丁（平板 680–979 漏洞审计修复）===== */
/* 报价三档：基线横排、380 以下才竖排，平板档（.page 720/860px）三列各不足 220px → 679 前就转竖排 */
@media (max-width:979px){.st-site .quote{flex-direction:column;}.st-site .quote .q{width:100%;}}
/* FAQ 双列：680 起两列各仅 ~330px，标题频繁折断 → 推迟到 980 全宽档再分栏（首页/faq 页同步生效） */
@media (min-width:680px) and (max-width:979px){.st-site .faqsec{display:block;}.st-site .faqsec details{margin-bottom:12px;}}
/* 窄屏小卡降级：blog/custom 卡内 .grid 基线 minmax(104px) 在 375–679px 下切出 ≤146px 窄列，中文标题碎折 → 轨道下限抬到 150px（375 单列 / 480–679 双列各 ≥150） */
@media (max-width:679px){.card .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}}

/* ============================================================
   ===== 产品详情页（/product/{slug}）组件层 · 严格 Stripe token =====
   方案第六章 9 段结构：名称定位价/双钮 → 演示 → 核心功能 → 技术规格表
   → 三档定价 → 交付清单 → 部署流程 → 产品 FAQ → 悬浮 CTA。
   ============================================================ */
/* 面包屑 */
.pd-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--st-ink-mute);padding:16px 0 4px;}
.pd-crumb a{color:var(--st-ink-mute);text-decoration:none;}
.pd-crumb a:hover{color:var(--st-primary);}
.pd-crumb .ico{width:12px;height:12px;}
.pd-crumb b{color:var(--st-ink);font-weight:600;}

/* 页头 */
.pd-head{padding-top:8px;}
.pd-head .pd-cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--st-primary-deep);background:rgba(27,58,92,.08);border:1px solid rgba(27,58,92,.16);border-radius:var(--st-pill);padding:5px 13px;}
.pd-head .pd-name{font-family:var(--st-font-display);font-weight:300;color:var(--st-ink);font-size:34px;line-height:1.15;letter-spacing:-.8px;margin:14px 0 0;}
.pd-head .pd-tag{font-size:15px;color:var(--st-ink-2);line-height:1.6;margin:12px 0 0;max-width:620px;}
.pd-head .pd-from{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:18px;}
.pd-head .pd-from .lb{font-size:13px;color:var(--st-ink-mute);}
.pd-head .pd-from .amt{font-size:30px;font-weight:800;color:var(--st-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.pd-head .pd-from .amt small{font-size:13px;font-weight:600;color:var(--st-ink-mute);letter-spacing:0;}
.pd-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}

/* 真实演示面板（眼见为实·非假截图） */
.pd-demo{background:linear-gradient(160deg,var(--st-dark-900),var(--st-ink));border-radius:var(--st-radius-lg);padding:26px 22px;color:#fff;text-align:center;box-shadow:var(--st-shadow-2);}
.pd-demo .pd-demo-k{font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--st-primary-subdued);}
.pd-demo h3{font-family:var(--st-font-display);font-weight:300;font-size:24px;letter-spacing:-.5px;margin:10px 0 0;}
.pd-demo p{font-size:13.5px;color:#D3E9E5;line-height:1.6;margin:12px auto 0;max-width:520px;}
.pd-demo .pd-demo-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;}
.pd-demo .st-btn-primary{background:#fff;color:var(--st-primary);box-shadow:0 6px 18px rgba(0,0,0,.25);}
.pd-demo .st-btn-primary:hover{background:#EEF2F7;}
.pd-demo .st-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 22px;border-radius:var(--st-pill);font-size:15px;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.35);text-decoration:none;background:transparent;}
.pd-demo .st-btn-ghost:hover{background:rgba(255,255,255,.1);}

/* 区块小标题 */
.pd-sec{margin-top:44px;}
.pd-sec > .eyebrow{text-align:left;}
.pd-sec > .h-title{font-size:24px;}

/* 核心功能 2×2 */
.pd-feats{display:grid;grid-template-columns:1fr;gap:14px;}
.pd-feat{background:#fff;border:1px solid var(--st-hairline);border-radius:var(--st-radius-lg);padding:20px;box-shadow:var(--st-shadow-1);}
.pd-feat .fi{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(27,58,92,.1);}
.pd-feat .fi .ico{width:22px;height:22px;color:var(--st-primary);stroke-width:2;}
.pd-feat b{display:block;font-size:15.5px;font-weight:700;color:var(--st-ink);margin:12px 0 5px;}
.pd-feat span{display:block;font-size:13px;color:var(--st-ink-2);line-height:1.6;}
@media (min-width:680px){.pd-feats{grid-template-columns:1fr 1fr;}}
@media (min-width:980px){.pd-feats{grid-template-columns:repeat(3,1fr);}}

/* 技术规格表（tnum） */
.pd-spec{background:#fff;border:1px solid var(--st-hairline);border-radius:var(--st-radius-lg);padding:6px 20px;box-shadow:var(--st-shadow-1);}
.pd-spec .row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 0;border-bottom:1px solid var(--st-hairline);}
.pd-spec .row:last-child{border-bottom:none;}
.pd-spec .row dt{flex:none;font-size:13px;color:var(--st-ink-mute);font-weight:600;}
.pd-spec .row dd{margin:0;text-align:right;font-size:13.5px;color:var(--st-ink);font-weight:600;line-height:1.5;overflow-wrap:anywhere;}

/* 三档定价卡 */
.st-plans{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch;}
.st-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--st-hairline);border-radius:var(--st-radius-lg);padding:24px 22px;box-shadow:var(--st-shadow-1);}
.st-plan.feat{background:var(--st-dark-900);border-color:var(--st-dark-900);color:#fff;box-shadow:var(--st-shadow-2);}
.st-plan .st-plan-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;color:#fff;background:var(--st-primary);border-radius:var(--st-pill);padding:4px 14px;box-shadow:0 4px 12px rgba(27,58,92,.4);white-space:nowrap;}
.st-plan .st-plan-name{font-size:14px;font-weight:700;color:var(--st-ink-2);letter-spacing:.2px;}
.st-plan.feat .st-plan-name{color:var(--st-primary-subdued);}
.st-plan .st-plan-price{font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--st-primary);margin:8px 0 0;font-variant-numeric:tabular-nums;}
.st-plan.feat .st-plan-price{color:#fff;}
.st-plan .st-plan-price small{font-size:13px;font-weight:600;color:var(--st-ink-mute);letter-spacing:0;}
.st-plan.feat .st-plan-price small{color:#1F3A5F;}
.st-plan .st-plan-sub{font-size:12.5px;color:var(--st-ink-mute);margin-top:6px;}
.st-plan.feat .st-plan-sub{color:#1F3A5F;}
.st-plan .st-plan-feats{list-style:none;padding:0;margin:16px 0 0;flex:1;}
.st-plan .st-plan-feats li{position:relative;padding:8px 0 8px 26px;font-size:13px;line-height:1.5;color:var(--st-ink-2);border-top:1px dashed var(--st-hairline);}
.st-plan .st-plan-feats li:first-child{border-top:none;}
.st-plan.feat .st-plan-feats li{color:#EEF2F7;border-top-color:rgba(255,255,255,.12);}
.st-plan .st-plan-feats li::before{content:"";position:absolute;left:2px;top:11px;width:14px;height:14px;background:var(--st-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
.st-plan.feat .st-plan-feats li::before{background:var(--st-primary-subdued);}
.st-plan .st-btn{margin-top:20px;width:100%;}
.st-plan.feat .st-btn-primary{background:#fff;color:var(--st-primary);}
.st-plan.feat .st-btn-primary:hover{background:#EEF2F7;}
/* 三档定价：平板（680–979）保持单列堆叠，避免第 3 张孤卡占半宽的空洞感（与 .quote 平板堆叠约定一致）；仅 980 起三列 */
@media (min-width:980px){.st-plans{grid-template-columns:repeat(3,1fr);}}
.pd-price-note{font-size:12px;color:var(--st-ink-mute);line-height:1.7;margin-top:14px;}

/* 交付清单 */
.pd-deliver{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid var(--st-hairline);border-radius:var(--st-radius-lg);padding:6px 20px;box-shadow:var(--st-shadow-1);}
.pd-deliver li{list-style:none;position:relative;padding:13px 0 13px 28px;font-size:13.5px;color:var(--st-ink-2);line-height:1.5;border-bottom:1px solid var(--st-hairline);}
.pd-deliver li:last-child{border-bottom:none;}
.pd-deliver li b{color:var(--st-ink);font-weight:700;}
.pd-deliver li::before{content:"";position:absolute;left:2px;top:15px;width:15px;height:15px;background:var(--st-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
@media (min-width:680px){.pd-deliver{grid-template-columns:1fr 1fr;column-gap:26px;}.pd-deliver li:nth-last-child(2){border-bottom:none;}}

/* 详情页底部悬浮 CTA 复用 .dock（st-site 已描色）；无吸底时隐藏 */
@media (max-width:400px){.pd-demo{padding:22px 16px;}.pd-head .pd-name{font-size:28px;}.pd-head .pd-from .amt{font-size:26px;}.st-plan .st-plan-price{font-size:30px;}}

/* ============================================================
   ===== 三端自适应补丁（第二轮审计：窄屏碎折 / 弹层横向滚动 / 触摸命中区）=====
   ============================================================ */
/* 资质卡 .cred：≤479 时双列各仅 ~110px，标题与正文被挤成 44px 竖条 → 窄屏改单列 */
@media (max-width:479px){.cred{grid-template-columns:1fr;}}
/* 微信弹层：装饰光晕 .wx-orb 绝对定位外溢 30px，且 overflow-y:auto 会把 overflow-x 计算为 auto → 弹层可横向拖动 */
.wxmodal{overflow-x:hidden;}
/* 触摸命中区：页脚小链（返回首页/隐私政策）14px 高、面包屑 20px 高 < 24px 可点标准 → 无条件外扩内边距 + 负外边距抵消视觉位移（无断点空窗） */
.f-note a,.foot a{display:inline-block;padding:5px 6px;margin:-5px 0;}
.pd-crumb a{padding:5px 6px;margin:-5px -6px;}

/* ============================================================
   ===== v3 墨蓝 × 暖金 × 宣纸白 重构层（2026-10）=====
   设计分工（参考 Starbucks 色阶角色化 + 色块节奏）：
   墨蓝=信任/了解型动作；暖金=利益/转化型动作（仅用于价格、
   收入数字与转化按钮，不作通用强调色）；宣纸暖白=画布；
   纯色块、无炫彩渐变。本层最后加载，删除即整站回退 v2。
   ============================================================ */

/* —— v3.1 全局令牌：旧变量与 st 变量同步重赋值（裸页同样生效）—— */
:root{
  /* 信任冷色（墨蓝四级，角色化） */
  --navy:#182A4A; --navy3:#182A4A; --navy2:#1F3A5F; --steel:#2A9D8F;
  --blue:#182A4A; --bluebg:#F5F7FB; --line2:#E5E7EB;
  /* 利益暖色（哑光金，仪式感场景专用） */
  --orange:#9A7028; --orange2:#2A9D8F;
  --gold:#9A7028; --goldbg:#EAF5F3;
  --green:#1F7A6F; --greenbg:#EAF5F3;
  /* 暖色画布与墨字 */
  --bg:#EAF5F3; --card:#FFFFFF; --line:#F1E5CC;
  --ink:#111827; --ink2:#6B7280; --ink3:#6B7280;
  --brand-gradient:#2A9D8F;
  --brand-gradient-deep:linear-gradient(160deg,#10233C,#182A4A);
  --shadow-sm:0 2px 8px rgba(74,60,30,.05),0 1px 3px rgba(74,60,30,.04);
  --shadow-md:0 10px 28px rgba(74,60,30,.09),0 4px 12px rgba(74,60,30,.05);
  --shadow-lg:0 24px 60px rgba(26,40,24,.14),0 6px 20px rgba(26,40,24,.07);
  --shadow-brand:0 4px 14px rgba(154,112,40,.30);
  --radius-sm:8px; --radius-md:8px; --radius-lg:14px; --radius-xl:20px;
  /* st 令牌重赋值：紫 → 墨蓝 */
  --st-primary:#182A4A; --st-primary-deep:#182A4A; --st-primary-press:#10233C;
  --st-primary-soft:#1F3A5F; --st-primary-subdued:#E5E7EB;
  --st-dark-900:#10233C; --st-ink:#111827; --st-ink-2:#6B7280; --st-ink-mute:#6B7280;
  --st-canvas:#ffffff; --st-canvas-soft:#EAF5F3; --st-cream:#F1E5CC;
  --st-hairline:#F1E5CC; --st-hairline-input:#6B7280;
  --st-ruby:#9A7028; --st-magenta:#C9A86A; --st-lemon:#9A7028;
  --st-radius-lg:12px; --st-radius-sm:8px; --st-pill:9999px;
  --st-shadow-1:0 1px 3px rgba(74,60,30,.08);
  --st-shadow-2:0 8px 24px rgba(74,60,30,.10),0 2px 6px rgba(74,60,30,.05);
  /* 新增：暖金令牌 */
  --st-gold:#9A7028; --st-gold-deep:#9A7028; --st-gold-solid:#2A9D8F;
  --st-gold-on-dark:#2A9D8F; --st-gold-bg:#EAF5F3; --st-gold-line:rgba(190,144,63,.35);
  --st-ring:rgba(27,58,92,.22); --st-ring-soft:rgba(27,58,92,.12);
  /* 新增：品类点缀色（仅演示视觉带/品类标，小面积） */
  --st-cyan:#1F7A6F; --st-cyan-bg:#EAF5F3;
  --st-cinnabar:#9A7028; --st-cinnabar-bg:#F5F7FB;
  /* 去 Inter 细体：拉丁数字用同源 WSGrotesk，回落中文栈，字重分级而非字号跳级 */
  --st-font-display:'WSGrotesk','HarmonyOS Sans SC','MiSans','PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
body{background:#F5F7FB;font-size:16px;}

/* —— v3.2 st-site 作用域重映射（覆盖 v2 776 行映射表）—— */
.page.st-site,.page.st-site .st-hero{
  --bg:var(--st-canvas-soft); --card:#fff; --line:var(--st-hairline); --line2:#F1E5CC;
  --bluebg:var(--st-cyan-bg); --ink:var(--st-ink); --ink2:var(--st-ink-2); --ink3:#6B7280;
  --navy:var(--st-primary); --navy2:var(--st-primary-soft); --navy3:var(--st-primary-deep);
  --steel:var(--st-primary-soft); --blue:var(--st-primary);
  --orange:var(--st-gold); --orange2:var(--st-gold-solid);
  --gold:var(--st-gold); --goldbg:var(--st-gold-bg);
  --brand-gradient:var(--st-gold-solid);
  --brand-gradient-deep:linear-gradient(160deg,var(--st-dark-900),var(--st-primary));
  --shadow-sm:var(--st-shadow-1);
  --shadow-md:var(--st-shadow-2);
  --shadow-lg:0 18px 44px rgba(26,40,24,.12),0 6px 16px rgba(26,40,24,.05);
  --shadow-brand:0 4px 14px rgba(154,112,40,.32);
}

/* —— v3.3 排版：中文标题 600 字重，去除 300 细体与过度负字距 —— */
.st-hero h1.st-display{font-weight:600;letter-spacing:-.2px;}
.st-hero h1.st-display .st-hl{font-weight:600;color:var(--st-gold);}
.st-site .h-title{font-weight:600;letter-spacing:0;color:var(--st-ink);}
.st-site .eyebrow{color:var(--st-primary);font-weight:700;}
.st-rev h2{font-weight:600;letter-spacing:-.2px;}
.pd-head .pd-name{font-weight:600;letter-spacing:-.2px;}
.pd-demo h3{font-weight:600;letter-spacing:-.1px;}
@media (min-width:680px){.st-hero h1.st-display{letter-spacing:-.4px;}}
@media (min-width:980px){.st-hero h1.st-display{letter-spacing:-.6px;}.st-site .h-title{letter-spacing:-.2px;}}
@media (min-width:1440px){.st-hero h1.st-display{letter-spacing:-.7px;}.st-site .h-title{letter-spacing:-.3px;}}

/* —— v3.4 首屏 mesh 光晕：紫品红多彩 → 墨蓝金双系克制光斑 —— */
.st-mesh::before{
  background:
    radial-gradient(30% 60% at 8% 42%, #F1E5CC 0%, rgba(241,232,214,0) 72%),
    radial-gradient(28% 58% at 30% 50%, #2A9D8F 0%, rgba(220,184,115,0) 70%),
    radial-gradient(30% 60% at 54% 40%, #E5E7EB 0%, rgba(214,224,234,0) 72%),
    radial-gradient(28% 58% at 76% 50%, #1F3A5F 0%, rgba(62,107,168,0) 68%),
    radial-gradient(26% 54% at 96% 42%, #182A4A 0%, rgba(27,58,92,0) 70%);
}
.st-hero .st-kicker{color:var(--st-primary);background:rgba(27,58,92,.07);border-color:rgba(27,58,92,.16);}
.st-tag{color:var(--st-primary);background:rgba(27,58,92,.08);}

/* —— v3.5 按钮分工：墨蓝=了解，金=转化（每屏仅一个金主按钮）—— */
.st-btn-primary{box-shadow:0 1px 2px rgba(19,24,35,.12),0 3px 8px rgba(27,58,92,.28);}
.st-btn-primary:hover{box-shadow:0 6px 16px rgba(27,58,92,.34);}
.st-btn-secondary{color:var(--st-primary);border-color:var(--st-primary);}
.st-btn-secondary:hover{background:#F5F7FB;}
/* 转化型旧体系按钮 → 金；了解型 → 墨蓝 */
.st-site .nav .navcta{background:var(--st-gold-solid);color:#111827;box-shadow:0 2px 8px rgba(154,112,40,.30);}
.st-site .nav .navcta:hover{background:#1F7A6F;}
.st-site .logo{background:linear-gradient(135deg,var(--st-gold-solid),var(--st-gold));box-shadow:0 4px 12px rgba(154,112,40,.35);}
.st-site .pcard .btn{border-color:var(--st-primary);color:var(--st-primary);}
.st-site .pcard .btn:hover{background:var(--st-primary);color:#fff;}
.st-site .pcard .btn.solid,.st-site .pcard .btn.solid:hover{background:var(--st-gold-solid);border-color:var(--st-gold-solid);color:#111827;filter:none;}
.st-site .pcard .btn.solid:hover{background:#1F7A6F;}
.st-site .path .p.main .ptag{background:var(--st-gold-solid);box-shadow:0 4px 12px rgba(154,112,40,.30);}
.st-site .path .p.main .go{background:var(--st-gold-solid);color:#111827;box-shadow:0 4px 12px rgba(154,112,40,.28);}
.st-site .path .p.main li::before{background:var(--st-gold);}
.st-site .dock .d-demo{border-color:var(--st-primary);color:var(--st-primary);}
.st-site .dock .d-buy{background:var(--st-gold-solid);color:#111827;box-shadow:0 4px 14px rgba(154,112,40,.34);}
.st-site .wx-openbtn{background:var(--st-gold-solid);color:#111827;box-shadow:0 8px 22px rgba(154,112,40,.32);}
.st-site .eval-card .ec-btn{background:var(--st-gold-solid);color:#111827;box-shadow:0 8px 20px rgba(154,112,40,.32);}
.st-site .pay-tag{background:var(--st-gold-solid);box-shadow:0 3px 10px rgba(154,112,40,.32);}
.st-site .flow .dot{background:var(--st-gold-solid);box-shadow:0 4px 12px rgba(154,112,40,.32);}
.st-site .cta:hover{box-shadow:0 12px 28px rgba(154,112,40,.38);filter:brightness(1.02);}

/* —— v3.6 利益信息用金：价格/收入数字/价格强调 —— */
.st-site .price,.st-site .pcount b,.st-site .h-title em{color:var(--st-gold);}
.st-site .sc-head b em{color:var(--st-gold);}
.pd-head .pd-from .amt{color:var(--st-gold);}
.st-plan-price{color:var(--st-gold);}
.st-plan.feat .st-plan-price{color:var(--st-gold-on-dark);}
.st-rev-num{color:var(--st-gold);}
.st-site .verif .v-orange{background:var(--st-gold-bg);color:var(--st-gold-deep);}

/* —— v3.7 紫色 rgba 硬编码清扫：焦点/选中/标签/图标/阴影统一墨蓝 —— */
.st-site ::selection{background:rgba(27,58,92,.16);color:var(--st-ink);}
.st-site :focus-visible{outline-color:var(--st-primary);}
.st-site .pfilter span.on{box-shadow:0 3px 10px rgba(27,58,92,.28);}
.st-site .quote .q.picked{box-shadow:0 0 0 2px var(--st-ring),var(--st-shadow-2);}
.st-site .quote .q.picked .qgo{color:var(--st-primary);}
.st-site .quote .q.picked .qpick{background:var(--st-primary);border-color:var(--st-primary);}
.st-site .quote .q.featured.picked{box-shadow:0 0 0 2px rgba(27,58,92,.5),var(--st-shadow-2);}
.st-site .grid .g .ic.gw,.st-site .grid .g .ic.gd,.st-site .grid .g .ic.gh,
.st-site .grid .g .ic.ga,.st-site .grid .g .ic.gi,.st-site .grid .g .ic.gs,
.st-site .grid .g .ic.gm,.st-site .grid .g .ic.gp{background:linear-gradient(135deg,var(--st-dark-900),var(--st-primary-soft));box-shadow:0 4px 12px rgba(27,58,92,.22);}
.st-site .flow .step::before{background:linear-gradient(180deg,var(--st-primary-subdued),var(--st-hairline));}
.st-site .pay-bar i{background:linear-gradient(90deg,var(--st-gold-solid),var(--st-gold));box-shadow:0 2px 8px rgba(154,112,40,.22);}
.st-site .pay-bar i:nth-child(2){background:linear-gradient(90deg,var(--st-primary),var(--st-primary-soft));box-shadow:0 2px 8px rgba(27,58,92,.22);}
.st-site .pay-bar i:nth-child(3){background:linear-gradient(90deg,#1F7A6F,#1F7A6F);box-shadow:0 2px 8px rgba(46,125,91,.22);}
.st-site .ind{background:rgba(27,58,92,.06);color:var(--st-primary-deep);border-color:rgba(27,58,92,.16);}
.st-site .frow input[type=text]:focus,.st-site .frow textarea:focus,.st-site .sumbox:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px rgba(27,58,92,.13);}
.st-site .form-h{border-left-color:var(--st-primary);}
.st-site .at-h .ico{color:var(--st-primary);}
.st-site .at-li span{background:rgba(27,58,92,.07);color:var(--st-primary-deep);}
.pd-head .pd-cat{color:var(--st-primary-deep);background:rgba(27,58,92,.07);border-color:rgba(27,58,92,.15);}
.pd-feat .fi{background:rgba(27,58,92,.08);}
.pd-feat .fi .ico{color:var(--st-primary);}

/* —— v3.8 深色区：紫黑 → 墨蓝深处（统计条/定价推荐档/CTA 区/弹层/菜单）—— */
.st-site .final{background:linear-gradient(160deg,var(--st-dark-900),#182A4A);}
.st-site .final::before{background:radial-gradient(circle,rgba(190,144,63,.4),transparent 65%);}
.st-site .final p{color:#E5E7EB;}
.st-site .totop{background:rgba(16,35,60,.96);}
.st-site .totop:hover{background:var(--st-primary);}
.st-site .sheet-head{background:var(--st-dark-900);}
.st-site .sheet-head span{color:#6B7280;}
.st-site .sheet-x{background:var(--st-primary);box-shadow:0 4px 14px rgba(27,58,92,.35);}
.st-site .sheet-x:hover{box-shadow:0 6px 18px rgba(27,58,92,.45);}
.bmprompt.st-site{background:rgba(16,35,60,.98);}
.bmprompt.st-site .bp-x{color:#6B7280;}
.bmprompt.st-site .bp-tx span,.bmprompt.st-site .bp-kbd{color:#E5E7EB;}
@media (max-width:679px){.st-site .nav .links{background:rgba(16,35,60,.98);}.st-site .nav .links a.active{color:var(--st-gold-on-dark);}}

/* 推荐定价档：墨蓝深底 + 金角标/金勾/金按钮（金色仪式感） */
.st-site .quote .q.featured{background:var(--st-dark-900);border-color:var(--st-dark-900);}
.st-site .quote .q.featured .pr small,.st-site .quote .q.featured p{color:var(--st-primary-subdued);}
.st-site .quote .q.featured .qgo{color:var(--st-gold-on-dark);}
.st-plan.feat{background:var(--st-dark-900);border-color:var(--st-dark-900);}
.st-plan .st-plan-tag{background:var(--st-gold-solid);color:#111827;box-shadow:0 4px 12px rgba(154,112,40,.4);}
.st-plan.feat .st-plan-name{color:var(--st-primary-subdued);}
.st-plan.feat .st-plan-price small{color:var(--st-gold-on-dark);}
.st-plan.feat .st-plan-sub{color:#E5E7EB;}
.st-plan.feat .st-plan-feats li{color:#E5E7EB;border-top-color:rgba(255,255,255,.12);}
.st-plan.feat .st-plan-feats li::before{background:var(--st-gold-on-dark);}
.st-plan.feat .st-btn-primary,.st-plan .st-btn-primary{background:var(--st-gold-solid);color:#111827;box-shadow:0 4px 12px rgba(154,112,40,.32);}
.st-plan.feat .st-btn-primary:hover,.st-plan .st-btn-primary:hover{background:#1F7A6F;}
.pd-demo{background:linear-gradient(160deg,var(--st-dark-900),var(--st-primary));}
.pd-demo .pd-demo-k{color:var(--st-primary-subdued);}
.pd-demo p{color:#E5E7EB;}
.pd-demo .st-btn-primary{background:#fff;color:var(--st-primary);box-shadow:0 6px 18px rgba(0,0,0,.22);}
.pd-demo .st-btn-primary:hover{background:#F5F7FB;}

/* —— v3.9 微信弹层/收藏提示：紫 → 墨蓝+金（转化场景金，功能钮墨蓝）—— */
.st-site .wxmodal .wx-x{background:var(--st-primary);box-shadow:0 4px 14px rgba(27,58,92,.38);}
.st-site .wxmodal .wx-x:hover{box-shadow:0 6px 18px rgba(27,58,92,.48);}
.st-site .wx-badge{color:var(--st-gold-deep);background:rgba(190,144,63,.12);border-color:rgba(190,144,63,.28);}
.st-site .wx-avatar,.st-site .wx-avatar-ring{background-image:linear-gradient(135deg,var(--st-gold-solid),var(--st-primary));}
.st-site .wx-name{color:var(--st-primary-deep);}
.st-site .wx-arrow{color:var(--st-gold);animation:wx-bounce 1.6s ease-in-out infinite;}
.st-site .wx-pulse{border-color:rgba(190,144,63,.4);}
.st-site .wx-orb-1{background:radial-gradient(circle,rgba(190,144,63,.4),transparent 70%);}
.st-site .wx-orb-2{background:radial-gradient(circle,rgba(27,58,92,.28),transparent 70%);}
.bmprompt.st-site .bp-ic{background:var(--st-gold-solid);}
.bmprompt.st-site .bp-ok{background:var(--st-gold-solid);color:#111827;}
.st-site .nav .navcta{box-shadow:0 4px 14px rgba(154,112,40,.38);}

/* —— v3.10 演示视觉带：三品类三色（墨蓝/青/檀朱砂），替换紫品红 —— */
.st-site .ph .scr.bazi{background:linear-gradient(160deg,var(--st-dark-900),var(--st-primary));}
.st-site .ph .scr.mbti{background:linear-gradient(160deg,#182A4A,#2A9D8F);}
.st-site .ph .scr.love{background:linear-gradient(160deg,#9A7028,#C9A86A);}

/* —— v3.11 P0 修复：吸底 dock 不再遮挡页脚/隐私链接；回顶钮让位；安全区 —— */
.page{padding-bottom:calc(96px + env(safe-area-inset-bottom));}
@media (min-width:980px){.page{padding-bottom:110px;}}
.totop{bottom:calc(104px + env(safe-area-inset-bottom));}
@media (min-width:980px){.totop{bottom:108px;}}
.dock{padding-bottom:calc(12px + env(safe-area-inset-bottom));}

/* —— v3.12 旧藏蓝硬编码收口：L1 残留的 #182A4A / rgba(27,58,92) 阴影描边统一墨蓝或暖灰 —— */
.st-site .hero{background:linear-gradient(160deg,#10233C 0%,#182A4A 58%,#182A4A 100%);}
.st-site .nav,.st-site .nav.scrolled{background:rgba(16,35,60,.97);}
.st-site .nav.scrolled{box-shadow:0 2px 16px rgba(27,58,92,.30);}
.st-site .path .p.main{background:linear-gradient(160deg,#F5F7FB,#fff);border-color:rgba(27,58,92,.10);}
.st-site .grid .g .ic{box-shadow:0 6px 14px rgba(27,58,92,.20);}
.st-site .grid .g:hover .ic{box-shadow:0 10px 20px rgba(27,58,92,.26);}
.st-site .pcard .pi.c-trad{background:linear-gradient(135deg,#10233C,#1F3A5F);}
.st-site .cred-i .cred-ic{box-shadow:0 1px 3px rgba(74,60,30,.12);}
.st-site .quote .q:hover{box-shadow:0 10px 24px rgba(27,58,92,.10);}
.st-site .ph .scr{box-shadow:0 8px 20px rgba(27,58,92,.18);}
.st-site .ph:hover .scr{box-shadow:0 16px 34px rgba(27,58,92,.26);}
.st-site .dock{border-top-color:rgba(74,60,30,.10);box-shadow:0 -8px 28px rgba(74,60,30,.10);}
@media (min-width:980px){.st-site .dock{box-shadow:0 14px 38px rgba(74,60,30,.18);}}
.st-site .totop{box-shadow:0 8px 22px rgba(27,58,92,.32);}
.st-site .wx-avatar{box-shadow:0 4px 16px rgba(27,58,92,.22);}
.st-site .wx-qr{box-shadow:0 14px 34px rgba(27,58,92,.22),0 4px 12px rgba(27,58,92,.10);border-color:rgba(27,58,92,.06);}
.st-site .wx-g-tag{border-color:rgba(27,58,92,.10);background:#F5F7FB;}
.st-site .wx-g-tag:hover{box-shadow:0 3px 10px rgba(27,58,92,.12);}
.st-site .wx-tip{border-top-color:rgba(27,58,92,.12);}
.st-site .page{box-shadow:0 0 60px rgba(74,60,30,.08),0 0 0 1px rgba(74,60,30,.04);}

/* —— v3.13 语义化与无障碍（2026 重构）：跳转链接 / 页面 h1 层级 / showcase 标题语义化 / 主元素 —— */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#182A4A;color:#fff;padding:10px 16px;font-size:13px;text-decoration:none;border-radius:0 0 10px 0;}
.skip-link:focus{left:0;outline:2px solid #2A9D8F;outline-offset:-2px;}
main.page{display:block;}
h1.h-title{font-size:27px;line-height:1.4;}
.st-site .sc-head h2{display:block;text-align:center;font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--st-ink);margin:0;}
.st-site .sc-head h2 em{font-style:normal;color:var(--st-gold);}

/* —— v3.14 详情页 SEO 长尾模块 + 相关产品交叉链接 —— */
.st-site .pd-seo-body{max-width:560px;margin:0 auto;}
.st-site .pd-seo-body p{font-size:14px;line-height:1.9;color:var(--st-ink-2);margin:10px 0;}
.st-site .pd-seo-body h3{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--st-ink);margin:18px 0 2px;}
.st-site .pd-rel-grid{display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto;}
.st-site .pd-rel-card{position:relative;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border:1px solid var(--st-hairline);border-radius:14px;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(27,58,92,.06);transition:transform .18s ease,box-shadow .18s ease;}
.st-site .pd-rel-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(27,58,92,.10);}
.st-site .pd-rel-card b{flex:1;font-size:14px;font-weight:700;color:var(--st-ink);}
.st-site .pd-rel-c{font-size:12px;color:var(--st-gold);border:1px solid rgba(190,144,63,.40);padding:2px 8px;border-radius:999px;white-space:nowrap;}
.st-site .pd-rel-p{font-size:12.5px;color:var(--st-ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap;}
.st-site .pd-rel-card .ico{width:16px;height:16px;color:var(--st-primary);flex:none;}

/* —— v3.15 blog 指南页：form-h 语义化 h2 后收口 UA 默认 margin —— */
.st-site h2.form-h{margin:0 0 12px;}

/* ============================================================
   v3.16 改造方案对齐（2026-10-08）
   1. Hero H1 字体改 WSSerif 衬线体（方案 5.1：Hero 标题 400 字重衬线体）
   2. 违规色已全局替换为墨蓝×暖金×宣纸白令牌等价物
   ============================================================ */

/* 1) Hero H1 字体修正：方案要求 Hero 标题用 WSSerif 400 字重，旧规则用了 --st-font-display(WSGrotesk) */
.st-hero h1.st-display{font-family:var(--font-serif);font-weight:400;}
.st-hero h1.st-display .st-hl{font-weight:400;}
/* Hero 单列居中（方案 7.2：砍右侧 mini-grid，改单列居中） */
.st-hero .st-hero-inner{display:block;text-align:center;max-width:680px;margin:0 auto;padding:48px 20px 40px;}
.st-hero .st-hero-l{width:100%;max-width:none;}
.st-hero .st-sub{margin-left:auto;margin-right:auto;}
.st-hero .st-cta-row{justify-content:center;}
.st-hero .st-tags{justify-content:center;}
.st-hero .st-proof{text-align:center;}
.st-hero .st-mesh{opacity:.5;}

/* 3) 用户反馈：页面太暗沉 → Hero 改浅底深字，showcase 卡改白底，全页仅 footer 暗底 */
.st-hero{background:var(--st-canvas-soft) !important;}
.st-hero .st-mesh{display:none !important;}
.st-hero h1.st-display,.st-hero .st-sub,.st-hero .st-proof,.st-hero .st-tags,.st-hero .st-kicker{color:var(--st-ink) !important;}
.st-hero h1.st-display .st-hl{color:var(--st-gold) !important;}
.st-hero .st-proof b{color:var(--st-primary) !important;}
/* Hero 按钮在浅底上：描边按钮改深字深边 */
.st-hero .st-btn-outline-dark,.st-hero .btn-outline-dark,.st-hero .st-btn-outline{background:transparent !important;border-color:var(--st-primary) !important;color:var(--st-primary) !important;}
.st-hero .st-btn-outline-dark:hover,.st-hero .btn-outline-dark:hover{background:var(--st-primary) !important;color:#fff !important;}
.st-hero .st-btn-gold-pill,.st-hero .st-btn-gold{background:var(--st-gold-solid) !important;color:#fff !important;border:none;}
.st-hero .st-btn-gold-pill:hover,.st-hero .st-btn-gold:hover{background:var(--st-gold-hover) !important;}
.st-rev{background:var(--st-canvas-soft);}
.st-site .faqsec,.st-site #about,.st-site #contact{background:var(--st-canvas-soft);}
/* FAQ details 卡片白底深字 */
.st-site .faqsec details{background:#fff;color:var(--st-ink);border-radius:12px;padding:14px 18px;margin-bottom:10px;border:1px solid var(--st-hairline);}
.st-site .faqsec summary{color:var(--st-ink);font-weight:600;cursor:pointer;}
.st-site .faqsec details p{color:var(--st-ink-2);}
.st-site .faqsec details[open] summary{color:var(--st-primary);}

/* showcase 卡片改白底 + 细边框，去掉所有深色渐变 */
.st-site .showcase .scr{background:#fff !important;color:var(--st-ink) !important;border:1px solid var(--st-hairline) !important;}
.st-site .showcase .scr.bazi,.st-site .showcase .scr.mbti,.st-site .showcase .scr.love,.st-site .showcase .scr.express{background:#fff !important;}
.st-site .showcase .scr .pic{color:var(--st-primary) !important;display:flex !important;align-items:center;justify-content:center;padding:24px 0 !important;}
.st-site .showcase .scr .pic .ico{width:48px !important;height:48px !important;}
/* 隐藏骨架屏横条（不再冒充加载占位） */
.st-site .showcase .scr .ui{display:none !important;}
.st-site .showcase .scr .notch{display:none !important;}

/* 5) 响应式修复：showcase 卡片在平板/手机换行，小字加大 */
.st-site .sc-row{flex-wrap:wrap !important;}
@media (max-width:979px){
  .st-site .sc-row .ph{flex:1 1 calc(50% - 6px) !important;}
  .st-site .sc-row .ph .scr{height:140px !important;}
}
@media (max-width:479px){
  .st-site .sc-row .ph{flex:1 1 100% !important;}
  .st-site .sc-row .ph .scr{height:120px !important;}
  .st-site .sc-row .ph .pn{font-size:13px !important;}
  .st-site .sc-row .ph .pl{font-size:12px !important;}
  .st-site,.st-site body{font-size:13px;}
  .st-site .st-tag{font-size:12px;padding:5px 10px;}
  .st-site .st-kicker{font-size:12px;}
  .st-site .st-hero{padding:32px 16px 28px !important;}
  .st-site .st-hero h1.st-display{font-size:28px !important;line-height:1.18 !important;}
  .st-site .st-hero p.st-sub{font-size:14px !important;}
  .st-site .st-hero .st-cta-row{flex-direction:column !important;}
  .st-site .st-hero .st-cta-row .st-btn{width:100% !important;}
}

/* 4) 用户反馈：选择框不需要颜色 → 所有定价卡统一白底，选中仅金边，无填充色 */
.st-site .st-plan.featured,.st-site .quote .q.featured{background:#fff;border:1px solid var(--st-hairline);}
.st-site .st-plan.featured .st-plan-price,.st-site .quote .q.featured .qp{color:var(--st-gold);}
.st-site .quote .q.featured{color:var(--st-ink);}
.st-site .quote .q.featured .lv{color:var(--st-primary);}
.st-site .quote .q.featured .pr{color:var(--st-gold);}
.st-site .quote .q.featured p{color:var(--st-ink-2);}
.st-site .quote .q.featured .qgo{color:var(--st-primary);}
/* 选中态：仅金边，白底，无深底/填充色 */
.st-site .quote .q.picked,.st-site .quote .q.featured.picked{background:#fff !important;border:2px solid var(--st-gold-solid) !important;box-shadow:0 4px 12px rgba(0,0,0,0.04);color:var(--st-ink);}
.st-site .quote .q.picked .lv,.st-site .quote .q.featured.picked .lv{color:var(--st-primary);}
.st-site .quote .q.picked .pr,.st-site .quote .q.featured.picked .pr{color:var(--st-gold);}
.st-site .quote .q.picked p,.st-site .quote .q.featured.picked p{color:var(--st-ink-2);}
.st-site .quote .q.picked .qgo,.st-site .quote .q.featured.picked .qgo{color:var(--st-primary);}
/* 单选框：简洁圆圈，选中=金边+内点，无填充背景色 */
.st-site .quote .q .qpick{background:#fff !important;border:2px solid var(--st-hairline) !important;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:transparent;}
.st-site .quote .q.picked .qpick,.st-site .quote .q.featured.picked .qpick{background:#fff !important;border-color:var(--st-gold-solid) !important;}
.st-site .quote .q.picked .qpick::after,.st-site .quote .q.featured.picked .qpick::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--st-gold-solid);}

/* 5) 按钮 pill 化确认（方案 6.1：全 pill） */
.st-site .btn,.st-site .cta,.st-site .navcta,.st-site .ec-btn,.st-site .d-buy,.st-site .wx-openbtn{border-radius:var(--st-pill);}

/* =====================================================================
   v4 · 视觉升级层「宣纸 · 墨蓝 · 鎏金」 2026-10
   方向：新中式编辑质感（Editorial Momentum × Structured Confidence）
   原则：保留墨蓝/哑光金/宣纸品牌与浅底首屏；只提质感、层级、动效，
        不改信息架构与转化链路；纯增强层，删除本块即可整体回退。
   ===================================================================== */
:root{
  --v4-ink:#10233C;
  --v4-navy:#182A4A;
  --v4-navy-2:#1F3A5F;
  --v4-gold:#9A7028;
  --v4-gold-2:#C9A86A;
  --v4-gold-line:rgba(176,129,47,.30);
  --v4-gold-soft:rgba(176,129,47,.08);
  --v4-paper:#EAF5F3;
  --v4-paper-deep:#F1E5CC;
  --v4-hair:rgba(27,42,66,.08);
  --v4-shadow-1:0 1px 2px rgba(40,32,16,.04),0 6px 18px rgba(36,44,30,.06);
  --v4-shadow-2:0 2px 6px rgba(40,32,16,.05),0 16px 38px rgba(27,42,66,.11);
  --v4-shadow-navy:inset 0 1px 0 rgba(255,255,255,.16),0 12px 28px rgba(16,35,60,.30);
  --v4-shadow-gold:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px rgba(154,112,40,.34);
  --v4-ease:cubic-bezier(.22,.61,.36,1);
  --v4-ease-out:cubic-bezier(.16,1,.3,1);
  /* 宣纸颗粒（内联 SVG 噪声，CSP data: 允许；在纸张/深色底上呈细腻肌理） */
  --v4-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  /* 四角星（品牌标识同形）小装饰 */
  --v4-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z'/%3E%3C/svg%3E");
}

/* ---------- 画布：桌面侧沟与页面均覆宣纸颗粒 ---------- */
body{background-color:#F1E5CC;background-image:var(--v4-grain);background-size:180px 180px;}
.page.st-site{
  background-color:var(--v4-paper);
  background-image:var(--v4-grain);
  background-size:180px 180px;
  box-shadow:0 0 0 1px rgba(27,42,66,.05),0 30px 90px rgba(27,42,66,.12);
}
/* 内容容器透宣纸底：白卡片浮于米色纸面上，层级更分明 */
.page.st-site .wrap{background:transparent;}
::selection{background:rgba(176,129,47,.24);color:#10233C;}
:where(a,button,summary,input,textarea,select,[role="button"],.chipsel span):focus-visible{
  outline:2px solid var(--v4-navy-2);outline-offset:2px;border-radius:8px;
}

/* ---------- 排版：标题层级拉开 ---------- */
.h-title{font-weight:700;letter-spacing:.5px;position:relative;padding-bottom:14px;margin-bottom:10px;}
.h-title::after{
  content:"";display:block;width:32px;height:2px;border-radius:2px;margin:12px auto 0;
  background:linear-gradient(90deg,transparent,var(--v4-gold-2),transparent);
}
.h-sub{font-size:14px;line-height:1.75;}
.eyebrow{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:12px;letter-spacing:2.2px;color:var(--v4-gold);font-weight:800;
}
.eyebrow::before,.eyebrow::after{
  content:"";width:22px;height:1px;border-radius:1px;
  background:linear-gradient(90deg,transparent,var(--v4-gold-2));
}
.eyebrow::after{background:linear-gradient(90deg,var(--v4-gold-2),transparent);}
section{padding:38px 0 12px;}

/* ---------- 首屏 ---------- */
.st-hero{
  background:
    radial-gradient(150% 85% at 50% -22%, rgba(201,162,74,.18), rgba(201,162,74,0) 62%),
    radial-gradient(90% 55% at 92% 4%, rgba(27,58,92,.07), rgba(27,58,92,0) 60%),
    var(--v4-grain) 0 0/180px 180px,
    linear-gradient(180deg,#F5F7FB 0%,#F1E5CC 100%) !important;
  border-bottom:1px solid var(--v4-hair);
}
/* 鎏金四角星点缀（克制，仅首屏两枚） */
.st-hero::before,.st-hero::after{
  display:block;content:"";position:absolute;pointer-events:none;z-index:0;
  -webkit-mask:var(--v4-star) center/100% 100% no-repeat;
  mask:var(--v4-star) center/100% 100% no-repeat;
  background:linear-gradient(135deg,var(--v4-gold-2),var(--v4-gold));
}
.st-hero::before{width:20px;height:20px;top:30px;right:24px;opacity:.55;}
.st-hero::after{width:12px;height:12px;bottom:34px;left:26px;opacity:.32;}
.st-hero .st-hero-inner{position:relative;z-index:1;}
/* 眉标胶囊：白底 + 细金描边 + 投影 */
.st-hero .st-kicker{
  background:#fff !important;
  border:1px solid var(--v4-gold-line) !important;
  color:var(--v4-ink) !important;
  box-shadow:var(--v4-shadow-1);
  padding:6px 16px;
}
/* 鎏金大字：衬线加粗 + 箔金渐变（不支持裁剪时回落到 v3 层实金，不会隐形） */
.st-site .st-hero h1.st-display .st-hl{
  background:linear-gradient(100deg,#9A7028 0%,#C9A86A 46%,#9A7028 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none !important;
}
.st-hero .st-sub{font-size:15px;line-height:1.75;color:#6B7280;}
/* 信任标签：修复旧靛蓝底，统一为白卡细边 */
.st-hero .st-tag{
  background:#fff;color:var(--v4-navy);
  border:1px solid #F1E5CC;box-shadow:var(--v4-shadow-1);
  padding:6px 13px;
}
/* 双 CTA 质感 */
.st-hero .st-btn-primary{
  background:linear-gradient(180deg,#1F3A5F,#10233C) !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--v4-shadow-navy) !important;
}
.st-hero .st-btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 16px 34px rgba(16,35,60,.38) !important;}
.st-hero .st-btn-secondary{
  background:#fff !important;color:var(--v4-navy) !important;
  border:1.5px solid rgba(27,58,92,.26) !important;box-shadow:var(--v4-shadow-1) !important;
}
.st-hero .st-btn-secondary:hover{transform:translateY(-2px);border-color:var(--v4-navy) !important;box-shadow:var(--v4-shadow-2) !important;}
.st-hero .st-proof{margin-top:20px;letter-spacing:.2px;}
.st-hero .st-proof b{
  font-variant-numeric:tabular-nums;
  color:var(--v4-gold) !important;
  font-weight:800;
}

/* ---------- 通用金色 CTA（旧体系 .cta / .navcta） ---------- */
.cta{
  background:linear-gradient(135deg,#9A7028 0%,#C9A86A 48%,#9A7028 100%);
  box-shadow:var(--v4-shadow-gold);
  letter-spacing:.5px;
}
.cta:hover{background:linear-gradient(135deg,#9A7028,#C9A86A 48%,#9A7028);}
.navcta{
  background:linear-gradient(135deg,#9A7028,#C9A86A);
  box-shadow:0 4px 14px rgba(154,112,40,.32);
}

/* ---------- 卡片体系：细发丝边 + 分层投影 ---------- */
.st-site .card{border:1px solid var(--v4-hair);border-radius:16px;box-shadow:var(--v4-shadow-1);}
.st-site .card:hover{transform:translateY(-3px);box-shadow:var(--v4-shadow-2);}
.st-site .pcard{border:1px solid var(--v4-hair);border-radius:16px;box-shadow:var(--v4-shadow-1);}
.st-site .pcard:hover{transform:translateY(-3px);box-shadow:var(--v4-shadow-2);}
.pcard .pname{transition:color .2s var(--v4-ease);}
.pcard:hover .pname{color:var(--v4-navy) !important;}
.pcard .price{color:var(--v4-gold);}
.st-site .grid .g{border:1px solid var(--v4-hair);border-radius:14px;}
.st-site .path .p{border:1px solid var(--v4-hair);border-radius:16px;}
.st-site .cmp .c{border:1px solid var(--v4-hair);border-radius:14px;}
.showcase .ph{transition:transform .28s var(--v4-ease),filter .28s var(--v4-ease);}
.showcase .ph:hover{transform:translateY(-3px);}
.showcase .ph .scr{
  border:1px solid var(--v4-hair) !important;
  border-radius:16px !important;
  box-shadow:var(--v4-shadow-1) !important;
}
.showcase .ph .pn{color:var(--v4-ink);font-weight:700;}

/* ---------- FAQ：展开态金色引导 ---------- */
.st-site .faqsec details{border-radius:16px;box-shadow:0 1px 2px rgba(40,32,16,.04);transition:border-color .2s var(--v4-ease),box-shadow .2s var(--v4-ease);}
.faqsec details:hover{border-color:rgba(27,58,92,.20);}
.faqsec details[open]{border-color:var(--v4-gold-line);border-left:3px solid var(--v4-gold-2);box-shadow:var(--v4-shadow-1);}

/* ---------- 页脚：浅色体系内提一层（深米带 + 金分割线） ---------- */
.foot{
  background:
    var(--v4-grain) 0 0/180px 180px,
    linear-gradient(180deg,var(--v4-paper-deep) 0%,#F1E5CC 100%) !important;
  border-top:1px solid var(--v4-gold-line);
  margin-top:26px;
}

/* ---------- 吸底：米白磨砂 + 金顶线 ---------- */
.dock{
  background:rgba(252,250,244,.90) !important;
  -webkit-backdrop-filter:saturate(150%) blur(16px);
  backdrop-filter:saturate(150%) blur(16px);
  border-top:1px solid rgba(176,129,47,.22) !important;
  box-shadow:0 -12px 34px rgba(27,42,66,.10);
}
.totop{box-shadow:0 10px 24px rgba(16,35,60,.35);}

/* ---------- 滚动揭示：更从容的上升（JS 加 .rv，无 JS 默认可见） ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--v4-ease-out),transform .8s var(--v4-ease-out);}
.rv.in{opacity:1;transform:none;}

/* 首屏衬线大标题：全档 700 字重，存在感与编辑质感 */
.st-site .st-hero h1.st-display{font-weight:700 !important;}
/* ---------- 移动端首屏字号（流体，≤679） ---------- */
@media (max-width:679px){
  .st-site .st-hero h1.st-display{
    font-size:clamp(29px,7.6vw,38px) !important;
    line-height:1.26 !important;letter-spacing:.4px !important;
  }
  .st-hero .st-hero-inner{padding:44px 20px 38px;}
  .st-hero::before{width:16px;height:16px;top:22px;right:18px;}
  .st-hero::after{display:none;}
}
/* ---------- 平板/桌面：显示字号与留白升档 ---------- */
@media (min-width:680px){
  .st-site .st-hero h1.st-display{font-size:46px !important;line-height:1.14 !important;}
  .st-hero .st-hero-inner{padding:64px 28px 56px;}
  .h-title{font-size:30px;}
  .st-hero::before{width:24px;height:24px;top:40px;right:44px;}
  .st-hero::after{width:14px;height:14px;bottom:46px;left:48px;}
}
@media (min-width:980px){
  .st-site .st-hero h1.st-display{font-size:54px !important;line-height:1.1 !important;}
  .st-hero .st-hero-inner{padding:84px 32px 72px;}
  .h-title{font-size:33px;}
  section{padding:48px 0 16px;}
}

/* ---------- 入场编排（仅动效偏好开启时；默认终态可见，失败安全） ---------- */
@media (prefers-reduced-motion:no-preference){
  @keyframes v4HeroIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
  .st-hero .st-hero-inner>*:not(.dock){animation:v4HeroIn .72s var(--v4-ease-out) both;}
  .st-hero .st-hero-inner>*:nth-child(1){animation-delay:.05s;}
  .st-hero .st-hero-inner>*:nth-child(2){animation-delay:.13s;}
  .st-hero .st-hero-inner>*:nth-child(3){animation-delay:.21s;}
  .st-hero .st-hero-inner>*:nth-child(4){animation-delay:.29s;}
  .st-hero .st-hero-inner>*:nth-child(5){animation-delay:.37s;}
  .st-hero .st-hero-inner>*:nth-child(6){animation-delay:.45s;}
  .st-hero::before,.st-hero::after{animation:v4HeroIn .9s var(--v4-ease-out) both;animation-delay:.2s;}
}
/* ---------- 减弱动效：全部即时呈现 ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .rv{opacity:1 !important;transform:none !important;}
}

/* =====================================================================
   v4e · 打磨（验收修复，2026-10-09）
   1) 深墨蓝导航底：文字/图标统一回浅色系，active=箔金（修复对比度）
   2) 产品详情卡圆角统一 16px
   ===================================================================== */
/* 导航：墨蓝底 + 细金分割线 */
.st-site .nav{border-bottom:1px solid rgba(201,162,74,.22);}
.st-site .nav .brand{color:#F1E5CC;}
.st-site .nav .brand small{color:#E5E7EB;}
.st-site .nav .links a{color:#E5E7EB;}
.st-site .nav .links a:hover{color:#fff;}
.st-site .nav .links a.active{color:#2A9D8F;}
.st-site .nav .links a.active::after{background:#2A9D8F;}
/* 提升特异性以覆盖旧规则 .nav.st-nav .navtoggle(0,3,0)，修复移动端汉堡不可见 */
.st-site .nav.st-nav .navtoggle{color:#F1E5CC;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06);}
.st-site .nav.st-nav.open .navtoggle{color:#fff;border-color:rgba(255,255,255,.30);background:transparent;}
/* 产品详情页卡件圆角并入 16px 体系 */
.st-site .st-plan,.st-site .st-rev-card,.st-site .pd-rel-card{border-radius:16px;}


/* =============================================
   VI 2026 · 严格对齐 api.wenshu88.cn v3 沉浸式设计
   视觉母题：墨蓝深底 × 暖金细线 × 青绿呼吸
   全站深色玻璃导航 · 首屏深底 · 内容留白 · 尾部深底收束
   ============================================= */

/* ---- 设计令牌 ---- */
:root {
  --color-primary: #182A4A;
  --color-primary-light: #1F3A5F;
  --color-primary-dark: #10233C;
  --color-teal: #2A9D8F;
  --color-teal-dark: #1F7A6F;
  --color-teal-soft: #EAF5F3;
  --color-gold: #C9A86A;
  --color-gold-soft: #F1E5CC;
  --color-paper: #F5F7FB;
  --color-border: #E5E7EB;
  --color-ink: #111827;
  --color-ink-light: #111827;
  --color-ink-lighter: #6B7280;
  --font-serif: "Noto Serif SC","Source Han Serif SC","STZhongsong",SimSun,serif;
  --font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(24,42,74,.10);
  --shadow-md: 0 4px 12px rgba(24,42,74,.10);
  --shadow-lg: 0 8px 24px rgba(24,42,74,.16);
  --transition: .2s ease;
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  background: var(--color-paper);
  color: var(--color-ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--color-teal-dark); transition: color var(--transition); }
a:hover { color: var(--color-teal); }
::selection { background: var(--color-teal); color: #fff; }
:focus-visible { outline: 2px solid var(--color-teal); outline-offset: 2px; }

/* ============================================
   导航：墨蓝玻璃感（v3 全站统一）
   ============================================ */
.nav {
  background: rgba(14,26,46,.9) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(201,168,106,.22) !important;
}
.nav.scrolled {
  background: rgba(14,26,46,.95) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.3) !important;
}
.nav .brand {
  color: #fff !important;
  font-family: var(--font-serif);
  font-weight: 600;
}
.nav .brand small { color: rgba(255,255,255,.55) !important; }
.nav .links a {
  color: rgba(255,255,255,.72) !important;
  letter-spacing: .04em;
  position: relative;
}
.nav .links a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 2px;
  background: var(--color-gold);
  transition: width var(--transition);
}
.nav .links a:hover { color: #fff !important; }
.nav .links a:hover::after,
.nav .links a.active::after { width: 100%; }
.nav .links a.active { color: #fff !important; }

/* Logo 图片 */
.logo-img { height: 42px !important; width: auto !important; display: block !important; }
.nav .brand { display: flex !important; align-items: center !important; gap: 10px !important; }

/* 导航按钮 */
.nav .navcta {
  background: var(--color-teal) !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
  font-size: 14px; font-weight: 500;
  box-shadow: none !important;
  transition: all var(--transition) !important;
}
.nav .navcta:hover { background: #45C4B4 !important; }

/* ============================================
   Hero：墨蓝沉浸深底（v3）
   ============================================ */
.hero {
  background:
    radial-gradient(920px 460px at 76% 16%, rgba(42,157,143,.30), transparent 65%),
    radial-gradient(720px 400px at 10% 92%, rgba(201,168,106,.12), transparent 62%),
    linear-gradient(180deg, #10233C 0%, #10233C 58%, #182A4A 100%) !important;
  color: #fff !important;
  padding: 64px 0 80px !important;
  position: relative;
  overflow: hidden;
  text-align: left;
}
/* 底部暖金收束线 */
.hero::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-gold) 28%, var(--color-gold) 72%, transparent);
  opacity: .55;
  pointer-events: none;
}
/* mesh 隐藏 */
.hero .st-mesh, .st-hero .st-mesh { display: none !important; }

/* Hero 文字系统（深底反白） */
.hero h1, .hero .st-display {
  font-family: var(--font-serif) !important;
  font-size: 48px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.25);
  letter-spacing: -0.02em;
  position: relative; z-index: 1;
}
.hero h1 .hl, .hero .st-hl {
  color: #45C4B4 !important;
  text-shadow: none !important;
}
.hero p.sub, .hero .st-sub {
  font-size: 16px !important;
  color: rgba(255,255,255,.72) !important;
  line-height: 1.6 !important;
  max-width: 520px;
  margin-top: 16px !important;
  position: relative; z-index: 1;
}

/* Hero Kicker */
.hero .kicker, .st-kicker {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 13px !important; font-weight: 500;
  padding: 6px 14px !important;
  border-radius: var(--radius-md) !important;
  margin-bottom: 16px !important;
  display: inline-block;
  position: relative; z-index: 1;
}

/* Hero 标签 */
.hero .st-tags { margin-top: 20px !important; position: relative; z-index: 1; }
.hero .st-tag {
  font-size: 13px !important;
  padding: 5px 12px !important;
  border-radius: var(--radius-sm) !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.72) !important;
  font-weight: 500;
}

/* Hero CTA 按钮：青绿实心（深底上） */
.hero .st-cta-row { position: relative; z-index: 1; margin-top: 24px; }
.hero .st-btn-primary {
  background: var(--color-teal) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 12px 28px !important;
  box-shadow: none !important;
  transition: all var(--transition) !important;
}
.hero .st-btn-primary:hover {
  background: #45C4B4 !important;
  transform: translateY(-1px);
}
.hero .st-btn-secondary {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: var(--radius-sm) !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 12px 28px !important;
  transition: all var(--transition) !important;
}
.hero .st-btn-secondary:hover {
  border-color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

/* Hero 统计 */
.hero .st-proof {
  margin-top: 20px !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.55) !important;
  position: relative; z-index: 1;
  border-top: 1px solid rgba(255,255,255,.14);
  padding-top: 16px;
}
.hero .st-proof b { color: #fff !important; font-weight: 700; }
.hero .st-proof b em { color: var(--color-gold); font-style: normal; }

/* ============================================
   排版（v3 深底白 + 内容区墨蓝）
   ============================================ */
h1, h2, h3, h4, h5, h6 { font-family: var(--font-serif); font-weight: 600; }
.h-title, .sc-head h2, .showcase h2 {
  font-family: var(--font-serif) !important;
  font-size: 32px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: var(--color-primary) !important;
  text-align: center;
  letter-spacing: -0.01em;
}
.h-title em, .sc-head em { color: var(--color-teal) !important; font-style: normal; }
.h-sub {
  font-size: 14px !important;
  color: var(--color-ink-lighter) !important;
  text-align: center;
  max-width: 560px;
  margin: 8px auto 32px !important;
}

/* ============================================
   按钮（4px 小圆角）
   ============================================ */
.btn, .cta {
  border-radius: var(--radius-sm) !important;
  font-weight: 500; font-size: 14px;
  transition: all var(--transition);
}
.btn.solid, .cta {
  background: var(--color-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.btn.solid:hover, .cta:hover {
  background: var(--color-primary-dark) !important;
  transform: translateY(1px);
}
.btn.ghost, .cta.ghost {
  background: transparent !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-ink) !important;
}
.btn.ghost:hover, .cta.ghost:hover {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

/* ============================================
   卡片（白底 + 1px 边框 + hover 顶线展开）
   ============================================ */
.card, .pcard {
  background: #fff !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition) !important;
  position: relative; overflow: hidden;
}
/* 卡片顶线：青绿→暖金 */
.card::before, .pcard::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--color-teal), var(--color-gold));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.2,0,0,1);
  z-index: 1;
}
.card:hover::before, .pcard:hover::before { transform: scaleX(1); }
.card:hover, .pcard:hover {
  border-color: var(--color-primary) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-2px);
}

/* 展示卡 */
.ph {
  transition: transform var(--transition), box-shadow var(--transition);
  border-radius: var(--radius-md) !important;
}
.ph:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg) !important;
}

/* 产品卡图标 */
.pcard .pi { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light)) !important; border-radius: var(--radius-sm) !important; }
.pcard .pi.c-social { background: linear-gradient(135deg, var(--color-teal), var(--color-teal-dark)) !important; }
.pcard .pi.c-ai { background: linear-gradient(135deg, #182A4A, #45C4B4) !important; }
.pcard .pi.c-comm { background: linear-gradient(135deg, var(--color-gold), #C9A86A) !important; }

/* ============================================
   对比 / 路径 / 报价
   ============================================ */
.cmp .c { border-radius: var(--radius-md) !important; transition: all var(--transition); }
.cmp .c.win { background: var(--color-teal-soft) !important; box-shadow: 0 4px 20px rgba(42,157,143,.12) !important; }
.path .p { border: 1px solid var(--color-border) !important; border-radius: var(--radius-md) !important; }
.path .p.main { background: var(--color-teal-soft) !important; border-color: rgba(42,157,143,.2) !important; }
.quote .q { border-radius: var(--radius-md) !important; transition: all var(--transition); }
.quote .q.picked { border-color: var(--color-teal) !important; background: var(--color-teal-soft) !important; box-shadow: 0 8px 20px rgba(42,157,143,.12) !important; }
.quote .q.picked .qpick { background: var(--color-teal) !important; }

/* 步骤 */
.step .dot { background: var(--color-teal) !important; color: #fff !important; font-weight: 700; box-shadow: 0 2px 8px rgba(42,157,143,.3) !important; }
.step .body h3 { color: var(--color-primary) !important; font-family: var(--font-serif) !important; font-weight: 600; }
.step .meta { color: var(--color-teal-dark) !important; font-size: 13px; font-weight: 500; }

/* 筛选器 */
.pfilter span.on, .pfilter button.on { background: var(--color-primary) !important; }

/* ============================================
   页脚：深底 + 暖金顶线
   ============================================ */
.foot {
  background: var(--color-primary-dark) !important;
  color: rgba(255,255,255,.7) !important;
  padding: 48px 18px 32px !important;
  position: relative;
}
/* 暖金收边顶线 */
.foot::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--color-gold), rgba(201,168,106,.15));
}
.foot .f-grid { gap: 32px !important; }
.foot .f-col b {
  font-family: var(--font-serif) !important;
  color: #fff !important;
  font-size: 14px; font-weight: 600;
  margin-bottom: 8px; display: block;
}
.foot .f-col span { color: rgba(255,255,255,.6) !important; }
.foot .f-col a:hover { color: var(--color-teal) !important; }
.foot .f-note {
  color: rgba(255,255,255,.4) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  margin-top: 28px !important; padding-top: 20px !important;
  font-size: 12.5px !important;
}
.foot .f-ico { color: var(--color-teal) !important; }

/* 吸底栏 */
.dock .d-demo { border-color: var(--color-primary) !important; color: var(--color-primary) !important; }
.dock .d-buy { background: var(--color-primary) !important; border-radius: var(--radius-sm) !important; }

/* 弹层 */
.sheet-head { background: var(--color-primary) !important; }
.sheet-x, .wxmodal .wx-x, .bmprompt .bp-x { background: var(--color-teal) !important; border-radius: 50%; }
.wx-badge { color: var(--color-teal) !important; background: rgba(42,157,143,.08) !important; border-color: rgba(42,157,143,.2) !important; }

/* 返回顶部 */
.totop { background: var(--color-primary) !important; color: #fff !important; box-shadow: var(--shadow-md) !important; border-radius: 50% !important; transition: all var(--transition); }
.totop:hover { background: var(--color-primary-dark) !important; transform: translateY(-2px); }

/* 输入框 */
input:focus, select:focus, textarea:focus { border-color: var(--color-teal) !important; box-shadow: 0 0 0 3px rgba(42,157,143,.15) !important; }

/* 展示区 */
.showcase { padding-top: 48px !important; padding-bottom: 32px !important; }
.sc-head { margin-bottom: 28px !important; }
.sc-head span { color: var(--color-ink-lighter) !important; font-size: 14px !important; margin-top: 8px !important; display: block; }

/* ============================================
   响应式
   ============================================ */
@media (max-width: 768px) {
  .hero h1, .hero .st-display { font-size: 32px !important; }
  .h-title, .sc-head h2 { font-size: 24px !important; }
  .hero .st-cta-row { flex-direction: column !important; gap: 10px !important; }
  .hero .st-btn-primary, .hero .st-btn-secondary { width: 100% !important; text-align: center; justify-content: center; }
}
@media (max-width: 679px) {
  .nav .links {
    background: rgba(14,26,46,.98) !important;
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  .nav .links a {
    padding: 14px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: rgba(255,255,255,.72) !important;
  }
  .nav .links a:hover { background: rgba(255,255,255,.05) !important; }
}
img { border-radius: 4px; }

/* =============================================
   高优先级覆盖 · 强制深色品牌主题
   解决 .st-hero / .st-site 选择器优先级问题
   ============================================= */

/* Hero 文字强制反白（覆盖 .st-hero h1.st-display 的 --st-ink） */
.hero.st-hero h1.st-display,
.hero.st-hero .st-sub,
.hero.st-hero .st-proof,
.hero.st-hero .st-tags,
.hero.st-hero .st-kicker,
.hero.st-hero .st-tag {
  color: rgba(255,255,255,.72) !important;
}
.hero.st-hero h1.st-display {
  color: #FFFFFF !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.25);
  font-weight: 600 !important;
  font-family: var(--font-serif) !important;
}
.hero.st-hero h1.st-display .st-hl {
  color: #45C4B4 !important;
  font-weight: 600 !important;
}
.hero.st-hero .st-sub {
  color: rgba(255,255,255,.72) !important;
}
.hero.st-hero .st-proof {
  color: rgba(255,255,255,.55) !important;
  border-top: 1px solid rgba(255,255,255,.14);
  padding-top: 16px;
}
.hero.st-hero .st-proof b {
  color: #fff !important;
}
.hero.st-hero .st-kicker {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.62) !important;
}
.hero.st-hero .st-tag {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.72) !important;
}

/* Hero 按钮强制覆盖 */
.hero.st-hero .st-btn-primary {
  background: var(--color-teal) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.hero.st-hero .st-btn-primary:hover {
  background: #45C4B4 !important;
  transform: translateY(-1px);
}
.hero.st-hero .st-btn-secondary {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: var(--radius-sm) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.hero.st-hero .st-btn-secondary:hover {
  border-color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

/* Nav 金色下划线（覆盖原始无下划线） */
.nav .links a::after {
  content: '' !important;
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 2px;
  background: var(--color-gold) !important;
  transition: width .2s ease;
}
.nav .links a:hover::after,
.nav .links a.active::after {
  width: 100% !important;
}

/* Hero 底部金线 + mesh 隐藏 */
.hero.st-hero::after {
  content: "" !important;
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-gold) 28%, var(--color-gold) 72%, transparent) !important;
  opacity: .55;
  pointer-events: none;
  display: block !important;
}
.hero.st-hero::before {
  content: "" !important;
  position: absolute;
  top: -140px; right: -240px;
  width: 960px; height: 640px;
  background:
    radial-gradient(ellipse 520px 190px at 74% 36%, rgba(42,157,143,.50), transparent 70%),
    radial-gradient(ellipse 640px 230px at 82% 52%, rgba(42,157,143,.30), transparent 72%),
    radial-gradient(ellipse 720px 260px at 88% 68%, rgba(24,42,74,.14), transparent 70%) !important;
  opacity: .85;
  transform: rotate(-8deg);
  pointer-events: none;
}
.st-hero .st-mesh { display: none !important; }

/* 页脚暖金顶线 */
.foot::before {
  content: '' !important;
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--color-gold), rgba(201,168,106,.15)) !important;
}

/* 展示区标题 em 强调色 */
.sc-head h2 em { color: var(--color-teal) !important; }

/* =============================================
   Logo 优化 · 纯图片品牌标识（对齐 api 站）
   ============================================= */

/* brand 容器：纯图片，无文字 */
.nav a.brand,
.nav .brand {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  text-decoration: none !important;
  border: none !important;
  flex-shrink: 0;
}
/* 隐藏多余文字（万一残留） */
.nav .brand small,
.nav a.brand small { display: none !important; }
/* logo 图片：对齐 api 站 42px */
.nav .logo-img,
.nav a.brand .logo-img {
  height: 42px !important;
  width: auto !important;
  display: block !important;
  flex-shrink: 0;
}
/* 确保 a.brand 无链接样式 */
a.brand { color: inherit !important; text-decoration: none !important; }
a.brand:hover { opacity: .88; transition: opacity .2s; }

/* 移动端 logo 缩小 */
@media (max-width: 679px) {
  .nav .logo-img { height: 36px !important; }
}

/* =============================================
   视觉优化层 · 品牌高级感
   ============================================= */

/* ---- 顶部 3px 品牌渐变线（VI 封面母题） ---- */
body::after {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-teal), var(--color-primary) 50%, var(--color-gold));
  z-index: 9999;
  pointer-events: none;
}

/* ---- v3.1 深浅过渡桥：浮层从深色首屏升起 ---- */
.hero.st-hero {
  padding-bottom: calc(64px + 64px) !important;
}
.hero.st-hero + .showcase,
.hero.st-hero + .section,
div.hero.st-hero ~ .showcase {
  position: relative;
  z-index: 2;
  margin-top: -64px;
  background: linear-gradient(180deg, #F5F7FB 0%, var(--color-paper) 260px);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -24px 56px rgba(9,18,36,.32);
  padding-top: calc(48px + 32px);
}
/* 浮层内的卡片阴影更柔和 */
.hero.st-hero ~ .showcase .ph,
.hero.st-hero ~ .showcase .pcard {
  box-shadow: 0 1px 2px rgba(24,42,74,.05), 0 8px 24px rgba(24,42,74,.06);
}
.hero.st-hero ~ .showcase .ph:hover,
.hero.st-hero ~ .showcase .pcard:hover {
  box-shadow: 0 2px 4px rgba(24,42,74,.06), 0 16px 40px rgba(24,42,74,.12);
}

/* ---- CTA 联系区：深色沉浸横幅 ---- */
section#contact,
#contact {
  background:
    radial-gradient(620px 380px at 30% 80%, rgba(42,157,143,.22), transparent 68%),
    linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 62%, #182A4A 100%) !important;
  color: #fff !important;
  padding: 64px 24px !important;
  position: relative;
  overflow: hidden;
}
/* CTA 青绿呼吸光晕 */
section#contact::before,
#contact::before {
  content: "";
  position: absolute;
  top: -160px; left: 30%;
  width: 620px; height: 380px;
  background: radial-gradient(ellipse at center, rgba(42,157,143,.22), rgba(42,157,143,0) 68%);
  pointer-events: none;
}
/* CTA 顶线暖金收边 */
section#contact::after,
#contact::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--color-gold), rgba(201,168,106,.15));
  pointer-events: none;
}
/* CTA 内部文字 */
#contact .final { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; text-align: center; }
#contact h3 {
  font-family: var(--font-serif) !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin-bottom: 16px;
  line-height: 1.3;
}
#contact p {
  color: rgba(255,255,255,.72) !important;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 8px;
}
/* CTA 按钮 */
#contact .cta {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 15px !important;
  padding: 12px 28px !important;
  border-radius: var(--radius-sm) !important;
  margin-top: 10px;
  transition: all var(--transition);
}
#contact .cta:not(.ghost) {
  background: var(--color-teal) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(42,157,143,.3) !important;
}
#contact .cta:not(.ghost):hover {
  background: #45C4B4 !important;
  transform: translateY(-1px);
}
#contact .cta.ghost {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
}
#contact .cta.ghost:hover {
  border-color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

/* ---- 展示卡增强 ---- */
.ph {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
}
/* 展示卡顶线 */
.ph::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--color-teal), var(--color-gold));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.2,0,0,1);
  z-index: 1;
}
.ph:hover::before { transform: scaleX(1); }

/* ---- 分区标题增强（衬线+金色短线） ---- */
.sc-head h2 {
  position: relative;
  display: inline-block;
}
.sc-head h2::before,
.sc-head h2::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 28px; height: 2px;
  background: var(--color-gold);
  opacity: .6;
}
.sc-head h2::before { right: calc(100% + 16px); }
.sc-head h2::after { left: calc(100% + 16px); }

/* ---- 步骤区增强 ---- */
.step {
  position: relative;
}
.step .dot {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ---- 路径卡/对比卡/报价卡圆角统一 ---- */
.path .p, .cmp .c, .quote .q {
  border-radius: var(--radius-md) !important;
  transition: all var(--transition) !important;
}

/* ---- 移动端浮层适配 ---- */
@media (max-width: 768px) {
  .hero.st-hero ~ .showcase {
    margin-top: -40px;
    border-radius: 18px 18px 0 0;
  }
  .hero.st-hero { padding-bottom: calc(64px + 48px) !important; }
  .sc-head h2::before, .sc-head h2::after { display: none; }
  #contact h3 { font-size: 24px !important; }
  #contact { padding: 48px 18px !important; }
}

/* =============================================
   Logo 品牌标识 · 最终修复
   对齐 api 站：logo 作为独立品牌标识，突出显示
   ============================================= */

/* 导航容器：确保 logo 不被挤压 */
.nav.st-nav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 16px !important;
  overflow: visible !important;
}

/* Logo 品牌标识：不可压缩 */
.nav a.brand,
a.brand {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  color: inherit !important;
  border: none !important;
  min-width: 0;
}

/* Logo 图片：精确对齐 api 站 */
.nav a.brand .logo-img,
.nav .logo-img,
.logo-img {
  height: 42px !important;
  width: auto !important;
  display: block !important;
  flex-shrink: 0 !important;
  min-height: 42px !important;
  min-width: 120px !important;
  object-fit: contain !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 链接区：允许压缩 */
.nav .links {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* CTA按钮：不可压缩 */
.nav .navcta {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

/* 移动端 logo 保持可见 */
@media (max-width: 679px) {
  .nav a.brand .logo-img,
  .nav .logo-img {
    height: 36px !important;
    min-height: 36px !important;
    min-width: 100px !important;
  }
}

/* =============================================
   Logo 存在感增强 · 加大 + 金色微光
   ============================================= */

/* Logo 尺寸加大：42px → 48px */
.nav a.brand .logo-img,
.nav .logo-img,
.logo-img {
  height: 48px !important;
  min-height: 48px !important;
  min-width: 140px !important;
  filter: drop-shadow(0 0 8px rgba(201,168,106,.25)) drop-shadow(0 1px 2px rgba(0,0,0,.3)) !important;
}

/* 导航 padding 配合加大 */
.nav.st-nav {
  padding: 13px 16px !important;
}

/* Logo 右侧间距 */
.nav a.brand {
  margin-right: 4px !important;
}

/* 移动端 logo 也加大 */
@media (max-width: 679px) {
  .nav a.brand .logo-img,
  .nav .logo-img {
    height: 40px !important;
    min-height: 40px !important;
    min-width: 116px !important;
  }
  .nav.st-nav {
    padding: 10px 12px !important;
  }
}

/* =============================================
   视觉精修 · 品牌细节
   ============================================= */

/* ---- Hero 底部暖金收束线 ---- */
.hero.st-hero::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 5%, var(--color-gold) 30%, var(--color-gold) 70%, transparent 95%);
  opacity: .5;
  pointer-events: none;
  z-index: 3;
}

/* ---- 页脚暖金顶线 ---- */
.foot {
  border-top: 2px solid rgba(201,168,106,.28) !important;
}

/* ---- 页脚文字颜色提升可读性 ---- */
.foot, .foot .f-col span, .foot .f-col a {
  color: rgba(255,255,255,.62) !important;
}
.foot .f-col b {
  color: #fff !important;
}

/* ---- 展示卡 hover 提升幅度 ---- */
.ph:hover,
.pcard:hover {
  transform: translateY(-3px) !important;
}

/* ---- Hero 标签反白适配（深色背景上） ---- */
.hero.st-hero .st-tag {
  background: rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* ---- Hero 社会证明文字反白 ---- */
.hero.st-hero .st-proof {
  color: rgba(255,255,255,.55) !important;
}
.hero.st-hero .st-proof b {
  color: var(--color-gold) !important;
}

/* ---- Hero 副标题反白增强 ---- */
.hero.st-hero .st-sub {
  color: rgba(255,255,255,.68) !important;
}

/* ---- Hero Kicker 增强 ---- */
.hero.st-hero .st-kicker {
  color: var(--color-gold) !important;
  opacity: .8;
  font-size: 12px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ---- 内容区标题装饰增强 ---- */
.showcase .sc-head {
  position: relative;
}
.showcase .sc-head::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: var(--color-gold);
  margin: 12px auto 0;
  opacity: .5;
}

/* ---- 导航 CTA 按钮微光 ---- */
.nav .navcta {
  box-shadow: 0 2px 8px rgba(42,157,143,.25) !important;
  transition: all .25s ease !important;
}
.nav .navcta:hover {
  box-shadow: 0 4px 16px rgba(42,157,143,.4) !important;
}

/* ---- 页面加载淡入 ---- */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero.st-hero { animation: fadeInUp .6s ease-out; }

/* ---- 移动端精修 ---- */
@media (max-width: 679px) {
  .hero.st-hero .st-tag {
    font-size:12px !important;
    padding: 4px 8px !important;
  }
  .showcase .sc-head::after { display: none; }
}

/* =====================================================================
   v5 · 品牌同步层「墨蓝沉浸 · 青绿呼吸 · 暖金细线」 2026-10-12
   目标：与 api.wenshu88.cn 设计系统完全对齐
   （《VI 规范手册 2026》04 色彩 / 05 字体 / 07 网格 · 设计系统 v3.1）
   视觉母题：墨蓝深底首屏 × 青绿呼吸光 × 暖金细线 × 衬线标题 × 编号式章节
   相对 v3 对齐层 + v4 宣纸层混合现状的差异修补：
   1) 画布去宣纸颗粒，回归纸色 #F5F7FB
   2) 导航统一 68px 深色玻璃
   3) Hero：书卷纹理 + 亮青绿关键词（去金色渐变裁字）+ 品牌眉标
             + 右侧品牌插画（呼吸光晕）+ 数据锚点行
   4) 首屏→内容区深浅过渡桥（大圆角浮层上叠）
   5) 章节标题编号式（青绿数字 + 暖金竖线，左对齐编辑排版）
   6) 桌面 1200px 编辑容器
   7) 卡片圆角统一 8px + hover 顶线（青绿→暖金）扩展
   8) CTA band 加书卷纹理与青绿呼吸光；吸底栏深色玻璃化
   纯增强层：删除本块即可整体回退。
   ===================================================================== */

/* ---- 0) 令牌补充（与 api 站同源） ---- */
:root{
  --color-teal-bright:#45C4B4;
  --color-teal-hover:#45C4B4;
  --v5-ease:cubic-bezier(.2,0,0,1);
}

/* ---- 1) 画布：纸色平涂，去宣纸颗粒 ---- */
body{background-color:var(--color-paper) !important;background-image:none !important;}
.page.st-site{background-color:var(--color-paper) !important;background-image:none !important;}

/* ---- 2) 导航：深色玻璃 68px（api 站同参数） ---- */
.nav.st-nav{height:68px;padding:0 24px;background:rgba(14,26,46,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,168,106,.22);}
.nav.st-nav.scrolled{background:rgba(14,26,46,.94);box-shadow:0 8px 24px rgba(9,18,36,.28);}
.nav.st-nav .navcta{border-radius:var(--radius-sm);padding:8px 18px;font-size:14px;font-weight:500;}

/* ---- 3) Hero：墨蓝沉浸深底 + 书卷纹理 ---- */
.hero.st-hero{padding:0 !important;}
.hero.st-hero::before{
  content:"" !important;position:absolute !important;top:0 !important;right:-60px !important;bottom:0 !important;width:580px !important;height:auto !important;z-index:0 !important;
  -webkit-mask:none !important;mask:none !important;transform:none !important;
  background:url("assets/brand/texture-waves.svg") no-repeat right center/contain !important;
  opacity:.15 !important;pointer-events:none;
}
/* 底部金线被过渡桥覆盖，移除避免视觉冲突（api v3.1 同） */
.hero.st-hero::after{display:none !important;}
.hero.st-hero .st-hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:44px 20px calc(24px + 48px);}
@media (min-width:680px){
  .hero.st-hero .st-hero-inner{padding:64px 48px calc(32px + 64px);}
}
/* 双栏：左文案 + 右品牌插画 */
.st-hero-grid{display:grid;grid-template-columns:1fr;gap:28px;position:relative;z-index:1;}
.st-hero-art{position:relative;display:flex;justify-content:center;}
.st-hero-art img{width:100%;max-width:300px;height:auto;border-radius:0;filter:drop-shadow(0 26px 52px rgba(0,0,0,.35));animation:v5-float 7s ease-in-out infinite;}
.st-hero-art::before{content:"";position:absolute;inset:-14% -10%;background:radial-gradient(closest-side,rgba(69,196,180,.20),rgba(69,196,180,0) 70%);animation:v5-breathe 7s ease-in-out infinite;pointer-events:none;}
@keyframes v5-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes v5-breathe{0%,100%{opacity:.85}50%{opacity:.62}}
@media (min-width:680px){
  .st-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;}
  .st-hero-art img{max-width:540px;}
}
/* 品牌眉标：暖金短线 + 宽字距（api hero-eyebrow 同款） */
.hero.st-hero .st-kicker{
  display:inline-flex !important;align-items:center;gap:10px;
  background:transparent !important;border:none !important;border-radius:0 !important;
  padding:0 !important;margin-bottom:16px !important;
  font-size:12px !important;letter-spacing:.14em;color:rgba(255,255,255,.62) !important;
  text-transform:none !important;opacity:1 !important;
}
.hero.st-hero .st-kicker::before{content:"";width:22px;height:1.5px;background:var(--color-gold);flex:none;}
/* 关键词：亮青绿（覆盖 v4 金色渐变裁字） */
.hero.st-hero h1.st-display .st-hl{
  color:var(--color-teal-bright) !important;
  -webkit-text-fill-color:var(--color-teal-bright) !important;
  background:none !important;
  text-shadow:none !important;font-weight:600 !important;
}
/* 数据锚点：衬线白数字 + 暖金单位 + 竖向发丝线 */
.hero.st-hero .st-stats{display:flex !important;gap:0;border-top:1px solid rgba(255,255,255,.14) !important;margin-top:28px !important;padding-top:20px !important;font-size:13px;}
.hero.st-hero .st-stat{padding:0 32px;border-left:1px solid rgba(255,255,255,.12);}
.hero.st-hero .st-stat:first-child{padding-left:0;border-left:none;}
.st-stat-num{font-family:var(--font-serif);font-size:28px;font-weight:600;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums;}
.st-stat-num em{font-style:normal;font-size:16px;color:var(--color-gold);margin-left:2px;}
.st-stat-label{font-size:12px;color:rgba(255,255,255,.55);margin-top:4px;}
@media (max-width:479px){
  .hero.st-hero .st-stat{padding:0 20px;}
  .st-stat-num{font-size:24px;}
}

/* ---- 4) 深浅过渡桥：内容区大圆角浮层上叠（api v3.1） ---- */
div.hero.st-hero + .showcase{
  position:relative;z-index:2;margin-top:-64px;
  background:linear-gradient(180deg,#F5F7FB 0%,var(--color-paper) 260px);
  border-radius:24px 24px 0 0;
  box-shadow:0 -24px 56px rgba(9,18,36,.32);
  padding:96px 20px 32px !important;
}
@media (max-width:767px){
  div.hero.st-hero + .showcase{margin-top:-40px;border-radius:18px 18px 0 0;padding:72px 20px 28px !important;}
}
@media (min-width:680px){
  div.hero.st-hero + .showcase{padding:96px 48px 32px !important;}
}
/* 桥内章节头左对齐 + 编号 01 */
div.hero.st-hero + .showcase .sc-head{text-align:left;margin-bottom:28px;}
div.hero.st-hero + .showcase .sc-head h2{
  display:flex;align-items:baseline;justify-content:flex-start;
  font-size:32px !important;letter-spacing:-.01em;
}
div.hero.st-hero + .showcase .sc-head h2::before{
  content:"01";display:block;
  font-family:var(--font-sans);font-size:30px;font-weight:600;line-height:1;
  color:var(--color-teal);margin-right:14px;padding-right:14px;
  border-right:2px solid var(--color-gold);font-variant-numeric:tabular-nums;flex:none;
}
div.hero.st-hero + .showcase .sc-head h2::after{display:none;}
div.hero.st-hero + .showcase .sc-head::after{margin-left:0;}
@media (max-width:767px){
  div.hero.st-hero + .showcase .sc-head h2{font-size:24px !important;}
  div.hero.st-hero + .showcase .sc-head h2::before{font-size:24px;margin-right:10px;padding-right:10px;}
}

/* ---- 5) 章节标题：编号式编辑排版 ---- */
.st-site .wrap{counter-reset:v5sec;}
.hero.st-hero + .showcase ~ .wrap{counter-reset:v5sec 1;}
.st-site .wrap section:has(.h-title),
.st-site .wrap section.st-rev{counter-increment:v5sec;}
.st-site .wrap section .h-title,
.st-site .wrap section.st-rev h2{
  display:block !important;
  text-align:left !important;font-family:var(--font-serif) !important;
  font-size:32px !important;font-weight:600 !important;letter-spacing:-.01em;
  color:var(--color-primary) !important;padding-bottom:0 !important;margin-bottom:8px !important;
  padding-left:58px !important;text-indent:-58px !important;
}
.st-site .wrap section .h-title::before,
.st-site .wrap section.st-rev h2::before{
  content:counter(v5sec,decimal-leading-zero);display:inline-block;width:28px;text-indent:0;
  font-family:var(--font-sans);font-size:30px;font-weight:600;line-height:1;
  color:var(--color-teal);margin-right:14px;padding-right:14px;
  border-right:2px solid var(--color-gold);font-variant-numeric:tabular-nums;
}
.st-site .wrap section .h-title::after{display:none !important;}
.st-site .wrap section .h-sub{
  text-align:left !important;margin:8px 0 0 58px !important;max-width:none !important;
  font-size:14px !important;line-height:1.75;color:var(--color-ink-light) !important;
}
.st-site .wrap section .eyebrow{justify-content:flex-start;margin-left:0;}
.st-site .wrap section .eyebrow::after{display:none;}
.st-site .wrap section{padding:56px 0 8px;}
/* 收入数据区：并入纸色体系，左对齐 */
.st-site .st-rev{background:transparent;padding:56px 0 8px;}
.st-site .st-rev-in{max-width:none;text-align:left;}
.st-site .st-rev h2{font-size:32px;font-weight:600;color:var(--color-primary);letter-spacing:-.01em;}
.st-site .st-rev-sub{margin:8px 0 0 58px;font-size:14px;color:var(--color-ink-light);}
.st-site .st-rev-disc{margin-left:58px;}
@media (max-width:767px){
  .st-site .wrap section .h-title,
  .st-site .wrap section.st-rev h2{font-size:24px !important;}
  .st-site .wrap section .h-title::before,
  .st-site .wrap section.st-rev h2::before{font-size:24px;margin-right:10px;padding-right:10px;}
  .st-site .wrap section .h-sub{margin-left:44px !important;}
  .st-site .st-rev-sub,.st-site .st-rev-disc{margin-left:44px;}
}

/* ---- 6) 桌面编辑容器 1200px ---- */
@media (min-width:980px){
  .st-site .wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:48px;padding-right:48px;}
  .hero.st-hero + .showcase > *{max-width:1200px;margin-left:auto;margin-right:auto;}
}

/* ---- 7) 卡片：圆角统一 8px + hover 顶线（青绿→暖金） ---- */
.st-site .card,.st-site .pcard,.st-site .path .p,.st-site .cmp .c,.st-site .grid .g,.st-site details,.st-site .quote .q,.st-site .safe div,.st-site .cred-i,.st-site .about,.st-site .pay334,.st-site .assess-tease,.st-site .mile .m,.st-site .st-plan,.st-site .st-rev-card,.st-site .pd-rel-card,.st-site .showcase .scr{border-radius:8px !important;}
.st-site .path .p,.st-site .quote .q,.st-site .mile .m,.st-site .cred-i,.st-site .grid .g,.st-site .cmp .c,.st-site .st-rev-card{position:relative;overflow:hidden;border:1px solid var(--color-border);transition:transform .25s var(--v5-ease),box-shadow .25s var(--v5-ease),border-color .25s var(--v5-ease);}
.st-site .path .p::before,.st-site .quote .q::before,.st-site .mile .m::before,.st-site .cred-i::before,.st-site .grid .g::before,.st-site .cmp .c::before,.st-site .st-rev-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:1;
  background:linear-gradient(90deg,var(--color-teal),var(--color-gold));
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--v5-ease);
}
.st-site .path .p:hover::before,.st-site .quote .q:hover::before,.st-site .mile .m:hover::before,.st-site .cred-i:hover::before,.st-site .grid .g:hover::before,.st-site .cmp .c:hover::before,.st-site .st-rev-card:hover::before{transform:scaleX(1);}
.st-site .path .p:hover,.st-site .quote .q:hover,.st-site .mile .m:hover,.st-site .cred-i:hover,.st-site .grid .g:hover,.st-site .cmp .c:hover,.st-site .st-rev-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(24,42,74,.16);border-color:rgba(24,42,74,.28);}

/* ---- 8) 按钮体系：小圆角 + 青绿转化色 ---- */
.st-site .cta{border-radius:8px !important;font-weight:600;}
.st-site .final .cta{background:var(--color-teal) !important;box-shadow:0 4px 14px rgba(42,157,143,.35) !important;}
.st-site .final .cta:hover{background:var(--color-teal-hover) !important;}
.st-site .final .cta.ghost{background:rgba(255,255,255,.08) !important;border:1.5px solid rgba(255,255,255,.4) !important;box-shadow:none !important;}
.st-site .final .cta.ghost:hover{background:rgba(255,255,255,.14) !important;border-color:#fff !important;}
.st-site .path .p .go{border-radius:6px;}
.st-site .path .p.lead .go{background:var(--color-teal-soft);color:var(--color-teal-dark);}
.st-site .path .p.main .go{background:var(--color-teal) !important;color:#fff;box-shadow:0 4px 14px rgba(42,157,143,.30);}
.st-site .pcard .btn{border-radius:6px;border-color:var(--color-teal);color:var(--color-teal-dark);}
.st-site .pcard .btn:hover{background:var(--color-teal);color:#fff;}
.st-site .pcard .btn.solid,.st-site .pcard .btn.solid:hover{background:var(--color-teal);border-color:var(--color-teal);color:#fff;}
.st-site .ec-btn{background:var(--color-teal) !important;border-radius:6px !important;}
.st-site .quote .q.picked{border-color:var(--color-teal) !important;}
.st-site .quote .q.picked .qpick::after{background:var(--color-teal);}
.st-site .faqsec details[open]{border-color:rgba(42,157,143,.35);border-left-color:var(--color-teal);}
.st-site .pcard .price{color:var(--color-primary);}

/* ---- 9) CTA band：书卷纹理 + 青绿呼吸光 ---- */
.st-site .final{
  background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 62%,#182A4A 100%) !important;
  border-radius:16px;overflow:hidden;
}
.st-site .final::before{
  content:"";position:absolute;top:0;right:-80px;bottom:0;width:480px;height:auto;
  background:url("assets/brand/texture-waves.svg") no-repeat right center/contain;
  opacity:.16;pointer-events:none;
}
.st-site .final::after{
  content:"";position:absolute;top:-160px;left:30%;width:620px;height:380px;
  background:radial-gradient(ellipse at center,rgba(42,157,143,.22),rgba(42,157,143,0) 68%);
  animation:v5-breathe 7s ease-in-out infinite;pointer-events:none;
}
.st-site .final h3{font-family:var(--font-serif);font-weight:600;}
.st-site .final p{color:rgba(255,255,255,.72);}

/* ---- 10) 吸底栏：深色玻璃 ---- */
.dock{background:rgba(14,26,46,.92) !important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(201,168,106,.22) !important;box-shadow:0 -12px 34px rgba(9,18,36,.35);}
.st-site .dock .d-demo{border-color:rgba(255,255,255,.4) !important;color:#fff !important;border-radius:8px;}
.st-site .dock .d-buy{background:var(--color-teal) !important;border-radius:8px !important;box-shadow:0 4px 14px rgba(42,157,143,.35) !important;}

/* ---- 11) 动效降级（可访问性底线） ---- */
@media (prefers-reduced-motion:reduce){
  .st-hero-art img,.st-hero-art::before,.st-site .final::after{animation:none !important;}
  .st-site .card::before,.st-site .pcard::before,.st-site .path .p::before,.st-site .quote .q::before,.st-site .mile .m::before,.st-site .cred-i::before,.st-site .grid .g::before,.st-site .cmp .c::before,.st-site .st-rev-card::before{transition:none;}
}

/* ── 2026-10-16 展示层修正：货架卡图统一高度，无演示的给同高占位板 ───────── */
.pcard .pshot{display:block;width:100%;height:196px;object-fit:cover;object-position:top center;
  border-radius:12px;background:#0F2038;margin:0 0 10px}
.pcard .pnone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;width:100%;height:196px;border-radius:12px;margin:0 0 10px;
  background:linear-gradient(158deg,#182A4A 0%,#22405F 58%,#1F7A6F 160%);color:#EAF2F8;overflow:hidden}
.pcard .pnone .pn-ico{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.14);
  display:flex;align-items:center;justify-content:center}
.pcard .pnone .pn-ico .ico{width:20px;height:20px;stroke:#F3E6C8}
.pcard .pnone .pn-cap{font-size:12px;color:rgba(234,242,248,.78);letter-spacing:.3px}
.pcard .pnone span{font-size:12px;color:rgba(234,242,248,.72)}
.pcard .pnone::after{content:"";position:absolute;left:14px;right:14px;bottom:12px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,106,.5),transparent)}
/* 首页演示卡：真截图替掉 CSS 假线框 */
.showcase .ph .phshot-wrap{position:relative;display:block;border-radius:14px;overflow:hidden;
  height:150px;background:#0F2038;box-shadow:0 8px 20px rgba(27,58,92,.14)}
.showcase .ph img.phshot{display:block;width:100%;height:150px;object-fit:cover;object-position:top center}
.showcase .ph .play{position:absolute;bottom:8px;left:8px;right:auto;z-index:2;box-shadow:0 2px 8px rgba(8,20,34,.34)}
.showcase .ph .phshot-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(180deg,rgba(8,20,34,0),rgba(8,20,34,.5));pointer-events:none}
.showcase .ph:hover .phshot-wrap{box-shadow:0 16px 34px rgba(27,58,92,.26)}
.showcase .sc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1040px}
@media(max-width:860px){.showcase .sc-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.showcase .sc-row{grid-template-columns:repeat(2,1fr);gap:10px}
  .showcase .ph .phshot-wrap,.showcase .ph img.phshot{height:116px}}
/* 首屏右侧浏览器窗口：真截图 */
.st-hero-art .pv-shot{display:block;width:100%;height:300px;object-fit:cover;object-position:top center;
  background:#0F2038;border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.st-hero-art .pv-shot{height:230px}}

/* ── 2026-10-16 显示层体检修复 ─────────────────────────────────────────── */
/* 汉堡按钮至少 44×44；面包屑与工具页导航给到可点高度 */
.navtoggle{width:44px;height:44px}
.crumb a,.bc a{display:inline-block;min-height:32px;line-height:32px;padding:0 2px}
/* 图先占位再加载，避免整页跳（CLS） */
img[width][height]{max-width:100%}

/* 汉堡菜单展开后与工具页导航：手机上必须 44px 高才点得准 */
@media(max-width:860px){.links a{min-height:44px;display:inline-flex;align-items:center}}

/* 面包屑、筛选按钮、首屏浏览器窗角：可点高度与可读字号 */
.pd-crumb a{display:inline-flex;align-items:center;min-height:40px;padding:0 3px}
.pfilter button{min-height:40px}
.pd-from .amt small{color:#7A5B14}
.pv-url{font-size:12px}
.pv-live{font-size:12px}