/* 解析几何 · 知识库 —— 视觉沿用源站 Geek Chalk E3.1 令牌 */
:root{
  color-scheme: light;
  --gc-navy:#173B68;
  --gc-blue:#4F8FD7;
  --gc-sky:#9CC8EA;
  --gc-ice:#DDECF7;
  --gc-cloud:#F7FAFC;
  --gc-pink:#F2CFC7;
  --gc-apricot:#F1B57A;
  --gc-mint:#79C2B5;

  --bg:#F7FAFC;
  --surface:#FFFFFF;
  --surface-alt:#FBFDFE;
  --ink:#173B68;
  --ink-2:rgb(23 59 104 / .90);
  --ink-3:rgb(23 59 104 / .72);
  --ink-4:rgb(23 59 104 / .54);
  --line:#D6E4F0;
  --line-strong:#B4CFE6;

  --radius:12px;
  --radius-sm:8px;
  --shadow-1:0 1px 2px rgb(23 59 104 / .06), 0 4px 14px rgb(23 59 104 / .05);
  --shadow-2:0 8px 30px rgb(23 59 104 / .10);

  --font: "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
  --mono: "Cascadia Code", ui-monospace, "SF Mono", Consolas, "Courier New", monospace;

  --top:64px;
  --left:308px;
  --right:324px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  font-size:15px;
  line-height:1.75;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button{font:inherit;color:inherit;cursor:pointer}
a{color:var(--gc-blue);text-decoration:none}
a:hover{text-decoration:underline}
kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 5px;color:var(--ink-4);background:#fff}
::selection{background:color-mix(in srgb, var(--gc-sky) 60%, #fff);color:var(--gc-navy)}

/* ---------- 启动遮罩 ---------- */
#boot{
  position:fixed;inset:0;z-index:99;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 20%, #fff 0%, var(--gc-cloud) 55%, var(--gc-ice) 100%);
  transition:opacity .35s ease;
}
#boot.gone{opacity:0;pointer-events:none}
.boot-inner{text-align:center;max-width:420px;padding:24px}
.boot-mark{font-size:46px;line-height:1;color:var(--gc-navy);opacity:.9}
.boot-inner h1{font-size:19px;margin:14px 0 6px;font-weight:650;letter-spacing:.02em}
.boot-inner p{margin:0;color:var(--ink-3);font-size:13px}
.boot-bar{margin:20px auto 0;width:180px;height:3px;border-radius:3px;background:var(--gc-ice);overflow:hidden}
.boot-bar i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--gc-blue),var(--gc-mint));animation:slide 1.1s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}

/* ---------- 顶栏 ---------- */
#topbar{
  position:sticky;top:0;z-index:40;height:var(--top);
  display:flex;align-items:center;gap:14px;
  padding:0 16px;
  background:color-mix(in srgb, #fff 88%, var(--gc-cloud));
  backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line);
}
#nav-toggle{display:none;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;align-items:center;justify-content:center}
.brand{display:flex;align-items:center;gap:10px;color:inherit}
.brand:hover{text-decoration:none}
.brand-mark{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--gc-navy),#255a97);
  color:#fff;font-size:19px;line-height:1;box-shadow:var(--shadow-1)
}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text b{font-size:15px;font-weight:660;letter-spacing:.02em}
.brand-text small{font-size:11px;color:var(--ink-4);letter-spacing:.06em}

.search-wrap{position:relative;flex:1;max-width:560px}
.search{
  display:flex;align-items:center;gap:8px;
  height:36px;padding:0 10px;
  background:#fff;border:1px solid var(--line-strong);border-radius:10px;
  color:var(--ink-4);transition:border-color .15s,box-shadow .15s
}
.search:focus-within{border-color:var(--gc-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--gc-sky) 45%,#fff)}
.search input{flex:1;border:0;outline:0;background:transparent;font:inherit;color:var(--ink);min-width:0}
.search input::placeholder{color:var(--ink-4)}

#results{
  position:absolute;top:42px;left:0;right:0;max-height:min(66vh,540px);overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);
  padding:6px;z-index:50
}
#results .r{display:block;padding:8px 10px;border-radius:8px;color:inherit;cursor:pointer}
#results .r:hover,#results .r.on{background:var(--gc-ice);text-decoration:none}
#results .r b{display:block;font-weight:600;font-size:14px}
#results .r em{font-style:normal;color:var(--gc-blue);background:color-mix(in srgb,var(--gc-sky) 34%,#fff);border-radius:3px;padding:0 2px}
#results .r span{display:block;font-size:12px;color:var(--ink-4);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#results .r i{font-style:normal;font-size:11px;color:var(--gc-navy);background:var(--gc-pink);border-radius:999px;padding:1px 7px;margin-right:6px}
#results .empty{padding:14px 10px;color:var(--ink-4);font-size:13px;text-align:center}

.tabs{display:flex;gap:4px;background:var(--gc-ice);padding:3px;border-radius:10px}
.tabs button{border:0;background:transparent;padding:5px 14px;border-radius:8px;font-size:13px;color:var(--ink-3);font-weight:560}
.tabs button[aria-selected="true"]{background:#fff;color:var(--gc-navy);box-shadow:var(--shadow-1)}
.hstat{font-size:12px;color:var(--ink-4);white-space:nowrap;font-variant-numeric:tabular-nums}
/* 题干高亮开关 */
.stemtoggle{
  display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;margin-left:6px;
  border-radius:999px;border:1px solid #B7DCC6;background:#F2FAF4;color:#12583C;
  font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap
}
.stemtoggle .dot{width:8px;height:8px;border-radius:50%;background:#57B77E;box-shadow:0 0 0 3px rgba(87,183,126,.16)}
.stemtoggle:hover{filter:brightness(.985)}
.stemtoggle[aria-pressed="false"]{border-color:var(--line);background:#fff;color:var(--ink-4)}
.stemtoggle[aria-pressed="false"] .dot{background:#C6D3DF;box-shadow:none}

/* 作者 / 反馈入口 */
.authorbtn{
  display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;margin-left:6px;
  border:1px solid transparent;border-radius:999px;cursor:pointer;white-space:nowrap;
  font-size:12.5px;font-weight:650;color:#fff;
  background:linear-gradient(135deg,#3F8FD6,#2FAE8F);
  box-shadow:0 4px 12px rgba(47,140,200,.22)
}
.authorbtn .spark{font-size:11px;opacity:.92;transform:translateY(-.5px)}
.authorbtn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.authorbtn:active{transform:translateY(0)}

/* 作者弹层 */
.amodal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}
.amodal[hidden]{display:none}
.amodal-veil{position:absolute;inset:0;background:rgba(12,32,54,.42);backdrop-filter:blur(3px)}
.acard{
  position:relative;display:flex;flex-direction:column;
  width:min(880px,100%);max-height:min(92vh,900px);overflow:hidden;
  background:#fff;border-radius:18px;padding:0;
  box-shadow:0 24px 70px rgba(9,32,58,.28);border:1px solid #E3EEF7
}
/* 正文滚动区：底部动作条不参与滚动，永远贴在卡片最下面 */
.abody{flex:1 1 auto;min-height:0;overflow:auto;padding:26px 28px 18px;-webkit-overflow-scrolling:touch}
.aclose{
  position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;border-radius:50%;
  background:#F1F6FB;color:var(--ink-3);font-size:19px;line-height:1;cursor:pointer
}
.aclose:hover{background:#E6EFF8;color:var(--gc-navy)}
.acard-head .aeyebrow{
  display:inline-block;font-size:11.5px;letter-spacing:.14em;color:#2FAE8F;font-weight:700;
  padding:3px 9px;border-radius:999px;background:#EAF9F4;margin-bottom:10px
}
.acard-head h3{margin:0 0 8px;font-size:23px;line-height:1.42;color:#123A63;font-weight:700}
.asub{margin:0 0 16px;font-size:13px;line-height:1.7;color:var(--ink-3)}

/* ===== 醒目反馈区（首访介绍页 / 反馈弹层共用） ===== */
.afb{
  position:relative;margin:2px 0 18px;padding:15px 16px 12px;border-radius:14px;
  background:linear-gradient(180deg,#F1FBF7 0%,#F5FAFF 60%,#FFFFFF 100%);
  border:1px solid #CBEBDC;box-shadow:0 10px 26px rgba(19,80,120,.09),inset 0 1px 0 #fff
}
.afb::before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,#2FAE8F,#3F8FD6)
}
.afb-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:2px 0 10px}
.afb-badge{
  font-size:11px;font-weight:700;letter-spacing:.04em;color:#0F7C64;
  background:#DEF6EB;border:1px solid #BCEAD7;border-radius:999px;padding:3px 9px;white-space:nowrap
}
.afb-top b{font-size:13.5px;color:#123A63}
.afb textarea{
  width:100%;box-sizing:border-box;resize:vertical;min-height:84px;
  font:inherit;font-size:14px;line-height:1.7;color:#1D3F63;
  padding:10px 12px;border:1px solid #CFE6F5;border-radius:10px;background:#fff;outline:none;
  box-shadow:inset 0 1px 2px rgba(20,60,100,.04)
}
.afb textarea::placeholder{color:#8FA9C0}
.afb textarea:focus{border-color:#5FB3E8;box-shadow:0 0 0 3px rgba(63,143,214,.14)}
.afb-row{display:flex;gap:10px;margin-top:9px;align-items:stretch}
.afb-row input{
  flex:1 1 auto;min-width:0;font:inherit;font-size:12.8px;color:#1D3F63;
  padding:10px 12px;border:1px solid #DCE9F4;border-radius:10px;background:#fff;outline:none
}
.afb-row input:focus{border-color:#9FC9E8;box-shadow:0 0 0 3px rgba(63,143,214,.1)}
.afb-send{
  flex:0 0 auto;border:0;cursor:pointer;border-radius:10px;padding:0 26px;
  font-size:14px;font-weight:700;color:#fff;letter-spacing:.02em;
  background:linear-gradient(135deg,#2FAE8F,#3F8FD6);
  box-shadow:0 8px 18px rgba(47,174,143,.28);transition:transform .12s ease,box-shadow .12s ease
}
.afb-send:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(47,174,143,.34)}
.afb-send:disabled{opacity:.62;cursor:progress;transform:none;box-shadow:none}
.afb-status{min-height:16px;margin-top:6px;font-size:12px;font-weight:600;color:#0F7C64}
.afb-status.bad{color:#C2410C}
.afoot-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media (max-width:560px){
  .afb-row{flex-direction:column}
  .afb-send{padding:11px 0}
}
.astats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.astats span{
  font-size:12px;color:#1d548f;background:#F3F8FD;border:1px solid #DCEBF8;
  padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums
}
.amodal-grid{display:grid;grid-template-columns:228px 1fr;gap:24px;align-items:start}
/* 数据小卡 */
.ametrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:2px 0 16px}
.ametric{
  background:linear-gradient(180deg,#FBFDFF,#F3F8FD);border:1px solid #E1EDF8;border-radius:10px;
  padding:8px 10px;text-align:left
}
.ametric b{display:block;font-size:15px;line-height:1.2;color:#12507F;font-variant-numeric:tabular-nums}
.ametric i{font-style:normal;font-size:11px;color:#5C87B0;margin-left:2px}
.ametric span{display:block;margin-top:3px;font-size:11px;color:var(--ink-4);line-height:1.4}
/* 分节标题 */
.acols{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.acol-b .asec:first-child{margin-top:15px}
.asec{
  display:flex;align-items:center;gap:7px;margin:15px 0 8px;font-size:13px;font-weight:700;color:#123A63
}
.asec .adot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#3F8FD6,#2FAE8F)}
/* 时间轴 */
.atimeline{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid #E4EFF9;counter-reset:step}
.atimeline li{
  position:relative;margin:0 0 11px;font-size:12.8px;line-height:1.72;color:#254A6E
}
.atimeline li::before{
  counter-increment:step;content:counter(step);
  position:absolute;left:-23px;top:3px;width:15px;height:15px;border-radius:50%;
  background:#fff;border:2px solid #9EC8E8;color:#2B6A9B;font-size:9.5px;font-weight:700;
  line-height:12px;text-align:center
}
.atimeline li b{color:#123A63}
/* 服务清单 */
.aservices{list-style:none;margin:0;padding:0}
.aservices li{
  position:relative;margin:0 0 7px;padding:6px 10px 6px 27px;font-size:12.8px;line-height:1.7;
  background:#FAFDFF;border:1px solid #E7F1FA;border-radius:9px;color:#254A6E
}
.aservices li::before{
  content:"→";position:absolute;left:10px;top:7px;color:#2FAE8F;font-weight:700
}
.aservices li b{color:#123A63}
/* 项目状态 */
.astatus{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}
.astatus .st{
  display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#2B6A9B;
  background:#F4F9FD;border:1px solid #DEEBF7;padding:4px 10px;border-radius:999px
}
.astatus .st i{width:6px;height:6px;border-radius:50%;background:#B9CFE2}
.astatus .st.on{background:#EFFAF4;border-color:#BFE6D4;color:#1B7F55}
.astatus .st.on i{background:#2FAE8F;box-shadow:0 0 0 3px rgba(47,174,143,.16)}
/* 引言 */
.aquote{
  margin:4px 0 14px;padding:10px 14px;border-left:3px solid #9EC8E8;background:#F7FBFF;
  border-radius:0 8px 8px 0;font-size:13px;line-height:1.75;color:#1d548f;font-weight:600
}
/* 左列微信号 */
.awx{margin-top:14px;padding-top:12px;border-top:1px dashed #E1ECF6;text-align:center}
.awx-label{font-size:11px;color:var(--ink-4);letter-spacing:.08em}
.awx-id{font-family:var(--mono);font-size:14px;color:#0F5FA8;margin:3px 0 8px;user-select:all}
.acopy.wide{width:100%;padding:7px 0;font-size:12.5px;border-radius:9px}
.aqr{text-align:center}
.aqr-ring{
  position:relative;display:inline-block;padding:10px;border-radius:16px;background:#fff;
  border:1px solid #DFEBF6;box-shadow:0 6px 20px rgba(28,86,140,.10)
}
.aqr-ring::after{
  content:"";position:absolute;inset:-6px;border-radius:20px;border:2px solid rgba(47,174,143,.35);
  animation:aqrPulse 2.8s ease-out infinite;pointer-events:none
}
@keyframes aqrPulse{0%{opacity:.55;transform:scale(.985)}70%{opacity:0;transform:scale(1.03)}100%{opacity:0}}
.aqr-ring img{display:block;width:200px;height:auto;border-radius:10px}
.aqr-cap{margin-top:12px;font-size:11.5px;color:var(--ink-4)}
.atext{font-size:13.6px;line-height:1.78;color:#254A6E}
.atext p{margin:0 0 12px}
.atext b{color:#123A63}
.atag{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#1d548f}
.atag b{font-family:var(--mono);font-size:13.5px;letter-spacing:.02em;color:#0F5FA8}
.acopy{
  border:1px solid #CFE3F5;background:#F6FAFE;color:#1d548f;font-size:11.5px;font-weight:600;
  padding:3px 9px;border-radius:7px;cursor:pointer
}
.acopy:hover{background:#EAF3FC}
.acopy.primary{
  border-color:transparent;background:linear-gradient(135deg,#3F8FD6,#2FAE8F);color:#fff;
  font-size:12.5px;padding:7px 16px;border-radius:9px;box-shadow:0 4px 12px rgba(47,140,200,.22)
}
.acopy.ok{background:#E7F8F0!important;border-color:#9CD9BE!important;color:#1B7F55!important}
.achips{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 12px}
.achips span{
  font-size:11.5px;color:#2B6A9B;background:#F1F8FD;border:1px dashed #C9E2F3;
  padding:3px 9px;border-radius:7px
}
.alast{margin:0;color:#1d548f;font-weight:600}
.acard-foot{
  position:relative;z-index:2;flex:0 0 auto;background:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:0;padding:12px 28px 14px;border-top:1px dashed #E1ECF6;
  box-shadow:0 -8px 16px -12px rgba(16,58,96,.18)
}
.afoot-note{font-size:11.5px;color:var(--ink-4)}
@media (max-width:720px){
  .amodal-grid{grid-template-columns:1fr}
  .aqr-ring img{width:160px}
  .abody{padding:20px 18px 14px}
  .acard-foot{padding:10px 18px 12px}
  .authorbtn .lbl{display:none}
}

/* ---------- 三栏 ---------- */
.app{
  display:grid;
  grid-template-columns:var(--left) minmax(0,1fr) var(--right);
  align-items:start;
  height:calc(100vh - var(--top));
}
.left,.right{
  position:sticky;top:var(--top);height:calc(100vh - var(--top));
  display:flex;flex-direction:column;
  background:var(--surface-alt);
  min-width:0;
}
.left{border-right:1px solid var(--line)}
.right{border-left:1px solid var(--line)}
.pane-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:11px 14px;border-bottom:1px solid var(--line);
  font-size:12px;letter-spacing:.08em;color:var(--ink-4);text-transform:uppercase
}
.pane-actions{display:flex;gap:4px}
.pane-actions button{border:1px solid var(--line-strong);background:#fff;border-radius:7px;padding:2px 8px;font-size:11px;color:var(--ink-3);letter-spacing:0;text-transform:none}
.pane-actions button:hover{border-color:var(--gc-blue);color:var(--gc-navy)}
.pane-body{flex:1;overflow:auto;padding:8px 8px 20px;overscroll-behavior:contain}
.pane-foot{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--line);
  font-size:12px
}
.pane-foot a{color:var(--ink-3);background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.pane-foot a:hover{border-color:var(--gc-blue);color:var(--gc-navy);text-decoration:none}
.hint{margin:12px 6px;font-size:12.5px;color:var(--ink-4);line-height:1.7}

/* ---------- 目录树 ---------- */
.node{margin:1px 0}
.row{
  display:flex;align-items:center;gap:6px;width:100%;
  border:0;background:transparent;border-radius:8px;
  padding:5px 8px;text-align:left;color:var(--ink-2);font-size:13.5px;line-height:1.5
}
.row:hover{background:color-mix(in srgb,var(--gc-ice) 60%,#fff)}
.row.on{background:var(--gc-ice);color:var(--gc-navy);font-weight:620}
.row .chev{
  width:14px;height:14px;flex:none;display:grid;place-items:center;
  color:var(--ink-4);transition:transform .16s ease
}
.row[aria-expanded="true"] .chev{transform:rotate(90deg)}
.row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .ct{font-size:11px;color:var(--ink-4);font-variant-numeric:tabular-nums}
.row .dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--gc-sky)}
.node[data-kind="topic"]>.row .dot{background:var(--gc-mint)}
.node[data-kind="doc"] .dot{width:5px;height:5px;background:var(--gc-apricot)}
.children{margin-left:9px;padding-left:8px;border-left:1px dashed var(--line)}

/* 文档类型徽标 */
.kbadge{font-size:10.5px;padding:0 6px;border-radius:999px;letter-spacing:.02em;flex:none;border:1px solid transparent}
.k-知识点{background:var(--gc-ice);color:#1d548f;border-color:#c3dcf1}
.k-典型例题{background:var(--gc-pink);color:#8c3b2a;border-color:#ecc2b8}
.k-专题{background:#eee9f7;color:#4a3a7a;border-color:#d9d0ee}
.k-二级结论{background:var(--gc-mint);color:#12574b;border-color:#b9e0d8}
.k-易错与边界{background:var(--gc-apricot);color:#7d4715;border-color:#edd0ad}
.k-章节索引,.k-方法族索引,.k-代表题索引,.k-教材来源映射{background:#eef2f6;color:#4b5c70;border-color:#dbe4ec}

/* ---------- 主区 ---------- */
main{min-width:0;height:calc(100vh - var(--top));overflow:auto;scroll-behavior:smooth}
.crumb{
  position:sticky;top:0;z-index:6;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  padding:9px 26px;
  font-size:12.5px;color:var(--ink-4);
  background:color-mix(in srgb,#fff 90%,var(--gc-cloud));
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)
}
.crumb .sep{color:var(--line-strong)}
.crumb a{color:var(--ink-3)}
.crumb .cur{color:var(--gc-navy);font-weight:600}
.view{display:block}
.view[hidden]{display:none !important}
[hidden]{display:none !important}

/* ---------- 文档 ---------- */
.doc{max-width:880px;margin:0 auto;padding:30px 26px 90px}
.doc-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--ink-4)}
.doc-title{
  font-size:29px;line-height:1.32;font-weight:700;letter-spacing:-.01em;
  margin:0 0 14px;color:var(--gc-navy)
}
.doc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.tag{
  font-size:11.5px;color:var(--gc-navy);
  background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:2px 9px
}
.tag.alias{background:var(--gc-cloud);color:var(--ink-3);border-style:dashed}

.doc h1,.doc h2,.doc h3,.doc h4,.doc h5,.doc h6{
  color:var(--gc-navy);line-height:1.4;letter-spacing:-.005em;
  scroll-margin-top:calc(var(--top) + 52px)
}
.doc h1{font-size:25px;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--gc-ice)}
.doc h2{font-size:20px;margin:32px 0 12px;padding-left:11px;border-left:4px solid var(--gc-blue)}
.doc h3{font-size:16.5px;margin:24px 0 9px;color:#1d4f86}
.doc h4{font-size:15px;margin:20px 0 8px;color:var(--ink-2)}
.doc h5,.doc h6{font-size:14px;margin:16px 0 6px;color:var(--ink-3)}
.doc p{margin:11px 0}
/* 连续多条结论行合并成一个盒子（与公式组一致） */
.doc .mlgroup{
  margin:18px 0;padding:14px 18px;
  background:linear-gradient(180deg,#fff,var(--gc-cloud));
  border:1px solid var(--line);border-left:3px solid var(--gc-blue);
  border-radius:var(--radius-sm)
}
.doc .mlgroup > p.ml{margin:0;padding:0;border:0;background:none;text-align:center}
.doc .mlgroup > p.ml + p.ml{margin-top:14px}

/* 题干行（灰度：目前仅第 1 章；?stem=off 可整体关闭） */
.doc p.stem{
  margin:16px 0 10px;padding:9px 14px;
  background:#F2FAF4;border:1px solid #B7DCC6;border-left:3px solid #57B77E;
  border-radius:var(--radius-sm)
}
.doc p.stem > strong{color:#12583C}
/* 标题式题干（### 例1 这种）：同色系但更轻，不抢正文 */
.doc .stem-h{
  background:#F7FCF9;border:1px solid #CDE7D8;border-left:3px solid #57B77E;
  border-radius:var(--radius-sm);padding:7px 12px;margin:22px 0 10px;color:#12583C
}
html.no-stem .doc p.stem{background:none;border:0;padding:0;margin:11px 0}
html.no-stem .doc p.stem > strong{color:#0f2f57}
html.no-stem .doc .stem-h{background:none;border:0;padding:0;margin:22px 0 10px;color:#1d4f86}

/* 密度保护：清单式例题页（题干占比过高）只留竖条，不铺底色 */
.doc.stem-dense p.stem{
  background:none;border:0;border-left:2px solid #9AD3B4;
  padding:3px 0 3px 14px;margin:10px 0
}

/* 章节结构树（ASCII 树 → SVG） */
.doc .treebox{
  margin:18px 0;padding:14px 12px;overflow-x:auto;
  background:linear-gradient(180deg,#fff,var(--gc-cloud));
  border:1px solid var(--line);border-left:3px solid var(--gc-blue);
  border-radius:var(--radius-sm)
}
.doc .treebox .treesvg{display:block;max-width:none}
.doc .treebox text{font-family:"Segoe UI","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}

/* 公式行 / 结论行：整行只有公式或「公式+极短结论」时居中，和正文段落视觉分层 */
.doc p.ml{
  margin:18px 0;padding:14px 18px;overflow-x:auto;text-align:center;
  background:linear-gradient(180deg,#fff,var(--gc-cloud));
  border:1px solid var(--line);border-left:3px solid var(--gc-blue);
  border-radius:var(--radius-sm)
}
.doc p.ml > .math-inline{font-size:1.04em}
.doc strong{color:#0f2f57;font-weight:660}
.doc em{color:var(--ink-2)}
.doc code{
  font-family:var(--mono);font-size:.88em;
  background:var(--gc-cloud);border:1px solid var(--line);
  border-radius:5px;padding:1px 5px;color:#1d4f86
}
.doc pre{
  margin:14px 0;padding:14px 16px;overflow:auto;
  background:linear-gradient(180deg,#F7FAFE 0%,#EFF5FC 100%);
  border:1px solid var(--line);
  border-left:3px solid #9FC0DE;
  border-radius:var(--radius);
  color:#1B3A5C;font-size:13px;line-height:1.72;
  box-shadow:inset 0 1px 0 #FFFFFF
}
.doc pre code{background:transparent;border:0;color:inherit;font-size:inherit;padding:0}
.doc hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.doc ul,.doc ol{margin:11px 0;padding-left:24px}
.doc li{margin:5px 0}
.doc li::marker{color:var(--gc-sky)}
.doc blockquote{
  margin:14px 0;padding:11px 16px;
  background:color-mix(in srgb,var(--gc-ice) 42%,#fff);
  border-left:4px solid var(--gc-sky);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  color:var(--ink-2)
}
.doc blockquote p:first-child{margin-top:0}
.doc blockquote p:last-child{margin-bottom:0}
.doc blockquote[data-kind="warning"],.doc blockquote[data-kind="caution"]{background:#fdf1ea;border-left-color:var(--gc-apricot)}
.doc blockquote[data-kind="important"]{background:#fdf1ea;border-left-color:var(--gc-apricot)}
.doc blockquote[data-kind="danger"]{background:#fceceb;border-left-color:#D9534F}
.doc blockquote[data-kind="tip"],.doc blockquote[data-kind="success"]{background:#eef8f5;border-left-color:var(--gc-mint)}
.doc blockquote[data-kind="note"],.doc blockquote[data-kind="info"]{background:#eef5fc;border-left-color:var(--gc-blue)}
.doc blockquote .qtitle{font-weight:660;color:var(--gc-navy);margin-bottom:5px;font-size:13px;letter-spacing:.02em}

/* 单行提醒条：整块只有一句话，放大 + 居中，当路标读 */
.doc blockquote.q-solo{margin:18px 0;padding:13px 22px;text-align:center}
.doc blockquote.q-solo p{margin:0;text-align:center;font-size:16.5px;line-height:1.78;font-weight:560;color:#16385E}
.doc blockquote.q-solo p::before{content:"⚠";margin-right:10px;font-weight:400;font-size:16px;color:var(--gc-apricot);opacity:.95}
.doc blockquote.q-solo[data-kind="note"] p::before,.doc blockquote.q-solo[data-kind="info"] p::before{content:"◎";color:var(--gc-blue)}
.doc blockquote.q-solo[data-kind="tip"] p::before,.doc blockquote.q-solo[data-kind="success"] p::before{content:"✦";color:#2FAE8F}
.doc blockquote.q-solo[data-kind="important"] p::before{content:"！";color:#D98324}
.doc blockquote.q-solo[data-kind="danger"] p::before{content:"✕";color:#D9534F}
.doc blockquote.q-solo.q-wide p{text-align:left;font-size:15.8px;line-height:1.85}

.doc table{
  width:fit-content;max-width:100%;border-collapse:collapse;margin:16px auto;font-size:13.5px;
  display:block;overflow-x:auto;white-space:normal;
  border:1px solid var(--line);border-radius:var(--radius-sm);
  background:#fff
}
.doc thead th{
  background:var(--gc-ice);color:var(--gc-navy);font-weight:640;
  padding:8px 12px;border-bottom:1px solid var(--line-strong);text-align:left;white-space:normal
}
.doc tbody td{padding:7px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,#fff);vertical-align:top}
.doc tbody tr:last-child td{border-bottom:0}
.doc tbody tr:hover{background:var(--gc-cloud)}
.doc td[data-align="center"],.doc th[data-align="center"]{text-align:center}
.doc td[data-align="right"],.doc th[data-align="right"]{text-align:right}

.doc img.doc-img{
  display:block;max-width:100%;height:auto;margin:16px auto;
  border:1px solid var(--line);border-radius:var(--radius-sm);
  background:#fff;padding:4px;box-shadow:var(--shadow-1)
}
.doc img.doc-img-external{opacity:.92;border-style:dashed}
.doc .img-missing{
  display:inline-block;font-size:12px;color:#8c3b2a;background:#fdf1ea;
  border:1px dashed var(--gc-apricot);border-radius:6px;padding:2px 8px
}
.doc .wiki{color:#1d548f;border-bottom:1px solid color-mix(in srgb,var(--gc-blue) 40%,#fff)}
.doc .wiki:hover{background:var(--gc-ice);text-decoration:none}
.doc .wiki-dead{color:var(--ink-3);border-bottom:1px dotted var(--line-strong);cursor:help}
.doc .jump{color:#1d548f;cursor:pointer;border-bottom:1px dashed color-mix(in srgb,var(--gc-blue) 45%,#fff)}
.doc .jump:hover{background:var(--gc-ice)}
.doc .flash{animation:flash-h 1.2s ease}
@keyframes flash-h{0%{background:rgba(184,153,109,.22)}100%{background:transparent}}

/* 公式块 */
.math-block,.math-group{
  margin:18px 0;padding:14px 18px;overflow-x:auto;
  background:linear-gradient(180deg,#fff,var(--gc-cloud));
  border:1px solid var(--line);border-left:3px solid var(--gc-blue);
  border-radius:var(--radius-sm)
}
.math-block .katex-display,.math-group .katex-display{margin:0}
.math-group .math-line + .math-line{margin-top:12px}
.math-inline .katex{font-size:1.04em}
.katex-error{color:#b4232a !important;background:#fdecec;border-radius:4px;padding:0 3px}

/* 文档底部翻页 */
.docnav{
  display:flex;justify-content:center;align-items:stretch;gap:16px;
  max-width:760px;margin:10px auto 0;padding:0 26px 60px
}
.docnav a{
  flex:0 1 320px;min-width:0;display:block;padding:13px 18px;text-align:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  color:inherit;box-shadow:var(--shadow-1)
}
.docnav a:hover{border-color:var(--gc-blue);text-decoration:none;box-shadow:var(--shadow-2)}
.docnav span{display:block;font-size:11px;color:var(--ink-4);letter-spacing:.06em}
.docnav b{display:block;font-size:13.5px;font-weight:600;color:var(--gc-navy);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.docnav a.next{text-align:center}

/* ---------- 右栏 ---------- */
.toc{list-style:none;margin:6px 0 18px;padding:0;font-size:12.5px}
.toc li{margin:1px 0}
.toc a{
  display:block;padding:3px 9px;border-radius:6px;color:var(--ink-3);
  border-left:2px solid transparent;line-height:1.55
}
.toc a:hover{background:var(--gc-ice);color:var(--gc-navy);text-decoration:none}
.toc a.on{
  background:#E9F2FB;color:var(--gc-navy);font-weight:650;
  border-left:3px solid var(--gc-blue);box-shadow:inset 0 0 0 1px #D5E6F6
}
.toc li[data-lv="3"] a{padding-left:20px;font-size:12px}
.toc li[data-lv="4"] a{padding-left:30px;font-size:11.5px;color:var(--ink-4)}

.side-block{margin:0 6px 20px}
.side-block h4{
  margin:0 0 8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-4);font-weight:600
}
.side-list{list-style:none;margin:0;padding:0;font-size:12.5px}
.side-list li{margin:3px 0}
.side-list a{
  display:flex;gap:6px;align-items:baseline;padding:5px 8px;border-radius:7px;
  color:var(--ink-2);background:#fff;border:1px solid var(--line)
}
.side-list a:hover{border-color:var(--gc-blue);color:var(--gc-navy);text-decoration:none}
.side-list .dir{font-size:10.5px;color:var(--ink-4);flex:none}
.side-empty{font-size:12px;color:var(--ink-4);padding:4px 2px}

/* ---------- 图谱 ---------- */
#view-graph{position:relative;height:calc(100vh - var(--top) - 38px);display:flex;flex-direction:column;min-height:0}
.graph-bar{padding:9px 16px;border-bottom:1px solid var(--line);background:var(--surface-alt)}
.graph-title{font-size:13.5px;font-weight:640;color:var(--gc-navy)}
.graph-title small{font-weight:400;color:var(--ink-4);margin-left:8px;font-size:12px}
.graph-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.graph-tools button{
  border:1px solid var(--line-strong);background:#fff;border-radius:8px;
  padding:4px 11px;font-size:12px;color:var(--ink-3)
}
.graph-tools button:hover{border-color:var(--gc-blue);color:var(--gc-navy)}
.swap{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3);cursor:pointer}
.swap input{accent-color:var(--gc-blue)}
#graph{position:absolute;inset:0;width:100%;height:100%;display:block;background:#F7FAFC;cursor:grab;touch-action:none}
#graph.dragging{cursor:grabbing}
.graph-tip{
  position:absolute;pointer-events:none;z-index:20;
  background:#fff;border:1px solid var(--line);border-radius:9px;
  padding:7px 10px;box-shadow:var(--shadow-2);font-size:12.5px;color:var(--gc-navy);
  max-width:260px
}
.graph-tip .tt{font-weight:640;margin-bottom:2px}
.graph-tip .ts{color:var(--ink-4);font-size:11.5px}

/* 概览页 */
.home{padding:34px 30px 90px;max-width:1000px;margin:0 auto}
.home h1{font-size:30px;margin:0 0 8px;letter-spacing:-.015em}
.home .sub{color:var(--ink-3);margin:0 0 26px;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;margin-bottom:28px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-1)}
.stat b{display:block;font-size:24px;font-weight:700;color:var(--gc-navy);line-height:1.2;font-variant-numeric:tabular-nums}
.stat span{font-size:12px;color:var(--ink-4)}
.home h2{font-size:15px;margin:26px 0 10px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.card{
  display:block;padding:13px 15px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-1)
}
.card:hover{border-color:var(--gc-blue);box-shadow:var(--shadow-2);text-decoration:none}
.card b{display:block;font-size:14px;color:var(--gc-navy);margin-bottom:3px}
.card span{font-size:12px;color:var(--ink-4)}

/* 集合页 */
.listpage{padding:26px 26px 80px;max-width:1000px;margin:0 auto}
.listpage h1{font-size:24px;margin:0 0 6px}
.listpage .sub{color:var(--ink-4);font-size:13px;margin:0 0 20px}
.listgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.listgrid a{
  display:block;padding:11px 14px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);color:inherit
}
.listgrid a:hover{border-color:var(--gc-blue);text-decoration:none;box-shadow:var(--shadow-1)}
.listgrid b{display:block;font-size:13.5px;color:var(--gc-navy)}
.listgrid span{font-size:11.5px;color:var(--ink-4)}

/* ---------- 响应式 ---------- */
#backdrop{display:none}

@media (max-width:1240px){
  :root{--right:0px}
  .app{grid-template-columns:var(--left) minmax(0,1fr)}
  .right{display:none}
}
@media (max-width:980px){
  :root{--left:0px}
  #nav-toggle{display:flex}
  .app{grid-template-columns:minmax(0,1fr)}
  .left{
    position:fixed;left:0;top:var(--top);bottom:0;width:min(86vw,320px);z-index:60;
    transform:translateX(-102%);transition:transform .22s ease;box-shadow:var(--shadow-2)
  }
  .left.open{transform:none}
  #backdrop{display:block;position:fixed;inset:var(--top) 0 0;background:rgb(23 59 104 / .28);z-index:55;border:0}
  #backdrop[hidden]{display:none}
  .brand-text small{display:none}
  .hstat{display:none}
  .doc{padding:22px 18px 80px}
  .crumb{padding:8px 18px}
  .doc-title{font-size:24px}
}
@media (max-width:640px){
  .tabs button{padding:5px 10px;font-size:12px}
  .search kbd{display:none}
  .doc table{font-size:12.5px}
}

/* 图例 */
.legend{display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--ink-4)}
.legend span{display:flex;align-items:center;gap:5px}
.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
.legend .ln i{width:16px;height:0;border-radius:0;border-top:1.5px solid rgba(79,143,215,.6)}
@media (max-width:1100px){.legend{display:none}}

/* 高亮 ==text== */
.doc mark{background:color-mix(in srgb,var(--gc-apricot) 55%,#fff);color:#5c3311;border-radius:3px;padding:0 3px}

/* ---- 窄屏修正 ---- */
@media (max-width:820px){
  #topbar{gap:10px;padding:0 10px}
  .brand-text{display:none}
  .brand-mark{width:30px;height:30px;font-size:17px}
  .search-wrap{max-width:none;flex:1 1 auto;min-width:0}
  .tabs{flex:0 0 auto}
  .tabs button{padding:5px 9px}
}
@media (max-width:640px){
  :root{--top:56px}
  body{font-size:14.5px}
  .math-inline .katex{font-size:.93em}
  .doc p,.doc li,.doc td{overflow-wrap:anywhere}
  .doc{padding:18px 14px 72px}
  .crumb{padding:7px 14px;font-size:11.5px}
  .doc-title{font-size:21px}
  .doc h2{font-size:17.5px}
  .doc h3{font-size:15.5px}
  .doc pre{font-size:12px}
  .math-block,.math-group{padding:10px 12px}
  .docnav{flex-direction:column;padding:0 14px 48px}
  main{overflow-x:auto}
}

/* ---- 很窄屏：顶栏两行 ---- */
@media (max-width:560px){
  :root{--top:100px}
  #topbar{height:auto;min-height:56px;flex-wrap:wrap;padding:7px 10px;row-gap:7px}
  #topbar #nav-toggle{order:1}
  #topbar .brand{order:2}
  #topbar .tabs{order:3;margin-left:auto}
  #topbar .search-wrap{order:4;flex:1 1 100%;max-width:none}
  .search{height:34px}
  #results{top:38px}
  .left{top:var(--top)}
  .right{top:var(--top)}
}

/* ---- 横向溢出兜底 ---- */
html,body{max-width:100%;overflow-x:hidden}
#topbar{max-width:100vw}
.app{max-width:100vw}
main{max-width:100%}
.doc{max-width:min(880px,100%)}
.tag,.doc-meta{min-width:0}

/* ---------- 图谱舞台（对齐源站 constellation 视觉） ---------- */
.graph-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.graph-stage{position:relative;flex:1;min-height:0;overflow:hidden}
#graph.dragging{cursor:grabbing}

.legend-panel{
  position:absolute;left:14px;top:14px;z-index:8;
  background:rgba(255,255,255,.88);backdrop-filter:blur(8px) saturate(1.3);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);
  padding:9px 11px;min-width:132px;max-height:calc(100% - 28px);overflow:auto;
  font-size:12px;color:var(--ink-2);user-select:none
}
.legend-panel .lg-title{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px}
.legend-panel .lg-row{display:flex;align-items:center;gap:7px;padding:2.5px 0;line-height:1.4}
.legend-panel .lg-row svg{flex:none;display:block}
.legend-panel .lg-row span{flex:1;white-space:nowrap}
.legend-panel .lg-row b{font-size:10.5px;color:var(--ink-4);font-variant-numeric:tabular-nums;font-weight:500}
.legend-panel .lg-row.sub{font-size:11px;color:var(--ink-4)}
.legend-panel .lg-sep{height:1px;background:var(--line);margin:7px 0}
.legend-panel .lg-row i.ln{width:16px;height:0;border-top:1.4px solid rgba(23,59,104,.42);flex:none}
.legend-panel .lg-row i.ln.dash{border-top-style:dashed;border-top-color:rgba(23,59,104,.24)}

.zoombar{
  position:absolute;right:14px;bottom:14px;z-index:8;display:flex;flex-direction:column;
  background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:10px;
  box-shadow:var(--shadow-1);overflow:hidden
}
.zoombar button{
  width:34px;height:32px;border:0;background:transparent;color:var(--ink-2);
  font-size:15px;line-height:1;display:grid;place-items:center
}
.zoombar button:hover{background:var(--gc-ice);color:var(--gc-navy)}
.zoombar button + button{border-top:1px solid var(--line)}

.graph-hint{
  position:absolute;left:14px;bottom:14px;z-index:8;
  font-size:11.5px;color:var(--ink-4);background:rgba(255,255,255,.8);
  border:1px solid var(--line);border-radius:999px;padding:3px 11px;backdrop-filter:blur(6px)
}
@media (max-width:760px){
  .graph-hint{display:none}
  .legend-panel{min-width:0;font-size:11px;padding:7px 9px}
}

/* 布局选择器 */
.graph-tools .lay{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}
.graph-tools .lay span{white-space:nowrap}
.graph-tools select{
  font:inherit;font-size:12px;color:var(--gc-navy);
  background:#fff;border:1px solid var(--line-strong);border-radius:8px;
  padding:4px 8px;cursor:pointer;outline:none
}
.graph-tools select:hover{border-color:var(--gc-blue)}
.graph-tools select:focus-visible{border-color:var(--gc-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--gc-sky) 45%,#fff)}
@media (max-width:760px){ .graph-tools .lay span{display:none} }

/* ---------- 图谱右栏面板 ---------- */
#side-actions button{
  border:1px solid var(--line-strong);background:#fff;border-radius:7px;
  padding:2px 9px;font-size:11px;color:var(--ink-3);letter-spacing:0;text-transform:none
}
#side-actions button:hover{border-color:var(--gc-blue);color:var(--gc-navy)}
.gpanel{padding:10px 10px 26px}

.gp{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.gp:last-child{border-bottom:0}
.gp h4{
  margin:0 0 8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-4);font-weight:600;display:flex;align-items:center;justify-content:space-between
}
.gp h4 i{font-style:normal;font-size:10.5px;color:var(--ink-4);letter-spacing:0;text-transform:none}
.gp h5{margin:12px 0 5px;font-size:11px;color:var(--ink-4);font-weight:600;display:flex;justify-content:space-between}
.gp h5 i{font-style:normal;color:var(--ink-4)}
.gp-empty{margin:4px 0;font-size:12px;color:var(--ink-4);line-height:1.65}
.gp-head{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--gc-navy);line-height:1.35}
.gp-head b{font-weight:650}
.gp-head i{font-style:normal;margin-left:auto;font-size:11px;color:var(--ink-4)}
.gp-dot{width:9px;height:9px;border-radius:50%;flex:none}
.gp-dot.ring{background:transparent;border:2px solid}
.gp-sub{margin:2px 0 8px;font-size:11.5px;color:var(--ink-4)}
.gp-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px}
.gp-tags span{font-size:10.5px;color:var(--ink-3);background:var(--gc-cloud);border:1px solid var(--line);border-radius:999px;padding:1px 7px}
.gp-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.gp-btns button{
  flex:1 1 auto;min-width:76px;border:1px solid var(--line-strong);background:#fff;border-radius:8px;
  padding:5px 9px;font-size:12px;color:var(--gc-navy)
}
.gp-btns button:hover{border-color:var(--gc-blue);background:var(--gc-ice)}
.gp-toc{list-style:none;margin:0;padding:0;font-size:12px}
.gp-toc li{padding:2.5px 6px;border-radius:6px;color:var(--ink-3);cursor:pointer;line-height:1.5}
.gp-toc li:hover{background:var(--gc-ice);color:var(--gc-navy)}
.gp-links{list-style:none;margin:0;padding:0;font-size:12px}
.gp-links li{padding:2.5px 6px;border-radius:6px;color:var(--ink-2);cursor:pointer;line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-links li:hover{background:var(--gc-ice);color:var(--gc-navy)}

.gp-navrow{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;
  padding:4px 6px;border-radius:8px;font-size:12.5px;color:var(--ink-2);text-align:left}
.gp-navrow:hover{background:var(--gc-ice)}
.gp-navrow.on{background:var(--gc-ice);color:var(--gc-navy);font-weight:620}
.gp-navrow i{width:8px;height:8px;border-radius:50%;flex:none}
.gp-navrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-navrow em{width:52px;height:5px;background:var(--gc-ice);border-radius:3px;overflow:hidden;flex:none}
.gp-navrow em b{display:block;height:100%;border-radius:3px}
.gp-navrow u{font-style:normal;text-decoration:none;font-size:10.5px;color:var(--ink-4);width:22px;text-align:right;flex:none}

.gp-hub{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;
  padding:4px 6px;border-radius:8px;font-size:12.5px;color:var(--ink-2);text-align:left}
.gp-hub:hover{background:var(--gc-ice);color:var(--gc-navy)}
.gp-hub u{font-style:normal;text-decoration:none;font-size:10.5px;color:var(--ink-4);width:14px;text-align:right;flex:none}
.gp-hub span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-hub em{width:44px;height:5px;background:var(--gc-ice);border-radius:3px;overflow:hidden;flex:none}
.gp-hub em b{display:block;height:100%;border-radius:3px}

.gp-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.gp-chips button{
  display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;
  border-radius:999px;padding:2.5px 9px;font-size:11.5px;color:var(--ink-2);max-width:100%
}
.gp-chips button:hover{border-color:var(--gc-blue);color:var(--gc-navy)}
.gp-chips button i{width:6px;height:6px;border-radius:50%;flex:none}
.gp-chips button b{font-weight:500;font-size:10px;color:var(--ink-4)}

.gp-card{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;
  border-radius:10px;padding:8px 10px;margin-bottom:6px}
.gp-card:hover{border-color:var(--gc-blue);box-shadow:var(--shadow-1)}
.gp-card b{display:block;font-size:12.5px;color:var(--gc-navy);font-weight:640}
.gp-card span{display:block;font-size:11px;color:var(--ink-4);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#mini{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:9px;background:#F7FAFC;cursor:crosshair}

/* 设置弹层 */
.settings-pop{
  position:absolute;right:10px;top:44px;z-index:30;width:246px;
  background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);
  padding:10px 12px 12px
}
.sp-title{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px}
.sp-row{display:flex;gap:8px;align-items:flex-start;padding:5px 2px;cursor:pointer;font-size:12.5px}
.sp-row input{margin-top:2px;accent-color:var(--gc-blue)}
.sp-row span{display:block;min-width:0}
.sp-row b{display:block;color:var(--gc-navy);font-weight:600}
.sp-row i{display:block;font-style:normal;font-size:11px;color:var(--ink-4);margin-top:1px;line-height:1.45}
.sp-foot{display:flex;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.sp-foot button{flex:1;border:1px solid var(--line-strong);background:#fff;border-radius:7px;padding:4px;font-size:11.5px;color:var(--ink-3)}
.sp-foot button:hover{border-color:var(--gc-blue);color:var(--gc-navy)}

/* ============ 右键菜单 ============ */
.ctx{
  position:fixed;z-index:120;min-width:214px;max-width:288px;padding:5px;
  background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;
  box-shadow:0 12px 34px rgb(23 59 104 / .16), 0 2px 6px rgb(23 59 104 / .07);
  font-family:var(--font);user-select:none;
  animation:ctxIn .11s cubic-bezier(.2,.7,.3,1) both
}
@keyframes ctxIn{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}
.ctx-head{padding:6px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:4px}
.ctx-head b{display:block;font-size:12.5px;font-weight:650;color:var(--gc-navy);
  line-height:1.35;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ctx-head span{display:block;margin-top:2px;font-size:10.5px;letter-spacing:.01em;color:var(--ink-4)}
.ctx-item{
  display:flex;align-items:center;gap:8px;width:100%;text-align:left;
  border:0;background:transparent;border-radius:7px;padding:0 9px;height:31px;
  font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer;
  transition:background .1s,color .1s
}
.ctx-item:hover,.ctx-item:focus-visible{background:#EDF4FB;color:var(--gc-navy);outline:none}
.ctx-item:disabled{color:var(--ink-4);opacity:.55;cursor:default;background:transparent}
.ctx-item .ic{width:24px;flex:none;text-align:center;font-size:12px;color:var(--ink-4)}
.ctx-item .ic.file{font:8.5px/1 var(--mono);letter-spacing:.04em;color:var(--ink-4);opacity:.85}
.ctx-item:hover .ic{color:var(--gc-blue)}
.ctx-item .lb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctx-item .kb{flex:none;font:11px/1 var(--mono);color:var(--ink-4);letter-spacing:.02em}
.ctx-sep{height:1px;background:var(--line);margin:4px 7px}

/* ============ 轻提示 ============ */
.toast{
  position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(8px);
  z-index:140;max-width:min(72vw,520px);padding:9px 16px;
  background:rgb(23 59 104 / .95);color:#F7FAFC;border-radius:999px;
  font-family:var(--font);font-size:12.5px;line-height:1.4;letter-spacing:.01em;
  box-shadow:0 10px 26px rgb(23 59 104 / .28);opacity:0;pointer-events:none;
  transition:opacity .18s,transform .18s;text-align:center
}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.toast[data-kind="err"]{background:rgb(150 40 40 / .95)}

@media (prefers-reduced-motion: reduce){
  .ctx,.toast{animation:none;transition:none}
}

/* ---------- 内容保护：禁选中 / 禁拖拽 / 来源水印 ---------- */
#doc{position:relative}
#doc,#doc *:not(input):not(textarea):not(.allow-copy){
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
}
#doc img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
#doc .wm-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
#doc .wm-layer span{
  position:absolute;transform:rotate(-24deg);white-space:nowrap;
  font-size:13px;letter-spacing:.08em;color:rgb(23 59 104 / 8%);
  font-family:"Segoe UI",system-ui,"PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-user-select:none;user-select:none;
}
@media print{#doc .wm-layer span{color:rgb(23 59 104 / 14%)}}