/* vaultjot.com — 模板代号 VJ-A-LEDGER-2026-08（方向甲「资产台账」）
   骨架：整页高度左侧固定索引栏 + 右栏内容区，无横向顶栏、无两栏 hero
   配色：石板灰蓝中间调底 + 墨黑 + 黄铜金；标题 CJK 衬线 */

:root{
  --rail:#232B34; --rail-2:#2E3843; --rail-line:#3A444F; --rail-ink:#C6CDD4; --rail-dim:#7C8894;
  --main:#C5CCD2; --card:#D8DDE1; --card-2:#CFD5D9; --head:#C0C8CE;
  --ink:#14191F; --ink-2:#4A555F; --ink-3:#66727C;
  --brass:#A8842F; --brass-lt:#C9A85C; --brass-bg:rgba(168,132,47,.14);
  --line:#9AA5AE; --risk:#7A3B22; --risk-bg:#E6D9D2;
  --rail-w:268px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--main); color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px; line-height:1.78;
}
.serif{font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC","SimSun",serif}
.mono{font-family:Consolas,"Cascadia Mono",ui-monospace,monospace}
a{color:#1F3A4A;text-underline-offset:.18em}
a:hover{color:var(--brass)}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--brass);color:#1B1408;padding:8px 14px;z-index:99}

/* ---------------- 布局 ---------------- */
.wrap{display:grid;grid-template-columns:var(--rail-w) 1fr;min-height:100vh}

/* ---------------- 左侧索引栏 ---------------- */
.rail{background:var(--rail);color:var(--rail-ink);position:sticky;top:0;height:100vh;
  display:flex;flex-direction:column;padding:28px 0 22px;overflow-y:auto}
.mark{padding:0 24px 20px;border-bottom:1px solid var(--rail-line)}
.mark a{text-decoration:none;color:inherit;display:block}
.mark b{font-size:20px;letter-spacing:.06em;color:#fff;display:block}
.mark span{font-size:11.5px;color:var(--rail-dim);letter-spacing:.13em}
.railhd{padding:19px 24px 6px;font-size:10.5px;letter-spacing:.2em;color:var(--rail-dim)}
.idx{list-style:none;margin:0;padding:0}
.idx a{display:grid;grid-template-columns:30px 1fr;gap:2px 4px;align-items:baseline;
  padding:10px 24px;color:var(--rail-ink);text-decoration:none;border-left:3px solid transparent}
.idx a .n{font-size:10.5px;color:var(--brass);letter-spacing:.08em}
.idx a .t{font-size:15px}
.idx a .s{grid-column:2;font-size:11.5px;color:var(--rail-dim);line-height:1.5}
.idx a:hover{background:var(--rail-2)}
.idx a[aria-current]{background:var(--rail-2);border-left-color:var(--brass);color:#fff}
.railnav{list-style:none;margin:0;padding:2px 0 0}
.railnav a{display:block;padding:12px 24px;min-height:44px;font-size:13.5px;color:var(--rail-ink);
  text-decoration:none;border-left:3px solid transparent}
.railnav a:hover{background:var(--rail-2);color:#fff}
.railft{padding:16px 24px 0;border-top:1px solid var(--rail-line);margin-top:16px}
.railft .lab{font-size:10.5px;color:var(--rail-dim);letter-spacing:.16em;margin-bottom:6px}
.railft .code{font-family:Consolas,"Cascadia Mono",ui-monospace,monospace;font-size:19px;color:var(--brass);
  letter-spacing:.14em;border:1px dashed #5A6570;padding:7px 12px;display:inline-block;background:#1B222A}
.railft p{font-size:11px;color:#6E7A86;margin:8px 0 0;line-height:1.62}

/* ---------------- 右栏 ---------------- */
main{padding:34px 44px 20px;max-width:1080px;width:100%}
.kick{font-size:11.5px;letter-spacing:.24em;color:var(--brass);margin:0 0 10px}
h1{margin:0 0 8px;font-size:35px;line-height:1.34;font-weight:600;letter-spacing:-.01em}
h1 em{font-style:normal;box-shadow:inset 0 -.42em 0 var(--brass-bg)}
.dek{margin:0 0 26px;color:var(--ink-2);font-size:16px;max-width:62ch}
h2{font-size:24px;line-height:1.42;font-weight:600;margin:42px 0 10px;letter-spacing:-.005em}
h3{font-size:18px;line-height:1.5;font-weight:600;margin:28px 0 8px}
p{margin:0 0 14px}
.lead{font-size:16.5px;color:var(--ink-2)}

.sechd{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}
.sechd b{font-size:13px;letter-spacing:.04em}
.sechd span{font-size:11.5px;color:var(--ink-2)}

/* ---------------- 表格 ---------------- */
.tw{background:var(--card);border:1px solid var(--line);overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:840px;font-size:13.2px}
th,td{text-align:left;padding:11px 13px;vertical-align:top;border-bottom:1px solid var(--line)}
thead th{background:var(--head);font-size:11px;letter-spacing:.1em;color:#3B454E;font-weight:600;white-space:nowrap}
tbody th{font-weight:600;white-space:nowrap;border-right:1px solid var(--line);background:var(--card-2)}
tbody th small{display:block;font-weight:400;font-size:10.5px;color:var(--ink-2);letter-spacing:0}
td.risk{color:var(--risk);font-weight:500}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}
.tnote{font-size:11.5px;color:var(--ink-2);margin:9px 0 0}

/* ---------------- 卡片 ---------------- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.c{background:var(--card);border:1px solid var(--line);padding:16px 17px;display:flex;flex-direction:column}
.c .n{font-size:10.5px;color:var(--brass);letter-spacing:.16em}
.c h3{margin:6px 0 6px;font-size:16.5px;font-weight:600;line-height:1.45}
.c h3 a{color:inherit;text-decoration:none}
.c h3 a:hover{color:var(--brass)}
.c p{margin:0;font-size:13px;color:var(--ink-2)}
.c .meta{margin-top:10px;font-size:11px;color:var(--ink-3);letter-spacing:.04em}
.c.soon{opacity:.62}
.c.soon .n{color:var(--ink-3)}

/* 文章列表 */
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.list li{border-bottom:1px solid var(--line)}
.list a,.list .na{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;
  padding:11px 2px;text-decoration:none;color:var(--ink)}
.list a:hover{color:var(--brass)}
.list .d{font-size:12.5px;color:var(--ink-2);grid-column:1;line-height:1.55}
.list .st{font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);white-space:nowrap}
.list .na{color:var(--ink-3)}

/* ---------------- 提示块 ---------------- */
.callout{border-left:3px solid var(--brass);background:var(--card);padding:13px 16px;margin:18px 0}
.callout.warn{border-left-color:var(--risk);background:var(--risk-bg);color:#4A2114}
.callout p:last-child{margin-bottom:0}
.callout b{font-weight:600}

/* 邀请码块（首页形态 A：只留码，不放注册链接） */
.codeblock{background:var(--card);border:1px solid var(--line);padding:18px 20px;margin:26px 0;
  display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.codeblock .lab{font-size:10.5px;letter-spacing:.2em;color:var(--ink-2)}
.codeblock .code{font-family:Consolas,"Cascadia Mono",ui-monospace,monospace;font-size:26px;
  letter-spacing:.18em;color:var(--risk);display:block;margin-top:4px}
.codeblock p{margin:0;font-size:12.5px;color:var(--ink-2);flex:1;min-width:240px}

/* 唯一注册 CTA（只出现在注册教程一篇） */
.cta{background:var(--rail);color:#D9DEE3;border:1px solid var(--brass);padding:20px 22px;margin:26px 0}
.cta .lab{font-size:10.5px;letter-spacing:.2em;color:var(--brass);margin:0 0 10px}
.cta .l{margin:0 0 10px}
.cta .l a{display:inline-block;background:var(--brass);color:#1B1408;font-weight:600;font-size:16px;
  padding:11px 22px;text-decoration:none;border:1px solid #8E7130}
.cta .l a:hover{background:var(--brass-lt);color:#1B1408}
.cta .n{margin:0;font-size:12px;color:#9AA5B0;line-height:1.65}

/* 邀请码一键复制（真实行为见 /assets/js/site.js） */
.copy{font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;
  min-height:44px;padding:8px 14px;margin-top:8px;
  background:transparent;color:var(--brass);border:1px solid var(--brass)}
.copy:hover{background:var(--brass);color:#1B1408}
.copy.ok{background:var(--brass);color:#1B1408;border-color:var(--brass)}
.copy.fail{border-color:var(--risk);color:var(--risk)}
.codeblock .copy{color:var(--risk);border-color:var(--risk);margin-top:6px}
.codeblock .copy:hover,.codeblock .copy.ok{background:var(--risk);color:#F3EFE9}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------- 正文排版（文章页） ---------------- */
.prose{max-width:74ch}
.prose h2{border-top:1px solid var(--line);padding-top:22px}
.prose ul,.prose ol{margin:0 0 14px;padding-left:20px}
.prose li{margin-bottom:6px}
.prose .tw{margin:18px 0}
.prose table{min-width:640px}
.toc{background:var(--card);border:1px solid var(--line);padding:15px 18px;margin:22px 0}
.toc b{font-size:12px;letter-spacing:.14em;color:var(--ink-2);display:block;margin-bottom:7px}
.toc ol{margin:0;padding-left:19px;font-size:13.5px}
.toc li{margin-bottom:4px}
.byline{font-size:12px;color:var(--ink-2);margin:0 0 22px;letter-spacing:.02em}
figure{margin:20px 0}
figcaption{font-size:11.5px;color:var(--ink-2);margin-top:6px}

/* ---------------- 页脚 ---------------- */
footer{margin-top:46px;border-top:1px solid var(--line);padding:20px 44px 40px;
  font-size:12px;color:var(--ink-2);max-width:1080px}
footer .flinks{display:flex;gap:4px 16px;flex-wrap:wrap;margin-bottom:10px}
footer .flinks a{display:inline-flex;align-items:center;min-height:44px;padding:2px 0}
footer a{color:var(--ink-2)}
footer p{margin:0 0 7px;max-width:80ch}

@media(max-width:900px){
  .wrap{grid-template-columns:1fr}
  .rail{position:static;height:auto;padding-bottom:18px}
  main{padding:24px 20px 16px}
  footer{padding:18px 20px 34px}
  h1{font-size:27px} h2{font-size:21px}
  .grid3,.grid2{grid-template-columns:1fr}
}