
/* ============================================================
   语见AI 官网全站公共样式（首页 + 专属页 + 博客目录 + 404 共用）
   暖宣纸 / 墨 / 朱砂 · 宋体展示字 · 红笔批注母题
   零图片依赖（UI 模型全部 CSS 绘制）；外引 fonts.css + fonts/ 子集字体（自托管）。
   ============================================================ */
:root{
  --paper:#f5f1e8;
  --paper-2:#efe9dc;
  --paper-card:#fffdf8;
  --ink:#1c1917;
  --ink-70:#453f38;
  --ink-50:#6f675d;
  --ink-30:#a99f91;
  --line:#ddd4c3;
  --cinnabar:#b93c28;
  --cinnabar-deep:#9e3120;
  --cinnabar-wash:#f7e7e2;
  --serif:"Noto Serif SC","Songti SC","Source Han Serif SC","STSong",SimSun,serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --mono:ui-monospace,"SFMono-Regular","Cascadia Code",Consolas,"Courier New",monospace;
  --w:1160px;
  --shadow-print:7px 7px 0 rgba(28,25,23,.09);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:var(--sans);
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
::selection{background:var(--cinnabar);color:#fff}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}

/* 纸张颗粒 */
body::after{
  content:"";position:fixed;inset:0;z-index:60;pointer-events:none;
  opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}

.wrap{width:min(var(--w),calc(100% - 48px));margin-inline:auto}
.serif{font-family:var(--serif)}

/* ---------- 导航 ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-in{display:flex;align-items:center;gap:28px;height:66px}
.brand{font-family:var(--serif);font-weight:900;font-size:23px;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.brand i{width:11px;height:11px;border-radius:50%;background:var(--cinnabar);display:inline-block}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:14.5px;color:var(--ink-70);font-weight:500}
.nav-links a{padding:4px 2px;position:relative}
.nav-links a::after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:1.5px;background:var(--cinnabar);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{transform:scaleX(1)}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--sans);font-weight:700;font-size:16px;
  padding:15px 30px;border-radius:2px;cursor:pointer;
  border:1.5px solid var(--ink);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s;
  white-space:nowrap;
}
.btn-primary{background:var(--cinnabar);border-color:var(--cinnabar-deep);color:#fff;box-shadow:4px 4px 0 var(--ink)}
.btn-primary:hover{transform:translate(-1.5px,-1.5px);box-shadow:5.5px 5.5px 0 var(--ink);background:var(--cinnabar-deep)}
.btn-primary:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:4px 4px 0 transparent}
.btn-ghost:hover{background:var(--ink);color:var(--paper);transform:translate(-1.5px,-1.5px);box-shadow:5.5px 5.5px 0 rgba(28,25,23,.25)}
.btn-ghost:active{transform:translate(3px,3px);box-shadow:none}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.btn-sm{padding:10px 18px;font-size:14px}

/* ---------- 章节标记 ---------- */
.flag{
  display:inline-flex;align-items:center;gap:14px;
  color:var(--cinnabar);font-size:12.5px;font-weight:700;letter-spacing:.34em;
  margin-bottom:22px;
}
.flag::before{content:"";width:34px;height:1px;background:var(--cinnabar)}

h2.title{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(30px,4.2vw,52px);line-height:1.22;letter-spacing:.01em;
  margin-bottom:18px;
}
.lead{font-size:clamp(16px,1.5vw,18.5px);color:var(--ink-70);max-width:660px}
section{padding:clamp(76px,9vw,128px) 0}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding:clamp(64px,8vw,104px) 0 clamp(40px,4.5vw,60px);position:relative}
.hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px;align-items:end}
.kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;font-weight:700;letter-spacing:.28em;color:var(--cinnabar);
  border:1px solid var(--cinnabar);border-radius:999px;padding:7px 16px;margin-bottom:30px;
}
.kicker i{width:7px;height:7px;border-radius:50%;background:var(--cinnabar)}
.hero h1{
  font-family:var(--serif);font-weight:900;
  font-size:clamp(42px,6.9vw,92px);line-height:1.12;letter-spacing:.01em;
}
.hero h1 .ln{display:block}
.hero h1 .ln > span{display:inline-block}
.underline-red{position:relative;white-space:nowrap}
.underline-red svg{position:absolute;left:-2%;right:-2%;bottom:-.1em;width:104%;height:.3em;color:var(--cinnabar)}
.hero-sub{margin-top:30px;font-size:clamp(16.5px,1.5vw,19px);color:var(--ink-70);max-width:620px}
.hero-sub strong{color:var(--ink);font-weight:700;box-shadow:inset 0 -.5em 0 var(--cinnabar-wash);padding:0 2px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:38px}
.hero-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:var(--ink-50)}
.hero-meta .check{color:var(--cinnabar);font-weight:700;margin-right:6px}
.hero-meta a{border-bottom:1px solid var(--ink-30)}
.hero-meta a:hover{color:var(--cinnabar);border-color:var(--cinnabar)}

/* 英雄区右侧：批注竖条 */
.hero-note{
  position:relative;padding-bottom:10px;justify-self:end;align-self:start;
}
.hero-note .card{
  background:var(--cinnabar);color:var(--paper);
  font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.55;
  padding:26px 26px 24px;width:min(300px,78vw);
  transform:rotate(3.5deg);box-shadow:var(--shadow-print);
  position:relative;
}
.hero-note .card::before{
  content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-3deg);
  width:104px;height:26px;background:rgba(184,150,90,.32);
}
.hero-note .card small{display:block;margin-top:12px;font-family:var(--sans);font-size:13px;font-weight:400;opacity:.85;line-height:1.6}

/* 支持软件条 */
.apps{
  margin-top:clamp(48px,6vw,76px);padding-top:26px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 8px;
  color:var(--ink-50);font-size:15px;
}
.apps b{
  font-family:var(--serif);color:var(--cinnabar-deep);font-weight:700;font-size:14px;letter-spacing:.03em;
  background:var(--paper-card);border:1.5px solid var(--cinnabar);border-radius:2px;
  padding:5px 13px;margin-right:8px;
}
.apps span{padding:0 14px;border-left:1px solid var(--line);color:var(--ink-70)}
.apps span:first-of-type{border-left:none;padding-left:4px}
.apps .etc{color:var(--cinnabar);border-left:none;font-weight:700;letter-spacing:.02em}

/* ============================================================
   机制 · 三步
   ============================================================ */
.mech{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.mech-bg{
  position:absolute;right:-4vw;bottom:-9vw;font-family:var(--serif);font-weight:900;
  font-size:32vw;line-height:1;color:rgba(185,60,40,.05);pointer-events:none;user-select:none;
}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:2px solid var(--ink)}
.step{padding:38px 34px 10px 0;border-right:1px solid var(--line);position:relative}
.step:last-child{border-right:none;padding-right:0}
.step:not(:first-child){padding-left:34px}
.step .no{
  font-family:var(--serif);font-weight:900;font-size:88px;line-height:1;color:var(--ink);
  display:flex;align-items:flex-start;gap:8px;
}
.step .no em{font-style:normal;color:var(--cinnabar);font-size:34px;margin-top:18px}
.step h3{font-family:var(--serif);font-size:23px;font-weight:700;margin:22px 0 12px}
.step p{color:var(--ink-70);font-size:15.5px}
.step .aside{
  margin-top:22px;padding-top:18px;border-top:1px dashed var(--ink-30);
  font-family:var(--serif);color:var(--cinnabar);font-size:15px;
}

/* ============================================================
   产品模型 · 会中星标 + 会后成稿（两扇窗）
   ============================================================ */
.mock-section{position:relative;--star:#c0821d;--star-wash:#f7ecd3}
.mock-stage{margin-top:60px;position:relative;display:flex;flex-direction:column;gap:0}
.shot{position:relative}
.window{
  background:var(--paper-card);border:1px solid var(--ink);border-radius:6px;
  box-shadow:var(--shadow-print);overflow:hidden;
}
.win-bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--paper-2)}
.win-bar i{width:11px;height:11px;border-radius:50%;border:1px solid rgba(28,25,23,.25)}
.win-bar i:nth-child(1){background:var(--cinnabar);border-color:var(--cinnabar-deep)}
.win-bar i:nth-child(2){background:#e8d9a8}
.win-bar i:nth-child(3){background:#a8bfa4}
.win-title{margin:0 auto;font-size:13px;color:var(--ink-50);font-weight:500}
.rec-pill{
  display:inline-flex;align-items:center;gap:8px;margin-left:auto;
  font-family:var(--mono);font-size:12px;color:var(--ink-70);
  border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:var(--paper-card);
}
.rec-pill b{width:8px;height:8px;border-radius:50%;background:var(--cinnabar);animation:pulse 1.6s infinite;margin-right:2px}
.win-act{margin-left:auto;display:flex;gap:16px;font-size:12.5px;color:var(--ink-50)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

/* —— 窗① 会中：转写 + 说话人面板 —— */
.live-body{display:grid;grid-template-columns:minmax(0,1fr) 280px}
.transcript{padding:28px 32px 30px}
.tline{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:11px 4px;border-bottom:1px dashed var(--line);align-items:baseline;position:relative}
.tline time{font-family:var(--mono);font-size:12px;color:var(--ink-30)}
.tline .txt,.tline > div{font-size:15px;color:var(--ink-70);line-height:1.7}
.nm{font-weight:700;margin-right:8px;white-space:nowrap}
.n1{color:#3a7a5c}.n2{color:#b0762a}.n3{color:#7c5bab}
.tline.star{background:var(--star-wash);margin:6px -12px;padding:12px 30px 12px 12px;border-bottom:none;border-radius:3px}
.tline.star > div{color:var(--ink)}
.star-ic{font-style:normal;color:var(--star);position:absolute;right:16px;top:13px;font-size:14px}

.spk{border-left:1px solid var(--line);background:var(--paper-2);padding:24px 22px}
.spk h5{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--ink)}
.spk-hint{font-size:12px;color:var(--ink-50);margin:6px 0 14px;line-height:1.5}
.spk-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px dashed var(--line)}
.spk-av{width:30px;height:30px;border-radius:50%;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;padding-top:1px}
.spk-av.n1{background:#3a7a5c}.spk-av.n2{background:#b0762a}.spk-av.n3{background:#7c5bab}
.spk-meta{min-width:0}
.spk-meta b{display:block;font-size:13.5px;color:var(--ink)}
.spk-meta b.ph{color:var(--ink-30);font-weight:500}
.spk-meta i{font-style:normal;font-size:12px;color:var(--ink-50)}
.spk-check{margin-left:auto;color:#3a7a5c;font-weight:700}

.win-dock{display:flex;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--line);background:var(--paper-2)}
.win-dock .hint{font-size:12.5px;color:var(--ink-50)}
.win-dock .ctl{margin-left:auto;display:flex;gap:8px}
.win-dock .ctl span{font-size:12.5px;padding:6px 15px;border-radius:999px;border:1px solid var(--ink-30);background:var(--paper-card);color:var(--ink-70)}
.win-dock .ctl .end{background:var(--cinnabar);border-color:var(--cinnabar-deep);color:#fff;font-weight:700}

/* —— 两窗之间的转折 —— */
.mock-turn{display:flex;justify-content:center;margin:30px 0}
.mock-turn span{
  font-family:var(--serif);color:var(--cinnabar);font-size:15px;font-weight:600;letter-spacing:.08em;
  border:1.5px dashed var(--cinnabar);border-radius:999px;padding:9px 26px;background:var(--paper-card);
}

/* —— 窗② 会后：纪要 + 转写侧栏 —— */
.post-body{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.note-main{padding:28px 32px 64px}
.sec-h{font-size:12px;letter-spacing:.22em;color:var(--cinnabar);font-weight:700;margin:20px 0 9px}
.sec-h.first{margin-top:0}
.overview{font-size:14px;color:var(--ink-70);line-height:1.85;background:var(--paper-2);border-left:3px solid var(--cinnabar);padding:14px 16px;border-radius:0 3px 3px 0}
ul.chk{list-style:none}
ul.chk li{position:relative;padding:7px 0 7px 27px;font-size:14px;color:var(--ink-70);line-height:1.6;border-bottom:1px dashed var(--line)}
ul.chk li:last-child{border-bottom:none}
ul.chk li::before{content:"";position:absolute;left:0;top:11px;width:13px;height:13px;border:1.5px solid var(--cinnabar)}
ul.chk li::after{content:"";position:absolute;left:3px;top:12.5px;width:8px;height:5px;border-left:2px solid var(--cinnabar);border-bottom:2px solid var(--cinnabar);transform:rotate(-45deg)}
ul.chk li b{color:var(--ink);font-weight:700}

.ts-side{border-left:1px solid var(--line);background:var(--paper-2);display:flex;flex-direction:column}
.ts-tabs{display:flex;border-bottom:1px solid var(--line)}
.ts-tabs span{flex:1;text-align:center;padding:12px 0;font-size:13px;color:var(--ink-50)}
.ts-tabs .on{color:var(--cinnabar);font-weight:700;box-shadow:inset 0 -2px 0 var(--cinnabar)}
.ts-list{padding:16px 18px}
.ts-line{position:relative;font-size:12.5px;color:var(--ink-70);line-height:1.65;padding:8px 4px;border-bottom:1px dashed var(--line)}
.ts-line time{font-family:var(--mono);font-size:11.5px;color:var(--ink-30);margin-right:7px}
.ts-line.star{background:var(--star-wash);margin:5px -8px;padding:9px 28px 9px 8px;border-bottom:none;border-radius:3px}
.ts-line .star-ic{top:10px;right:10px;font-size:12px}

/* —— 窗③ 导入音视频 —— */
.import-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;padding:38px 36px 40px;min-height:400px}
.drop{
  border:1.5px dashed var(--ink-30);border-radius:4px;background:var(--paper);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:48px 24px;text-align:center;min-height:270px;
}
.drop-ic{color:var(--cinnabar)}
.drop b{font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:700}
.drop i{font-style:normal;font-size:13px;color:var(--ink-50);line-height:1.7}
.im-side{display:flex;flex-direction:column;gap:16px;justify-content:center}
.file-chip{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);border-radius:3px;padding:13px 16px}
.file-chip .fi{color:var(--cinnabar);flex:none}
.file-chip .fm{min-width:0}
.file-chip .fm b{display:block;font-family:var(--mono);font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-chip .fm i{font-style:normal;font-size:12px;color:var(--ink-50)}
.file-chip .ok{margin-left:auto;color:#2f7a56;font-size:12px;font-weight:700;flex:none}
.im-note{font-size:13.5px;color:var(--ink-70);line-height:1.7;padding:0 2px}
.im-note b{color:var(--ink)}
.im-go{align-self:flex-start;margin-top:2px}

/* 便利贴批注 */
.shot:not(:last-child){margin-bottom:80px}
.shot:last-child{margin-bottom:80px}
.shot .sticky{
  position:absolute;right:-18px;bottom:-104px;z-index:5;
  background:var(--cinnabar);color:var(--paper);
  width:224px;padding:20px 20px 18px;transform:rotate(-3deg);
  box-shadow:var(--shadow-print);font-family:var(--serif);font-size:17px;line-height:1.55;font-weight:600;
}
.shot .sticky-b{left:-18px;right:auto;bottom:-104px;transform:rotate(2.5deg)}
/* 窗①底部有控制按钮条，便签再上移会压住按钮，保持安全距离 */
.shot:first-child .sticky{bottom:-128px}
.sticky small{display:block;font-family:var(--sans);font-weight:400;font-size:12.5px;opacity:.88;margin-top:8px}
.sticky::before{content:"";position:absolute;top:-12px;left:40px;width:92px;height:24px;background:rgba(184,150,90,.32);transform:rotate(-4deg)}

/* ============================================================
   隐私 · 浅底档案
   ============================================================ */
.privacy{background:var(--paper-2);color:var(--ink);position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.privacy .lead{color:var(--ink-70)}
.privacy h2{color:var(--ink)}
.priv-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.priv-list{margin-top:8px;display:flex;flex-direction:column}
.priv-item{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}
.priv-item:last-child{border-bottom:1px solid var(--line)}
.priv-item .mk{
  font-family:var(--serif);font-size:26px;font-weight:700;color:var(--cinnabar);
  border:1.5px solid var(--cinnabar);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;
  line-height:1;padding-top:3px;
}
.priv-item h3{font-family:var(--serif);font-size:21px;font-weight:600;margin-bottom:8px;color:var(--ink)}
.priv-item p{font-size:15px;color:var(--ink-70);line-height:1.75}
.priv-item p code{
  font-family:var(--mono);font-size:12.5px;background:rgba(185,60,40,.09);
  padding:2px 7px;border-radius:3px;color:var(--cinnabar-deep);
}
.priv-foot{
  margin-top:34px;padding:22px 24px;background:var(--paper-card);
  border:1px solid var(--ink);border-left:4px solid var(--cinnabar);border-radius:3px;
  font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.7;
}
.priv-foot em{font-style:normal;color:var(--cinnabar-deep);font-weight:700}
/* 声音旅程图 */
.priv-flow{
  margin-top:24px;padding:24px 26px 22px;background:var(--paper-card);
  border:1px solid var(--ink);border-left:4px solid var(--cinnabar);border-radius:3px;
}
.pf-label{font-size:12.5px;font-weight:700;letter-spacing:.28em;color:var(--cinnabar);margin-bottom:18px}
.pf-track{display:flex;align-items:stretch;gap:8px}
.pf-node{
  flex:1;min-width:0;border:1px solid var(--line);border-radius:3px;
  background:var(--paper);padding:15px 14px 13px;
}
.pf-node b{display:block;font-family:var(--serif);font-size:16.5px;color:var(--ink);margin-bottom:5px}
.pf-node i{font-style:normal;font-size:12.5px;color:var(--ink-50);line-height:1.5}
.pf-node i.hot{color:var(--cinnabar);font-weight:700}
.pf-sep{display:flex;align-items:center;color:var(--cinnabar);font-weight:700;font-size:17px;flex:none}
.pf-out{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.pf-out span{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;padding:8px 14px;border-radius:2px;line-height:1.4}
.pf-out span::before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.pf-burn{background:var(--cinnabar-wash);color:var(--cinnabar-deep);font-weight:700}
.pf-burn::before{background:var(--cinnabar)}
.pf-keep{background:var(--paper-2);color:var(--ink-70)}
.pf-keep::before{background:var(--ink-50)}
/* 巨型背景字：朱印水印 */
.priv-bg{
  position:absolute;right:-3vw;bottom:-7vw;font-family:var(--serif);font-weight:900;
  font-size:34vw;line-height:1;color:rgba(185,60,40,.055);pointer-events:none;user-select:none;
}

/* ============================================================
   记忆 · 两栏
   ============================================================ */
.mem-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}
.mem-card{
  background:var(--paper-card);border:1px solid var(--ink);padding:44px 40px 40px;
  box-shadow:var(--shadow-print);position:relative;
}
.mem-card .idx{font-family:var(--mono);font-size:13px;color:var(--cinnabar);letter-spacing:.2em;margin-bottom:18px}
.mem-card h3{font-family:var(--serif);font-size:27px;font-weight:700;line-height:1.4;margin-bottom:16px}
.mem-card p{color:var(--ink-70);font-size:15.5px}
.mem-card .mini{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
/* 迷你示意图 A：热词对照表 */
.glossary{font-size:13.5px}
.glossary .row{display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}
.glossary .row:last-child{border-bottom:none}
.glossary .wrong{color:var(--ink-30);text-decoration:line-through;text-decoration-color:var(--ink-30)}
.glossary .arrow-r{color:var(--cinnabar);text-align:center;font-weight:700}
.glossary .right{color:var(--ink);font-weight:700;font-family:var(--serif)}
/* 迷你示意图 B：跨会问答（对话 + 引用角标） */
.qa{display:flex;flex-direction:column;gap:9px}
.qa-q{align-self:flex-end;max-width:86%;background:var(--cinnabar);color:#fff;font-size:13px;line-height:1.55;padding:8px 14px;border-radius:14px 14px 3px 14px}
.qa-a{align-self:flex-start;max-width:97%;background:var(--paper-2);border-radius:14px 14px 14px 3px;padding:11px 14px;font-size:13px;line-height:1.65;color:var(--ink-70)}
.qa-a b{color:var(--ink)}
.qa-a .cite{font-family:var(--mono);font-size:10.5px;color:var(--cinnabar);font-weight:700;margin-left:3px;white-space:nowrap}
.qa-srcs{display:flex;flex-wrap:wrap;gap:6px}
.qa-srcs span{font-family:var(--mono);font-size:11px;color:var(--ink-50);border:1px solid var(--line);background:var(--paper-card);border-radius:999px;padding:3px 9px}
.qa-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--paper-card);padding:9px 8px 9px 15px;font-size:12.5px;color:var(--ink-30);margin-top:2px}
.qa-input i{font-style:normal;margin-left:auto;color:#fff;background:var(--cinnabar);border-radius:999px;padding:4px 12px;font-size:11.5px}

/* ============================================================
   会前会中会后
   ============================================================ */
.flow{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border:1px solid var(--ink);background:var(--paper-card)}
.flow-cell{padding:38px 34px 36px;border-right:1px solid var(--line)}
.flow-cell:last-child{border-right:none}
.flow-cell .when{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}
.flow-cell .when .big{font-family:var(--serif);font-weight:900;font-size:46px;color:var(--cinnabar);line-height:1}
.flow-cell .when .lbl{font-size:13px;letter-spacing:.26em;font-weight:700;color:var(--ink-50)}
.flow-cell h3{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:12px}
.flow-cell p{font-size:15px;color:var(--ink-70)}
.flow-cell ul{list-style:none;margin-top:18px}
.flow-cell li{font-size:14px;color:var(--ink-70);padding:7px 0 7px 22px;position:relative;border-top:1px dashed var(--line)}
.flow-cell li::before{content:"";position:absolute;left:2px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--cinnabar)}

/* ============================================================
   场景
   ============================================================ */
.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:58px}
.scene{
  display:grid;grid-template-columns:74px 1fr;gap:20px;align-items:start;
  padding:34px 34px 32px;background:transparent;border:1px solid var(--line);
  transition:border-color .25s,background .25s,transform .25s var(--ease),box-shadow .25s var(--ease);
}
.scene:hover{border-color:var(--ink);background:var(--paper-card);transform:translate(-3px,-3px);box-shadow:6px 6px 0 rgba(28,25,23,.08)}
.scene .glyph{
  font-family:var(--serif);font-weight:700;font-size:22px;line-height:1;color:var(--paper);
  width:52px;height:52px;background:var(--cinnabar);border-radius:3px;
  display:flex;align-items:center;justify-content:center;padding-top:2px;
  box-shadow:3px 3px 0 rgba(28,25,23,.14);
}
.scene h3{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:8px}
.scene p{font-size:14.5px;color:var(--ink-70)}

/* ============================================================
   FAQ
   ============================================================ */
.faq{background:var(--paper-2);border-top:1px solid var(--line)}
.faq-list{margin-top:52px;border-top:1.5px solid var(--ink)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;
  padding:26px 8px;font-family:var(--serif);font-size:clamp(18px,2vw,21px);font-weight:600;
  transition:color .2s;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--cinnabar)}
.faq-list summary .plus{
  margin-left:auto;flex:none;width:30px;height:30px;border:1.5px solid currentColor;border-radius:50%;
  display:grid;place-items:center;font-family:var(--sans);font-size:18px;font-weight:400;transition:transform .3s var(--ease),background .2s;
}
.faq-list details[open] summary .plus{transform:rotate(45deg);background:var(--cinnabar);border-color:var(--cinnabar);color:#fff}
.faq-list .ans{padding:0 8px 28px 0;color:var(--ink-70);font-size:15.5px;max-width:760px}
.faq-list details[open] summary{color:var(--cinnabar)}

/* ============================================================
   下载
   ============================================================ */
.download{background:var(--paper);color:var(--ink);text-align:center}
.download h2{color:var(--ink)}
.download .lead{color:var(--ink-70);margin-inline:auto}
/* 收尾海报卡：纸卡 + 墨边 + 印刷投影 */
.dl-card{
  position:relative;max-width:820px;margin:0 auto;
  background:var(--paper-card);border:1px solid var(--ink);box-shadow:var(--shadow-print);
  padding:clamp(46px,6vw,72px) clamp(22px,5.5vw,64px) clamp(42px,5vw,60px);
}
.dl-card::before{
  content:"";position:absolute;left:24px;right:24px;top:0;height:4px;background:var(--cinnabar);
}
.dl-main{margin-top:44px}
.dl-note{margin-top:18px;font-size:13.5px;color:var(--ink-50)}
.mac-card{
  max-width:560px;margin:52px auto 0;padding:30px 32px;text-align:left;
  border:1px solid var(--line);border-radius:3px;background:var(--paper-2);
}
.mac-card h3{font-family:var(--serif);font-size:20px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.mac-card p{font-size:14px;color:var(--ink-50);margin-bottom:20px}
.mac-form{display:flex;gap:10px}
.mac-form input{
  flex:1;min-width:0;background:var(--paper-card);border:1px solid var(--line);border-radius:2px;
  color:var(--ink);font-family:var(--sans);font-size:15px;padding:14px 16px;
}
.mac-form input::placeholder{color:var(--ink-30)}
.mac-form input:focus{outline:none;border-color:var(--cinnabar)}
.mac-form .btn{border-color:var(--cinnabar-deep);background:var(--cinnabar);color:#fff;padding-inline:24px;box-shadow:3px 3px 0 var(--ink)}
.mac-form .btn:hover{background:var(--cinnabar-deep)}
.mac-done{display:none;font-family:var(--serif);font-size:17px;color:var(--cinnabar-deep);padding:10px 0}
.mac-card.sent .mac-form{display:none}
.mac-card.sent .mac-done{display:block}
.mac-fail,.mac-err,.mac-limited{display:none;font-size:14px;color:var(--cinnabar-deep);padding-top:10px}
.mac-card.failed .mac-fail{display:block}
.mac-card.errored .mac-err{display:block}
.mac-card.limited .mac-limited{display:block}
.mac-form .btn[disabled]{opacity:.6;cursor:default;transform:none}
.dl-priv{margin-top:40px;font-size:13px;color:var(--ink-50)}
.dl-priv .check{color:var(--cinnabar);font-weight:700;margin-right:6px}

/* ============================================================
   页脚
   ============================================================ */
footer{background:var(--paper-2);border-top:1px solid var(--line);padding:56px 0 44px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{font-size:14px;color:var(--ink-50)}
/* 文案随栏宽自然排，不做量宽截断——截断会把「它负责记住。」「隐私优先」折在词中间 */
.foot-col h5{font-size:13px;letter-spacing:.22em;color:var(--ink-50);font-weight:700;margin-bottom:16px}
.foot-col a{display:block;font-size:14.5px;color:var(--ink-70);padding:5px 0}
.foot-col a:hover{color:var(--cinnabar)}
.foot-col .mail{font-family:var(--mono);font-size:13.5px}
.foot-bottom{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;color:var(--ink-30);
}

/* ============================================================
   动效（载入 + 滚动显现，均 fail-open）
   ============================================================ */
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero .anim{opacity:0;animation:rise .9s var(--ease) forwards}
.hero .anim.d1{animation-delay:.08s}.hero .anim.d2{animation-delay:.2s}
.hero .anim.d3{animation-delay:.34s}.hero .anim.d4{animation-delay:.48s}.hero .anim.d5{animation-delay:.6s}

.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.r2{transition-delay:.1s!important}.r3{transition-delay:.2s!important}.r4{transition-delay:.3s!important}

/* ---------- 响应式 ---------- */
@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr}
  .hero-note{display:none}
  .priv-grid{grid-template-columns:1fr;gap:48px}
  .live-body,.post-body{grid-template-columns:1fr}
  .import-body{grid-template-columns:1fr;gap:18px;padding:24px 20px 26px;min-height:0}
  .drop{min-height:200px;padding:34px 20px}
  .spk{border-left:none;border-top:1px solid var(--line)}
  .ts-side{border-left:none;border-top:1px solid var(--line)}
  .shot .sticky{
    position:static;transform:rotate(-2deg);
    width:fit-content;max-width:min(300px,78%);
    margin:28px auto 0;font-size:15px;
  }
  .shot .sticky-b{transform:rotate(2deg)}
  .shot:not(:last-child){margin-bottom:24px}
  .shot:last-child{margin-bottom:40px}
}
@media (max-width:860px){
  .nav-links{display:none}
  .steps{grid-template-columns:1fr;border-top:none}
  .mech-bg{display:none}
  .step{border-right:none;border-top:2px solid var(--ink);padding:32px 0 6px!important}
  .step .no{font-size:64px}
  .mem-grid{grid-template-columns:1fr}
  .flow-grid{grid-template-columns:1fr}
  .flow-cell{border-right:none;border-bottom:1px solid var(--line)}
  .flow-cell:last-child{border-bottom:none}
  .scene-grid{grid-template-columns:1fr}
  .pf-track{flex-wrap:wrap}
  .pf-node{flex:1 1 100%}
  .pf-sep{width:100%;justify-content:center;transform:rotate(90deg)}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
  .mac-form{flex-direction:column}
  .tline{grid-template-columns:52px 1fr}
}
@media (max-width:560px){
  .wrap{width:calc(100% - 32px)}
  .nav-in{height:58px;gap:10px}
  .brand{font-size:18px;flex:none}
  .nav .btn-sm{padding:9px 13px;font-size:13px;flex:none}
  .scene{grid-template-columns:1fr;gap:10px}
  .transcript{padding:20px 16px 24px}
  .spk{padding:20px 16px}
  .note-main{padding:22px 18px 24px}
  .win-dock{flex-wrap:wrap;gap:8px}
  .win-dock .ctl{margin-left:0;width:100%;justify-content:flex-end}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
  .win-date{display:none}
  .apps span{border-left:none;padding:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;transform:none}
  .hero .anim{opacity:1}
}

/* ============================================================
   SEO 第 1 波新增可见元素样式（2026-09-28）
   ============================================================ */

/* HERO 品类句：H1 下方、hero-sub 上方 */
.hero-catline{
  margin-top:22px;
  font-size:15px;
  font-weight:500;
  color:var(--ink-70);
  max-width:560px;
  line-height:1.75;
}
.hero-catline strong{color:var(--cinnabar);font-weight:700}

/* 下载区事实行 */
.dl-fact{
  margin-top:16px;
  margin-left:auto;
  margin-right:auto;
  max-width:520px;
  font-size:13.5px;
  color:var(--ink-50);
  line-height:1.9;
}

/* 页脚反品牌标记 */
.foot-mark{
  margin-top:14px;
  font-size:12px;
  color:var(--ink-30);
  letter-spacing:.04em;
}

/* 页脚备案号：独立页脚（下载/404/状态页）无小字容器，与 .foot-mark 同档 */
.foot-icp{
  font-size:12px;
  color:var(--ink-30);
  letter-spacing:.04em;
}

/* ============================================================
   SEO 第 2 波：专属页 / 博客目录 / 走错路页（2026-09-28）
   ============================================================ */

/* 面包屑（可见，页面顶部） */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--ink-50);margin-bottom:28px}
.crumbs a{color:var(--ink-70);border-bottom:1px solid var(--ink-30)}
.crumbs a:hover{color:var(--cinnabar);border-color:var(--cinnabar)}
.crumbs .sep{color:var(--ink-30)}

/* 子页面导航：当前页标记 */
.nav-links a.on{color:var(--cinnabar)}
.nav-links a.on::after{transform:scaleX(1)}

/* 专属页 HERO（比首页紧凑） */
.lp-hero{padding:clamp(46px,5.6vw,80px) 0 clamp(34px,4vw,54px)}
.lp-hero h1{
  font-family:var(--serif);font-weight:900;
  font-size:clamp(33px,4.8vw,58px);line-height:1.2;letter-spacing:.01em;
  max-width:16em;
}
.lp-lead{margin-top:22px;font-size:clamp(16px,1.5vw,18.5px);color:var(--ink-70);max-width:640px}
.lp-hero .hero-cta{margin-top:32px}
.lp-hero .hero-meta{margin-top:24px}

/* 专属页正文：编辑式编号要点 */
.lp-body{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-points{max-width:860px}
.lp-point{display:grid;grid-template-columns:56px 1fr;gap:26px;padding:36px 0;border-top:1px solid var(--line)}
.lp-point:last-child{border-bottom:1px solid var(--line)}
.lp-point .pn{font-family:var(--serif);font-weight:900;font-size:32px;line-height:1.3;color:var(--cinnabar)}
.lp-point h2{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:9px;color:var(--ink)}
.lp-point p{font-size:15.5px;color:var(--ink-70)}
.lp-point p + p{margin-top:10px}
.lp-point ul{list-style:none;margin-top:10px}
.lp-point li{position:relative;padding:5px 0 5px 20px;font-size:15px;color:var(--ink-70)}
.lp-point li::before{content:"";position:absolute;left:2px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--cinnabar)}

/* 博客目录空态（首批文章 MR-3 上线后替换） */
.blog-soon{
  max-width:720px;margin-top:50px;
  background:var(--paper-card);border:1px solid var(--ink);box-shadow:var(--shadow-print);
  padding:38px 40px 32px;
}
.blog-soon h2{font-family:var(--serif);font-size:23px;font-weight:700;margin-bottom:10px}
.blog-soon > p{color:var(--ink-70);font-size:15px}
.blog-soon-links{margin-top:20px;border-top:1px solid var(--line)}
.blog-soon-links a{display:block;padding:13px 2px;font-size:15.5px;color:var(--ink-70);border-bottom:1px dashed var(--line)}
.blog-soon-links a:hover{color:var(--cinnabar)}
.blog-soon .btn{margin-top:26px}

/* 走错路页 */
.err-page{min-height:100vh;display:flex;flex-direction:column}
.err-head{display:flex;align-items:center;padding:20px 0 0}
.err-head .brand{font-size:20px}
.err-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}
.err-code{font-family:var(--serif);font-weight:900;font-size:clamp(96px,16vw,176px);line-height:1;color:var(--cinnabar)}
.err-main h1{font-family:var(--serif);font-size:clamp(23px,3vw,33px);font-weight:700;margin:20px 0 12px}
.err-main p{color:var(--ink-70);max-width:420px}
.err-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}
.err-foot{padding:28px 0 30px;text-align:center}
.err-foot .foot-mark{display:block}

/* 页脚统一三栏：品牌 / 产品 / 资源（首页与子页面一致） */
.foot-grid{grid-template-columns:1.7fr 1fr 1.1fr;gap:36px}
@media (max-width:1020px){
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:600px){
  .foot-grid{grid-template-columns:1fr}
}

/* ============================================================
   博客文章页（MR-3，2026-09-29）
   ============================================================ */
.art-meta{margin-top:20px;font-size:14px;color:var(--ink-50);display:flex;flex-wrap:wrap;gap:8px 18px}
.art-meta .sep{color:var(--ink-30)}
.art-meta b{color:var(--ink-70);font-weight:600}

.art-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;padding:clamp(40px,5vw,72px) 0 clamp(60px,7vw,96px)}
.art-prose{min-width:0;max-width:720px}
.art-prose > *:first-child{margin-top:0}
.art-prose h2{
  font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.4;color:var(--ink);
  margin:44px 0 14px;padding-top:10px;
}
.art-prose h3{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);margin:30px 0 10px}
.art-prose p{font-size:16px;color:var(--ink-70);line-height:1.9;margin:14px 0}
.art-prose ul,.art-prose ol{margin:14px 0 14px 4px;padding-left:22px;color:var(--ink-70)}
.art-prose li{font-size:15.5px;line-height:1.85;margin:6px 0;padding-left:4px}
.art-prose ul li{list-style:none;position:relative}
.art-prose ul li::before{content:"";position:absolute;left:-18px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--cinnabar)}
.art-prose ol li::marker{color:var(--cinnabar);font-weight:700}
.art-prose a{color:var(--cinnabar);border-bottom:1px solid var(--cinnabar-wash)}
.art-prose a:hover{border-bottom-color:var(--cinnabar)}
.art-prose strong{color:var(--ink);font-weight:700}
.art-prose blockquote{
  margin:22px 0;padding:16px 20px;background:var(--paper-card);
  border-left:3px solid var(--cinnabar);color:var(--ink-70);font-size:15.5px;line-height:1.85;
}
.art-prose blockquote p{margin:4px 0;font-size:15.5px}
.art-prose code{
  font-family:var(--mono);font-size:13.5px;background:var(--paper-2);
  border:1px solid var(--line);border-radius:2px;padding:2px 6px;color:var(--cinnabar-deep);
}
.art-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
.art-prose th,.art-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.7}
.art-prose th{background:var(--paper-2);font-family:var(--serif);font-weight:700;color:var(--ink)}
.art-prose td{color:var(--ink-70)}
.art-prose tr:nth-child(even) td{background:var(--paper-card)}
.art-prose hr{border:none;border-top:1px dashed var(--ink-30);margin:36px 0}

/* 文章侧栏：目录 + 相关阅读 */
.art-side{display:flex;flex-direction:column;gap:24px;align-self:start;position:sticky;top:90px}
.art-card{background:var(--paper-card);border:1px solid var(--line);padding:20px 20px 16px}
.art-card h5{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px}
.art-toc{list-style:none}
.art-toc li{border-top:1px dashed var(--line)}
.art-toc a{display:block;font-size:13.5px;color:var(--ink-70);padding:8px 2px;line-height:1.6}
.art-toc a:hover{color:var(--cinnabar)}
.art-related{list-style:none}
.art-related li{border-top:1px dashed var(--line)}
.art-related a{display:block;font-size:13.5px;color:var(--ink-70);padding:9px 2px;line-height:1.6}
.art-related a:hover{color:var(--cinnabar)}
.art-side .btn{width:100%;justify-content:center}

@media (max-width:1020px){
  .art-body{grid-template-columns:1fr;gap:36px}
  .art-side{position:static}
}

/* 博客目录页：文章列表（MR-3 替换 blog-soon 空态） */
.bl-list{margin-top:52px;max-width:940px}
.bl-cat{
  font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink);
  margin:42px 0 4px;padding-bottom:10px;border-bottom:1.5px solid var(--ink);
}
.bl-cat:first-child{margin-top:0}
.bl-item{display:block;padding:22px 4px;border-bottom:1px dashed var(--line)}
.bl-item:hover .bl-title{color:var(--cinnabar)}
.bl-row{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.bl-tag{
  font-size:11.5px;color:var(--cinnabar);border:1px solid var(--cinnabar);
  border-radius:2px;padding:2px 8px;flex:none;
}
.bl-title{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink)}
.bl-date{margin-left:auto;font-size:12.5px;color:var(--ink-30);flex:none}
.bl-desc{display:block;margin-top:8px;font-size:14px;color:var(--ink-50);line-height:1.8}

/* ============================================================
   SEO 第 4 波：事实表 / 关于 / 更新日志（2026-10-30）
   事实表面向 RAG 抽取：短标签 + 短值，句子不修饰；
   关于页给主体与联系方式；更新日志按版本倒序，只讲用户面与修复面。
   ============================================================ */

/* 产品页事实表（页面顶部，紧接 hero） */
.factsheet{
  margin-top:36px;
  max-width:780px;
  background:var(--paper-card);
  border:1px solid var(--ink);
  box-shadow:var(--shadow-print);
}
.factsheet dl{display:grid;grid-template-columns:136px 1fr}
.factsheet dt,.factsheet dd{
  padding:13px 18px;
  font-size:14.5px;
  line-height:1.7;
  border-top:1px solid var(--line);
}
.factsheet dt{
  font-family:var(--serif);
  font-weight:700;
  color:var(--ink);
  background:var(--paper-2);
  border-right:1px solid var(--line);
}
.factsheet dd{color:var(--ink-70)}
.factsheet dl > dt:first-of-type,.factsheet dd:first-of-type{border-top:none}
@media (max-width:600px){
  .factsheet dl{grid-template-columns:1fr}
  .factsheet dt{border-right:none;padding-bottom:0}
  .factsheet dt + dd{border-top:none;padding-top:4px}
  .factsheet dd{padding-left:18px}
}

/* 关于页：主体定位句 + 联系方式 */
.lp-point .about-lede{
  margin-top:34px;
  max-width:720px;
  padding:24px 26px;
  background:var(--paper-card);
  border-left:3px solid var(--cinnabar);
  font-size:16.5px;
  line-height:1.9;
  color:var(--ink-70);
}
.about-lede strong{color:var(--ink)}
.about-links{
  margin-top:52px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:900px;
}
.about-link{
  display:block;
  padding:20px 22px;
  background:var(--paper-card);
  border:1px solid var(--line);
  transition:transform .2s var(--ease),border-color .2s var(--ease);
}
.about-link:hover{transform:translateY(-2px);border-color:var(--cinnabar)}
.about-link b{display:block;font-family:var(--serif);font-size:16.5px;color:var(--ink);margin-bottom:6px}
.about-link span{font-size:13.5px;color:var(--ink-50);line-height:1.7}
@media (max-width:860px){
  .about-links{grid-template-columns:1fr}
}

/* 更新日志：版本时间轴 */
.log{max-width:900px}
.log-item{display:grid;grid-template-columns:126px minmax(0,1fr);gap:34px}
.log-side{padding-top:2px;text-align:right}
.log-ver{
  font-family:var(--serif);font-weight:900;font-size:21px;line-height:1.3;color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.log-date{
  display:block;margin-top:5px;
  font-family:var(--mono);font-size:12px;color:var(--ink-30);letter-spacing:.03em;
}
.log-latest{
  display:inline-block;margin-top:9px;
  font-size:10.5px;letter-spacing:.14em;color:var(--cinnabar);
  border:1px solid var(--cinnabar);padding:1px 7px;
}
.log-body{
  position:relative;
  padding:0 0 44px 30px;
  border-left:1px solid var(--line);
}
.log-body::before{
  content:"";position:absolute;left:-6px;top:7px;
  width:11px;height:11px;border-radius:50%;background:var(--cinnabar);
}
.log-item:first-child .log-body::before{box-shadow:0 0 0 4px var(--cinnabar-wash)}
.log-item:last-child .log-body{border-left-color:transparent;padding-bottom:0}
.log-body ul{list-style:none}
.log-body li{
  position:relative;padding:5px 0 5px 18px;
  font-size:15.5px;line-height:1.8;color:var(--ink-70);
}
.log-body li::before{
  content:"";position:absolute;left:0;top:15px;
  width:6px;height:6px;border-radius:50%;background:var(--ink-30);
}
.log-body b{color:var(--ink);font-weight:700}
.log-tag{
  display:inline-block;margin-right:9px;padding:1px 8px;
  font-size:11px;letter-spacing:.1em;vertical-align:2px;
  border:1px solid var(--ink-30);color:var(--ink-50);
}
.log-tag.new{border-color:var(--cinnabar);color:var(--cinnabar)}
.log-tag.chg{border-color:var(--ink-70);color:var(--ink-70)}
.log-note{
  margin-top:8px;padding:10px 14px;
  background:var(--paper-2);border:1px dashed var(--line);
  font-size:13.5px;color:var(--ink-50);line-height:1.8;
}
@media (max-width:680px){
  .log-item{grid-template-columns:1fr;gap:12px}
  .log-side{text-align:left}
  .log-body{border-left:none;padding-left:0}
  .log-body::before{display:none}
}

/* 事实表抬头：非标题元素，避免干扰页面 h2 结构 */
.factsheet .fs-cap{
  padding:12px 18px;
  border-bottom:1px solid var(--line);
  background:var(--paper-2);
  font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--ink-50);
}
.log-tag.fix{border-color:var(--ink-50);color:var(--ink-70)}

/* ============================================================
   首页营销结构（2026-10-30 定稿）
   从“功能说明书”改为“核心价值证明页”：首屏先给跨会问答的
   具体结果与来源，基础能力与事实参数下移承接顾虑。主体是
   .home-*，末尾同批附上跨会能力页 / Windows 页共用的定位块
   （.lp-positioning）与证明卡（.proof-*），不改变两个页面的
   既有版式。
   另：本段之前的 .mock-stage / .mem-card / .scene-grid / .flow-grid
   等是旧首页组件，线上已无引用（仅 candidates/_archived 归档稿
   使用），清理随下一批做，勿按现役组件改。
   ============================================================ */
.home-hero{padding:clamp(54px,6.4vw,88px) 0 clamp(34px,4vw,52px)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(36px,5vw,68px);align-items:center}
.home-kicker{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border:1px solid var(--cinnabar);border-radius:999px;color:var(--cinnabar-deep);font-size:12px;font-weight:700;letter-spacing:.12em}
.home-kicker i{width:7px;height:7px;border-radius:50%;background:var(--cinnabar)}
.home-hero h1{margin:24px 0 22px;font-family:var(--serif);font-weight:900;font-size:clamp(42px,4.5vw,58px);line-height:1.25;letter-spacing:-.025em}
.home-underline{color:var(--cinnabar);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:9px}
.home-hero-lead{max-width:650px;color:var(--ink-70);font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.95}
.home-hero-lead strong{color:var(--ink);font-weight:700;box-shadow:inset 0 -.5em 0 var(--cinnabar-wash);padding:0 2px}
.home-hero-cta{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.home-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;font-size:13px;color:var(--ink-70)}
.home-proof span{display:inline-flex;align-items:center;gap:6px}
.home-proof b{color:var(--cinnabar);font-weight:700}
.home-qa-card{position:relative;background:var(--paper-card);border:1px solid var(--ink);box-shadow:var(--shadow-print);transform:rotate(.8deg)}
.home-qa-top{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.05em;color:var(--ink-50)}
.home-qa-top span{display:inline-flex;align-items:center;gap:7px}
.home-qa-top i{width:7px;height:7px;border-radius:50%;background:var(--cinnabar)}
.home-qa-body{padding:23px 24px 20px}
.home-qa-label{color:var(--cinnabar);font-size:12px;font-weight:700;letter-spacing:.12em}
.home-qa-question{margin:7px 0 19px;font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.65}
.home-qa-answer{padding:17px 18px;background:var(--paper);border-left:3px solid var(--cinnabar)}
.home-qa-answer-label{margin-bottom:7px;color:var(--ink-50);font-size:12px}
.home-qa-answer p{color:var(--ink-70);font-size:14.5px;line-height:1.9}
.home-qa-answer strong{color:var(--ink)}
.home-qa-sources-label{margin:19px 0 9px;color:var(--ink-50);font-size:12px}
.home-qa-sources{display:flex;flex-wrap:wrap;gap:8px}
.home-qa-sources span{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);background:var(--paper);color:var(--ink-70);font-size:12px}
.home-qa-sources b{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--cinnabar-wash);color:var(--cinnabar-deep);font-family:var(--mono);font-size:10px}
.home-qa-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-50)}
.home-qa-foot a{color:var(--cinnabar);font-weight:700;white-space:nowrap}
.home-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-50)}
.home-platforms strong{margin-right:4px;color:var(--ink-70);font-weight:500}
.home-platforms span{padding-left:14px;border-left:1px solid var(--line)}
.home-platforms span:first-of-type{margin-left:-14px}

.home-section{padding:clamp(66px,8vw,104px) 0}
.home-band{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-section-head{max-width:790px;margin-bottom:38px}
.home-section h2{font-family:var(--serif);font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.38;letter-spacing:-.02em}
.home-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--cinnabar);font-size:12px;font-weight:700;letter-spacing:.16em}
.home-eyebrow::before{content:"";width:26px;height:1px;background:var(--cinnabar)}
.home-section-lead{max-width:720px;margin-top:16px;color:var(--ink-70);font-size:15.5px;line-height:1.9}
.home-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-scenario{display:flex;min-height:306px;flex-direction:column;padding:24px 24px 22px;background:var(--paper-card);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s var(--ease)}
.home-scenario:hover{transform:translateY(-3px);border-color:var(--cinnabar)}
.home-scenario-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--cinnabar);font-size:12px;font-weight:700;letter-spacing:.08em}
.home-scenario-top b{color:var(--ink-30);font-family:Georgia,serif;font-size:19px;font-weight:400}
.home-scenario h3{margin:19px 0 12px;font-family:var(--serif);font-size:21px;line-height:1.6}
.home-scenario-query{color:var(--ink);font-size:14.5px;line-height:1.85}
.home-scenario-result{margin-top:auto;padding-top:20px;color:var(--ink-50);font-size:13.5px}
.home-scenario-result::before{content:"→";margin-right:8px;color:var(--cinnabar)}

.home-memory-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,6vw,76px);align-items:start}
.home-memory-quote{margin-top:26px;padding:19px 0 0 21px;border-top:1px solid var(--line);border-left:3px solid var(--cinnabar);color:var(--ink-70);font-family:var(--serif);font-size:17px;line-height:1.9}
.home-memory-steps{border-top:1px solid var(--ink)}
.home-memory-step{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid var(--line)}
.home-step-no{color:var(--cinnabar);font-family:Georgia,serif;font-size:24px;line-height:1.4}
.home-memory-step h3{font-size:17px;margin-bottom:6px}
.home-memory-step p{color:var(--ink-70);font-size:14px;line-height:1.85}
.home-memory-step a,.home-basic a{color:var(--cinnabar);border-bottom:1px solid var(--cinnabar-wash)}

.home-basics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
.home-basics-head .home-section-lead{max-width:420px;margin:0 0 4px}
.home-basics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.home-basic{padding:25px 22px 26px;border-right:1px solid var(--line)}
.home-basic:last-child{border-right:0}
.home-basic-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--cinnabar-wash);color:var(--cinnabar-deep);font-family:var(--serif);font-size:15px;font-weight:700}
.home-basic h3{margin:14px 0 7px;font-size:16px}
.home-basic p{color:var(--ink-70);font-size:13px;line-height:1.8}

.home-trust-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(42px,6vw,72px);align-items:center}
.home-trust-list{margin-top:25px}
.home-trust-list article{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.home-trust-list article:first-child{border-top:1px solid var(--line)}
.home-trust-list article > span{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--cinnabar);border-radius:50%;color:var(--cinnabar);font-family:var(--serif);font-size:13px}
.home-trust-list h3{font-size:16px;margin-bottom:3px}
.home-trust-list p{color:var(--ink-70);font-size:14px}
/* 暗底卡专用 4 色为有意硬编码（#e8a694 / #d8d0c4 / #504940 / #3a342e）：全局 token
   是纸面配色，没有暗底色阶；为单卡扩张 :root 反而会让后续改主题时漏掉语义。
   换暗底配色时只改这一段。 */
.home-privacy-note{padding:30px;background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--cinnabar-wash)}
.home-privacy-eyebrow{color:#e8a694;font-size:12px;font-weight:700;letter-spacing:.16em}
.home-privacy-note h3{margin:14px 0 14px;font-family:var(--serif);font-size:27px;line-height:1.55}
.home-privacy-note > p{color:#d8d0c4;font-size:14px;line-height:1.95}
.home-privacy-rule{height:1px;margin:20px 0;background:#504940}
.home-privacy-fact{display:flex;align-items:flex-start;gap:10px;color:var(--paper);font-size:13px}
.home-privacy-fact span{display:grid;flex:none;width:21px;height:21px;margin-top:3px;place-items:center;border-radius:50%;background:#3a342e;color:#e8a694;font-family:var(--serif);font-size:11px}

.home-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,6vw,70px)}
.home-faq-grid .faq-list{margin-top:0}
.home-faq-grid .answer{padding:0 8px 28px 0;color:var(--ink-70);font-size:15px;line-height:1.9;max-width:760px}
.home-facts{padding-top:clamp(46px,5vw,66px);padding-bottom:clamp(46px,5vw,66px)}
/* 产品页事实表贴 hero 左缘（max-width 780 左对齐是既定版式）；首页事实表是独立
   分区，左对齐会在宽屏留下大片空 right，改居中。 */
.home-facts .factsheet{margin:0 auto}

@media (max-width:1020px){
  .home-hero-grid{grid-template-columns:1fr;gap:44px}
  .home-qa-card{max-width:620px;transform:none}
  .home-scenarios{grid-template-columns:1fr}
  .home-scenario{min-height:0}
  .home-scenario-result{margin-top:12px}
  .home-memory-grid,.home-trust-grid,.home-faq-grid{grid-template-columns:1fr;gap:40px}
  .home-basics-head{display:block}
  .home-basics-head .home-section-lead{margin-top:15px;max-width:680px}
  .home-basics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-basic:nth-child(2){border-right:0}
  .home-basic:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:680px){
  .home-hero{padding-top:42px}
  /* 固定 34px 在 375/390 两行，但 360/320 会把「问。」压成第三行（实测 360 容器
     328px < 第二行 331.5px）。随宽度收缩后 360≈31.7px、320≈28.2px，仍保两行。 */
  .home-hero h1{font-size:clamp(27px,8.8vw,34px);line-height:1.3}
  .home-hero-lead{font-size:15px}
  .home-hero-cta{display:grid;grid-template-columns:1fr}
  .home-hero-cta .btn{justify-content:center}
  .home-proof{display:grid;gap:7px}
  .home-qa-body{padding:19px 18px}
  .home-qa-question{font-size:18px}
  .home-qa-foot{align-items:flex-start;flex-direction:column;gap:7px}
  .home-platforms{gap:9px 14px}
  .home-platforms span{border-left:none;padding-left:0}
  .home-section{padding:60px 0}
  .home-section h2{font-size:30px}
  .home-scenario{padding:21px 19px 20px}
  .home-memory-step{grid-template-columns:35px 1fr;gap:11px}
  .home-basics{grid-template-columns:1fr}
  .home-basic{border-right:0;border-bottom:1px solid var(--line)}
  .home-basic:last-child{border-bottom:0}
  .home-privacy-note{padding:24px 20px}
}
/* 320–340 段（小屏安卓 / 分屏 WebView）：clamp 下限仍会把 10 字行压成三行，单独再降一档。 */
@media (max-width:339px){
  .home-hero h1{font-size:26px}
}

/* 跨会能力页：核心定位句 + 可抽取的证明示例（2026-10-30） */
.lp-positioning{
  margin-top:15px;
  padding:16px 18px;
  background:var(--paper-card);
  border-left:3px solid var(--cinnabar);
  color:var(--ink-70);
  font-size:14.5px;
  line-height:1.9;
}
.proof-case{
  max-width:860px;
  margin:30px 0;
  padding:23px 25px;
  background:var(--paper-card);
  border:1px solid var(--ink);
  box-shadow:var(--shadow-print);
}
.proof-head{
  display:flex;justify-content:space-between;gap:14px;
  padding-bottom:13px;border-bottom:1px solid var(--line);
  color:var(--ink-50);font-size:12px;letter-spacing:.04em;
}
.proof-q{margin-top:18px;font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--ink)}
.proof-q b{display:block;margin-bottom:6px;color:var(--cinnabar);font-family:var(--sans);font-size:12px;letter-spacing:.1em}
.proof-a{margin-top:18px;padding:16px 18px;background:var(--paper);border-left:3px solid var(--cinnabar)}
.proof-a b{display:block;margin-bottom:7px;color:var(--ink-50);font-size:12px}
.proof-a p{color:var(--ink-70);font-size:14.5px;line-height:1.9}
.proof-a strong{color:var(--ink)}
.proof-src{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:17px;color:var(--ink-50);font-size:12px}
.proof-src b{margin-right:3px}
.proof-src span{padding:5px 9px;background:var(--paper);border:1px solid var(--line);color:var(--ink-70)}
.proof-note{margin-top:16px;color:var(--ink-50);font-size:12px}
@media (max-width:600px){
  .proof-case{padding:19px 18px}
  .proof-head{align-items:flex-start;flex-direction:column;gap:3px}
}
