:root{--surface-base: #0d0e11;--surface-card: #15161a;--surface-elevated: #1b1d22;--header-bg: rgba(13, 14, 17, .92);--brand-primary: #5e6ad2;--brand-primary-hover: #6f7bde;--brand-primary-pressed: #4f5ac0;--brand-primary-soft: rgba(94, 106, 210, .12);--brand-primary-soft-border: rgba(94, 106, 210, .28);--brand-accent: #8b93e6;--text-strong: #e8e9ec;--text-regular: #b0b3bb;--text-muted: #71747c;--border-subtle: #23252b;--border-strong: #33363e;--success: #4e9e72;--warning: #c99a3d;--error: #d65a5a;--radius-small: 4px;--radius-base: 6px;--radius-card: 8px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{background:var(--surface-base);color:var(--text-regular);font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--brand-primary-hover);text-decoration:none;transition:color .15s ease}a:hover{color:var(--brand-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.surface-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);transition:border-color .15s ease}.surface-card:hover{border-color:var(--border-strong)}.page-heading{color:var(--text-strong);font-weight:700;letter-spacing:-.01em}.soft-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-small);font-size:12px;color:var(--brand-accent);background:var(--brand-primary-soft);border:1px solid var(--brand-primary-soft-border)}.markdown-body{color:var(--text-regular);line-height:1.85;word-break:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-strong);margin:1.5em 0 .6em;line-height:1.35;font-weight:600}.markdown-body h1{font-size:1.6em}.markdown-body h2{font-size:1.3em;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.markdown-body h3{font-size:1.12em}.markdown-body p{margin:.8em 0}.markdown-body a{color:var(--brand-primary-hover);border-bottom:1px solid var(--border-strong)}.markdown-body img{max-width:100%;border-radius:var(--radius-base)}.markdown-body blockquote{margin:1em 0;padding:2px 0 2px 14px;border-left:2px solid var(--border-strong);color:var(--text-muted)}.markdown-body code{background:var(--surface-elevated);padding:.15em .4em;border-radius:var(--radius-small);font-size:.9em;color:var(--text-strong)}.markdown-body pre{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-base);padding:14px 16px;overflow-x:auto}.markdown-body pre code{background:transparent;color:var(--text-regular);padding:0}.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-body th,.markdown-body td{border:1px solid var(--border-subtle);padding:8px 12px;text-align:left}.markdown-body th{background:var(--surface-elevated);color:var(--text-strong)}@media (max-width: 768px){.hide-on-mobile{display:none!important}}