:root{--tcm-bg: #f5f1e8;--tcm-card: #fffdf8;--tcm-text: #2d2a26;--tcm-muted: #8a8378;--tcm-line: #e8e0d0;--tcm-sidebar: #1d3a32;--tcm-sidebar-hover: #274d42;--tcm-primary: #2f6b5e;--tcm-accent: #c0392b}html.tcm-dark{--tcm-bg: #181c1a;--tcm-card: #20272400;--tcm-text: #e8e4da;--tcm-muted: #8a8378;--tcm-line: #2c3530;--tcm-sidebar: #14241f}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:var(--tcm-bg);color:var(--tcm-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.tcm-layout{display:flex;min-height:100vh}.tcm-sidebar{width:236px;background:var(--tcm-sidebar);color:#cfe0d8;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20;transition:width .2s}.tcm-brand{padding:20px 22px;font-size:17px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);font-family:"Noto Serif SC",Songti SC,serif}.tcm-brand .seal{width:26px;height:26px;border-radius:7px;background:var(--tcm-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto;box-shadow:0 0 0 3px #c0392b2e}.tcm-brand .txt small{display:block;font-size:11px;font-weight:400;color:#7d9b90;margin-top:2px}.tcm-nav{flex:1;padding:14px 0;overflow-y:auto}.tcm-nav a{display:flex;align-items:center;gap:12px;padding:12px 22px;color:#cfe0d8;text-decoration:none;border-left:3px solid transparent;transition:.15s;cursor:pointer}.tcm-nav a:hover{background:var(--tcm-sidebar-hover);color:#fff}.tcm-nav a.active{background:var(--tcm-sidebar-hover);color:#fff;border-left-color:var(--tcm-accent)}.tcm-nav .ico{width:18px;text-align:center;font-size:16px;flex:0 0 auto}.tcm-side-foot{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.tcm-side-foot button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;color:#a9c2b8;background:none;border:0;font:inherit;cursor:pointer;border-radius:8px;text-align:left}.tcm-side-foot button:hover{background:var(--tcm-sidebar-hover);color:#fff}.tcm-side-foot .ico{width:18px;text-align:center;flex:0 0 auto}.tcm-main{margin-left:236px;flex:1;display:flex;flex-direction:column;min-width:0}.tcm-topbar{background:var(--tcm-card);border-bottom:1px solid var(--tcm-line);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.tcm-topbar h1{margin:0;font-size:17px;font-weight:600;font-family:"Noto Serif SC",Songti SC,serif}.tcm-topbar .who{font-size:13px;color:var(--tcm-muted)}.tcm-content{padding:24px 28px;max-width:1320px;width:100%;margin:0 auto}.tcm-foot{text-align:center;padding:10px;font-size:12px;color:var(--tcm-muted)}.tcm-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.6}.tcm-pill:before{content:"";width:6px;height:6px;border-radius:50%}.tcm-pill.green{background:#dcefe6;color:#1f6b58}.tcm-pill.green:before{background:#2f6b5e}.tcm-pill.red{background:#f8e3e0;color:#a82f22}.tcm-pill.red:before{background:#c0392b}.tcm-pill.amber{background:#f6ecd2;color:#8a6314}.tcm-pill.amber:before{background:#c9912b}.tcm-pill.muted{background:#ece7da;color:#8a8378}.tcm-pill.muted:before{background:#b3ab9b}.tcm-serif{font-family:"Noto Serif SC",Songti SC,serif}@media (max-width: 768px){.tcm-sidebar{width:60px}.tcm-brand .txt,.tcm-nav a span:not(.ico),.tcm-side-foot button span:not(.ico){display:none}.tcm-brand{padding:18px 0;justify-content:center}.tcm-nav a{justify-content:center;padding:12px 0}.tcm-main{margin-left:60px}.tcm-content{padding:16px}}