:root{--paper: #f5f2ea;--paper-sunk: #ede9df;--card: #fcfbf7;--ink: #211e1a;--ink-2: #4a453c;--ink-3: #837c6e;--ink-4: #ada595;--rule: #dfd9cb;--rule-soft: #ebe6da;--cinnabar: #a8382b;--cinnabar-soft: #f3e4e0;--indigo: #33566b;--indigo-soft: #e4ebef;--moss: #4e6b4f;--moss-soft: #e6ede5;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13.5px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 23px;--fs-2xl: 32px;--fs-3xl: 44px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-sm: 2px;--r-md: 4px;--r-lg: 6px;--shadow-1: 0 1px 2px rgba(33, 30, 26, .05);--shadow-2: 0 4px 16px -6px rgba(33, 30, 26, .14);--shadow-3: 0 18px 48px -18px rgba(33, 30, 26, .28);--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, Georgia, serif;--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--sans);font-size:var(--fs-base);line-height:1.7;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--cinnabar);color:#fff}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.app{display:flex;min-height:100vh}.rail{width:212px;flex:0 0 212px;background:var(--paper-sunk);border-right:1px solid var(--rule);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:var(--s5) var(--s5) var(--s4);border-bottom:1px solid var(--rule)}.brand-row{display:flex;align-items:flex-start;gap:var(--s3)}.brand-name{font-family:var(--serif);font-size:var(--fs-xl);font-weight:600;letter-spacing:.14em;line-height:1.2;color:var(--ink)}.brand-sub{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.18em;margin-top:var(--s2)}.brand-org{margin-top:var(--s4);padding-top:var(--s3);border-top:1px dashed var(--rule);font-size:11px;color:var(--ink-3);letter-spacing:.04em;line-height:1.6}.brand-tel{font-size:11px;color:var(--ink-4);font-family:var(--mono);letter-spacing:.08em}.seal{width:26px;height:26px;flex:0 0 26px;background:var(--cinnabar);color:#fff;display:grid;place-items:center;border-radius:var(--r-sm);font-family:var(--serif);font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff59;margin-top:2px}.nav{padding:var(--s3) 0;flex:1;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:baseline;gap:var(--s3);padding:9px var(--s5);text-align:left;color:var(--ink-2);border-left:2px solid transparent;transition:.18s}.nav-item:hover{background:#211e1a09;color:var(--ink)}.nav-item.on{color:var(--ink);background:#211e1a0d;border-left-color:var(--cinnabar);font-weight:500}.nav-idx{font-family:var(--mono);font-size:10px;color:var(--ink-4);letter-spacing:.06em}.nav-item.on .nav-idx{color:var(--cinnabar)}.nav-label{font-size:var(--fs-base)}.nav-foot{padding:var(--s4) var(--s5);border-top:1px solid var(--rule)}.who{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:500}.who-name{font-size:var(--fs-sm);font-weight:500;line-height:1.3}.who-role{font-size:var(--fs-xs);color:var(--ink-3)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s7);background:#f5f2eae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.crumb{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-3)}.crumb b{color:var(--ink);font-weight:500}.crumb .sep{color:var(--ink-4)}.view{flex:1;padding:var(--s6) var(--s7) var(--s8);max-width:1240px;width:100%}.page-head{margin-bottom:var(--s5)}.page-title{font-family:var(--serif);font-size:var(--fs-2xl);font-weight:600;letter-spacing:.02em;line-height:1.25}.page-desc{color:var(--ink-3);font-size:var(--fs-sm);margin-top:var(--s2);max-width:64ch}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.hint{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:7px var(--s4);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--card);font-size:var(--fs-sm);color:var(--ink-2);transition:.16s;white-space:nowrap}.btn:hover{border-color:var(--ink-3);color:var(--ink);box-shadow:var(--shadow-1)}.btn-solid{background:var(--ink);border-color:var(--ink);color:#fcfbf7}.btn-solid:hover{background:var(--cinnabar);border-color:var(--cinnabar);color:#fff}.btn-sm{padding:4px var(--s3);font-size:var(--fs-xs)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{border-color:var(--rule);color:var(--ink-2);box-shadow:none}.btn-solid:disabled:hover{background:var(--ink);border-color:var(--ink);color:#fcfbf7}.tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);padding:2px var(--s2);border-radius:var(--r-sm);border:1px solid var(--rule);color:var(--ink-2);background:var(--paper);letter-spacing:.03em;white-space:nowrap}.tag-cin{border-color:var(--cinnabar);color:var(--cinnabar);background:var(--cinnabar-soft)}.tag-ind{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-soft)}.tag-moss{border-color:var(--moss);color:var(--moss);background:var(--moss-soft)}.tag-ghost{border-color:var(--rule);color:var(--ink-3);background:transparent}.dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 5px}.field{margin-bottom:var(--s4)}.field>label{display:block;font-size:var(--fs-sm);color:var(--ink-2);margin-bottom:6px;font-weight:500}.input{width:100%;padding:var(--s3);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--card);transition:.16s}.input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.empty{text-align:center;padding:var(--s7) var(--s5);border:1px dashed var(--rule);border-radius:var(--r-md);background:#fcfbf799}.empty-mark{width:40px;height:40px;margin:0 auto var(--s4);border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);color:var(--ink-4);font-size:var(--fs-lg)}.empty-t{font-family:var(--serif);font-size:var(--fs-md);margin-bottom:var(--s2)}.empty-d{font-size:var(--fs-sm);color:var(--ink-3);margin-bottom:var(--s4)}.callout{display:flex;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--indigo);border-left-width:3px;border-radius:var(--r-sm);background:var(--indigo-soft);font-size:var(--fs-sm);color:#254a5c;line-height:1.65}.callout.warn{border-color:var(--cinnabar);background:var(--cinnabar-soft);color:#7e2a20}.foot{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;padding:var(--s5) var(--s7);border-top:1px solid var(--rule);font-size:var(--fs-xs);color:var(--ink-4);letter-spacing:.04em}.foot .foot-org{color:var(--ink-3)}.foot .foot-tel{margin-left:auto;font-family:var(--mono);letter-spacing:.1em}.mt3{margin-top:var(--s5)}