#app{min-height:100vh}:root{--bg-page: #0A0A0C;--bg-panel: #16161A;--bg-raised: #1E1E23;--bg-nav: rgba(10, 10, 12, .72);--text-primary: #F5F5F7;--text-secondary: #A1A1A6;--text-tertiary: #6E6E73;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--accent: #5B8DEF;--accent-soft: rgba(91, 141, 239, .14);--success: #4CAF6D;--warning: #D9A03F;--error: #D9636B;--error-soft: rgba(217, 99, 107, .14);--font-sans: -apple-system, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--fs-h1: 28px;--fs-h2: 22px;--fs-h3: 18px;--fs-h4: 16px;--fs-body: 15px;--fs-small: 13px;--fs-meta: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-card: 14px;--radius-btn: 9px;--radius-input: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{color:#7ba3f5}button{font-family:inherit}.page{max-width:760px;margin:0 auto;padding:var(--space-xl);padding-top:80px}.page-wide{max-width:1080px;margin:0 auto;padding:var(--space-xl);padding-top:80px}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-md);transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.page-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.page-head h1{font-size:var(--fs-h1);font-weight:600;margin:0;text-align:left}.page-head .sub{font-size:var(--fs-small);color:var(--text-secondary)}.t-secondary{color:var(--text-secondary)}.t-tertiary{color:var(--text-tertiary)}.t-small{font-size:var(--fs-small)}.t-meta{font-size:var(--fs-meta)}.btn-text{background:none;border:none;color:var(--accent);font-size:var(--fs-small);cursor:pointer;padding:4px 8px;border-radius:var(--radius-btn);transition:color .15s}.btn-text:hover{color:#7ba3f5}.btn-text.danger{color:var(--error)}.btn-text.success{color:var(--success)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.md-body{color:var(--text-primary);font-size:var(--fs-body);line-height:1.7;letter-spacing:.3px;word-break:break-word}.md-body h1{font-size:var(--fs-h1);font-weight:600;margin:var(--space-lg) 0 var(--space-md)}.md-body h2{font-size:var(--fs-h2);font-weight:600;margin:var(--space-lg) 0 var(--space-md);padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.md-body h3{font-size:var(--fs-h3);font-weight:600;margin:var(--space-md) 0 var(--space-sm)}.md-body h4{font-size:var(--fs-h4);font-weight:600;margin:var(--space-md) 0 var(--space-sm)}.md-body p{margin:var(--space-sm) 0}.md-body ul,.md-body ol{padding-left:1.4em;margin:var(--space-sm) 0}.md-body li{margin:6px 0}.md-body strong{font-weight:600;color:var(--text-primary)}.md-body em{color:var(--text-secondary)}.md-body blockquote{margin:var(--space-md) 0;padding:4px 0 4px var(--space-md);border-left:2px solid var(--border-subtle);color:var(--text-secondary)}.md-body table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:var(--fs-small);display:block;overflow-x:auto}.md-body th{text-align:left;font-weight:600;color:var(--text-secondary);padding:8px 12px;border:1px solid var(--border-subtle);background:var(--bg-raised);white-space:nowrap}.md-body td{padding:8px 12px;border:1px solid var(--border-subtle);color:var(--text-primary)}.md-body tbody tr:nth-child(2n){background:var(--bg-panel)}.md-body tbody tr:hover{background:var(--bg-raised)}.md-body pre{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-small);line-height:1.6;margin:var(--space-md) 0}.md-body pre code{font-family:var(--font-mono);background:none;padding:0;color:var(--text-primary)}.md-body code{font-family:var(--font-mono);font-size:.92em;background:var(--accent-soft);color:var(--text-primary);border-radius:4px;padding:1px 6px}.md-body a{color:var(--accent)}.md-body a:hover{color:#7ba3f5}.md-body hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-lg) 0}