:root { --accent: #6777ef; --ink: #34395e; --muted: #98a6ad; --bg: #f4f6f9; }
body { background: var(--bg); color: var(--ink); font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
.sidebar { background: #fff; min-height: 100vh; box-shadow: 0 0 28px rgba(0,0,0,.05); padding: 1.5rem 1rem; }
.sidebar .brand { color: var(--accent); font-weight: 700; font-size: 1.15rem; text-decoration: none; letter-spacing: -.3px; }
.sidebar .cat { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 1.2rem 0 .3rem; }
.sidebar a.nav-note { display: block; color: var(--ink); text-decoration: none; padding: .28rem .5rem; border-radius: .35rem; font-size: .9rem; }
.sidebar a.nav-note:hover, .sidebar a.nav-note.active { background: rgba(103,119,239,.1); color: var(--accent); }
.content-card { background: #fff; border-radius: .5rem; box-shadow: 0 4px 12px rgba(0,0,0,.04); padding: 2.2rem 2.4rem; }
.content-card h1 { font-size: 1.7rem; font-weight: 700; letter-spacing: -.5px; }
.content-card h2 { font-size: 1.25rem; font-weight: 600; margin-top: 1.8rem; color: var(--ink); }
.meta { color: var(--muted); font-size: .85rem; margin-bottom: 1.2rem; }
.meta .badge { background: rgba(103,119,239,.12); color: var(--accent); font-weight: 500; }
a.wikilink { color: var(--accent); text-decoration: none; border-bottom: 1px dashed rgba(103,119,239,.5); }
a.wikilink:hover { border-bottom-style: solid; }
.toc { background: var(--bg); border-left: 3px solid var(--accent); border-radius: .3rem; padding: .8rem 1.2rem; font-size: .88rem; margin-bottom: 1.4rem; }
.toc ul { margin: 0; padding-left: 1.1rem; } .toc a { color: var(--ink); text-decoration: none; }
.backlinks { border-top: 1px solid #eef0f6; margin-top: 2.4rem; padding-top: 1.2rem; }
.backlinks h6 { color: var(--muted); text-transform: uppercase; font-size: .7rem; letter-spacing: .08em; }
blockquote { border-left: 3px solid var(--accent); padding-left: 1rem; color: #555; }
code { color: #c0341d; background: rgba(0,0,0,.04); padding: .1rem .3rem; border-radius: .2rem; }
pre { background: #2b2e3f; color: #e8e8ef; padding: 1rem; border-radius: .4rem; overflow-x: auto; }
pre code { background: none; color: inherit; }
footer { color: var(--muted); font-size: .82rem; padding: 1.4rem 0; }
@media (max-width: 767px) { .sidebar { min-height: auto; } .content-card { padding: 1.4rem 1.2rem; } }