:root{
    --bg:#efece1;
    --bg-2:#e8e4d6;
    --panel-line:rgba(80,64,38,.24);
    --ink:#221d15;
    --ink-dim:rgba(34,29,21,.78);
    --ink-faint:rgba(34,29,21,.66);
    --blue:#9a6b2f;
    --blue-deep:#6b4a1c;
    --blue-line:rgba(154,107,47,.42);
    --feishu:#3370FF;
    --graphite:#3a3f4a;
    --ui-line:rgba(30,35,45,.1);
    --green:#3f8a5f;
    --green-line:rgba(63,138,95,.45);
    --mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace;
    --sans:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    --ease:cubic-bezier(.32,.72,0,1);
    --radius:22px;
    /* 内容卡片：近实色奶油底 + 轻模糊，保证正文可读性 */
    --card-bg:rgba(255,252,244,.82);
    --card-bd:blur(10px) saturate(140%);
    /* header 专用玻璃（支持 url() 折射时由下方 @supports 覆盖为 Liquid Glass） */
    --glass-bg:rgba(255,252,244,.12);
    --glass-bd:blur(16px) saturate(150%) brightness(1.05);
    --glass-brd:rgba(80,64,38,.28);
    --glass-hi:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1.5px 0 rgba(60,48,28,.1);
    --shadow-sm:0 4px 14px rgba(60,45,20,.08);
    --shadow-card:0 10px 30px rgba(60,45,20,.10);
    --shadow-lift:0 14px 34px rgba(60,45,20,.14);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:var(--sans);
    line-height:1.7;
    overflow-x:hidden;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  ::selection{background:rgba(154,107,47,.3);color:var(--ink)}
  :focus-visible{outline:2px solid #3370FF;outline-offset:2px;border-radius:6px}

  /* ---------- loading overlay（按需显示：默认隐藏，仅加载超过 500ms 时由 JS 显示） ---------- */
  .overlay{
    position:fixed;inset:0;z-index:60;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
    background:radial-gradient(ellipse at 50% 42%, #f1ede1 0%, #e9e4d4 74%);
    text-align:center;padding:24px;
    transition:opacity .6s var(--ease), visibility .6s;
  }
  .overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}
  .overlay .logo{font-family:var(--mono);font-size:14px;letter-spacing:.35em;color:var(--blue-deep)}
  .overlay p{color:var(--ink-dim);font-size:14px;max-width:34em}
  .spinner{
    width:44px;height:44px;border-radius:50%;
    border:2px solid rgba(154,107,47,.22);border-top-color:var(--blue);
    animation:spin 1s linear infinite;
  }
  @keyframes spin{to{transform:rotate(360deg)}}

  /* ---------- header：悬浮玻璃胶囊条（唯一保留 SVG 折射的元素） ---------- */
  header{
    position:fixed;top:clamp(10px,1.8vh,16px);
    left:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px);
    max-width:1560px;margin:0 auto;z-index:40;
    display:flex;align-items:center;justify-content:space-between;
    padding:11px clamp(16px,2.6vw,26px);
    background:var(--glass-bg);
    -webkit-backdrop-filter:var(--glass-bd);
    backdrop-filter:var(--glass-bd);
    border:1px solid var(--glass-brd);
    border-radius:999px;
    box-shadow:var(--glass-hi),
      0 10px 28px rgba(60,48,28,.12),0 2px 6px rgba(60,48,28,.08);
  }
  .brand{font-weight:700;font-size:17.5px;letter-spacing:-0.01em;color:var(--ink);text-decoration:none}
  .brand em{color:var(--blue);font-style:normal}
  nav{display:flex;gap:clamp(8px,1.7vw,22px);align-items:center}
  nav a{
    color:var(--ink-dim);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.01em;
    transition:color .3s var(--ease);
  }
  nav a:hover,nav a:focus-visible{color:var(--blue)}
  .nav-github{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border:1px solid var(--blue-line);border-radius:999px;color:var(--blue-deep);white-space:nowrap}
  /* 移动端案例入口 */
  .m-cta{
    display:none;font-size:12.5px;font-weight:600;color:var(--blue-deep);text-decoration:none;
    border:1px solid var(--blue-line);border-radius:999px;padding:7px 14px;
    background:rgba(154,107,47,.1);white-space:nowrap;
  }
  /* WebGPU/DPR 调试 badge：默认隐藏，仅 ?debug=1 时显示 */
  #badge{
    display:none;
    font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;
    color:var(--blue-deep);border:1px solid var(--glass-brd);border-radius:999px;
    padding:5px 13px;white-space:nowrap;
    background:rgba(255,252,244,.5);
    box-shadow:0 1px 3px rgba(60,48,28,.12);
  }
  body.debug #badge{display:inline-block}
  @media (max-width:760px){
    nav .nav-link{display:none}
    .m-cta{display:inline-flex}
  }

  main{position:relative;z-index:5}
  section{padding:clamp(64px,8vh,96px) clamp(20px,4vw,72px);max-width:1560px;margin:0 auto;position:relative}

  /* 第二屏起：中性暖白底（浅纹理隐约透出），金黄光晕与大圆纹理只留首屏 */
  main section:not(#hero){
    background:rgba(252,250,246,.96);
    box-shadow:0 0 0 100vw rgba(252,250,246,.96);
    clip-path:inset(0 -100vw);
  }
  /* 首屏底部渐隐到暖白，与下一屏底色自然衔接 */
  #hero::after{
    content:"";position:absolute;bottom:0;left:50%;width:100vw;height:150px;
    transform:translateX(-50%);pointer-events:none;
    background:linear-gradient(to bottom, rgba(252,250,246,0), rgba(252,250,246,.96));
  }

  .kicker{
    font-family:var(--mono);font-size:12px;letter-spacing:.32em;color:var(--blue-deep);
    text-transform:uppercase;margin-bottom:12px;
  }
  .sec-no{color:rgba(34,29,21,.4);margin-right:12px}
  h1{font-size:clamp(30px,5.2vw,54px);line-height:1.18;font-weight:700;letter-spacing:-0.028em}
  h2{font-size:clamp(26px,4vw,42px);line-height:1.22;font-weight:700;margin-bottom:10px;letter-spacing:-0.022em}
  h2 .en{display:block;font-family:var(--mono);font-size:12.5px;font-weight:400;letter-spacing:.3em;color:var(--ink-faint);margin-top:6px;text-transform:uppercase}
  .lead{color:var(--ink-dim);font-size:clamp(15px,1.6vw,18px);max-width:44em}

  /* ---------- reveal ---------- */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}
  }

  /* ---------- hero: readable, full-width Feishu reply ---------- */
  #hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:116px;padding-bottom:80px}
  #hero::after{z-index:-1}
  #hero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.24}
  #hero h1 .hl{color:var(--blue)}
  .hero-sub{margin-top:22px;font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.6;letter-spacing:-.014em;color:var(--ink)}
  #hero .lead{margin-top:16px;font-size:16px;line-height:1.9}
  .hero-main{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(28px,3.5vw,60px);align-items:center}
  .hero-copy{min-width:0}
  .open-source-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;color:var(--ink-faint)}
  .open-source-note span{padding:2px 8px;border:1px solid var(--blue-line);border-radius:5px;color:var(--blue-deep)}
  .hero-proof{margin-top:25px;padding-top:18px;border-top:1px solid var(--ui-line);font-size:13px;color:var(--ink-faint)}
  .hero-proof b{display:block;margin-bottom:4px;color:var(--ink);font-weight:600;font-size:14px}

  /* Client shell surrounds one amux CardKit reply. No fixed-height message viewport. */
  .thread-card{width:100%;min-width:0;background:#f7f8fa;border:1px solid #dfe2e7;border-radius:14px;box-shadow:0 18px 58px rgba(40,45,60,.11),0 2px 8px rgba(40,45,60,.04);color:#1f2329;font-size:15px;line-height:1.65;overflow:hidden}
  .tc-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 24px;background:#fff;border-bottom:1px solid #e4e7eb}
  .tc-heading{display:flex;align-items:center;gap:10px;min-width:0}
  .tc-topic-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf2ff;color:#3370ff;font-size:17px;font-weight:600}
  .tc-title{font-size:15px;font-weight:600}
  .tc-channel{font-size:12px;color:#646a73;margin-left:8px;font-weight:400}
  .tc-tag{font-size:12px;color:#646a73;white-space:nowrap}
  .tc-msgs{display:grid;gap:18px;padding:22px 24px 24px}
  .tc-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;min-width:0}
  .tc-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;object-fit:cover;background:#e6edff;color:#3d63aa;font-weight:600;font-size:13px}
  .tc-avatar-alt{background:#e9e6fb;color:#7257b5}
  .tc-avatar-agent{background:#fff;border:1px solid #e4e7eb}
  .tc-sender{display:flex;align-items:center;gap:7px;margin:0 0 5px;font-size:12px;line-height:20px;color:#646a73}
  .tc-bot{font-size:10px;line-height:15px;padding:0 4px;background:#edf0f3;border-radius:3px;color:#646a73}
  .tc-bubble{display:inline-block;background:#fff;border:1px solid #e4e7eb;border-radius:0 8px 8px;padding:9px 12px;line-height:1.6}
  .tc-mention{color:#3370ff}
  .tc-continuation{padding-left:44px;color:#8f959e;font-size:12px;letter-spacing:.03em}
  .feishu-reply{background:#fff;border:1px solid #dfe2e7;border-radius:8px;padding:12px 16px 14px;min-width:0;overflow-wrap:anywhere}
  .reply-fold{font-size:13px;color:#646a73}
  .reply-fold + .reply-fold{margin-top:7px}
  .reply-fold summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;min-height:24px;width:fit-content}
  .reply-fold summary::-webkit-details-marker{display:none}
  .reply-fold summary::before{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s;flex:none;margin:0 3px 0 1px}
  .reply-fold[open] summary::before{transform:rotate(45deg)}
  .reply-fold-body{margin:9px 0 10px;padding:11px 13px;border-radius:6px;background:#f5f6f7;font-size:13px;line-height:1.75;color:#4e5969}
  .reply-fold-body p + p{margin-top:6px}
  .reply-fold-body ol{padding-left:18px}
  .reply-fold-body li + li{margin-top:5px}
  .reply-divider{height:1px;border:0;background:#e5e6eb;margin:12px 0}
  .reply-label{font-size:15px;font-weight:600;margin-bottom:9px}
  .reply-markdown{font-size:15px;line-height:1.7}
  .reply-markdown p + p{margin-top:10px}
  .reply-markdown h3{font-size:15px;font-weight:600;margin:14px 0 5px}
  .reply-markdown ul,.reply-markdown ol{padding-left:21px}
  .reply-markdown li + li{margin-top:4px}
  .reply-markdown code{font-family:var(--mono);font-size:.86em;padding:2px 5px;border:1px solid #e9ebee;border-radius:4px;background:#f5f6f7;overflow-wrap:anywhere}
  .reply-scope{color:#646a73;font-size:13px;margin-top:12px}
  .reply-footer{font-size:12px;color:#8f959e}
  .reply-footer a{color:#3370ff;text-decoration:none}
  .tc-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 24px;background:#fff;border-top:1px solid #e4e7eb;font-size:12px;color:#646a73}
  .tc-caption a{color:#3370ff;text-decoration:none;font-weight:500}
  .tc-caption a:hover{text-decoration:underline}
  @media (max-width:1080px){
    #hero{padding-top:112px;padding-bottom:64px;min-height:auto}
    .hero-main{grid-template-columns:minmax(0,1fr);gap:36px}
    .hero-copy{max-width:700px}
    #hero h1{font-size:clamp(36px,5vw,50px)}
    .hero-proof{margin-top:20px}
    .thread-card{max-width:900px;justify-self:center}
  }
  @media (max-width:600px){
    .tc-head{padding:14px}
    .tc-channel{display:none}
    .tc-msgs{padding:18px 12px;gap:16px}
    .tc-message{grid-template-columns:28px minmax(0,1fr);gap:8px}
    .tc-avatar{width:28px;height:28px;font-size:12px;border-radius:7px}
    .tc-continuation{padding-left:36px}
    .tc-bubble{font-size:14px;padding:8px 10px}
    .feishu-reply{padding:11px 12px 13px;margin-left:-36px;margin-top:10px}
    .reply-markdown{font-size:14px;line-height:1.8}
    .tc-caption{padding:12px 14px}
    .hero-proof{font-size:12px}
  }
  .hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-height:48px;padding:12px 28px;border-radius:999px;
    font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:-0.01em;
    cursor:pointer;text-decoration:none;border:1px solid transparent;
    transition:transform .35s var(--ease), box-shadow .35s var(--ease),
      background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);
  }
  .btn-primary{
    background:linear-gradient(180deg, #b27c32, #855c20);color:#f7f1e2;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),
      0 1px 2px rgba(60,40,10,.35),0 10px 26px rgba(154,107,47,.32);
  }
  .btn-primary:hover,.btn-primary:focus-visible{
    background:linear-gradient(180deg, #c49148, #9a6c2e);transform:translateY(-1.5px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),
      0 2px 4px rgba(60,40,10,.35),0 16px 34px rgba(154,107,47,.4);
  }
  .btn-ghost{
    background:var(--card-bg);color:var(--ink);
    border:1px solid var(--glass-brd);
    box-shadow:0 2px 8px rgba(60,45,20,.1);
  }
  .btn-ghost:hover,.btn-ghost:focus-visible{
    border-color:var(--blue-line);color:var(--blue);transform:translateY(-1.5px);
    box-shadow:0 8px 22px rgba(60,45,20,.14);
  }

  /* ---------- 内容卡基座：近实色奶油底 + 轻模糊，无折射 ---------- */
  .pipe,.q-step,.agent,.value,.how-step,.tab-panel,.faq details{
    background:var(--card-bg);
    -webkit-backdrop-filter:var(--card-bd);
    backdrop-filter:var(--card-bd);
    border:1px solid var(--glass-brd);
    border-radius:var(--radius);
    box-shadow:var(--shadow-card);
  }

  /* ---------- VALUES 三个核心价值 ---------- */
  .value-grid{display:grid;gap:20px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
  .value{
    padding:20px 22px;
    transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
  }
  .value:hover,.value:focus-within{
    transform:translateY(-5px);border-color:rgba(80,64,38,.42);box-shadow:var(--shadow-lift);
  }
  .value h3{font-size:17px;margin-bottom:8px;letter-spacing:-0.01em}
  .value p{font-size:14px;color:var(--ink-dim)}

  /* ---------- HOW 工作原理：5 步流程 ---------- */
  .how-flow{
    display:grid;gap:14px;margin-top:28px;
    grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;
  }
  .how-step{padding:14px;position:relative}
  .how-step .h-no{
    display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:50%;flex:none;
    font-family:var(--mono);font-size:12.5px;font-weight:700;color:#f7f1e2;
    background:linear-gradient(180deg,#b27c32,#855c20);margin-bottom:10px;
  }
  .how-step h3{font-size:14.5px;margin-bottom:6px;letter-spacing:-0.01em}
  .how-step p{font-size:13px;color:var(--ink-dim);line-height:1.6}
  .how-step::after{
    content:"→";position:absolute;top:20px;right:-13px;z-index:2;
    font-size:15px;color:var(--ink-faint);
  }
  .how-step:last-child::after{display:none}
  @media (max-width:900px){
    .how-flow{grid-template-columns:minmax(0,1fr);gap:12px}
    .how-step::after{content:"↓";top:auto;bottom:-13px;right:auto;left:28px}
  }

  /* ---------- SCENARIOS 场景标签页 ---------- */
  .tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
  .tab{
    font-family:var(--sans);font-weight:500;font-size:14px;color:var(--ink-dim);
    border:1px solid var(--glass-brd);background:var(--card-bg);
    -webkit-backdrop-filter:var(--card-bd);backdrop-filter:var(--card-bd);
    box-shadow:0 1px 3px rgba(60,45,20,.1);
    border-radius:999px;padding:10px 20px;min-height:44px;cursor:pointer;
    transition:all .35s var(--ease);
  }
  .tab:hover{color:var(--blue);border-color:var(--blue-line);transform:translateY(-1px)}
  .tab.active{
    color:#f7f1e2;border-color:transparent;font-weight:600;
    background:linear-gradient(180deg,#b27c32,#855c20);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 18px rgba(154,107,47,.3);
  }
  .tab-panels{margin-top:12px}
  .tab-panel{display:none;padding:6px 20px 10px}
  .tab-panel.active{display:block}
  .scen-item{padding:10px 0;border-bottom:1px solid rgba(80,64,38,.12);font-size:14px;color:var(--ink-dim)}
  .scen-item:last-child{border-bottom:none}
  .scen-item b{font-size:14.5px;color:var(--ink);letter-spacing:-0.01em;margin-right:6px}

  /* ---------- DEPLOY 迷你 FAQ ---------- */
  .faq{display:grid;gap:12px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
  .faq details{padding:12px 18px}
  .faq summary{cursor:pointer;font-weight:600;font-size:14.5px;letter-spacing:-0.01em}
  .faq details p{margin-top:8px;font-size:14px;color:var(--ink-dim)}

  /* ---------- Evidence-based case studies ---------- */
  #flow{scroll-margin-top:86px}
  .case-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
  .case-intro .lead{max-width:44em}
  .case-origin{flex:none;font-size:12px;color:var(--ink-faint);border:1px solid var(--ui-line);border-radius:999px;padding:7px 12px;white-space:nowrap}
  .case-coverage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;padding:22px 0;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line)}
  .coverage-item{min-width:0}
  .coverage-item h3{font-size:15px;font-weight:600;color:var(--graphite);margin-bottom:5px}
  .coverage-item p{font-size:12.5px;line-height:1.8;color:var(--ink-dim)}
  .coverage-item span{display:block;font-size:11px;line-height:1.8;color:var(--ink-faint);margin-top:8px;overflow-wrap:anywhere}
  .case-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}
  .case-tab{display:flex;align-items:center;gap:10px;min-height:46px;padding:11px 19px;background:transparent;border:1px solid var(--ui-line);border-radius:12px;font:500 14px var(--sans);color:var(--ink-dim);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
  .case-tab span{font:11px var(--mono);opacity:.65}
  .case-tab:hover{border-color:var(--blue-line);color:var(--blue-deep)}
  .case-tab[aria-selected="true"]{background:var(--graphite);border-color:var(--graphite);color:#fff;box-shadow:0 4px 12px rgba(30,35,45,.1)}
  .case-study{border:1px solid var(--ui-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(30,35,45,.05)}
  .case-heading{padding:25px 28px 23px;border-bottom:1px solid var(--ui-line)}
  .case-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink-faint);margin-bottom:9px}
  .case-eyebrow span:first-child{font-family:var(--mono);letter-spacing:.12em;color:var(--blue-deep)}
  .case-source{border-left:1px solid var(--ui-line);padding-left:10px}
  .case-heading h3{font-size:clamp(21px,2.3vw,28px);line-height:1.4;letter-spacing:-.02em}
  .case-description{font-size:14px;color:var(--ink-dim);margin-top:7px}
  .case-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .case-work{padding:25px 28px;min-width:0}
  .case-caption{font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:9px}
  .case-request{padding:14px 17px;border-left:3px solid var(--feishu);border-radius:0 12px 12px 0;background:#f3f6fd;font-size:14px;line-height:1.8;color:var(--graphite)}
  .case-playback{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px}
  .case-play{min-height:42px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;padding:8px 13px;color:var(--graphite);font:600 12.5px var(--sans);cursor:pointer;white-space:nowrap}
  .case-play:hover{border-color:var(--feishu);color:var(--feishu)}
  .case-playback p{font-size:11.5px;color:var(--ink-faint)}
  .case-steps{list-style:none;display:grid;gap:0}
  .case-step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:0 0 20px}
  .case-step:last-child{padding-bottom:0}
  .case-step:not(:last-child)::after{content:"";position:absolute;width:1px;left:13px;top:30px;bottom:4px;background:var(--ui-line)}
  .case-step-no{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f3f4;border:1px solid #e3e5e8;color:#6b7280;font:12px var(--mono);transition:background .2s,color .2s}
  .case-step h4{font-size:14px;line-height:28px;font-weight:600;color:var(--graphite)}
  .case-step p{font-size:13px;color:var(--ink-dim);line-height:1.7;margin:3px 0 5px}
  .case-step-tool{font:11.5px var(--mono);color:#667085;overflow-wrap:anywhere}
  .case-step.is-active .case-step-no{background:var(--feishu);border-color:var(--feishu);color:#fff;box-shadow:0 0 0 4px #edf2ff}
  .case-step.is-active h4{color:var(--feishu)}
  .case-step.is-done .case-step-no{background:#eaf4ed;border-color:#c8e1cf;color:#37744b}
  .case-result{border-left:1px solid var(--ui-line);padding:25px 28px;background:#fafbf9;min-width:0}
  .case-output{border:1px solid #dbe6db;border-radius:16px;background:#fff;overflow:hidden}
  .case-output-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 17px;border-bottom:1px solid #e7eee5;background:#f2f7ef;font-size:12px;color:#3d6545}
  .case-output-head span:last-child{font:10.5px var(--mono);letter-spacing:.08em}
  .case-output-body{padding:18px}
  .case-output-body h4{font-size:17px;line-height:1.5;margin-bottom:13px;letter-spacing:-.01em}
  .case-output dl{display:grid;gap:12px}
  .case-output dl div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;font-size:13px;line-height:1.8}
  .case-output dt{font-weight:600;color:#45634b}
  .case-output dd{color:var(--ink-dim);margin:0}
  .case-artifacts{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
  .case-artifacts span{font-size:11.5px;border:1px solid var(--ui-line);border-radius:6px;padding:4px 8px;color:var(--graphite);background:#fafbfa}
  .case-status{margin-top:17px;font-size:12px;color:#3d764d;font-weight:600}
  .case-boundary{margin-top:6px;color:var(--ink-faint);font-size:12px;line-height:1.8}
  .case-stack{display:grid;gap:13px;margin-top:22px}
  .case-stack-row{display:grid;grid-template-columns:65px minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.8}
  .case-stack-row dt{color:var(--ink-faint)}
  .case-stack-row dd{display:flex;gap:6px;flex-wrap:wrap;margin:0;color:var(--graphite)}
  .case-stack-row code{padding:2px 7px;background:#eef0ef;border-radius:5px;font:11.5px/1.8 var(--mono)}
  .case-amux{border-top:1px solid var(--ui-line);margin-top:17px;padding-top:15px;font-size:12.5px;line-height:1.8;color:var(--ink-dim)}
  .case-amux b{display:block;color:var(--graphite);margin-bottom:4px;font-size:12px}
  .case-footnote{font-size:12px;color:var(--ink-faint);line-height:1.9;margin-top:15px}
  .case-method{margin-top:9px;font-size:12px;color:var(--ink-faint);max-width:80em}
  .case-method summary{cursor:pointer;width:fit-content;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
  .case-method p{margin-top:8px;line-height:1.9}
  @media (max-width:900px){
    .case-coverage{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
    .case-intro{display:block}.case-origin{display:inline-block;margin-top:14px}
    .case-columns{grid-template-columns:minmax(0,1fr)}
    .case-result{border-left:0;border-top:1px solid var(--ui-line)}
    .case-heading,.case-work,.case-result{padding:21px}
  }
  @media (max-width:480px){
    .case-coverage{gap:20px 14px;padding:20px 0}.coverage-item p{font-size:12px}
    .case-tabs{gap:7px}.case-tab{padding:10px 12px;font-size:12.5px;gap:7px;flex:1 0 calc(33.333% - 7px);justify-content:center}
    .case-heading,.case-work,.case-result{padding:18px}
    .case-playback{align-items:flex-start}.case-playback p{max-width:12em}
    .case-output-body{padding:15px}.case-stack-row{grid-template-columns:58px minmax(0,1fr)}
  }
  @media (prefers-reduced-motion:reduce){.case-step-no,.case-tab{transition:none}}

  /* ---------- 部署卡网格 ---------- */
  .deploy-grid{
    display:grid;gap:20px;margin-top:28px;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    align-items:start;
  }
  .pipe{padding:18px 20px}
  .pipe h3{font-size:16px;margin-bottom:6px;letter-spacing:-0.01em}
  .pipe p{font-size:14px;color:var(--ink-dim)}
  .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  .tag{
    font-family:var(--mono);font-size:11.5px;color:var(--blue-deep);
    border:1px solid rgba(154,107,47,.3);
    background:rgba(154,107,47,.08);
    border-radius:999px;padding:4px 12px;letter-spacing:.04em;
  }
  .arch-details{margin-top:16px}
  .arch-details summary{
    cursor:pointer;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;
    color:var(--blue-deep);font-weight:600;
  }
  .arch-list{margin-top:12px;display:grid;gap:10px}
  .arch-item{border-left:2px solid rgba(154,107,47,.35);padding:2px 0 2px 12px}
  .arch-item b{display:block;font-family:var(--mono);font-size:12.5px;color:var(--ink);letter-spacing:.03em}
  .arch-item span{font-size:12.5px;color:var(--ink-dim)}

  /* ---------- CTA / footer ---------- */
  #cta .govern{
    font-size:clamp(18px,2.6vw,26px);font-weight:700;line-height:1.6;max-width:26em;letter-spacing:-0.02em;
  }
  #cta .govern .hl{color:var(--blue)}
  #cta .lead{margin-top:14px;max-width:48em;font-size:16px}
  .quick{display:grid;gap:18px;margin:22px 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .q-step{padding:18px 20px}
  .q-step .q-no{font-family:var(--mono);color:var(--blue);font-size:22px;font-weight:700}
  .q-step h3{font-size:15px;margin:8px 0 6px;font-family:var(--mono);letter-spacing:.03em}
  .q-step p{font-size:14px;color:var(--ink-dim)}
  footer{
    position:relative;z-index:5;border-top:1px solid rgba(80,64,38,.16);
    padding:26px clamp(18px,5vw,64px);display:flex;flex-wrap:wrap;gap:14px;
    align-items:center;justify-content:space-between;
    font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:.06em;
    background:rgba(244,238,226,.88);
    -webkit-backdrop-filter:var(--card-bd);
    backdrop-filter:var(--card-bd);
  }
  footer a{color:var(--blue-deep);text-decoration:none}
  footer a:hover,footer a:focus-visible{text-decoration:underline}

  /* ---------- compare（vs Claude Tag） ---------- */
  .compare-card{
    margin-top:18px;border:1px solid var(--glass-brd);border-radius:26px;
    background:var(--card-bg);
    -webkit-backdrop-filter:var(--card-bd);
    backdrop-filter:var(--card-bd);
    box-shadow:var(--shadow-card);
    padding:clamp(12px,2vw,22px);position:relative;overflow-x:auto;
  }
  .cmp-table{width:100%;min-width:600px;border-collapse:collapse}
  .cmp-table th,.cmp-table td{padding:9px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(80,64,38,.16)}
  .cmp-table thead th{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;color:var(--blue-deep);text-transform:uppercase;white-space:nowrap}
  .cmp-table tbody th{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
  .cmp-table td{font-size:14px;color:var(--ink-dim)}
  .cmp-table td.cmp-us{color:var(--ink);font-weight:500}
  .cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:none}
  .cmp-note{margin-top:16px;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.05em}
  .sources{margin-top:10px;font-size:12.5px;color:var(--ink-faint);max-width:72em}
  .sources ul{list-style:none;margin-top:6px;display:grid;gap:4px}
  .sources a{color:var(--blue-deep);text-decoration:none;border-bottom:1px dotted rgba(154,107,47,.5)}
  .sources a:hover,.sources a:focus-visible{text-decoration:underline}
  .sources-note{margin-top:6px}

  /* ---------- Liquid Glass 真实折射：仅 header 导航保留 ---------- */
  @supports (backdrop-filter: url(#lg-x)) or (-webkit-backdrop-filter: url(#lg-x)){
    :root{
      --glass-bd:url(#lg-refract) blur(12px) saturate(150%) brightness(1.05);
    }
  }

  @media (max-width:760px){
    /* 移动端性能：header 回退纯 blur */
    :root{ --glass-bd:blur(14px) saturate(150%) brightness(1.05); }
    section{padding:52px 18px}
    .hero-actions .btn{width:100%}
    .dispatch{width:100%}
  }

  /* ---------- backdrop-filter 降级：近实色暖纸色高不透明度底 ---------- */
  @supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){
    :root{
      --card-bg:rgba(244,238,226,.95);
      --glass-bg:rgba(244,238,226,.94);
    }
    header{background:rgba(244,238,226,.94)}
    .summary{background:rgba(233,240,230,.96)}
    footer{background:rgba(244,238,226,.94)}
  }

/* Keep per-domain ICP registration visible without affecting the product footer. */
  .site-registration{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;padding-top:14px;border-top:1px solid var(--ui-line);font-family:var(--sans);font-size:12px;letter-spacing:0;color:var(--ink-faint)}
  #site-icp{font-size:12px;line-height:1.8;color:var(--ink-faint)}
  #site-icp:hover{color:var(--blue-deep);text-decoration:underline}