/* Relink 官网子页面 · 深色涂鸦（2026-10-27）
   与首页 /homepage/doodle.css、客户端默认主题同一套：暖炭灰点阵纸、粉笔描边、手绘圆角、雾蓝强调色。
   所有子页面共用这一份；旧变量名（--signal、--deep、--dust……）保留，各页面自己的 CSS 跟着换色。 */
@font-face{font-family:"Relink Hand";src:url("/homepage/doodle-hand.woff?v=5b75afd3f9ca") format("woff");font-display:swap}
:root{
  --bg:#1d1c1a; --panel:#252422; --raised:#2f2d2a; --text:#ebe6dc; --soft:#cdc7bb; --muted:#9e988c;
  --chalk:#cbc4b7; --faint:#55514b; --accent:#8db3d6; --on-accent:#16202a; --shadow-ink:rgb(0 0 0 / 42%);
  --r-card:22px 26px 20px 28px / 26px 20px 28px 22px; --r-mid:14px 17px 12px 18px / 17px 12px 18px 14px;
  --r-small:10px 13px 9px 14px / 13px 9px 14px 10px; --r-pill:999px 900px 999px 950px;
  /* Names the per-page stylesheets still use. */
  --deep:var(--bg); --shadow:var(--panel); --dust:var(--muted); --light:var(--text); --signal:var(--accent); --ink:var(--on-accent);
  --glass:var(--panel); --glass-line:rgb(203 196 183 / 35%); --hair:rgb(203 196 183 / 16%); --danger:#e88a7e;
  --hand:"Relink Hand","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"Cascadia Mono","SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:var(--text);
  background:radial-gradient(circle,rgb(203 196 183 / 9%) 1px,transparent 1.5px) 0 0/22px 22px,var(--bg);
  font-size:16px;line-height:1.85;
  font-family:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-wrap:anywhere}

a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto}
:focus-visible{outline:2px dashed var(--accent);outline-offset:4px;border-radius:6px}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}

/* ── 顶栏 / 页脚（所有子页面一致） ── */
.site-header{position:sticky;top:0;z-index:20;background:rgb(29 28 26 / 88%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--hair)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;min-height:68px;flex-wrap:wrap;padding-block:12px}
.logo{display:inline-flex;align-items:center;gap:12px;font-family:var(--hand);font-size:24px}
.logo svg{width:30px;height:30px;display:block;flex:none;rotate:-4deg;filter:drop-shadow(0 0 1px rgb(235 230 220 / 55%))}
.logo small{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;color:var(--muted);padding-left:12px;border-left:2px solid var(--hair)}
.site-header nav{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:14px;color:var(--soft)}
.site-header nav a{padding:4px 12px;border-radius:var(--r-pill);white-space:nowrap}
.site-header nav a:hover{background:var(--raised);color:var(--text)}
.site-header nav a[aria-current="page"]{color:var(--text);box-shadow:inset 0 0 0 2px var(--accent)}

.site-footer{margin-top:auto;border-top:2px solid var(--hair);font-size:13px;color:var(--muted)}
.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-block:24px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.site-footer a{color:var(--soft)}
.site-footer a:hover{color:var(--text);text-decoration:underline}

/* ── 正文 ── */
main{width:100%;max-width:1120px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(20px,5vw,48px) clamp(64px,9vw,110px)}
main.narrow{max-width:880px}
.eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
h1,h2,h3{margin:0;text-wrap:balance}
h1{font-family:var(--hand);font-weight:400;font-size:clamp(36px,5.2vw,62px);line-height:1.15;margin-bottom:20px}
h2{font-family:var(--hand);font-weight:400;font-size:clamp(24px,2.6vw,30px);line-height:1.3;margin-bottom:12px}
h3{font-weight:600;font-size:17px;line-height:1.5;margin:26px 0 8px}
p{margin:0 0 16px}
p,li,dd,td{color:var(--soft)}
p:last-child{margin-bottom:0}
strong,b{font-weight:600;color:var(--text)}
ul,ol{margin:0 0 16px;padding-left:1.4em}
li{margin:6px 0}
.lead{max-width:42em;font-size:clamp(16px,1.5vw,18px);color:var(--soft);margin-bottom:30px}
.meta,.subtle,.fine,.quiet{font-size:13px;color:var(--muted)}
main a:not(.button):not(.primary):not(.secondary):not(.btn),.inline{color:var(--accent);text-decoration:underline;text-decoration-color:rgb(141 179 214 / 45%);text-underline-offset:4px}
main a:not(.button):not(.primary):not(.secondary):not(.btn):hover,.inline:hover{color:var(--text);text-decoration-color:var(--text)}
code{font-family:var(--mono);font-size:.88em;padding:2px 6px;border-radius:6px;background:var(--raised);color:var(--text)}
pre{margin:0 0 16px;padding:20px 22px;border-radius:var(--r-mid);background:#141312;border:2px solid var(--hair);overflow-x:auto;font:13.5px/1.85 var(--mono);color:var(--text)}
pre code{padding:0;background:none;font-size:inherit}

/* 按钮：粉笔色胶囊为主，次要按钮描边 */
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 16px}
.button,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 24px;border-radius:var(--r-pill);border:2px solid var(--chalk);background:var(--chalk);color:var(--panel);font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:2px 3px 0 var(--shadow-ink);transition:translate .12s,box-shadow .12s,background .15s}
.button:hover,.primary:hover{background:var(--text)}
.button:active,.primary:active,.secondary:active{translate:2px 3px;box-shadow:none}
.button.secondary,.secondary{background:var(--panel);color:var(--text);box-shadow:none}
.button.secondary:hover,.secondary:hover{background:var(--raised)}
.button:disabled{opacity:.5;cursor:default}
.button small,.primary small{display:block;font-size:11.5px;color:inherit;opacity:.75;margin-top:2px}

/* 纸片面板 */
.sections{display:grid;gap:22px;margin-top:38px}
.panel,.glass,.note{padding:clamp(22px,3vw,30px);border-radius:var(--r-card);border:2px solid var(--chalk);background:var(--panel);box-shadow:3px 4px 0 var(--shadow-ink)}
.note{padding:16px 20px;border-radius:var(--r-mid);border-style:dashed;border-color:var(--glass-line);box-shadow:none;font-size:14.5px}
p.note{color:var(--soft)}

/* 折叠问答 */
details{border-top:2px dashed var(--hair)}
details:first-child{border-top:0}
summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:17px;line-height:1.6;color:var(--text);cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;transition:transform .25s}
details[open]>summary::after{transform:rotate(45deg)}
summary:hover{color:var(--accent)}
details>p,details>div{padding-bottom:18px;max-width:46em}
.panel>details:first-child>summary{padding-top:0}
.panel>details:last-child:not([open])>summary{padding-bottom:0}

/* 表格 */
.table,.table-wrap,.table-scroll{overflow-x:auto;margin:20px 0;border-radius:var(--r-mid);border:2px solid var(--hair);background:var(--panel)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.7}
th,td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--hair)}
tr:last-child td{border-bottom:0}
th{font-weight:600;font-size:12.5px;color:var(--muted);background:var(--raised)}

@media (max-width:640px){
  body{font-size:15px}
  .site-header .wrap{min-height:0}
  .site-header nav{gap:2px 4px;font-size:13px}
  .actions{flex-direction:column}
  .actions>*{width:100%}
  summary{font-size:16px;padding:14px 0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* 隐私政策等长文 */
.legal h2{margin-top:44px;padding-top:26px;border-top:2px dashed var(--hair)}
.legal-end{margin-top:44px;font-size:13px;color:var(--muted)}
@media (max-width:640px){.site-header{position:static}}