:root {
        color-scheme: light;
        --bg: #f5f5f7;
        --bg-soft: #ffffff;
        --card: rgba(255, 255, 255, 0.72);
        --card-strong: rgba(255, 255, 255, 0.90);
        --line: rgba(15, 23, 42, 0.10);
        --line-soft: rgba(15, 23, 42, 0.07);
        --text: rgba(12, 18, 24, 0.94);
        --muted: rgba(15, 35, 45, 0.60);
        --faint: rgba(15, 35, 45, 0.40);
        --brand: #0a0e12;
        --blue: #0d9488;
        --violet: #0ea5a4;
        --green: #059669;
        --amber: #d97706;
        /* 二开：青绿(teal)主导的基础设施强调色，替代旧的蓝紫廉价发光 */
        --accent: #4f8cff;
        --accent-2: #60a5fa;
        --accent-ink: #2563eb;
        --accent-soft: rgba(20, 184, 166, 0.12);
        --glow-1: rgba(20, 184, 166, 0.10);
        --glow-2: rgba(13, 148, 136, 0.08);
        --shadow: 0 24px 70px rgba(15, 40, 50, 0.10);
      }
      html.dark {
        color-scheme: dark;
        --bg: #05070d;
        --bg-soft: #090d18;
        --card: rgba(14, 21, 34, 0.66);
        --card-strong: rgba(16, 24, 39, 0.88);
        --line: rgba(148, 163, 184, 0.15);
        --line-soft: rgba(148, 163, 184, 0.09);
        --text: rgba(248, 250, 252, 0.96);
        --muted: rgba(203, 213, 225, 0.72);
        --faint: rgba(148, 163, 184, 0.58);
        --brand: #f8fafc;
        --blue: #60a5fa;
        --violet: #38bdf8;
        --green: #34d399;
        --amber: #fbbf24;
        --accent: #4f8cff;
        --accent-2: #38bdf8;
        --accent-ink: #bfdbfe;
        --accent-soft: rgba(79, 140, 255, 0.13);
        --glow-1: rgba(56, 189, 248, 0.16);
        --glow-2: rgba(79, 140, 255, 0.12);
        --shadow: 0 30px 100px rgba(0, 0, 0, 0.52);
      }
      html.dark body {
        background:
          linear-gradient(180deg, rgba(56,189,248,.11) 0%, rgba(56,189,248,0) 23rem),
          linear-gradient(180deg, #08111f 0%, #05070d 46%, #03050a 100%);
      }
      html.dark body::before {
        background:
          linear-gradient(rgba(148,163,184,.030) 1px, transparent 1px),
          linear-gradient(90deg, rgba(148,163,184,.026) 1px, transparent 1px);
        background-size: 96px 96px, 96px 96px;
        mask-image: linear-gradient(to bottom, rgba(0,0,0,.70) 0%, rgba(0,0,0,.40) 36%, rgba(0,0,0,0) 72%);
      }
      html.dark body::after {
        background:
          radial-gradient(54rem 18rem at 50% -6%, rgba(96,165,250,.24), transparent 72%),
          linear-gradient(180deg, rgba(3,5,10,0) 0%, rgba(3,5,10,.18) 52%, #03050a 100%);
      }
      html.dark .liquid-bg { background: linear-gradient(180deg, #08111f 0%, #05070d 48%, #03050a 100%); }
      html.dark .liquid-bg::before {
        background:
          radial-gradient(54rem 20rem at 50% -4%, rgba(56,189,248,.24), transparent 72%),
          radial-gradient(38rem 22rem at 18% 18%, rgba(79,140,255,.13), transparent 70%),
          radial-gradient(42rem 24rem at 86% 14%, rgba(34,211,238,.10), transparent 72%);
        filter: blur(8px);
        opacity: .78;
      }
      html.dark .liquid-bg::after {
        background: linear-gradient(180deg, rgba(3,5,10,0) 0%, transparent 34%, rgba(3,5,10,.42) 72%, #03050a 100%);
      }
      html.dark .mesh { opacity:.36; }
      html.dark .nav {
        border-color: rgba(148,163,184,.20);
        background: rgba(7, 10, 22, .72);
        box-shadow: 0 22px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08);
      }
      html.dark .links {
        background: rgba(15,23,42,.72);
        border-color: rgba(148,163,184,.16);
      }
      html.dark .links a { color: rgba(203,213,225,.78); }
      html.dark .links a:hover,
      html.dark .links a.active {
        color:#f0fdfa;
        background: linear-gradient(135deg, rgba(56,189,248,.90), rgba(37,99,235,.86));
        box-shadow: 0 10px 28px rgba(56,189,248,.20);
      }
      html.dark .icon-btn,
      html.dark .btn {
        color: rgba(226,240,238,.90);
        border-color: rgba(148,184,180,.18);
        background: rgba(13,24,28,.68);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 34px rgba(0,0,0,.18);
      }
      html.dark .icon-btn:hover,
      html.dark .btn:hover {
        color:#fff;
        background: rgba(20,38,42,.86);
        border-color: rgba(79,140,255,.36);
      }
      html.dark .btn.primary {
        color:#04201c;
        background: linear-gradient(135deg, #60a5fa 0%, #4f8cff 100%);
        border-color: rgba(153,246,228,.34);
        box-shadow: 0 18px 48px rgba(56,189,248,.28), inset 0 1px 0 rgba(255,255,255,.24);
      }
      html.dark .lang-modal-panel {
        background: rgba(11,16,26,.98);
        border-color: rgba(148,184,180,.16);
      }
      html.dark .lang-option:hover { background:rgba(56,189,248,.10); }
      html.dark .lang-option.active { background:rgba(56,189,248,.18); }
      html.dark .eyebrow,
      html.dark .compat,
      html.dark .terminal,
      html.dark .status-card,
      html.dark .card,
      html.dark .price-card,
      html.dark .step,
      html.dark .metric,
      html.dark .price-preview,
      html.dark .price-board,
      html.dark .feedback-section,
      html.dark .feedback-card,
      html.dark .cta-band {
        border-color: rgba(148,163,184,.16);
        background: linear-gradient(180deg, rgba(15,23,42,.78), rgba(8,13,28,.66));
        box-shadow: 0 28px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.075);
      }
      html.dark .price-preview,
      html.dark .feedback-section,
      html.dark .cta-band {
        background:
          radial-gradient(circle at 18% 0%, rgba(56,189,248,.14), transparent 36%),
          radial-gradient(circle at 88% 10%, rgba(37,99,235,.12), transparent 38%),
          linear-gradient(135deg, rgba(9,18,20,.90), rgba(13,24,28,.76), rgba(8,32,30,.56));
      }
      html.dark .eyebrow {
        color: rgba(240,253,250,.96);
        background: linear-gradient(135deg, rgba(56,189,248,.24), rgba(37,99,235,.16));
        border-color: rgba(153,246,228,.32);
        box-shadow: 0 14px 42px rgba(56,189,248,.16), inset 0 1px 0 rgba(255,255,255,.10);
      }
      html.dark .compat {
        max-width:min(680px, 100%);
        color: rgba(209,250,245,.88);
        background: rgba(13,24,28,.62);
        border-color: rgba(153,246,228,.20);
        box-shadow: 0 14px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07);
      }
      html.dark .terminal-head,
      html.dark .status-line,
      html.dark .price-board-head,
      html.dark .price-table tr {
        background: rgba(2,6,23,.38);
        border-color: rgba(148,163,184,.13);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
      }
      html.dark .icon,
      html.dark .feedback-avatar {
        background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(79,140,255,.16));
        color:#bfdbfe;
        border-color: rgba(153,246,228,.22);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 34px rgba(56,189,248,.12);
      }
      /* 二开：暗色控制台 mock */
      html.dark .szai-console { border-color: rgba(148,184,180,.16); background: linear-gradient(180deg, rgba(13,28,30,.86), rgba(10,20,22,.74)); box-shadow: 0 40px 120px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05); }
      html.dark .szai-cm { background: rgba(10,22,24,.6); border-color: rgba(148,184,180,.12); }
      html.dark .szai-console-log { background: rgba(6,14,15,.6); border-color: rgba(148,184,180,.12); }
      html.dark .szai-log-head { border-color: rgba(148,184,180,.10); }
      html.dark .szai-mtag { background: rgba(148,184,180,.08); border-color: rgba(148,184,180,.14); }
      html.dark .szai-code { color:#4ade80; background:rgba(34,197,94,.16); }
      html.dark h1,
      html.dark h2,
      html.dark .card h3,
      html.dark .price-card h3,
      html.dark .step h3,
      html.dark .price-title,
      html.dark .price-board-head h3,
      html.dark .price-preview-head h2,
      html.dark .feedback-head h2,
      html.dark .price-model strong,
      html.dark .price-table td,
      html.dark .feedback-user strong {
        color:#f8fafc;
      }
      html.dark .price-table tbody tr:hover { background: rgba(79,140,255,.08); }
      html.dark .price-table tbody td:nth-child(4), html.dark .price-table tbody td:nth-child(5) { color:#38bdf8; }
      html.dark .price-table thead th:nth-child(4), html.dark .price-table thead th:nth-child(5) { color:#38bdf8; }
      html.dark .price-table tbody td:nth-child(4) { background: linear-gradient(90deg, rgba(79,140,255,.09), rgba(79,140,255,.06)); }
      html.dark .price-table tbody td:nth-child(5) { background: linear-gradient(90deg, rgba(79,140,255,.06), rgba(79,140,255,.09)); }
      html.dark .lead,
      html.dark .hero-desc,
      html.dark .section-copy,
      html.dark .card p,
      html.dark .price-card p,
      html.dark .step p,
      html.dark .price-preview-head p,
      html.dark .feedback-head p,
      html.dark .feedback-card p,
      html.dark .metric span,
      html.dark .feedback-user-text span,
      html.dark .price-model span,
      html.dark .price-foot {
        color: rgba(203,213,225,.74);
      }
      html.dark .section-kicker,
      html.dark .price-board-head a,
      html.dark .metric strong { color:#38bdf8; }
      html.dark .tag,
      html.dark .pill {
        color:#bfdbfe;
        background:rgba(56,189,248,.16);
        border-color:rgba(153,246,228,.22);
      }
      html.dark pre,
      html.dark code { color:rgba(226,240,238,.86); }
      html.dark code .c { color:rgba(148,184,178,.80); }
      html.dark code .k { color:#38bdf8; }
      html.dark code .s { color:#86efac; }
      html.dark footer a,
      html.dark .footer-inner a { color:rgba(203,222,218,.78); }
      html.dark .card:hover,
      html.dark .step:hover,
      html.dark .price-card:hover,
      html.dark .metric:hover {
        border-color: rgba(79,140,255,.34);
        box-shadow: 0 34px 100px rgba(56,189,248,.16), 0 18px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.09);
      }
      html.dark .theme-icon-sun { display:block; }
      html.dark .theme-icon-moon { display:none; }
      .theme-icon-sun { display:none; }
      .theme-icon-moon { display:block; }
      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      body {
        margin: 0;
        min-height: 100vh;
        color: var(--text);
        background: #f5f5f7;
        font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: geometricPrecision;
      }
      body::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 1;
        background:
          radial-gradient(ellipse 60% 55% at 50% 50%, rgba(245,245,247,.86) 0%, rgba(245,245,247,.62) 35%, rgba(245,245,247,.22) 70%, transparent 100%),
          linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),
          linear-gradient(90deg, rgba(15,23,42,.032) 1px, transparent 1px);
        background-size: auto, 88px 88px, 88px 88px;
        mask-image: linear-gradient(to bottom, rgba(0,0,0,.96) 0%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.18) 100%);
        pointer-events: none;
      }
      body::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, transparent 24%, transparent 60%, #f5f5f7 100%);
        pointer-events: none;
      }
      .liquid-bg {
        position: fixed;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
        background: linear-gradient(180deg, #f5f5f7 0%, #eef6ff 46%, #f5f5f7 100%);
      }
      .liquid-bg::before {
        content: "";
        position: absolute;
        inset: -24%;
        background:
          radial-gradient(ellipse 46% 34% at 14% 18%, rgba(5, 134, 255, .34), transparent 62%),
          radial-gradient(ellipse 42% 30% at 86% 16%, rgba(109, 93, 252, .20), transparent 64%),
          radial-gradient(ellipse 54% 36% at 50% 104%, rgba(5, 134, 255, .22), transparent 68%),
          radial-gradient(ellipse 28% 18% at 52% 22%, rgba(255,255,255,.72), transparent 62%),
          linear-gradient(135deg, rgba(255,255,255,.72) 0%, transparent 24%, transparent 76%, rgba(56,189,248,.10) 100%);
        filter: blur(64px) saturate(1.12);
        opacity: .92;
        transform: scale(1.03);
        will-change: transform;
        animation: liquidDrift 20s cubic-bezier(.45,0,.2,1) infinite alternate;
      }
      .liquid-bg::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(ellipse 46% 36% at 50% 38%, rgba(255,255,255,.82), transparent 58%),
          radial-gradient(circle at 22% 74%, rgba(56,189,248,.14), transparent 28%),
          radial-gradient(circle at 78% 70%, rgba(37,99,235,.12), transparent 30%);
        mix-blend-mode: multiply;
        opacity: .30;
      }
      @keyframes liquidDrift {
        0% { transform: scale(1.02) translate3d(-1.6%, -1.2%, 0); }
        50% { transform: scale(1.07) translate3d(1.4%, .8%, 0); }
        100% { transform: scale(1.04) translate3d(.8%, -1.4%, 0); }
      }
      main, footer { position: relative; z-index: 10; }
      a { color: inherit; text-decoration: none; }
      .shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
      .header {
        position: sticky;
        top: 0;
        z-index: 50;
        padding: 18px 0 10px;
        backdrop-filter: blur(18px);
      }
      .nav {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        overflow:visible;
        align-items: center;
        gap: 18px;
        min-height: 62px;
        padding: 10px 12px 10px 18px;
        border: 1px solid rgba(15,23,42,.08);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 18px 60px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.88);
        backdrop-filter: blur(18px);
      }
      .brand { display: flex; align-items: center; gap: 10px; min-width:0; font-weight: 800; letter-spacing: .04em; }
      .brand img { width: 34px; height: 34px; border-radius: 10px; box-shadow: 0 0 28px rgba(94,234,212,.22); }
      .brand span { font-size: 18px; white-space:nowrap; }
      .links { justify-self:center; display: flex; align-items: center; justify-content:center; gap: 4px; max-width:100%; min-width:0; padding: 5px; border: 1px solid rgba(15,23,42,.08); border-radius: 999px; background: rgba(15,23,42,.035); white-space:nowrap; overflow:hidden; }
      .links a { min-width:0; padding: 9px clamp(7px, .85vw, 12px); border-radius: 999px; color: var(--muted); font-size: clamp(12px, 1.05vw, 14px); transition: .2s ease; overflow:hidden; text-overflow:ellipsis; }
      .links a:hover, .links a.active { color: #fff; background: #0c0c0c; }
      .actions { justify-self:end; display: flex; align-items: center; gap: 8px; min-width:0; }
      .quick-actions { display:flex; align-items:center; gap:8px; }
      /* 二开：主题三选项下拉(浅色/深色/跟随系统)，对标后台 */
      .theme-widget { position:relative; }
      .theme-menu { position:absolute; top:calc(100% + 10px); right:0; z-index:60; display:none; flex-direction:column; min-width:150px; padding:6px; border:1px solid var(--line); border-radius:14px; background:var(--bg-soft); box-shadow:0 24px 70px rgba(8,12,22,.22); }
      .theme-widget.open .theme-menu { display:flex; }
      .theme-option { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border:0; border-radius:10px; background:transparent; color:var(--muted); font-size:14px; font-weight:600; cursor:pointer; text-align:left; transition:.15s ease; }
      .theme-option:hover { background:var(--accent-soft); color:var(--text); }
      .theme-option.active { color:var(--accent-ink); font-weight:800; }
      .theme-option .to-check { width:16px; height:16px; flex:0 0 auto; }
      .theme-option.active .to-check { background:var(--accent); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat; }
      html.dark .theme-menu { background:rgba(11,16,26,.98); border-color:rgba(148,184,180,.16); }
      .icon-btn { position:relative; width:42px; height:42px; padding:0; border:1px solid rgba(15,23,42,.10); border-radius:999px; background:rgba(255,255,255,.72); color:var(--muted); display:inline-grid; place-items:center; cursor:pointer; transition:.2s ease; box-shadow:inset 0 1px 0 rgba(255,255,255,.75); }
      .icon-btn:hover { color:var(--brand); border-color:rgba(56,189,248,.22); background:rgba(255,255,255,.92); transform:translateY(-1px); }
      .icon-btn svg { width:18px; height:18px; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; fill:none; }
      html.dark .icon-btn { background:rgba(15,23,42,.66); border-color:var(--line); color:var(--muted); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
      html.dark .icon-btn:hover { color:#f8fafc; background:rgba(30,41,59,.88); }
      html.dark .btn { color:rgba(248,250,252,.92); background:rgba(15,23,42,.68); border-color:var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.18); }
      html.dark .btn:hover { background:rgba(20,38,42,.86); border-color:rgba(79,140,255,.30); }
      html.dark .btn.primary { color:#04201c; background:linear-gradient(135deg,#60a5fa,#4f8cff); border-color:rgba(153,246,228,.30); box-shadow:0 18px 48px rgba(56,189,248,.26), inset 0 1px 0 rgba(255,255,255,.20); }
      .lang-widget { position:relative; }
      /* 二开：语言切换改居中弹窗(对标新UI卡片网格) */
      .lang-menu { position:fixed; inset:0; z-index:200; display:none; align-items:center; justify-content:center; padding:20px; }
      .lang-widget.open .lang-menu, .lang-menu.open { display:flex; }
      .lang-modal-backdrop { position:absolute; inset:0; background:rgba(8,12,22,.55); backdrop-filter:blur(4px); }
      .lang-modal-panel { position:relative; z-index:1; width:min(560px,100%); max-height:calc(100vh - 40px); overflow:auto; border:1px solid var(--line); border-radius:20px; background:var(--bg-soft); box-shadow:0 40px 120px rgba(8,12,22,.4); }
      .lang-modal-head { position:relative; display:flex; align-items:center; gap:14px; padding:22px 24px; border-bottom:1px solid var(--line-soft); background:linear-gradient(180deg, var(--accent-soft), transparent); }
      .lang-modal-ico { flex:0 0 auto; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:var(--accent); background:var(--accent-soft); border:1px solid rgba(56,189,248,.24); }
      .lang-modal-ico svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; }
      .lang-modal-tx h3 { margin:0; font-size:19px; font-weight:800; color:var(--text); }
      .lang-modal-tx p { margin:4px 0 0; font-size:13px; color:var(--muted); }
      .lang-modal-close { position:absolute; top:16px; right:18px; width:32px; height:32px; border:0; background:transparent; color:var(--muted); font-size:22px; line-height:1; cursor:pointer; border-radius:8px; }
      .lang-modal-close:hover { background:var(--accent-soft); color:var(--text); }
      .lang-modal-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:22px 24px; }
      .lang-option { display:flex; align-items:center; gap:12px; padding:15px 16px; border:1px solid var(--line); border-radius:16px; background:var(--card); cursor:pointer; transition:all .18s ease; text-align:left; }
      .lang-option:hover { border-color:rgba(56,189,248,.4); background:var(--card-strong); }
      .lang-option.active { border-color:var(--accent); background:var(--accent-soft); }
      .lo-names { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
      .lo-names strong { font-size:16px; font-weight:700; color:var(--text); }
      .lo-names small { font-size:12px; color:var(--muted); }
      .lo-code { flex:0 0 auto; padding:3px 9px; border-radius:8px; font-size:11px; font-weight:700; color:var(--muted); background:var(--accent-soft); }
      .lo-radio { flex:0 0 auto; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; border:1.5px solid var(--line); }
      .lo-radio span { width:12px; height:12px; border-radius:50%; background:transparent; }
      .lang-option.active .lo-radio { background:var(--accent); border-color:var(--accent); }
      .lang-option.active .lo-radio span { background:#fff; }
      .btn {
        display: inline-flex;
        min-width:0;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 42px;
        padding: 0 18px;
        border-radius: 999px;
        border: 1px solid rgba(15,23,42,.10);
        color: var(--text);
        background: rgba(255,255,255,.70);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 10px 30px rgba(15,23,42,.06);
        font-size: 14px;
        font-weight: 650;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
      }
      .btn:hover { transform: translateY(-2px) scale(1.015); background: rgba(255,255,255,.92); border-color: rgba(56,189,248,.24); box-shadow: 0 14px 34px rgba(56,189,248,.12), inset 0 1px 0 rgba(255,255,255,.95); }
      .btn.primary { color: #fff; background: linear-gradient(135deg, #0c0c0c 0%, #2563eb 100%); border-color: rgba(12,12,12,.92); box-shadow: 0 18px 48px rgba(56,189,248,.18), inset 0 1px 0 rgba(255,255,255,.18); }
      /* 登录后显示用户名：限制最大宽度，超长用省略号截断（title 显示全名） */
      .btn.btn-user { max-width: 168px; }
      .btn.btn-user .btn-user-name { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .btn.primary:hover { background: linear-gradient(135deg, #050505 0%, #2563eb 100%); box-shadow: 0 22px 60px rgba(56,189,248,.24), inset 0 1px 0 rgba(255,255,255,.2); }
      .hero { position: relative; padding: 88px 0 86px; text-align: center; overflow: visible; }
      .hero::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 46px;
        width: min(720px, 86vw);
        height: 420px;
        transform: translateX(-50%);
        z-index: -1;
        background:
          radial-gradient(ellipse at center, rgba(255,255,255,.10), transparent 60%),
          radial-gradient(circle at 30% 40%, rgba(94,234,212,.06), transparent 36%),
          radial-gradient(circle at 72% 34%, rgba(56,189,248,.05), transparent 34%);
        filter: blur(48px);
        opacity: .30;
        border-radius: 999px;
        pointer-events: none;
      }
      .hero::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 130px;
        width: min(940px, 92vw);
        height: 1px;
        transform: translateX(-50%);
        z-index: -1;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
        opacity: .46;
        pointer-events: none;
      }
      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 13px;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 999px;
        background: rgba(255,255,255,.72);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 10px 36px rgba(56,189,248,.08);
        color: rgba(15,23,42,.68);
        font-size: 13px;
        letter-spacing: .02em;
        backdrop-filter: blur(14px);
      }
      .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px var(--green); }
      h1 {
        margin: 28px auto 0;
        max-width: 1080px;
        font-size: clamp(42px, 7vw, 88px);
        line-height: 1.04;
        letter-spacing: -0.035em;
        font-weight: 780;
        text-shadow: none;
      }
      h1 {
        background: linear-gradient(180deg, #020617 0%, #0f172a 58%, #1e293b 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .shiny {
        display: block;
        padding-bottom: 16px;
        white-space: normal;
        background: linear-gradient(105deg,
          #0a1316 0%,
          #2563eb 32%,
          #4f8cff 58%,
          #0a1316 100%);
        background-size: 260% auto;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: none;
      }
      html.dark h1 {
        background: none !important;
        color: #f0fdfa !important;
        -webkit-text-fill-color: #f0fdfa;
        text-shadow: none !important;
      }
      html.dark .shiny {
        background: none !important;
        color: #38bdf8 !important;
        -webkit-text-fill-color: #38bdf8;
        text-shadow: none !important;
      }
      @keyframes shine {
        0% { background-position: 0% center; filter: saturate(1.05) brightness(1); }
        45% { background-position: 100% center; filter: saturate(1.28) brightness(1.08); }
        70% { background-position: 76% center; filter: saturate(1.15) brightness(1.03); }
        100% { background-position: 0% center; filter: saturate(1.05) brightness(1); }
      }
      .hero-desc {
        margin: 26px auto 0;
        max-width: 720px;
        color: rgba(51,65,85,.92);
        font-size: 18px;
        line-height: 1.75;
      }
      .hero-actions { margin-top: 34px; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
      .compat { display:inline-flex; max-width:min(760px, 100%); margin:18px auto 0; padding:9px 14px; border:1px solid rgba(15,23,42,.08); border-radius:999px; background:rgba(255,255,255,.58); color: var(--faint); font-size: 13px; line-height:1.55; text-align:center; white-space:normal; overflow-wrap:anywhere; box-shadow:inset 0 1px 0 rgba(255,255,255,.82); }
      .hero-panel {
        margin: 58px auto 0;
        max-width: 760px;
        text-align: left;
      }
      /* ===== 二开：Hero 聚合控制台 mock（参考 toknex 信息密度，原创实现）===== */
      .szai-console {
        position: relative;
        padding: 22px;
        border: 1px solid rgba(15,23,42,.10);
        border-radius: 26px;
        background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,252,251,.80));
        box-shadow: 0 36px 110px rgba(15,40,50,.16), inset 0 1px 0 rgba(255,255,255,.92);
        backdrop-filter: blur(14px);
      }
      .szai-console-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
      .szai-console-brand { font-size:12px; letter-spacing:.12em; font-weight:800; color:var(--faint); text-transform:uppercase; }
      .szai-console-online { display:inline-flex; align-items:center; gap:7px; padding:5px 12px; border-radius:999px; font-size:12px; font-weight:800; color:#2563eb; background:rgba(56,189,248,.12); border:1px solid rgba(56,189,248,.24); }
      .szai-console-online i { width:7px; height:7px; border-radius:999px; background:#4f8cff; box-shadow:0 0 0 0 rgba(56,189,248,.5); animation:szai-pulse 2.4s ease-out infinite; }
      .szai-console-h { margin:8px 0 18px; font-size:22px; letter-spacing:-.03em; color:var(--text); }
      .szai-console-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }
      .szai-cm { padding:13px 14px; border:1px solid rgba(15,23,42,.08); border-radius:16px; background:rgba(255,255,255,.55); }
      .szai-cm-k { display:block; font-size:11px; color:var(--faint); margin-bottom:5px; }
      .szai-cm-v { font-size:15px; letter-spacing:-.01em; color:var(--text); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
      .szai-console-log { border:1px solid rgba(15,23,42,.08); border-radius:16px; overflow:hidden; background:rgba(248,250,252,.7); }
      .szai-log-head { display:flex; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid rgba(15,23,42,.07); font-size:12px; color:var(--faint); }
      .szai-dots { position:relative; width:9px; height:9px; border-radius:50%; background:#ef4444; box-shadow:15px 0 #f59e0b, 30px 0 #22c55e; }
      .szai-log-head span:nth-child(2) { margin-left:30px; }
      .szai-log-head em { margin-left:auto; font-style:normal; font-size:11px; font-weight:800; color:#2563eb; letter-spacing:.08em; text-transform:uppercase; }
      .szai-log-rows { padding:6px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; }
      .szai-log-row { display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:9px; opacity:0; animation:szai-log-in .5s ease both; }
      .szai-log-row:nth-child(1){animation-delay:.15s} .szai-log-row:nth-child(2){animation-delay:.35s} .szai-log-row:nth-child(3){animation-delay:.55s} .szai-log-row:nth-child(4){animation-delay:.75s}
      .szai-log-row:hover { background:rgba(56,189,248,.07); }
      .szai-mtd { color:#2563eb; font-weight:800; }
      .szai-path { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1 1 auto; min-width:0; }
      .szai-mdl { color:var(--faint); flex:0 0 auto; }
      .szai-code { color:#15803d; font-weight:800; background:rgba(34,197,94,.12); padding:1px 7px; border-radius:6px; flex:0 0 auto; }
      .szai-ms { color:var(--faint); flex:0 0 auto; min-width:42px; text-align:right; }
      .szai-console-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
      .szai-mtag { padding:5px 12px; border-radius:999px; font-size:12px; font-weight:700; color:var(--muted); background:rgba(15,23,42,.05); border:1px solid rgba(15,23,42,.08); }
      .terminal, .status-card, .card, .price-card, .step, .metric {
        border: 1px solid rgba(15,23,42,.10);
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
        box-shadow: 0 30px 90px rgba(15, 23, 42, 0.13), inset 0 1px 0 rgba(255,255,255,.90);
        backdrop-filter: blur(12px);
        transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease, background .28s ease;
      }
      .terminal { overflow: hidden; }
      .terminal-head { display:grid; grid-template-columns:52px minmax(0,1fr); align-items:center; gap:12px; padding:15px 18px; border-bottom:1px solid rgba(15,23,42,.08); background: rgba(255,255,255,.58); color:var(--faint); font-size:12px; }
      .bubble { position:relative; display:block; width:10px; height:10px; border-radius:50%; background:#ef4444; box-shadow: 18px 0 #f59e0b, 36px 0 #22c55e; flex:0 0 auto; }
      .terminal-title { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      pre { margin:0; padding:22px; overflow:auto; color:rgba(15,23,42,.82); font-size:13px; line-height:1.8; }
      code .k { color: var(--blue); } code .s { color: var(--green); } code .c { color: var(--faint); }
      .status-card { padding: 22px; display:flex; flex-direction:column; gap:14px; }
      .status-line { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:rgba(255,255,255,.58); box-shadow: inset 0 1px 0 rgba(255,255,255,.90); }
      .status-line b { display:block; font-size:14px; }
      .status-line span { color:var(--faint); font-size:12px; }
      .pill { padding: 5px 10px; border-radius:999px; background: linear-gradient(135deg, rgba(5,150,105,.12), rgba(56,189,248,.10)); border: 1px solid rgba(5,150,105,.20); color: #047857; font-size:12px; font-weight:800; box-shadow: 0 0 24px rgba(56,189,248,.08); }
      section { padding: 74px 0; position: relative; }
      .section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
      .section-kicker { color: #0573d7; font-size:12px; letter-spacing:.18em; font-weight:850; text-transform:uppercase; }
      h2 { margin:10px 0 0; max-width:760px; font-size:clamp(34px, 5vw, 60px); line-height:1.02; letter-spacing:-.055em; color:#0f172a; }
      .section-copy { max-width:460px; color:var(--muted); line-height:1.7; }
      .grid-4 { display:grid; grid-template-columns: repeat(4, 1fr); gap:16px; }
      .grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
      .card { padding: 22px; min-height: 210px; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
      .card:hover, .step:hover, .price-card:hover, .metric:hover { transform: translateY(-4px); border-color: rgba(56,189,248,.18); box-shadow: 0 34px 100px rgba(56,189,248,.10), 0 18px 60px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92); }
      .icon { width:46px; height:46px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg, rgba(56,189,248,.14), rgba(37,99,235,.10), rgba(255,255,255,.75)); border:1px solid rgba(56,189,248,.12); color:#2563eb; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 34px rgba(56,189,248,.10); margin-bottom:20px; font-weight:800; }
      .card h3, .price-card h3, .step h3 { margin:0; font-size:19px; letter-spacing:-.02em; color:#0f172a; overflow-wrap:anywhere; }
      .card p, .price-card p, .step p { margin:12px 0 0; color:var(--muted); line-height:1.65; font-size:14px; overflow-wrap:anywhere; }
      .metric-row { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
      .metric { padding:22px; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.56)); }
      .metric strong { display:block; font-size:32px; letter-spacing:-.04em; color:#2563eb; }
      .metric span { display:block; margin-top:6px; color:var(--muted); font-size:13px; }
      .flow { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
      .step { padding:26px; position:relative; overflow:hidden; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
      .step::before { content:attr(data-step); position:absolute; right:18px; top:8px; z-index:0; color:rgba(56,189,248,.07); font-size:68px; font-weight:900; letter-spacing:-.08em; pointer-events:none; }
      .step::after { content:""; position:absolute; inset:auto 0 0 0; z-index:0; height:3px; background:linear-gradient(90deg, #4f8cff, #0d9488); opacity:.55; pointer-events:none; }
      .step h3, .step p { position:relative; z-index:1; }
      .price-card { padding:28px; min-height:320px; position:relative; overflow:hidden; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
      .price-card::after { content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at 20% 0%, rgba(56,189,248,.07), transparent 36%); pointer-events:none; }
      .price-card > * { position:relative; z-index:1; }
      .price-card.featured { border-color:rgba(56,189,248,.22); background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(234,246,255,.66)); box-shadow:0 34px 110px rgba(56,189,248,.13), inset 0 1px 0 rgba(255,255,255,.96); }
      .tag { display:inline-flex; padding:7px 11px; border:1px solid rgba(56,189,248,.13); border-radius:999px; color:#2563eb; background:rgba(56,189,248,.06); font-size:12px; font-weight:750; margin-bottom:20px; }
      .price-title { font-size:28px; font-weight:780; letter-spacing:-.04em; color:#0f172a; overflow-wrap:anywhere; }
      ul { list-style:none; padding:0; margin:22px 0 0; display:grid; gap:12px; color:var(--muted); font-size:14px; position:relative; z-index:1; }
      .price-card li::before { content:"✓"; color:#059669; margin-right:9px; font-weight:900; }
      .price-preview {
        position: relative;
        overflow: hidden;
        padding: 44px;
        border-radius: 38px;
        border: 1px solid rgba(56,189,248,.12);
        background:
          radial-gradient(circle at 18% 0%, rgba(56,189,248,.10), transparent 34%),
          radial-gradient(circle at 82% 8%, rgba(37,99,235,.06), transparent 36%),
          linear-gradient(180deg, rgba(255,255,255,.92), rgba(236,253,250,.66));
        color: var(--text);
        box-shadow: 0 34px 120px rgba(56,189,248,.12), inset 0 1px 0 rgba(255,255,255,.94);
        backdrop-filter: blur(12px);
      }
      .price-preview::before {
        content:"";
        position:absolute;
        inset:0;
        z-index:0;
        background:
          linear-gradient(rgba(56,189,248,.035) 1px, transparent 1px),
          linear-gradient(90deg, rgba(56,189,248,.030) 1px, transparent 1px);
        background-size:44px 44px;
        mask-image:radial-gradient(ellipse 70% 62% at 50% 30%, black 0%, rgba(0,0,0,.68) 50%, transparent 100%);
        pointer-events:none;
        z-index:0;
      }
      .price-preview > * { position:relative; z-index:1; }
      .price-preview-head { max-width:760px; margin:0 0 30px; text-align:left; }
      .price-preview-head h2 { color:#0f172a; margin:14px 0 0; font-size:clamp(30px, 4vw, 46px); line-height:1.1; }
      .price-preview-head p { margin:14px 0 0; color:var(--muted); font-size:16px; line-height:1.7; max-width:600px; }
      .price-board { overflow:hidden; transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease; border:1px solid rgba(15,23,42,.08); border-radius:22px; background:rgba(255,255,255,.74); box-shadow:0 24px 80px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.90); backdrop-filter:blur(18px); }
      .price-board-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 24px; border-bottom:1px solid rgba(15,23,42,.075); background:rgba(255,255,255,.44); }
      .price-board-head h3 { margin:0; color:#0f172a; font-size:18px; letter-spacing:-.02em; }
      .price-board-head a { color:#2563eb; font-size:14px; font-weight:850; white-space:nowrap; }
      .price-table-wrap { overflow-x:auto; }
      .price-table { width:100%; min-width:0; border-collapse:collapse; table-layout:auto; }
      .price-table th, .price-table td { padding:13px 14px; border-bottom:1px solid rgba(15,23,42,.07); text-align:left; vertical-align:middle; white-space:nowrap; }
      .price-table th { color:var(--faint); font-size:11px; font-weight:850; letter-spacing:.02em; }
      .price-table td { color:#0f172a; font-size:13px; font-weight:850; }
      .price-table tr:last-child td { border-bottom:0; }
      .price-model strong { display:block; color:#0f172a; font-size:13px; }
      .price-model span { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:700; }
      /* 二开动效：表格行 hover 高亮 + 逐行渐入 + 站内价两列高亮(突出便宜) */
      .price-table tbody tr { transition: background .2s ease; }
      .price-table tbody tr:hover { background: rgba(56,189,248,.06); }
      .price-table tbody tr.row-in td { animation: szai-log-in .5s ease both; }
      .price-table tbody td:nth-child(4), .price-table tbody td:nth-child(5) { color:#2563eb; }
      .price-table thead th:nth-child(4), .price-table thead th:nth-child(5) { color:#2563eb; }
      .price-table tbody td:nth-child(4) { background: linear-gradient(90deg, rgba(56,189,248,.07), rgba(56,189,248,.05)); }
      .price-table tbody td:nth-child(5) { background: linear-gradient(90deg, rgba(56,189,248,.05), rgba(56,189,248,.07)); }
      .price-foot { display:flex; flex-wrap:wrap; gap:14px; padding:18px 24px 22px; border-top:1px solid rgba(15,23,42,.075); color:var(--muted); font-size:13px; font-weight:800; }
      .price-foot span::before { content:""; display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:999px; background:linear-gradient(135deg,#4f8cff,#0d9488); }
      .feedback-section { position:relative; overflow:hidden; padding:44px; border-radius:38px; border:1px solid rgba(56,189,248,.12); background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(241,247,255,.78), rgba(248,250,252,.72)); color:var(--text); box-shadow:0 34px 120px rgba(56,189,248,.10), inset 0 1px 0 rgba(255,255,255,.92); backdrop-filter:blur(22px); }
      .feedback-section::before { content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at 50% 0%, rgba(56,189,248,.12), transparent 42%), linear-gradient(rgba(56,189,248,.030) 1px, transparent 1px), linear-gradient(90deg, rgba(56,189,248,.026) 1px, transparent 1px); background-size:auto,44px 44px,44px 44px; mask-image:radial-gradient(ellipse 75% 65% at 50% 35%, black 0%, rgba(0,0,0,.68) 56%, transparent 100%); pointer-events:none; }
      .feedback-section > * { position:relative; z-index:1; }
      .feedback-head { max-width:680px; margin:0 auto 28px; text-align:center; }
      .feedback-head h2 { color:#0f172a; margin-left:auto; margin-right:auto; }
      .feedback-head p { margin:12px auto 0; color:var(--muted); line-height:1.7; }
      .feedback-track { position:relative; width:calc(100% + 28px); margin:0 -14px; overflow:hidden; padding:14px; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%); mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%); }
      .feedback-marquee { display:flex; width:max-content; gap:18px; padding-left:0; will-change:transform; animation:feedback-scroll 34s linear infinite; }
      .feedback-track:hover .feedback-marquee { animation-play-state:paused; }
      .feedback-card { width:clamp(280px, 31vw, 360px); min-height:142px; flex:0 0 auto; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:rgba(255,255,255,.74); padding:18px; box-shadow:0 18px 42px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.90); }
      .feedback-card p { margin:0; color:rgba(15,23,42,.78); font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
      .feedback-user { display:flex; align-items:center; gap:10px; margin-top:14px; }
      .feedback-avatar { display:grid; flex:0 0 auto; width:32px; height:32px; place-items:center; border-radius:10px; background:linear-gradient(135deg, rgba(56,189,248,.14), rgba(37,99,235,.10)); color:#2563eb; font-size:12px; font-weight:900; }
      .feedback-user strong, .feedback-user-text, .feedback-user-text span { display:block; }
      .feedback-user strong { color:#0f172a; font-size:13px; }
      .feedback-user-text span { margin-top:2px; color:var(--muted); font-size:12px; }
      @keyframes feedback-scroll { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 9px)); } }
      .cta-band { padding:44px; min-width:0; border:1px solid rgba(56,189,248,.12); border-radius:34px; background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,247,255,.78), rgba(248,250,252,.72)); box-shadow:0 34px 110px rgba(56,189,248,.12), inset 0 1px 0 rgba(255,255,255,.94); display:flex; align-items:center; justify-content:space-between; gap:24px; backdrop-filter:blur(22px); }
      .cta-band h2 { margin:0; font-size:clamp(30px,4vw,48px); overflow-wrap:anywhere; }
      footer { padding: 42px 0 54px; color:var(--faint); }
      .footer-cols { display:flex; align-items:flex-start; justify-content:space-between; gap:40px; flex-wrap:wrap; border-top:1px solid var(--line-soft); padding-top:28px; }
      .footer-col { display:flex; flex-direction:column; gap:12px; min-width:0; }
      .footer-col-label { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); }
      .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; padding-top:20px; border-top:1px solid var(--line-soft); font-size:13px; }
      .footer-inner a { color:var(--muted); }
      .footer-links { display:flex; gap:14px 18px; flex-wrap:wrap; font-size:13.5px; }
      .footer-links a { color:var(--muted); }
      .footer-links a:hover { color:var(--text); }
      .footer-legal a { color:var(--text); font-weight:650; }

      @media (max-width: 560px) {
        .shiny { white-space: normal; }
      }
      @media (max-width: 1080px) {
        .nav { gap:12px; padding-left:14px; }
        .links { gap:2px; padding:4px; }
        .links a { padding:8px 9px; font-size:13px; }
        .brand span { font-size:16px; }
      }
      @media (max-width: 980px) {
        .links { display:none; }
        .quick-actions { gap:6px; }
        .icon-btn { width:38px; height:38px; }
      }
      @media (max-width: 920px) {
        .hero { padding-top:58px; }
        .hero-panel, .grid-4, .grid-3, .metric-row, .flow { grid-template-columns:1fr; }
        .price-preview { padding:32px 22px; }
        .feedback-section { padding:32px 22px; }
        .price-board-head { align-items:flex-start; flex-direction:column; }

        .price-table-wrap { overflow:visible; }
        .price-table, .price-table tbody, .price-table tr, .price-table td { display:block; width:100%; }
        .price-table thead { display:none; }
        .price-table { border-collapse:separate; border-spacing:0; }
        .price-table tbody { display:grid; gap:12px; padding:14px; }
        .price-table tr { border:1px solid rgba(15,23,42,.075); border-radius:18px; background:rgba(255,255,255,.68); padding:14px; box-shadow:0 14px 34px rgba(15,23,42,.055); }
        .price-table td { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:9px 0; border-bottom:1px solid rgba(15,23,42,.055); white-space:normal; text-align:right; }
        .price-table td:last-child { border-bottom:0; }
        .price-table td::before { content:attr(data-label); flex:0 0 auto; color:var(--faint); font-size:12px; font-weight:850; text-align:left; }
        .price-table td:first-child { display:block; text-align:left; padding-top:0; }
        .price-table td:first-child::before { display:none; }
        /* 窄屏卡片式下，站内价两列高亮改纯色淡底，避免横向渐变显怪 */
        .price-table tbody td:nth-child(4), .price-table tbody td:nth-child(5) { background: rgba(56,189,248,.06); border-radius:8px; padding-left:8px; padding-right:8px; }
        html.dark .price-table tbody td:nth-child(4), html.dark .price-table tbody td:nth-child(5) { background: rgba(79,140,255,.09); }
        .feedback-card { width:clamp(260px, 78vw, 340px); }
        .section-head, .cta-band, .footer-inner { flex-direction:column; align-items:flex-start; }
        h1 { font-size: clamp(48px, 15vw, 78px); }
        /* 二开：控制台 mock 窄屏适配——指标 2 列，日志行隐藏模型名防溢出 */
        .hero-panel { max-width:100%; }
        .szai-console { padding:16px; border-radius:22px; }
        .szai-console-metrics { grid-template-columns:repeat(2,1fr); }
        .szai-console-h { font-size:19px; }
        .szai-mdl { display:none; }
        .szai-log-rows { font-size:11px; }
      }
      @media (max-width: 560px) {
        .shell { width:min(100% - 22px, 1180px); }
        .header { top:10px; }
        .nav { min-height:58px; grid-template-columns:1fr auto; gap:8px; padding:8px 10px 10px; border-radius:22px; align-items:center; }
        .links { display:flex; grid-column:1 / -1; order:3; width:100%; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; gap:4px; padding:5px; border-radius:16px; background:rgba(248,250,252,.66); }
        .links::-webkit-scrollbar { display:none; }
        .links a { flex:0 0 auto; padding:7px 10px; font-size:12px; }
        html.dark .links { background:rgba(15,23,42,.62); }
        .brand { min-width:0; gap:8px; }
        .brand img { width:30px; height:30px; }
        .brand span { max-width:38vw; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
        .actions { gap:6px; }
        .actions .btn:not(.primary) { display:none; }
        .actions .btn.primary { min-height:36px; padding:0 12px; font-size:12px; }
        .quick-actions { display:flex; gap:5px; }
        .icon-btn { width:36px; height:36px; }
        .lang-modal-grid { grid-template-columns:1fr; }
        .hero { padding:44px 0 56px; }
        h1 { max-width:100%; margin-top:22px; font-size:clamp(36px, 11.4vw, 54px); line-height:1.1; letter-spacing:-0.025em; }
        .shiny { padding-bottom:10px; }
        .hero-desc { margin-top:18px; font-size:15px; line-height:1.75; }
        .hero-actions { margin-top:24px; gap:10px; }
        .hero-actions .btn { width:100%; min-height:44px; }
        .compat { margin-top:14px; border-radius:18px; font-size:12px; }
        .hero-panel { margin-top:34px; border-radius:24px; }
        .terminal, .status-card, .card, .step, .metric, .price-card { border-radius:22px; }
        .terminal { min-width:0; }
        .terminal-head { padding:12px 14px; }
        pre { max-width:100%; overflow-x:auto; font-size:11.5px; line-height:1.7; padding:14px; }
        .status-grid { gap:10px; padding:14px; }
        .status-line { padding:13px; }
        .section { padding:56px 0; }
        .section-head { gap:12px; }
        h2 { font-size:clamp(28px, 8.5vw, 40px); line-height:1.14; }
        .section-copy { font-size:14px; line-height:1.75; }
        .grid-4, .grid-3, .flow, .metric-row { gap:14px; }
        .card, .step, .price-card { padding:20px; }
        .metric { padding:18px; }
        .cta-band { padding:24px 18px; border-radius:26px; }
        .cta-band .btn { width:100%; }
        .price-preview { padding:24px 12px; border-radius:26px; }
        .price-board { border-radius:22px; }
        .price-board-head { padding:18px 16px; }
        .price-table tbody { padding:10px; gap:10px; }
        .price-table tr { padding:12px; border-radius:16px; }
        .price-table td { gap:10px; font-size:12px; }
        .price-table td::before { max-width:44%; }
        .price-model strong { font-size:12px; overflow-wrap:anywhere; }
        .feedback-section { padding:24px 12px; border-radius:26px; }
        .feedback-track { width:calc(100% + 16px); margin:0 -8px; padding:8px; -webkit-mask-image:none; mask-image:none; }
        .feedback-marquee { gap:12px; animation-duration:42s; }
        .feedback-card { width:min(280px, 82vw); padding:16px; }
        .price-table th, .price-table td, .price-board-head, .price-foot { padding-left:0; padding-right:0; }
        .price-foot { padding:16px; }
        .footer-inner { align-items:center; text-align:center; }
        .footer-cols { flex-direction:column; gap:26px; }
        .footer-links { justify-content:flex-start; }
      }

/* ===== 融合自 zizhi-home：双路径板块（个人开发者 / 团队企业），独立命名，暗色随 CSS 变量自适应 ===== */
.szai-paths-head { margin-bottom: 26px; }
.szai-paths-kicker { margin-bottom: 10px; }
.szai-paths-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-paths-copy { margin: 10px 0 0; max-width: 760px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.szai-paths-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.szai-path-card { border: 1px solid var(--line); background: var(--card-strong); border-radius: 24px; padding: 22px; backdrop-filter: blur(18px) saturate(1.08); box-shadow: 0 10px 30px rgba(15,23,42,.06); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.szai-path-card:hover { transform: translateY(-4px); border-color: rgba(56,189,248,.18); box-shadow: 0 28px 80px rgba(56,189,248,.10), 0 16px 50px rgba(15,23,42,.08); }
.szai-path-tag { display: inline-flex; padding: 6px 12px; border-radius: 999px; background: rgba(56,189,248,.10); color: var(--blue); font-size: 12px; font-weight: 800; margin-bottom: 14px; }
.szai-path-card h3 { margin: 0 0 8px; font-size: 20px; letter-spacing: -.01em; color: var(--text); }
.szai-path-card > p { margin: 0 0 16px; color: var(--muted); line-height: 1.7; font-size: 14px; }
.szai-path-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.szai-path-list li { display: flex; align-items: center; gap: 10px; color: var(--text); font-weight: 600; font-size: 14px; }
.szai-path-list li::before { content: '✓'; color: var(--blue); font-weight: 900; }
@media (max-width: 1100px) { .szai-paths-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .szai-paths-grid { grid-template-columns: 1fr; } }

/* ===== 融合自 zizhi-home：右下角联系浮窗 + 弹窗 ===== */
.szai-fab { position: fixed; right: 20px; bottom: 20px; z-index: 60; width: 52px; height: 52px; border: none; border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; color: #04201c; background: linear-gradient(135deg, #60a5fa, #4f8cff); box-shadow: 0 12px 30px rgba(56,189,248,.35); transition: transform .2s ease, box-shadow .2s ease; }
.szai-fab:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 18px 40px rgba(56,189,248,.45); }
.szai-contact-modal[hidden] { display: none; }
.szai-contact-modal { position: fixed; inset: 0; z-index: 70; display: flex; align-items: center; justify-content: center; padding: 20px; }
.szai-contact-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.5); backdrop-filter: blur(4px); }
.szai-contact-panel { position: relative; width: min(420px, 100%); background: var(--card-strong); border: 1px solid var(--line); border-radius: 24px; padding: 26px; box-shadow: 0 30px 80px rgba(15,23,42,.3); backdrop-filter: blur(20px) saturate(1.1); }
.szai-contact-close { position: absolute; top: 12px; right: 16px; border: none; background: none; font-size: 24px; line-height: 1; color: var(--muted); cursor: pointer; }
.szai-contact-panel h3 { margin: 0 0 8px; font-size: 20px; color: var(--text); }
.szai-contact-panel > p { margin: 0 0 18px; color: var(--muted); line-height: 1.7; font-size: 14px; }
.szai-contact-item { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; margin-bottom: 10px; color: var(--text); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.szai-contact-item:hover { border-color: rgba(56,189,248,.3); background: rgba(56,189,248,.05); transform: translateY(-1px); }
.szai-contact-ico { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(56,189,248,.1); color: var(--blue); font-size: 18px; }
.szai-contact-tx { display: flex; flex-direction: column; min-width: 0; }
.szai-contact-tx strong { font-size: 14px; color: var(--text); }
.szai-contact-tx span { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) { .szai-fab { right: 14px; bottom: 14px; } }

/* ===== 暗色页脚可读性修复：版权文字与链接调亮（原 --faint 在暗色太暗看不清） ===== */
html.dark footer { color: rgba(203,213,225,.85); }
html.dark footer a,
html.dark .footer-inner a,
html.dark .footer-links a { color: rgba(226,232,240,.92); }
html.dark .footer-links a:hover { color: #fff; }

/* ===== 加入官方社群弹窗增强：头部图标 / 品牌色图标 / 操作标签 / 我知道了 ===== */
.szai-contact-head { display: flex; width: 56px; height: 56px; margin: 2px auto 14px; border-radius: 18px; align-items: center; justify-content: center; background: linear-gradient(135deg, #229ED9, #4f8cff); color: #fff; box-shadow: 0 10px 24px rgba(56,189,248,.3); }
.szai-contact-head svg { width: 30px; height: 30px; }
.szai-contact-panel h3 { text-align: center; }
.szai-contact-panel > p { text-align: center; }
.szai-contact-list { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.szai-contact-ico svg { width: 20px; height: 20px; }
.szai-ico-email { background: rgba(56,189,248,.12); color: #4f8cff; }
.szai-ico-tg { background: rgba(34,158,217,.16); color: #229ED9; }
.szai-ico-dc { background: rgba(88,101,242,.16); color: #5865F2; }
.szai-contact-tx { flex: 1; }
.szai-contact-act { flex-shrink: 0; font-size: 13px; font-weight: 700; color: var(--blue); padding: 6px 14px; border-radius: 999px; background: rgba(56,189,248,.10); white-space: nowrap; }
.szai-contact-ok { display: block; margin: 18px auto 0; padding: 10px 30px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--text); font-weight: 700; font-size: 14px; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
.szai-contact-ok:hover { background: rgba(56,189,248,.06); border-color: rgba(56,189,248,.3); }

/* ===== 融合自 zizhi-home：Reliability（B 端可靠性）板块 ===== */
.szai-rel-head { margin-bottom: 24px; }
.szai-rel-kicker { margin-bottom: 10px; }
.szai-rel-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-rel-copy { margin: 10px 0 0; max-width: 820px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.szai-rel-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.szai-rel-item { position: relative; padding: 18px 18px 18px 50px; border: 1px solid var(--line); border-radius: 18px; background: var(--card-strong); color: var(--text); line-height: 1.6; font-size: 14px; font-weight: 500; backdrop-filter: blur(14px) saturate(1.05); }
.szai-rel-item::before { content: '✓'; position: absolute; left: 16px; top: 17px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(56,189,248,.12); color: var(--blue); font-size: 13px; font-weight: 900; }
@media (max-width: 760px) { .szai-rel-grid { grid-template-columns: 1fr; } }

/* ===== 融合自 zizhi-home：双计费展示区（预付额度 / 订阅套餐） ===== */
.szai-bill-head { margin-bottom: 24px; }
.szai-bill-kicker { margin-bottom: 10px; }
.szai-bill-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-bill-copy { margin: 10px 0 18px; max-width: 760px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.szai-bill-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.szai-bill-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.szai-bill-card { position: relative; border: 1px solid var(--line); background: var(--card-strong); border-radius: 24px; padding: 28px; backdrop-filter: blur(16px) saturate(1.06); box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.szai-bill-tag { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; background: rgba(56,189,248,.1); color: var(--blue); font-weight: 800; font-size: 14px; margin-bottom: 14px; font-family: ui-monospace, "SF Mono", monospace; }
.szai-bill-card h3 { margin: 0 0 10px; font-size: 20px; letter-spacing: -.01em; color: var(--text); }
.szai-bill-card p { margin: 0; color: var(--muted); line-height: 1.75; font-size: 14px; }
@media (max-width: 760px) { .szai-bill-grid { grid-template-columns: 1fr; } }

/* ===== 融合自 zizhi-home：FAQ 折叠板块 ===== */
.szai-faq-head { margin-bottom: 22px; }
.szai-faq-kicker { margin-bottom: 10px; }
.szai-faq-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 920px; }
.szai-faq-item { border: 1px solid var(--line); border-radius: 18px; background: var(--card-strong); backdrop-filter: blur(14px) saturate(1.05); overflow: hidden; }
.szai-faq-item summary { list-style: none; cursor: pointer; padding: 18px 22px; font-size: 15px; font-weight: 650; color: var(--text); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.szai-faq-item summary::-webkit-details-marker { display: none; }
.szai-faq-item summary::after { content: '+'; flex-shrink: 0; font-size: 20px; font-weight: 400; color: var(--blue); }
.szai-faq-item[open] summary::after { content: '−'; }
.szai-faq-a { padding: 0 22px 18px; color: var(--muted); line-height: 1.75; font-size: 14px; }

/* ===== 定位区头部居中(对齐图二) + 融合新板块移动端优化 ===== */
.szai-paths-head { text-align: center; }
.szai-paths-copy { margin-left: auto; margin-right: auto; }
@media (max-width: 600px) {
  .szai-path-card, .szai-bill-card { padding: 20px; }
  .szai-rel-item { padding: 16px 16px 16px 46px; }
  .szai-contact-panel { padding: 22px 18px; }
  .szai-contact-item { gap: 10px; padding: 12px; }
  .szai-contact-ico { width: 36px; height: 36px; }
  .szai-contact-act { padding: 5px 10px; font-size: 12px; }
  .szai-faq-item summary { padding: 16px 18px; font-size: 14px; gap: 12px; }
  .szai-faq-a { padding: 0 18px 16px; }
  .szai-bill-actions .btn { flex: 1 1 auto; justify-content: center; }
}

/* ===== 滚动性能优化（不改视觉观感）===== */
/* 卡片/板块隔离重绘范围，滚动时不互相触发重排重绘 */
.card, .price-card, .step, .metric, .feedback-card,
.szai-path-card, .szai-rel-item, .szai-bill-card, .szai-faq-item, .status-card, .terminal {
  contain: layout paint style;
}
/* 背景装饰层提到合成层，避免滚动时反复光栅化 */
.liquid-bg, .liquid-bg::before, .liquid-bg::after, body::before, body::after { will-change: transform; transform: translateZ(0); }
.mesh { will-change: transform; }

/* ===== 二开：动效层（参考 toknex 的"活感"，全部 transform/opacity，克制不炫技）===== */
/* 1. 状态灵动点：在线/Active 的小圆点呼吸脉冲 */
.status-card .pill, .status-line .pill { position: relative; }
.status-line .pill::before {
  content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px;
  border-radius: 999px; background: currentColor; vertical-align: middle;
  box-shadow: 0 0 0 0 currentColor; animation: szai-pulse 2.4s ease-out infinite;
}
@keyframes szai-pulse {
  0% { box-shadow: 0 0 0 0 rgba(56,189,248,.45); opacity: 1; }
  70% { box-shadow: 0 0 0 7px rgba(56,189,248,0); opacity: .85; }
  100% { box-shadow: 0 0 0 0 rgba(56,189,248,0); opacity: 1; }
}
/* 2. 滚动渐入：进入视口后上浮淡入（JS 加 .is-in 触发） */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
.reveal.is-in { opacity: 1; transform: none; }
/* 网格子项错峰：靠 transition-delay 让卡片依次浮现 */
.grid-4 .reveal:nth-child(2), .grid-3 .reveal:nth-child(2), .metric-row .reveal:nth-child(2), .flow .reveal:nth-child(2) { transition-delay: .07s; }
.grid-4 .reveal:nth-child(3), .grid-3 .reveal:nth-child(3), .metric-row .reveal:nth-child(3), .flow .reveal:nth-child(3) { transition-delay: .14s; }
.grid-4 .reveal:nth-child(4), .metric-row .reveal:nth-child(4) { transition-delay: .21s; }
/* 3. Hero 面板入场 */
.hero-panel { animation: szai-rise .9s cubic-bezier(.22,.61,.36,1) both; }
@keyframes szai-rise { from { opacity: 0; transform: translateY(28px) scale(.985); } to { opacity: 1; transform: none; } }
/* 4. 卡片 hover 更跟手的抬升 + 边缘高光（已有 translateY，这里加细节） */
.card, .price-card, .step, .szai-cap-card, .szai-mod-card { transition: transform .24s cubic-bezier(.22,.61,.36,1), box-shadow .24s ease, border-color .24s ease; }
.metric strong { font-variant-numeric: tabular-nums; }
/* 5. 请求日志行：依次淡入（首屏 hero 内的 status-line 也复用） */
@keyframes szai-log-in { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }

/* 用户开启「减少动态效果」时，停掉常驻动画（最省电、最跟手）*/
@media (prefers-reduced-motion: reduce) {
  .liquid-bg::before { animation: none !important; }
  .status-line .pill::before, .hero-panel { animation: none !important; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  * { scroll-behavior: auto !important; }
}

/* 窄屏（手机/平板）大幅降负载：关掉 64px 大模糊动画层 + 砍掉毛玻璃模糊（手机上几乎看不出差别，但省一半合成开销）*/
@media (max-width: 980px) {
  .liquid-bg::before { animation: none; filter: blur(40px) saturate(1.1); }
  .card, .price-card, .step, .metric, .feedback-card,
  .szai-path-card, .szai-rel-item, .szai-bill-card, .szai-faq-item,
  .status-card, .terminal, .nav, .links { backdrop-filter: none !important; }
}

/* ===== 融合自 zizhi-home：Models 模型展示区 ===== */
.szai-mod-head { text-align: center; margin-bottom: 26px; }
.szai-mod-kicker { margin-bottom: 10px; }
.szai-mod-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-mod-copy { margin: 10px auto 0; max-width: 720px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.szai-mod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.szai-mod-card { border: 1px solid var(--line); background: var(--card-strong); border-radius: 22px; padding: 22px; backdrop-filter: blur(16px) saturate(1.06); box-shadow: 0 10px 30px rgba(15,23,42,.06); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.szai-mod-card:hover { transform: translateY(-4px); border-color: rgba(56,189,248,.18); box-shadow: 0 24px 70px rgba(56,189,248,.10); }
.szai-mod-brand { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: rgba(56,189,248,.10); color: var(--blue); font-size: 12px; font-weight: 800; margin-bottom: 12px; }
.szai-mod-card h3 { margin: 0 0 8px; font-size: 17px; letter-spacing: -.01em; color: var(--text); font-family: ui-monospace, "SF Mono", monospace; }
.szai-mod-tags { font-size: 12px; font-weight: 600; color: var(--faint); margin-bottom: 10px; }
.szai-mod-card p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 13px; }
@media (max-width: 1100px) { .szai-mod-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .szai-mod-grid { grid-template-columns: 1fr; } }

/* ===== 融合自 zizhi-home：Capabilities 平台能力区 ===== */
.szai-cap-head { text-align: center; margin-bottom: 26px; }
.szai-cap-kicker { margin-bottom: 10px; }
.szai-cap-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-cap-copy { margin: 10px auto 0; max-width: 720px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.szai-cap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.szai-cap-card { position: relative; border: 1px solid var(--line); background: var(--card-strong); border-radius: 22px; padding: 24px; backdrop-filter: blur(16px) saturate(1.06); box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.szai-cap-no { display: block; font-family: ui-monospace, "SF Mono", monospace; font-size: 13px; font-weight: 800; color: var(--blue); opacity: .7; margin-bottom: 10px; }
.szai-cap-card h3 { margin: 0 0 8px; font-size: 17px; letter-spacing: -.01em; color: var(--text); }
.szai-cap-card p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 13px; }
@media (max-width: 980px) { .szai-cap-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .szai-cap-grid { grid-template-columns: 1fr; } }

/* ===== 融合自 zizhi-home：Contact 双支持区 ===== */
.szai-ctc-head { text-align: center; margin-bottom: 24px; }
.szai-ctc-kicker { margin-bottom: 10px; }
.szai-ctc-title { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; color: var(--text); }
.szai-ctc-copy { margin: 10px auto 0; max-width: 680px; color: var(--muted); line-height: 1.7; font-size: 15px; }
.szai-ctc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.szai-ctc-card { border: 1px solid var(--line); background: var(--card-strong); border-radius: 22px; padding: 26px; backdrop-filter: blur(16px) saturate(1.06); box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.szai-ctc-card h3 { margin: 0 0 10px; font-size: 18px; letter-spacing: -.01em; color: var(--text); }
.szai-ctc-card p { margin: 0 0 16px; color: var(--muted); line-height: 1.75; font-size: 14px; }
@media (max-width: 600px) { .szai-ctc-grid { grid-template-columns: 1fr; } }

/* ========== 二开重写：Hero 左右两列 + Bento 能力 + Quick Start 左右分栏（对齐 Toknex 布局）========== */
/* Hero 左右栅格 */
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
.hero-left { text-align: left; }
.hero-left h1 { margin: 18px 0 22px; }
.hero-left .hero-desc { max-width: 520px; }
.hero-left .hero-actions { justify-content: flex-start; }
.hero-left .compat { margin-top: 22px; }
.hero-right .hero-panel { margin: 0; max-width: 100%; }
@media (max-width: 1080px) {
  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-left { text-align: center; }
  .hero-left .hero-desc { margin-left: auto; margin-right: auto; }
  .hero-left .hero-actions { justify-content: center; }
}

/* Bento 能力区 2x2 不对称 */
.bento-head { display: block; margin-bottom: 28px; }
.bento-head .section-kicker { margin-bottom: 14px; }
.bento-head h2 { font-size: clamp(38px, 5.4vw, 64px); }
.bento-grid { display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: auto auto; gap: 18px; }
.bento-card { position: relative; padding: 28px 30px; min-height: 320px; border: 1px solid var(--line); border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74)); box-shadow: 0 24px 70px rgba(15,40,50,.10), inset 0 1px 0 rgba(255,255,255,.92);
  display: flex; flex-direction: column; transition: transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease, border-color .26s ease; }
.bento-card:hover { transform: translateY(-4px); border-color: rgba(56,189,248,.22); box-shadow: 0 36px 100px rgba(56,189,248,.12), 0 18px 60px rgba(15,40,50,.08); }
.bento-large { /* 占左大、右下大 */ }
.bento-grid > .bento-large:nth-of-type(1) { grid-column: 1; grid-row: 1; }
.bento-grid > .bento-card:nth-of-type(2) { grid-column: 2; grid-row: 1; }
.bento-grid > .bento-card:nth-of-type(3) { grid-column: 1; grid-row: 2; }
.bento-grid > .bento-large:nth-of-type(4) { grid-column: 2; grid-row: 2; }
.bento-tag { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 999px; font-size: 12px; font-weight: 750; color: var(--accent-ink); background: var(--accent-soft); border: 1px solid rgba(56,189,248,.22); }
.bento-no { position: absolute; right: 26px; top: 28px; font-size: 12px; letter-spacing: .14em; color: var(--faint); font-weight: 700; font-variant-numeric: tabular-nums; }
.bento-card h3 { margin: 18px 0 12px; font-size: 22px; line-height: 1.3; letter-spacing: -.02em; color: var(--text); }
.bento-card > p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 14px; max-width: 56ch; }
/* 卡 1：品牌 logo 行 */
.bento-brands { margin-top: auto; padding-top: 26px; display: flex; flex-wrap: wrap; gap: 10px; }
.bento-brand { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; font-size: 13px; font-weight: 650; color: var(--text); background: rgba(15,23,42,.04); border: 1px solid var(--line); }
.bento-brand img { width: 18px; height: 18px; border-radius: 5px; object-fit: contain; flex: 0 0 auto; }
.bento-mono { width: 18px; height: 18px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 5px; font-size: 10px; font-weight: 800; color: #fff; line-height: 1; }
.bento-mono[data-c="ds"] { background: #4d6bfe; }
.bento-mono[data-c="qw"] { background: #615ced; }
.bento-mono[data-c="db"] { background: #1664ff; }
.bento-mono[data-c="wx"] { background: #2932e1; }
.bento-mono[data-c="hy"] { background: #0a5ae8; }
.bento-brand-more { color: var(--faint); background: transparent; border-style: dashed; }
/* 卡 2：代码块 */
.bento-code { margin-top: auto; padding-top: 20px; }
.bento-code-head { display: flex; align-items: center; gap: 10px; padding: 9px 13px; border: 1px solid var(--line); border-bottom: 0; border-radius: 12px 12px 0 0; background: rgba(248,250,252,.8); font-size: 12px; color: var(--faint); }
.bento-code-head span:nth-child(2) { margin-left: 26px; color: var(--muted); }
.bento-code-head em { margin-left: auto; font-style: normal; font-size: 11px; font-weight: 700; color: var(--accent-ink); letter-spacing: .08em; text-transform: uppercase; }
.bento-code-body { margin: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 0 0 12px 12px; background: rgba(248,250,252,.92); font-size: 12px; line-height: 1.7; overflow: auto; }
.bento-code-body code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
/* 卡 3：用量 donut */
.bento-usage { margin-top: auto; padding-top: 24px; display: flex; align-items: center; gap: 22px; }
.bento-donut { --p: 72; position: relative; width: 96px; height: 96px; flex: 0 0 auto; border-radius: 50%; background: conic-gradient(var(--accent) calc(var(--p) * 1%), rgba(15,23,42,.08) 0); display: grid; place-items: center; }
.bento-donut::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--bg-soft); }
.bento-donut span { position: relative; font-size: 20px; font-weight: 800; letter-spacing: -.02em; color: var(--text); font-variant-numeric: tabular-nums; }
.bento-donut small { position: absolute; bottom: 22px; font-size: 10px; color: var(--faint); font-weight: 700; }
.bento-usage-rows { flex: 1; display: flex; flex-direction: column; gap: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.bento-usage-rows > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px dashed rgba(15,23,42,.07); }
.bento-usage-rows > div:last-child { border-bottom: 0; }
.bento-usage-rows span { color: var(--faint); }
.bento-usage-rows b { color: var(--text); font-variant-numeric: tabular-nums; font-weight: 700; }
.bento-cost { color: var(--accent-ink) !important; }
/* 卡 4：日志列表 */
.bento-loglist { margin-top: auto; padding-top: 24px; display: flex; flex-direction: column; gap: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; }
.bento-logrow { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; background: rgba(15,23,42,.04); border: 1px solid var(--line-soft); }
.bento-time { color: var(--faint); font-size: 11px; flex: 0 0 auto; }
.bento-logrow .szai-mtd { color: var(--accent-ink); }
.bento-logrow .szai-path { color: var(--muted); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bento-logrow .szai-code { color: #15803d; background: rgba(34,197,94,.14); padding: 2px 8px; border-radius: 6px; font-weight: 700; font-size: 11px; }
.bento-logrow .szai-ms { color: var(--faint); flex: 0 0 auto; min-width: 42px; text-align: right; }
@media (max-width: 980px) {
  .bento-grid { grid-template-columns: 1fr; }
  .bento-grid > * { grid-column: 1 !important; grid-row: auto !important; }
  .bento-card { min-height: 260px; padding: 22px; }
}

/* Quick Start 左右分栏 */
.quick-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); gap: 64px; align-items: start; }
.quick-left { position: sticky; top: 120px; }
.quick-left .section-kicker { display: inline-block; margin-bottom: 12px; }
.quick-left h2 { margin: 0 0 18px; font-size: clamp(36px, 4.6vw, 56px); line-height: 1.1; }
.quick-left .section-copy { color: var(--muted); line-height: 1.75; max-width: 420px; }
.quick-right { display: flex; flex-direction: column; gap: 16px; }
.quick-step { position: relative; padding: 24px 26px; display: grid; grid-template-columns: 56px 1fr; gap: 18px; border: 1px solid var(--line); border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.78)); box-shadow: 0 18px 50px rgba(15,40,50,.07), inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .24s cubic-bezier(.22,.61,.36,1), box-shadow .24s ease, border-color .24s ease; }
.quick-step:hover { transform: translateY(-3px); border-color: rgba(56,189,248,.24); box-shadow: 0 26px 70px rgba(56,189,248,.10), 0 14px 40px rgba(15,40,50,.06); }
.quick-step-no { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: var(--accent-soft); border: 1px solid rgba(56,189,248,.22); color: var(--accent-ink); font-weight: 800; font-size: 13px; letter-spacing: .04em; flex: 0 0 auto; }
.quick-step-no span { font-variant-numeric: tabular-nums; }
.quick-step-body h3 { margin: 4px 0 8px; font-size: 18px; letter-spacing: -.01em; color: var(--text); }
.quick-step-body p { margin: 0 0 14px; color: var(--muted); line-height: 1.7; font-size: 14px; }
.quick-step-hint { display: inline-block; padding: 5px 11px; border-radius: 8px; font-size: 12px; color: var(--faint); background: rgba(15,23,42,.04); border: 1px solid var(--line-soft); margin-right: 8px; }
.quick-step-tag { display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; color: var(--accent-ink); background: var(--accent-soft); border: 1px solid rgba(56,189,248,.22); }
.quick-step-token { display: block; margin-top: 10px; padding: 9px 13px; border-radius: 10px; background: rgba(15,23,42,.05); border: 1px solid var(--line-soft); font-family: ui-monospace, monospace; font-size: 12.5px; color: var(--accent-ink); }
.quick-step-code { margin: 0; padding: 14px 16px; border-radius: 12px; background: rgba(15,23,42,.04); border: 1px solid var(--line-soft); font-size: 12.5px; line-height: 1.75; overflow: auto; }
.quick-step-code code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.quick-step-code .k { color: var(--accent-ink); } .quick-step-code .s { color: #15803d; }
@media (max-width: 980px) {
  .quick-grid { grid-template-columns: 1fr; gap: 30px; }
  .quick-left { position: static; }
}

/* 暗色 */
html.dark .bento-card { background: linear-gradient(180deg, rgba(13,28,30,.86), rgba(10,20,22,.74)); border-color: rgba(148,184,180,.16); box-shadow: 0 30px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05); }
html.dark .bento-card:hover { border-color: rgba(79,140,255,.26); box-shadow: 0 40px 110px rgba(56,189,248,.18), 0 18px 60px rgba(0,0,0,.5); }
html.dark .bento-brand { background: rgba(148,184,180,.07); border-color: rgba(148,184,180,.14); }
html.dark .bento-code-head { background: rgba(6,14,15,.72); border-color: rgba(148,184,180,.14); }
html.dark .bento-code-body { background: rgba(6,14,15,.6); border-color: rgba(148,184,180,.14); color: rgba(226,240,238,.86); }
html.dark .bento-donut::before { background: #0b1518; }
html.dark .bento-usage-rows > div { border-color: rgba(148,184,180,.14); }
html.dark .bento-logrow { background: rgba(148,184,180,.06); border-color: rgba(148,184,180,.10); }
html.dark .bento-logrow .szai-code { color: #4ade80; background: rgba(34,197,94,.18); }
html.dark .quick-step { background: linear-gradient(180deg, rgba(13,28,30,.86), rgba(10,20,22,.74)); border-color: rgba(148,184,180,.16); box-shadow: 0 22px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05); }
html.dark .quick-step:hover { border-color: rgba(79,140,255,.26); box-shadow: 0 30px 80px rgba(56,189,248,.18), 0 16px 50px rgba(0,0,0,.46); }
html.dark .quick-step-hint { background: rgba(148,184,180,.08); border-color: rgba(148,184,180,.14); color: var(--faint); }
html.dark .quick-step-token { background: rgba(6,14,15,.6); border-color: rgba(148,184,180,.14); }
html.dark .quick-step-code { background: rgba(6,14,15,.6); border-color: rgba(148,184,180,.14); color: rgba(226,240,238,.86); }

/* ===== 二开：Hero 下方指标带（编号指标卡，竖线分隔，对标参考图） ===== */
.metrics-section { padding: 0 0 24px; }
.metrics-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--card);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
  overflow: hidden;
}
.metric-item {
  padding: 28px 30px;
  border-left: 1px solid var(--line-soft);
}
.metric-item:first-child { border-left: 0; }
.metric-idx {
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 700;
  color: var(--faint);
  text-transform: uppercase;
  margin-bottom: 14px;
}
.metric-num {
  display: block;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.metric-cap {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  color: var(--muted);
}
@media (max-width: 760px) {
  .metrics-band { grid-template-columns: 1fr 1fr; }
  .metric-item:nth-child(3) { border-left: 0; }
  .metric-item:nth-child(odd) { border-left: 0; }
  .metric-item:nth-child(3), .metric-item:nth-child(4) { border-top: 1px solid var(--line-soft); }
  .metric-item { padding: 22px; }
}

/* Growth upgrade: trust, simplified CTA, SEO/GEO intent matrix */
.hero-actions-simple { align-items: center; gap: 14px; flex-wrap: wrap; }
.hero-cta-note { color: var(--muted); font-size: 14px; line-height: 1.5; }
.hero-trust-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; max-width:720px; }
.hero-trust-row span, .hero-trust-row a { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.54); color:var(--muted); font-size:13px; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); }
.hero-trust-row span::before, .hero-trust-row a::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); flex:0 0 auto; }
.trust-section { padding: 18px 0 34px; }
.trust-panel { display:grid; grid-template-columns: .86fr 1.14fr; gap:24px; align-items:stretch; padding:26px; border:1px solid var(--line); border-radius:30px; background:linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,.44)); box-shadow:var(--shadow); backdrop-filter: blur(18px); }
.trust-copy h2 { margin:8px 0 10px; font-size:clamp(28px, 3vw, 44px); line-height:1.04; letter-spacing:-.04em; color:var(--text); }
.trust-copy p { margin:0; color:var(--muted); line-height:1.7; max-width:620px; }
.trust-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.trust-card, .seo-card { border:1px solid var(--line-soft); background:rgba(255,255,255,.60); border-radius:22px; padding:18px; box-shadow: inset 0 1px 0 rgba(255,255,255,.42); }
.trust-card strong, .seo-card h3 { display:block; color:var(--text); font-size:16px; line-height:1.25; margin:0 0 8px; letter-spacing:-.02em; }
.trust-card span, .seo-card p { display:block; color:var(--muted); font-size:14px; line-height:1.65; margin:0; }
.seo-matrix { padding: 28px 0 70px; }
.seo-head { margin-bottom:18px; }
.seo-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.seo-card span { display:inline-flex; margin-bottom:12px; padding:6px 10px; border-radius:999px; color:var(--accent-ink); background:var(--accent-soft); font-size:12px; font-weight:750; letter-spacing:.01em; }
html.dark .hero-trust-row span,
html.dark .trust-panel,
html.dark .trust-card,
html.dark .seo-card { border-color:rgba(148,184,180,.16); background:linear-gradient(180deg, rgba(15,23,42,.78), rgba(8,13,28,.66)); box-shadow:0 28px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.075); }
html.dark .hero-cta-note, html.dark .trust-copy p, html.dark .trust-card span, html.dark .seo-card p { color:rgba(203,213,225,.74); }
html.dark .trust-copy h2, html.dark .trust-card strong, html.dark .seo-card h3 { color:#f8fafc; }
html.dark .seo-card span { color:#bfdbfe; background:rgba(79,140,255,.12); }
@media (max-width: 920px) { .trust-panel { grid-template-columns:1fr; } .seo-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 640px) { .hero-actions-simple { align-items:flex-start; } .hero-cta-note { width:100%; } .trust-grid, .seo-grid { grid-template-columns:1fr; } .trust-panel { padding:20px; border-radius:24px; } }

.trust-link, .seo-link { display:inline-flex; align-items:center; gap:6px; margin-top:12px; color:var(--accent-ink); font-weight:750; font-size:13px; text-decoration:none; }
.trust-link:hover, .seo-link:hover { text-decoration: underline; }
.copy-btn { margin-left:auto; border:1px solid var(--line); background:rgba(255,255,255,.68); color:var(--accent-ink); border-radius:999px; padding:5px 9px; font-size:12px; font-weight:750; cursor:pointer; }
.quick-copy { margin:8px 0 8px; }
.copy-btn.copied { background:var(--accent-soft); border-color:rgba(56,189,248,.30); }
html.dark .copy-btn { color:#bfdbfe; border-color:rgba(148,184,180,.16); background:rgba(15,23,42,.72); }

/* macOS lite patch — low GPU, conservative */
:root {
  --lite-glass: rgba(255,255,255,.78);
  --lite-glass-soft: rgba(255,255,255,.64);
  --lite-line: rgba(15,23,42,.10);
  --lite-shadow: 0 14px 36px rgba(15,23,42,.08);
}
html.dark {
  --lite-glass: rgba(15,23,42,.78);
  --lite-glass-soft: rgba(15,23,42,.62);
  --lite-line: rgba(148,163,184,.16);
  --lite-shadow: 0 18px 48px rgba(0,0,0,.26);
}
.header { position: sticky; top: 0; z-index: 80; padding-top: 12px; }
.nav {
  min-height: 64px;
  border-radius: 24px;
  border: 1px solid var(--lite-line);
  background: var(--lite-glass);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--lite-shadow);
}
.links {
  border-radius: 999px;
  background: rgba(255,255,255,.36);
  border: 1px solid var(--lite-line);
}
html.dark .links { background: rgba(255,255,255,.06); }
.hero-panel,
.trust-panel,
.metrics-band,
.bento-card,
.quick-left,
.quick-step,
.price-board,
.feedback-card,
.cta-band,
.seo-card {
  border-radius: 24px;
  border: 1px solid var(--lite-line);
  background: var(--lite-glass-soft);
  box-shadow: var(--lite-shadow);
}
.hero-panel,
.trust-panel,
.price-board,
.cta-band {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.bento-card,
.quick-step,
.seo-card,
.trust-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.bento-card:hover,
.quick-step:hover,
.seo-card:hover,
.trust-card:hover { transform: translateY(-2px); }
.liquid-bg::before,
.liquid-bg::after { filter: blur(18px) !important; opacity: .54 !important; }
@media (max-width: 820px) {
  .shell { width: min(100% - 28px, 1180px); }
  .nav { border-radius: 20px; padding: 10px; align-items: flex-start; }
  .links { order: 3; width: 100%; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
  .links::-webkit-scrollbar { display: none; }
  .actions { margin-left: auto; }
  .hero-grid, .quick-grid, .trust-grid, .seo-grid, .bento-grid { grid-template-columns: minmax(0,1fr) !important; }
  .hero-left, .hero-right, .hero-panel, .quick-left, .quick-right, .quick-step, .bento-card, .seo-card { min-width: 0; max-width: 100%; }
  .quick-right { display: grid !important; grid-template-columns: minmax(0,1fr) !important; width: 100%; }
  .quick-step { grid-template-columns: 72px minmax(0,1fr); width: 100%; }
  .quick-step-token, .quick-step-code, .bento-code, .price-table-wrap { max-width: 100%; overflow-x: auto; }
  .metrics-band { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .brand span { max-width: 96px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .actions > .btn:not(.primary) { display:none; }
  .quick-step { grid-template-columns: 1fr; }
  .metrics-band { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* emergency mobile containment */
html, body { max-width: 100%; overflow-x: clip; }
@supports not (overflow-x: clip) { html, body { overflow-x: hidden; } }
@media (max-width: 820px) {
  .quick-step, .quick-step-body, .quick-step-body > *, .quick-step-code, .quick-step-token,
  .bento-code, .bento-code-body, .hero-panel, .szai-console { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
  .quick-step { display: grid !important; grid-template-columns: 64px minmax(0,1fr) !important; overflow: hidden; }
  .quick-step-body { overflow: hidden; }
  .quick-step-code, .bento-code { overflow-x: auto !important; }
}
@media (max-width: 520px) {
  .quick-step { grid-template-columns: minmax(0,1fr) !important; }
}

/* Trust section redesign — minimal evidence list */
.trust-panel-minimal {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: 28px;
  align-items: center;
  padding: 34px;
  border-radius: 28px;
  overflow: hidden;
}
.trust-panel-minimal .trust-copy { max-width: 460px; }
.trust-panel-minimal .trust-copy h2 {
  margin: 12px 0 12px;
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.trust-panel-minimal .trust-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.68;
}
.trust-list {
  display: grid;
  gap: 10px;
}
.trust-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.52);
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.44);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
html.dark .trust-row {
  border-color: rgba(148,163,184,.14);
  background: rgba(255,255,255,.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.trust-row:hover {
  transform: translateY(-1px);
  border-color: rgba(0,122,255,.24);
  background: rgba(255,255,255,.70);
}
html.dark .trust-row:hover { background: rgba(255,255,255,.085); }
.trust-row-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--accent);
  background: rgba(0,122,255,.10);
}
.trust-row-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.trust-row-text { min-width: 0; }
.trust-row-text strong {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  letter-spacing: -.015em;
}
.trust-row-text small {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.trust-row-action {
  color: var(--accent-ink);
  font-weight: 760;
  font-size: 13px;
  white-space: nowrap;
}
@media (max-width: 920px) {
  .trust-panel-minimal {
    grid-template-columns: minmax(0, 1fr);
    padding: 24px;
  }
  .trust-panel-minimal .trust-copy { max-width: none; }
}
@media (max-width: 620px) {
  .trust-panel-minimal { padding: 18px; border-radius: 22px; }
  .trust-row {
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
  }
  .trust-row-action {
    grid-column: 2;
    white-space: normal;
  }
  .trust-row-icon { width: 38px; height: 38px; border-radius: 13px; }
}

/* Trust section spacing fix — make proof rows breathe */
.trust-panel-minimal {
  padding: 42px !important;
  gap: 34px !important;
}
.trust-list {
  gap: 14px !important;
}
.trust-row {
  padding: 20px 22px !important;
  grid-template-columns: 50px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  min-height: 112px;
  border-radius: 24px !important;
}
.trust-row-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 17px !important;
}
.trust-row-icon svg {
  width: 24px !important;
  height: 24px !important;
}
.trust-row-text strong {
  font-size: 16px !important;
  margin-bottom: 7px !important;
}
.trust-row-text small {
  font-size: 14px !important;
  line-height: 1.62 !important;
}
.trust-row-action {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,122,255,.10);
  font-size: 13px !important;
}
html.dark .trust-row-action {
  background: rgba(10,132,255,.16);
}
@media (max-width: 920px) {
  .trust-panel-minimal {
    padding: 30px !important;
  }
}
@media (max-width: 620px) {
  .trust-panel-minimal {
    padding: 22px !important;
    gap: 22px !important;
  }
  .trust-list {
    gap: 12px !important;
  }
  .trust-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px !important;
    min-height: 0;
    border-radius: 22px !important;
  }
  .trust-row-icon {
    width: 48px !important;
    height: 48px !important;
  }
  .trust-row-text strong {
    font-size: 16px !important;
  }
  .trust-row-text small {
    font-size: 14px !important;
    line-height: 1.68 !important;
  }
  .trust-row-action {
    grid-column: 1 / -1 !important;
    justify-self: start;
    margin-left: 62px;
    margin-top: 2px;
  }
}
@media (max-width: 420px) {
  .trust-panel-minimal {
    padding: 18px !important;
  }
  .trust-row {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }
  .trust-row-icon {
    width: 44px !important;
    height: 44px !important;
  }
  .trust-row-action {
    margin-left: 0;
  }
}

/* keep trust rows compact on phone while preserving padding */
@media (max-width: 420px) {
  .trust-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }
  .trust-row-action {
    grid-column: 2 !important;
    margin-left: 0 !important;
  }
}

/* Quick Start section redesign — balanced background and spacing */
.quick-section {
  padding: 42px 0;
}
.quick-section .quick-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 30px;
  align-items: stretch;
  padding: 30px;
  border: 1px solid rgba(15,23,42,.09);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 8%, rgba(0,122,255,.08), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(50,210,255,.07), transparent 28%),
    rgba(255,255,255,.58);
  box-shadow: 0 16px 44px rgba(15,23,42,.08);
  overflow: hidden;
}
html.dark .quick-section .quick-grid {
  border-color: rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 12% 8%, rgba(10,132,255,.13), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(100,210,255,.08), transparent 28%),
    rgba(15,23,42,.46);
  box-shadow: 0 18px 54px rgba(0,0,0,.24);
}
.quick-section .quick-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  border-radius: 24px;
  background: rgba(255,255,255,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
}
html.dark .quick-section .quick-left {
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.quick-section .quick-left h2 {
  margin: 14px 0 12px;
  font-size: clamp(32px, 4.4vw, 58px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.quick-section .quick-left .section-copy {
  max-width: 500px;
  margin: 0;
  font-size: 16px;
  line-height: 1.72;
  color: var(--muted);
}
.quick-section .quick-right {
  display: grid;
  gap: 14px;
  min-width: 0;
}
.quick-section .quick-step {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 20px;
  min-width: 0;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.68);
  box-shadow: 0 10px 26px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.48);
}
html.dark .quick-section .quick-step {
  border-color: rgba(148,163,184,.14);
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.quick-section .quick-step-no {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(0,122,255,.10);
  color: var(--accent-ink);
  font-weight: 820;
  letter-spacing: -.02em;
}
.quick-section .quick-step-body {
  min-width: 0;
  padding: 1px 0 0;
}
.quick-section .quick-step-body h3 {
  margin: 0 0 7px;
  font-size: 20px;
  letter-spacing: -.02em;
}
.quick-section .quick-step-body p {
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.62;
}
.quick-section .quick-step-hint,
.quick-section .quick-step-tag,
.quick-section .quick-step-token {
  display: inline-flex;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.54);
  color: var(--accent-ink);
  font-size: 13px;
  font-weight: 760;
  overflow-x: auto;
  white-space: nowrap;
}
html.dark .quick-section .quick-step-hint,
html.dark .quick-section .quick-step-tag,
html.dark .quick-section .quick-step-token {
  border-color: rgba(148,163,184,.14);
  background: rgba(255,255,255,.07);
}
.quick-section .quick-copy {
  margin-left: 8px;
  padding: 7px 11px;
}
.quick-section .quick-step-code {
  margin: 12px 0 0;
  max-width: 100%;
  overflow-x: auto;
  border-radius: 18px;
}
@media (max-width: 920px) {
  .quick-section .quick-grid {
    grid-template-columns: minmax(0,1fr);
    padding: 24px;
  }
  .quick-section .quick-left {
    padding: 22px;
  }
}
@media (max-width: 560px) {
  .quick-section { padding: 28px 0; }
  .quick-section .quick-grid {
    padding: 16px;
    gap: 16px;
    border-radius: 24px;
  }
  .quick-section .quick-left {
    padding: 18px;
    border-radius: 20px;
  }
  .quick-section .quick-step {
    grid-template-columns: minmax(0,1fr);
    padding: 18px;
    gap: 12px;
  }
  .quick-section .quick-step-no {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
  .quick-section .quick-copy {
    margin: 8px 0 0;
  }
}

/* Quick Start balance fix */
.quick-section .quick-grid {
  align-items: start !important;
}
.quick-section .quick-left {
  align-self: start;
}
.quick-section .quick-step-code {
  max-height: 260px;
}
.quick-section .quick-step:last-child {
  align-items: start;
}
@media (min-width: 921px) {
  .quick-section .quick-left {
    margin-top: 14px;
  }
}

/* Overseas SaaS conversion homepage — clean, low GPU */
.conversion-home { overflow: hidden; }
.conversion-home .shell { width: min(1180px, calc(100% - 40px)); }
.conv-hero { padding: 74px 0 54px; }
.conv-hero-grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); gap: 42px; align-items: center; }
.conv-kicker,
.conv-section-head > span,
.conv-terminal-meta span,
.conv-tool-card > span,
.conv-final-panel > span {
  display: inline-flex; align-items: center; width: fit-content;
  padding: 8px 12px; border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10); background: rgba(255,255,255,.66);
  color: var(--accent-ink); font-weight: 780; font-size: 13px; letter-spacing: .01em;
}
html.dark .conv-kicker, html.dark .conv-section-head > span, html.dark .conv-terminal-meta span, html.dark .conv-tool-card > span, html.dark .conv-final-panel > span { background: rgba(255,255,255,.07); border-color: rgba(148,163,184,.16); }
.conv-hero h1 { margin: 18px 0 18px; max-width: 800px; font-size: clamp(48px, 7vw, 92px); line-height: .95; letter-spacing: -.07em; font-weight: 840; }
.conv-lead { max-width: 720px; margin: 0; color: var(--muted); font-size: clamp(17px, 1.55vw, 21px); line-height: 1.64; }
.conv-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 26px; }
.conv-proof-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.conv-proof-row a { padding: 9px 12px; border-radius: 999px; border: 1px solid rgba(15,23,42,.09); background: rgba(255,255,255,.54); color: var(--muted); font-size: 13px; font-weight: 700; text-decoration: none; }
html.dark .conv-proof-row a { background: rgba(255,255,255,.06); border-color: rgba(148,163,184,.14); }
.conv-terminal, .conv-panel, .conv-faq-panel, .conv-final-panel {
  border: 1px solid rgba(15,23,42,.10); border-radius: 28px;
  background: rgba(255,255,255,.68); box-shadow: 0 18px 52px rgba(15,23,42,.09);
}
html.dark .conv-terminal, html.dark .conv-panel, html.dark .conv-faq-panel, html.dark .conv-final-panel { background: rgba(15,23,42,.58); border-color: rgba(148,163,184,.15); box-shadow: 0 18px 54px rgba(0,0,0,.28); }
.conv-terminal { overflow: hidden; }
.conv-window-bar { display: flex; gap: 8px; align-items: center; padding: 14px 16px; border-bottom: 1px solid rgba(15,23,42,.08); }
html.dark .conv-window-bar { border-color: rgba(148,163,184,.13); }
.conv-window-bar span { width: 11px; height: 11px; border-radius: 999px; background: #ff5f57; }
.conv-window-bar span:nth-child(2) { background: #ffbd2e; }
.conv-window-bar span:nth-child(3) { background: #28c840; }
.conv-window-bar b { margin-left: 8px; color: var(--muted); font-size: 13px; }
.conv-terminal pre { margin: 0; padding: 22px; overflow-x: auto; background: rgba(7,12,20,.94); color: #d1fae5; font-size: 13px; line-height: 1.72; }
.conv-terminal-meta { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 16px; }
.conv-section { padding: 46px 0; }
.conv-panel, .conv-faq-panel, .conv-final-panel { padding: 34px; }
.conv-section-head { max-width: 680px; }
.conv-centered { text-align: center; margin: 0 auto 24px; }
.conv-centered span { margin-inline: auto; }
.conv-section-head h2 { margin: 14px 0 10px; font-size: clamp(34px, 4.8vw, 62px); line-height: 1.02; letter-spacing: -.06em; }
.conv-section-head p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.66; }
.conv-step-grid, .conv-tool-grid, .conv-billing-grid, .conv-usecase-grid, .conv-faq-grid { display: grid; gap: 14px; }
.conv-step-grid { grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 24px; }
.conv-tool-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.conv-billing-grid, .conv-usecase-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.conv-step-card, .conv-tool-card, .conv-billing-grid a, .conv-proof-list a, .conv-usecase-grid a, .conv-faq-grid details {
  display: block; min-width: 0; padding: 20px; border-radius: 22px; border: 1px solid rgba(15,23,42,.09);
  background: rgba(255,255,255,.56); color: inherit; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.40);
}
html.dark .conv-step-card, html.dark .conv-tool-card, html.dark .conv-billing-grid a, html.dark .conv-proof-list a, html.dark .conv-usecase-grid a, html.dark .conv-faq-grid details { background: rgba(255,255,255,.055); border-color: rgba(148,163,184,.14); }
.conv-step-card strong { display: inline-flex; margin-bottom: 34px; font-size: 13px; color: var(--accent-ink); }
.conv-step-card h3, .conv-tool-card h3 { margin: 0 0 9px; font-size: 21px; letter-spacing: -.025em; }
.conv-step-card p, .conv-tool-card p, .conv-billing-grid small, .conv-proof-list small, .conv-usecase-grid small, .conv-faq-grid p { color: var(--muted); line-height: 1.62; }
.conv-step-card a { display: inline-flex; margin-top: 12px; color: var(--accent-ink); font-weight: 800; text-decoration: none; }
.conv-tool-card, .conv-step-card, .conv-billing-grid a, .conv-usecase-grid a, .conv-proof-list a { transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.conv-tool-card:hover, .conv-step-card:hover, .conv-billing-grid a:hover, .conv-usecase-grid a:hover, .conv-proof-list a:hover { transform: translateY(-2px); border-color: rgba(0,122,255,.22); }
.conv-tool-card > span { margin-bottom: 18px; }
.conv-billing-panel { display: grid; grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr); gap: 28px; align-items: center; }
.conv-billing-grid a strong, .conv-proof-list b, .conv-usecase-grid strong { display: block; margin-bottom: 8px; font-size: 17px; }
.conv-trust-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 28px; align-items: start; }
.conv-proof-list { display: grid; gap: 12px; }
.conv-proof-list a { padding: 18px 20px; }
.conv-faq-grid { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 20px; }
.conv-faq-grid summary { cursor: pointer; font-weight: 820; letter-spacing: -.015em; }
.conv-faq-grid p { margin: 12px 0 0; }
.conv-final { padding-bottom: 82px; }
.conv-final-panel { text-align: center; }
.conv-final-panel > span { margin: 0 auto; }
.conv-final-panel h2 { margin: 16px auto 10px; max-width: 760px; font-size: clamp(36px, 5vw, 68px); line-height: 1; letter-spacing: -.06em; }
.conv-final-panel p { max-width: 660px; margin: 0 auto; color: var(--muted); line-height: 1.66; }
.conv-final-panel .conv-actions { justify-content: center; }
@media (max-width: 1080px) { .conv-hero-grid, .conv-billing-panel, .conv-trust-layout { grid-template-columns: minmax(0,1fr); } .conv-terminal { max-width: 760px; } .conv-tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 820px) { .conversion-home .shell { width: min(100% - 28px, 1180px); } .conv-hero { padding: 42px 0 34px; } .conv-step-grid, .conv-billing-grid, .conv-usecase-grid, .conv-faq-grid { grid-template-columns: minmax(0,1fr); } .conv-panel, .conv-faq-panel, .conv-final-panel { padding: 24px; } .conv-hero h1 { font-size: clamp(42px, 12vw, 72px); } }
@media (max-width: 560px) { .conv-tool-grid { grid-template-columns: minmax(0,1fr); } .conv-terminal pre { font-size: 12px; padding: 16px; } .conv-actions .btn { width: 100%; justify-content: center; } .conv-section { padding: 32px 0; } .conv-panel, .conv-faq-panel, .conv-final-panel { padding: 18px; border-radius: 22px; } }

/* DataMind AI macOS dark visual pass — clean wallpaper + glass windows */
html.dark {
  --bg: #070b14;
  --bg-soft: rgba(18, 25, 38, .74);
  --card: rgba(20, 28, 42, .58);
  --card-strong: rgba(24, 33, 50, .76);
  --line: rgba(255,255,255,.13);
  --line-soft: rgba(255,255,255,.08);
  --text: rgba(248,250,252,.96);
  --muted: rgba(214,224,238,.70);
  --faint: rgba(170,185,205,.58);
  --accent: #7ab7ff;
  --accent-2: #9bdcff;
  --accent-ink: #d7ebff;
  --accent-soft: rgba(122, 183, 255, .14);
  --shadow: 0 28px 90px rgba(0,0,0,.42);
}
html.dark body {
  background:
    radial-gradient(90rem 34rem at 50% -18%, rgba(144, 205, 255, .22), transparent 64%),
    radial-gradient(60rem 42rem at 18% 18%, rgba(91, 141, 255, .13), transparent 70%),
    radial-gradient(58rem 40rem at 86% 12%, rgba(125, 211, 252, .10), transparent 74%),
    linear-gradient(180deg, #101827 0%, #070b14 48%, #050812 100%);
}
html.dark body::before {
  background:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size: 88px 88px, 88px 88px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.48) 0%, rgba(0,0,0,.20) 42%, transparent 78%);
}
html.dark body::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, transparent 8rem),
    linear-gradient(180deg, transparent 0%, rgba(5,8,18,.22) 58%, #050812 100%);
}
html.dark .liquid-bg {
  background:
    linear-gradient(180deg, rgba(20,30,48,.96) 0%, rgba(7,11,20,.96) 50%, rgba(5,8,18,.98) 100%);
}
html.dark .liquid-bg::before {
  background:
    radial-gradient(64rem 24rem at 50% -8%, rgba(154, 218, 255, .24), transparent 72%),
    radial-gradient(48rem 28rem at 12% 22%, rgba(108, 142, 255, .12), transparent 70%),
    radial-gradient(46rem 26rem at 88% 16%, rgba(125, 211, 252, .11), transparent 72%);
  filter: blur(22px) saturate(1.05);
  opacity: .72;
}
html.dark .liquid-bg::after {
  background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, transparent 22%, transparent 62%, rgba(5,8,18,.80) 100%);
}
html.dark .nav {
  background: rgba(16, 24, 38, .58);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 24px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter: blur(28px) saturate(1.45);
  -webkit-backdrop-filter: blur(28px) saturate(1.45);
}
html.dark .links {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
html.dark .links a:hover,
html.dark .links a.active {
  color: #f8fbff;
  background: rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 28px rgba(0,0,0,.16);
}
html.dark .btn,
html.dark .icon-btn {
  background: rgba(255,255,255,.065);
  border-color: rgba(255,255,255,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 10px 30px rgba(0,0,0,.18);
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
}
html.dark .btn.primary {
  color: #07111f;
  background: linear-gradient(180deg, #d8efff 0%, #89c8ff 48%, #5ca8ff 100%);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 18px 54px rgba(93, 168, 255, .25), inset 0 1px 0 rgba(255,255,255,.78);
}
html.dark .eyebrow,
html.dark .compat,
html.dark .terminal,
html.dark .status-card,
html.dark .card,
html.dark .price-card,
html.dark .step,
html.dark .metric,
html.dark .price-preview,
html.dark .price-board,
html.dark .feedback-section,
html.dark .feedback-card,
html.dark .cta-band,
html.dark .conv-terminal,
html.dark .conv-panel,
html.dark .conv-faq-panel,
html.dark .conv-final-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.045));
  border-color: rgba(255,255,255,.135);
  box-shadow: 0 26px 88px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter: blur(30px) saturate(1.55);
  -webkit-backdrop-filter: blur(30px) saturate(1.55);
}
html.dark .price-preview,
html.dark .feedback-section,
html.dark .cta-band,
html.dark .conv-final-panel {
  background:
    radial-gradient(52rem 20rem at 50% -18%, rgba(154,218,255,.14), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.042));
}
html.dark .terminal-head,
html.dark .status-line,
html.dark .price-board-head,
html.dark .price-table tr {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075);
}
html.dark .conv-terminal pre {
  background: rgba(4, 8, 15, .74);
  color: rgba(225, 241, 255, .90);
}
html.dark .conv-kicker,
html.dark .conv-section-head > span,
html.dark .conv-terminal-meta span,
html.dark .conv-tool-card > span,
html.dark .conv-final-panel > span,
html.dark .tag,
html.dark .pill {
  color: #d7ebff;
  background: rgba(154,218,255,.10);
  border-color: rgba(154,218,255,.18);
}
html.dark .card:hover,
html.dark .step:hover,
html.dark .price-card:hover,
html.dark .metric:hover,
html.dark .conv-panel:hover {
  border-color: rgba(180, 224, 255, .25);
  box-shadow: 0 34px 104px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04), inset 0 1px 0 rgba(255,255,255,.16);
}

/* DataMind AI macOS glass refinement — remove neutral gray slabs */
html.dark .eyebrow,
html.dark .compat,
html.dark .terminal,
html.dark .status-card,
html.dark .card,
html.dark .price-card,
html.dark .step,
html.dark .metric,
html.dark .price-preview,
html.dark .price-board,
html.dark .feedback-section,
html.dark .feedback-card,
html.dark .cta-band,
html.dark .conv-terminal,
html.dark .conv-panel,
html.dark .conv-faq-panel,
html.dark .conv-final-panel {
  background:
    radial-gradient(34rem 18rem at 50% -18%, rgba(130, 196, 255, .085), transparent 70%),
    linear-gradient(180deg, rgba(16, 28, 48, .46), rgba(8, 14, 27, .30));
  border-color: rgba(180, 218, 255, .115);
  box-shadow: 0 26px 88px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.095);
}
html.dark .conv-panel,
html.dark .conv-faq-panel,
html.dark .conv-final-panel,
html.dark .price-preview,
html.dark .feedback-section,
html.dark .cta-band {
  background:
    radial-gradient(44rem 18rem at 50% -22%, rgba(125, 211, 252, .105), transparent 72%),
    linear-gradient(180deg, rgba(13, 24, 42, .38), rgba(6, 11, 22, .22));
}
html.dark .conv-quick-panel,
html.dark .conv-billing-panel,
html.dark .conv-faq-panel {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html.dark .conv-step-card,
html.dark .conv-tool-card,
html.dark .conv-bill-card,
html.dark .conv-proof-item,
html.dark .conv-usecase-card,
html.dark .conv-faq-item {
  background:
    radial-gradient(24rem 12rem at 50% -30%, rgba(125, 211, 252, .09), transparent 72%),
    linear-gradient(180deg, rgba(18, 32, 54, .42), rgba(8, 14, 27, .28));
  border-color: rgba(180, 218, 255, .11);
  box-shadow: 0 18px 58px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(24px) saturate(1.35);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
}
html.dark .terminal-head,
html.dark .status-line,
html.dark .price-board-head,
html.dark .price-table tr,
html.dark .conv-window-bar,
html.dark .conv-terminal-meta {
  background: rgba(125, 166, 215, .055);
  border-color: rgba(180, 218, 255, .085);
}
html.dark .conv-terminal pre,
html.dark pre {
  background: rgba(3, 7, 14, .62);
}

/* DataMind AI mobile responsive refinement — compact header and no cramped nav */
@media (max-width: 640px) {
  .conversion-home .shell,
  .shell {
    width: min(100% - 24px, 1180px) !important;
  }

  .header {
    top: 0 !important;
    padding-top: 10px !important;
  }

  .nav {
    min-height: 54px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border-radius: 20px !important;
    align-items: center !important;
  }

  .brand {
    min-width: 0 !important;
  }

  .brand span {
    max-width: 42vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  .links {
    display: none !important;
  }

  .actions {
    min-width: 0 !important;
    gap: 5px !important;
    margin-left: 0 !important;
  }

  .actions .btn:not(.primary),
  .actions .btn.btn-user {
    display: none !important;
  }

  .actions .btn.primary {
    min-height: 34px !important;
    max-width: 96px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .icon-btn {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  .hero,
  .conv-hero {
    padding-top: 34px !important;
  }

  .hero-grid,
  .conv-hero-grid,
  .quick-grid,
  .conv-billing-panel,
  .conv-trust-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  h1,
  .conv-hero h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 10.5vw, 46px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
  }

  .hero-desc,
  .conv-lead {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  .hero-actions,
  .hero-actions-simple,
  .conv-actions {
    width: 100% !important;
    align-items: stretch !important;
  }

  .hero-actions .btn,
  .hero-actions-simple .btn,
  .conv-actions .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .compat,
  .conv-proof-row {
    border-radius: 18px !important;
  }

  .terminal,
  .conv-terminal,
  .hero-panel,
  .conv-panel,
  .conv-faq-panel,
  .conv-final-panel,
  .conv-step-card,
  .conv-tool-card,
  .conv-bill-card,
  .conv-proof-item,
  .conv-usecase-card,
  .conv-faq-item {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  pre,
  .terminal pre,
  .conv-terminal pre {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: pre !important;
    font-size: 11.5px !important;
    line-height: 1.62 !important;
  }

  .conv-section {
    padding: 30px 0 !important;
  }
}