/* ============================================================
   6366 · 统一设计规范（所有模块必须引用本文件，不要改它）
   风格：Moka 官网（蓝 #1F5FFF、深藏青文字、大留白、圆角卡片、渐变光晕）
   + 黑白衬线字标、字距拉开的小标题、细金线
   ============================================================ */
:root{
  /* Moka 主色 */
  --primary:#1F5FFF;          /* 主按钮、链接、高亮 */
  --primary-600:#0068FF;
  --primary-50:#EEF3FF;       /* 浅蓝底 */
  --primary-100:#DCE6FF;
  --violet:#7B61FF;           /* AI 渐变第二色 */
  --violet-50:#F1ECFF;
  --ai-grad:linear-gradient(135deg,#1F5FFF 0%,#7B61FF 100%);
  --ai-glow:radial-gradient(60% 80% at 80% 0%,rgba(123,97,255,.18) 0%,rgba(31,95,255,.08) 40%,transparent 70%);

  /* 文字 */
  --ink:#0E1421;              /* 标题 */
  --ink-2:#494D5A;            /* 正文 */
  --ink-3:#989CB2;            /* 辅助 */
  --line:#E8EBF2;
  --bg:#F6F8FC;               /* 页面底 */
  --card:#FFFFFF;

  /* 状态 */
  --green:#16A34A; --green-50:#E9F8EF;
  --orange:#F59E0B; --orange-50:#FFF5E1;
  --red:#EF4444; --red-50:#FDECEC;

  /* 品牌点缀（只做点缀，用量少） */
  --lady-black:#0B0B0C;
  --lady-gold:#B8975A;        /* 细线、徽章描边 */
  --serif:'Songti SC','STSong','Noto Serif SC','Times New Roman',Georgia,serif;

  --sans:"PingFang SC","SF Pro SC","HarmonyOS Sans SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --radius:16px; --radius-sm:10px; --radius-pill:999px;
  --shadow:0 1px 2px rgba(14,20,33,.04),0 8px 24px rgba(14,20,33,.06);
  --shadow-lg:0 20px 60px rgba(31,95,255,.12);
}

*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--sans);color:var(--ink-2);background:var(--bg);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--ink);margin:0;font-weight:600;letter-spacing:-.01em}
h1{font-size:36px;line-height:1.25} h2{font-size:24px} h3{font-size:18px} h4{font-size:15px}
a{color:var(--primary);text-decoration:none}

/* ---------- 顶部导航（由 nav.js 注入，模块页不用自己写） ---------- */
.topnav{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;gap:28px;padding:0 32px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;font-size:16px}
.brand .logo{width:30px;height:30px;border-radius:9px;background:var(--ai-grad);display:grid;place-items:center;color:#fff;font-size:15px}
.brand .lady{font-family:var(--serif);font-weight:500;letter-spacing:.32em;font-size:11px;color:var(--lady-black);border-left:1px solid var(--lady-gold);padding-left:12px}
.topnav nav{display:flex;gap:4px;flex:1;overflow-x:auto}
.topnav nav a{padding:8px 14px;border-radius:var(--radius-pill);color:var(--ink-2);white-space:nowrap;font-size:14px}
.topnav nav a:hover{background:var(--primary-50);color:var(--primary)}
.topnav nav a.active{background:var(--primary-50);color:var(--primary);font-weight:600}

/* ---------- 页面骨架 ---------- */
.page{max-width:1280px;margin:0 auto;padding:32px 32px 80px}
.hero{position:relative;border-radius:24px;padding:40px 44px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.hero::before{content:"";position:absolute;inset:0;background:var(--ai-glow);pointer-events:none}
.hero > *{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--primary);font-weight:600}
.eyebrow::before{content:"";width:18px;height:1px;background:var(--lady-gold)}
.hero p.lead{font-size:16px;color:var(--ink-2);max-width:720px;margin:12px 0 0}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}.page{padding:20px 16px 60px}.topnav{padding:0 16px}.hero{padding:28px 22px}}
.section{margin-top:28px}
.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}

/* ---------- 卡片 / KPI ---------- */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;border:1px solid rgba(232,235,242,.6)}
.kpi .label{font-size:13px;color:var(--ink-3)}
.kpi .value{font-size:30px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px}
.kpi .delta{font-size:12px;font-weight:600}
.delta.up{color:var(--green)} .delta.down{color:var(--red)}

/* ---------- 按钮 / 标签 ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;transition:.15s}
.btn:hover{border-color:var(--primary);color:var(--primary)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:#1A4FE0;color:#fff}
.btn-ai{background:var(--ai-grad);border:0;color:#fff;box-shadow:0 6px 20px rgba(31,95,255,.25)}
.btn-ai:hover{color:#fff;filter:brightness(1.05)}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;background:var(--primary-50);color:var(--primary)}
.tag.green{background:var(--green-50);color:var(--green)} .tag.orange{background:var(--orange-50);color:#B45309} .tag.red{background:var(--red-50);color:var(--red)} .tag.violet{background:var(--violet-50);color:var(--violet)}
.tag.ai::before{content:"✦";margin-right:4px}

/* ---------- 表格 ---------- */
table.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;color:var(--ink-3);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line);background:#FAFBFE}
.tbl td{padding:12px;border-bottom:1px solid var(--line);color:var(--ink)}
.tbl tr:hover td{background:#FAFBFF}

/* ---------- AI 助手面板（Moka Eva 风格） ---------- */
.ai-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--primary-100);overflow:hidden}
.ai-panel .ai-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(90deg,var(--primary-50),var(--violet-50));font-weight:600;color:var(--ink)}
.ai-avatar{width:28px;height:28px;border-radius:50%;background:var(--ai-grad);color:#fff;display:grid;place-items:center;font-size:13px}
.msg{max-width:85%;padding:10px 14px;border-radius:14px;margin:10px 0;font-size:14px}
.msg.bot{background:var(--bg);color:var(--ink)} .msg.user{background:var(--primary);color:#fff;margin-left:auto}
.typing::after{content:"▋";animation:blink 1s infinite;color:var(--primary)}
@keyframes blink{50%{opacity:0}}

/* ---------- 飞书卡片模拟（展示飞书机器人消息时统一用这个） ---------- */
.feishu{background:#F2F3F5;border-radius:var(--radius);padding:16px;font-family:var(--sans)}
.feishu .fs-bar{display:flex;align-items:center;gap:8px;font-size:13px;color:#646A73;margin-bottom:10px}
.feishu .fs-bar .dot{width:22px;height:22px;border-radius:6px;background:#3370FF;color:#fff;display:grid;place-items:center;font-size:11px}
.fs-card{background:#fff;border-radius:10px;border:1px solid #DEE0E3;overflow:hidden;max-width:460px}
.fs-card .fs-h{padding:12px 16px;color:#fff;font-weight:600;background:#3370FF}
.fs-card .fs-h.violet{background:#7B61FF} .fs-card .fs-h.green{background:#34C724} .fs-card .fs-h.orange{background:#FF8800}
.fs-card .fs-b{padding:14px 16px;font-size:13px;color:#1F2329}
.fs-card .fs-actions{display:flex;gap:8px;padding:0 16px 14px}
.fs-btn{height:32px;padding:0 14px;border-radius:6px;border:1px solid #D0D3D6;background:#fff;font-size:13px;cursor:pointer}
.fs-btn.primary{background:#3370FF;border-color:#3370FF;color:#fff}

/* ---------- 演示讲解提示（1V1 演示时给销售看的话术条） ---------- */
.talk{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--radius-sm);background:#FFFBF2;border:1px dashed var(--lady-gold);color:#6B5530;font-size:13px}
.talk::before{content:"讲解";flex:none;font-size:11px;letter-spacing:.2em;font-family:var(--serif);color:var(--lady-gold);padding-top:1px}
.talk{display:none!important} /* 讲解条已停用 */

/* ---------- 页脚 ---------- */
.foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--ink-3);font-size:12px}
.foot .lady-mark{font-family:var(--serif);letter-spacing:.4em;color:var(--lady-black);font-size:12px}

/* ---------- 动效 ---------- */
.fade-in{animation:fadeIn .5s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.progress{height:8px;border-radius:99px;background:var(--primary-50);overflow:hidden}
.progress > i{display:block;height:100%;background:var(--ai-grad);border-radius:99px}

/* ============================================================
   v2 · 苹果官网式克制（覆盖上面的同名规则）
   原则：大字、大留白、近黑文字 + 一个蓝色；不用 emoji、不用图标块、
   不用彩色胶囊标签、不用渐变光晕；层次靠字号字重和灰阶，不靠颜色。
   ============================================================ */
:root{
  --ink:#1D1D1F; --ink-2:#424245; --ink-3:#86868B;
  --line:#E5E5EA; --bg:#F5F5F7; --card:#FFFFFF;
  --primary:#1F5FFF; --primary-50:#F2F5FF; --primary-100:#E3E9FF;
  --violet:#1F5FFF; --violet-50:#F2F5FF;          /* 收掉第二色 */
  --ai-grad:linear-gradient(135deg,#1F5FFF 0%,#7B61FF 100%);
  --ai-glow:none;
  --shadow:none; --shadow-lg:0 4px 24px rgba(0,0,0,.04);
  --radius:20px;
}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro SC","PingFang SC","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.65;letter-spacing:.005em}
h1{font-size:48px;font-weight:600;letter-spacing:-.025em;line-height:1.12}
h2{font-size:32px;font-weight:600;letter-spacing:-.02em}
h3{font-size:19px;font-weight:600;letter-spacing:-.01em}
.topnav{height:52px;background:rgba(251,251,253,.8);border-bottom:1px solid rgba(0,0,0,.06)}
.topnav nav a{font-size:13px;padding:6px 12px;color:var(--ink-2)}
.topnav nav a.active,.topnav nav a:hover{background:transparent;color:var(--ink);font-weight:600}
.brand .logo{display:none}
.brand{font-size:15px;font-weight:600}
.page{padding-top:56px}
.hero{background:transparent;box-shadow:none;padding:56px 0 24px;border-radius:0}
.hero::before{display:none}
.hero p.lead{font-size:19px;line-height:1.55;color:var(--ink-2)}
.eyebrow{color:var(--ink-3);letter-spacing:.18em;font-weight:500}
.section{margin-top:72px}
.card{box-shadow:none;border:0;border-radius:var(--radius);padding:28px}
.kpi .value{font-size:36px;font-weight:600;letter-spacing:-.02em}
.kpi .label{font-size:13px}
.kpi .delta,.delta.up,.delta.down{color:var(--ink-3);font-weight:400}
/* 标签：一律中性灰字，不要彩色底 */
.tag,.tag.green,.tag.orange,.tag.red,.tag.violet{background:transparent;color:var(--ink-3);border:1px solid var(--line);font-weight:400}
.tag.ai::before{content:none}
/* 状态色只在真正的风险/异常上用文字色，不铺底 */
.tag.red{color:var(--red);border-color:rgba(239,68,68,.3)}
.btn{border-radius:980px;height:40px;font-size:15px;border-color:transparent;background:transparent;color:var(--primary)}
.btn:hover{text-decoration:underline;border-color:transparent}
.btn-primary,.btn-ai{background:var(--primary);color:#fff;box-shadow:none;filter:none}
.btn-primary:hover,.btn-ai:hover{background:#1A52E0;text-decoration:none;color:#fff}
.ai-panel{box-shadow:none;border:1px solid var(--line)}
.ai-panel .ai-head{background:#fff;border-bottom:1px solid var(--line)}
.ai-avatar{background:var(--ink)}
.progress > i{background:var(--primary)}
.feishu{background:var(--bg)}
.fs-card .fs-h,.fs-card .fs-h.violet,.fs-card .fs-h.green,.fs-card .fs-h.orange{background:#fff;color:var(--ink);border-bottom:1px solid #DEE0E3}
.foot{border-top:1px solid var(--line)}
@media (max-width:900px){h1{font-size:34px}h2{font-size:26px}.section{margin-top:48px}.hero{padding:32px 0 8px}}
/* 手机：导航不撑宽页面 */
.topnav nav{min-width:0}
html,body{overflow-x:hidden}
@media (max-width:900px){.topnav{gap:14px}.topnav > .btn{display:none}.brand .lady{display:none}}


/* ===== 模块卡：渐变 + 产品界面插画（参考 Moka Eva 卡片） ===== */
.tiles{display:grid;gap:20px;margin-top:8px}
.tiles.t3{grid-template-columns:repeat(3,1fr)} .tiles.t2{grid-template-columns:repeat(2,1fr)}
.tile{position:relative;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;color:#fff;min-height:440px;padding:0 32px 32px;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.tile:hover{transform:translateY(-6px)}
.tile::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--g)}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.4px);background-size:14px 14px;mask-image:linear-gradient(180deg,#000 0%,transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 60%)}
.g-a{--g:linear-gradient(150deg,#3D63FF 0%,#8A5BFF 38%,#D45BC4 70%,#FFB37A 100%)}
.g-b{--g:linear-gradient(160deg,#5B6CFF 0%,#A35BEA 45%,#E36AB2 78%,#FFC27D 100%)}
.g-c{--g:linear-gradient(165deg,#4C74FF 0%,#9461F2 42%,#D862B8 76%,#FFB98A 100%)}
.g-d{--g:linear-gradient(155deg,#3F70FF 0%,#7D63FF 40%,#C866D0 74%,#FFC48E 100%)}
.g-e{--g:linear-gradient(160deg,#5468FF 0%,#9C5EEE 44%,#DE65B6 78%,#FFBE84 100%)}
.g-f{--g:linear-gradient(150deg,#4A6BFF 0%,#8E5FF5 40%,#D35FBF 74%,#FFB57F 100%)}
.art{position:relative;height:240px;margin:0 -8px}
.tile .txt{margin-top:auto;text-align:center}
.tile h3{color:#fff;font-size:26px;font-weight:600;letter-spacing:-.01em}
.tile h3 span{opacity:.75;font-weight:500;margin:0 .35em}
.tile .sub{margin:8px auto 0;max-width:360px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55}
.tile .save{margin-top:14px;font-size:15px;font-weight:600;color:#fff;opacity:.95}
/* 玻璃界面元件 */
.art .glass{position:absolute;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.55);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(60,40,140,.18)}
.art .ln{height:7px;border-radius:7px;background:rgba(255,255,255,.85)} .art .ln.s{background:rgba(255,255,255,.55)}
.art .chip{position:absolute;background:rgba(255,255,255,.92);color:#5B3FD6;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(60,40,140,.18);white-space:nowrap}
.art .orb{position:absolute;border-radius:50%;background:linear-gradient(145deg,#8B6BFF,#5A3BE0);box-shadow:0 14px 30px rgba(70,40,200,.45),inset 0 2px 6px rgba(255,255,255,.35);display:grid;place-items:center}
.art .orb svg{width:46%;height:46%}
.art .sp{position:absolute;width:14px;height:14px;background:#FFD27A;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.art .sp.b{background:#8FB0FF;width:11px;height:11px}
.art .dotc{position:absolute;width:10px;height:10px;border-radius:50%;background:#7AA0FF}
.art .bar{position:absolute;bottom:14px;width:22px;border-radius:6px;background:rgba(255,255,255,.75)}
.art .bar.hi{background:linear-gradient(180deg,#8B6BFF,#5A3BE0)}
.art .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#8B6BFF,#5A3BE0);flex:none}
/* 获客大卡 */
.tile.wide{min-height:420px;flex-direction:row;align-items:center;padding:40px 48px;gap:24px}
.tile.wide .txt{text-align:left;margin:0;flex:1;max-width:520px}
.tile.wide h3{font-size:40px}
.tile.wide .sub{margin:12px 0 0;max-width:none;font-size:16px}
.tile.wide .save{font-size:20px}
.tile.wide .art{flex:1;height:320px}
.tile .kick{font-size:12px;letter-spacing:.24em;color:rgba(255,255,255,.75);margin-bottom:10px}
@media (max-width:900px){.tiles.t3,.tiles.t2{grid-template-columns:1fr}.tile.wide{flex-direction:column-reverse;padding:28px 22px}.tile.wide h3{font-size:30px}.tile.wide .art{width:100%;height:260px;flex:none}.tile{min-height:400px;padding:0 22px 26px}}
@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}

/* 模块页开头：渐变插画大卡当 hero */
.hero-tile{min-height:460px;margin-top:8px}
.hero-tile .txt{max-width:560px}
.hero-tile .eyebrow{color:rgba(255,255,255,.78)}
.hero-tile .eyebrow::before{background:rgba(255,255,255,.6)}
.hero-tile h1{color:#fff;font-size:44px;line-height:1.15;margin-top:12px}
.hero-tile h1 *{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.hero-tile p,.hero-tile .lead{color:rgba(255,255,255,.86)!important;font-size:17px!important;max-width:none!important}
.hero-tile .btn{color:#fff}
.hero-tile .btn-primary,.hero-tile .btn-ai{background:#fff!important;color:var(--primary)!important}
.hero-tile .btn-primary:hover,.hero-tile .btn-ai:hover{background:rgba(255,255,255,.9)!important}
.hero-tile .tag{color:#fff;border-color:rgba(255,255,255,.5)}
.hero-tile a:not(.btn){color:#fff}
.hero-tile *{text-align:left}
@media (max-width:900px){.hero-tile h1{font-size:32px}}
.hero-tile .txt :is(b,strong,em,span,small,i,mark){color:#fff!important;background:none!important}

/* AI HR 二级导航 */
.subnav{position:sticky;top:52px;z-index:49;display:flex;align-items:center;gap:20px;height:48px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(32px,env(safe-area-inset-left,0px));background:rgba(251,251,253,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}
.subnav-name{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em;flex:none}
.subnav nav{display:flex;gap:4px;overflow-x:auto;min-width:0;margin-left:auto}
.subnav nav a{font-size:12px;color:var(--ink-2);padding:6px 12px;border-radius:980px;white-space:nowrap}
.subnav nav a:hover{color:var(--ink)}
.subnav nav a.active{color:var(--ink);font-weight:600}
@media (max-width:900px){.subnav{padding-left:16px;gap:10px}.subnav-name{font-size:15px}}

/* 渠道条：纯文字，不放 logo */
.channels{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:15px;font-weight:600;color:var(--ink-2);letter-spacing:.01em}
.hero-tile .channels{color:#fff}
.channels span{white-space:nowrap}

.topnav .lang{font-size:13px;color:var(--ink-2);padding:6px 10px;white-space:nowrap}
.topnav .lang:hover{color:var(--ink)}

/* ===== AI 获客 · 8 步演示（journey.js） ===== */
.jy-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid var(--line);margin-bottom:24px}
.jy-rail button{background:none;border:0;border-top:2px solid transparent;margin-top:-1px;padding:12px 6px 0 0;text-align:left;font:inherit;color:var(--ink-3);cursor:default;min-width:0}
.jy-rail button b{display:block;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.jy-rail button span{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jy-rail button.done{color:var(--ink-2);border-top-color:var(--ink-3);cursor:pointer}
.jy-rail button.on{color:var(--ink);border-top-color:var(--primary)}
.jy-rail button.on b{color:var(--primary)}
.jy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.jy-chat{height:520px}
.jy-presets{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px;color:var(--ink-3)}
.jy-presets[hidden]{display:none}
.jy-presets button{height:30px;padding:0 12px;border-radius:980px;border:1px solid var(--line);background:var(--card);font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.jy-presets button:hover{color:var(--ink);border-color:var(--ink-3)}
.jy-outwrap{position:relative;min-height:420px}
.jy-out{position:absolute;inset:64px 24px 20px;overflow:auto}
.jy-empty{color:var(--ink-3);font-size:14px;padding:12px 0}
.jy-blk{padding:18px 0;border-top:1px solid var(--line)}
.jy-blk:first-child{border-top:0;padding-top:4px}
.jy-blk>.k{font-size:12px;color:var(--ink-3);letter-spacing:.12em;margin-bottom:10px}
.jy-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;margin:0;font-size:14px}
.jy-kv dt{color:var(--ink-3)} .jy-kv dd{margin:0;color:var(--ink)}
.jy-per{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.jy-per .p{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--ink-2)}
.jy-per .p.main{border-color:var(--primary)}
.jy-per .sh{font-size:26px;font-weight:600;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.jy-per .p.main .sh{color:var(--primary)}
.jy-per .nm{font-weight:600;color:var(--ink);margin:2px 0 6px}
.jy-per small{display:block;color:var(--ink-3);font-size:11px;margin-top:6px}
.jy-per p{margin:1px 0 0}
.jy-tag{display:inline-block;margin-left:6px;font-size:11px;font-weight:500;color:var(--primary);border:1px solid currentColor;border-radius:980px;padding:0 7px;line-height:18px;vertical-align:1px}
.jy-tag.boss{margin:0 0 6px}
.jy-l{display:block;font-size:12px;color:var(--ink-3);margin:14px 0 4px}
.fs-b .jy-l:first-child{margin-top:0}
.fs-b p{margin:0}
.fs-b ol{margin:4px 0 0;padding-left:18px}
.jy-pos{font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.4}
.jy-ol{margin:8px 0 0;padding-left:18px;font-size:14px;color:var(--ink-2)}
.jy-ol li{padding:3px 0}
.jy-tbl{width:100%;border-collapse:collapse;font-size:13px}
.jy-tbl th{text-align:left;font-weight:500;color:var(--ink-3);padding:6px 8px 6px 0;border-bottom:1px solid var(--line)}
.jy-tbl td{padding:8px 8px 8px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.jy-tbl td:first-child{color:var(--ink)}
.jy-ch{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.jy-ch .t{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.jy-ch small,.jy-li small{display:block;font-size:12px;color:var(--ink-3)}
.jy-ch b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.jy-ch .track{height:5px;border-radius:99px;background:var(--bg);margin-top:6px;overflow:hidden}
.jy-ch .track i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .6s}
.jy-li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.jy-li:last-child{border-bottom:0}
.jy-li b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.jy-boss{color:var(--primary);font-weight:500;font-size:14px;margin:10px 0 0}
.jy-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:6px}
.jy-stats .v{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.jy-stats .l{font-size:12px;color:var(--ink-3)}
.jy-cm{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.jy-cm .q{color:var(--ink)} .jy-cm .q span{float:right;font-size:11px;color:var(--ink-3)}
.jy-cm.hot .q span{color:var(--primary)}
.jy-cm .a{color:var(--ink-2);padding-left:10px;border-left:2px solid var(--line);margin-top:4px}
.jy-cm.hot .a{border-left-color:var(--primary)}
.jy-dm{font-size:13px;color:var(--ink-2)}
.jy-dm div{padding:5px 0}
.jy-dm b{display:block;font-size:11px;font-weight:500;color:var(--ink-3)}
.jy-post{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--ink-2)}
.jy-post b{color:var(--ink);font-size:14px}
.jy-post p{margin:4px 0 0}
.jy-fin{margin:14px 0 6px}
@media (max-width:900px){
  .jy-rail{display:flex;overflow-x:auto;gap:14px}
  .jy-rail button{flex:none;min-width:84px}
  .jy-grid{grid-template-columns:1fr}
  .jy-chat{height:460px}
  .jy-outwrap{min-height:0}
  .jy-out{position:relative;inset:auto;max-height:520px;margin-top:8px}
  .jy-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Vorla 产品入口（主推，排在导航第一位） */
.vorla-link{margin-left:24px;padding:5px 12px;border:1px solid var(--primary);border-radius:var(--radius-pill);
  color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.vorla-link:hover{background:var(--primary-50)}

/* ============================================================
   6366 · 2026 改版覆盖层：黑色导航 + 黑色主按钮，保留原 logo 与彩色插画
   ============================================================ */
:root{ --display:"Didot","Bodoni 72","Bodoni MT","Playfair Display","Times New Roman",Georgia,serif; }
.topnav{height:60px;background:rgba(8,8,10,.86);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:saturate(1.4) blur(14px)}
.topnav .brand{color:#fff}
.topnav nav a{color:rgba(255,255,255,.66);border-radius:999px}
.topnav nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.topnav nav a.active{background:rgba(255,255,255,.12);color:#fff;font-weight:500}
.topnav .collab-link{font-family:var(--display);font-style:italic;font-size:15px;white-space:nowrap;padding:6px 16px;border-radius:999px;color:#fff;
  background:linear-gradient(#0B0B0C,#0B0B0C) padding-box,var(--ai-grad) border-box;border:1px solid transparent}
.topnav .collab-link:hover{background:var(--ai-grad);color:#fff}
.topnav .btn-primary{background:#fff;color:#000;height:34px;font-size:13px}
.topnav .btn-primary:hover{background:#E6E6E6;color:#000}
.subnav{top:60px}
.btn-primary{background:#0B0B0C;color:#fff}
.btn-primary:hover{background:#2A2A2E;color:#fff}
@media (max-width:900px){.topnav{gap:12px}.topnav .collab-link{font-size:13px;padding:4px 10px}.topnav .btn-primary{display:none}}
.topnav .brand .logo{display:grid;width:28px;height:28px;border-radius:8px;font-size:14px;color:#fff;background:linear-gradient(135deg,#1F5FFF 0%,#7B61FF 100%)}
.topnav .brand{gap:10px}
/* 手机导航（BUG-005）：隐藏滚动条；「一对一定制」只在手机导航里出现 */
.topnav nav{scrollbar-width:none;-ms-overflow-style:none;position:relative}
.topnav nav::-webkit-scrollbar{display:none}
.topnav nav .nav-cta{display:none}
@media (max-width:900px){
  .topnav nav .nav-cta{display:inline-block;background:#fff;color:#000!important;font-weight:500}
  .topnav nav{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
}

/* ===== c6：对比度与口径说明（依据 docs/design/design-system.md） ===== */
:root{--ink-3:#6E6E73;--text-muted:#6E6E73;--text-body:#424245;--fs-note:13px;--sp-4:16px}
/* 6.5 口径说明 */
.basis-note{margin:var(--sp-4) 0 0;max-width:640px;font-size:var(--fs-note);line-height:1.7;color:var(--text-muted)}
.basis-note b{font-weight:500;color:var(--text-body)}
.is-center .basis-note{margin-inline:auto;text-align:center}
/* BUG-009：模拟区块标签与区块内反馈 */
section:has(> .sim-tag){position:relative}
.sim-tag{position:absolute;top:12px;right:14px;z-index:3;font-size:12px;line-height:1;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);background:rgba(255,255,255,.85);pointer-events:auto}
.sim-fb{margin-top:8px;font-size:var(--fs-note);color:var(--text-body)}

/* ===== 品牌字标（DS-002 定稿 logo，2026-11-15 老板选定） ===== */
.topnav .brand{gap:0;color:#fff}
.brand-logo{display:block;height:26px;width:70px;object-fit:contain;object-position:left center;flex:0 0 auto}
.topnav .brand .logo{display:none!important}
@media (max-width:640px){.brand-logo{height:22px;width:59px}}