:root{--font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--bg-page: radial-gradient(circle at top left, rgba(255, 203, 107, .25), transparent 28%), radial-gradient(circle at top right, rgba(116, 166, 255, .18), transparent 24%), linear-gradient(180deg, #f8f2e8 0%, #f5f7fb 46%, #edf2f8 100%);--bg-card: rgba(255, 255, 255, .72);--bg-card-strong: rgba(255, 255, 255, .84);--bg-soft: rgba(255, 255, 255, .58);--bg-dark-card: #1d2433;--text-main: #1d2433;--text-soft: #516079;--text-muted: #6d778c;--border: rgba(29, 36, 51, .08);--border-strong: rgba(29, 36, 51, .14);--shadow: 0 18px 48px rgba(35, 44, 62, .08);--accent: #b96a27;--accent-strong: #1d2433;--accent-contrast: #fff4df;--tag-bg: #eef3fb;--tag-text: #45546c;--code-bg: rgba(16, 24, 40, .06);font-family:var(--font-sans);color:var(--text-main);background:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}:root[data-theme=dark]{--bg-page: radial-gradient(circle at top left, rgba(255, 170, 88, .14), transparent 22%), radial-gradient(circle at top right, rgba(117, 152, 255, .14), transparent 24%), linear-gradient(180deg, #121723 0%, #0f1722 42%, #0b111a 100%);--bg-card: rgba(18, 26, 38, .82);--bg-card-strong: rgba(21, 31, 45, .92);--bg-soft: rgba(17, 25, 38, .7);--bg-dark-card: #0d1420;--text-main: #edf2fb;--text-soft: #c7d1e0;--text-muted: #97a4b8;--border: rgba(166, 184, 211, .14);--border-strong: rgba(166, 184, 211, .22);--shadow: 0 20px 60px rgba(0, 0, 0, .34);--accent: #ffb56b;--accent-strong: #edf2fb;--accent-contrast: #0f1722;--tag-bg: rgba(82, 105, 136, .2);--tag-text: #dbe6f6;--code-bg: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg-page);color:var(--text-main);transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}#app,.app-shell{min-height:100vh}.page-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg-soft) 92%,transparent);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent-strong);color:var(--accent-contrast);font-size:1.3rem;font-weight:700}.brand p,.brand span,.eyebrow,.hero-text,.section-kicker,.section-tip,.panel-title,.quote-card p,.stat-card span,.card-meta,.card-footer,.about-card p,.search-box span,.detail-summary{margin:0}.brand p{font-size:.98rem;font-weight:700}.brand span,.section-tip,.card-meta,.card-footer,.about-card p,.search-box span,.detail-summary{color:var(--text-muted)}.header-actions,.topbar-links{display:flex;align-items:center;gap:16px}.topbar-links{flex-wrap:wrap}.topbar-links a,.topbar-links .router-link-active{color:var(--text-soft)}.topbar-links a:hover,.topbar-links .router-link-active{color:var(--text-main)}.theme-toggle,.primary-button,.secondary-button,.tab-button{border-radius:999px;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.theme-toggle,.tab-button{padding:10px 16px;border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text-soft)}.theme-toggle:hover,.primary-button:hover,.secondary-button:hover,.tab-button:hover,.card-link:hover{transform:translateY(-2px)}.hero{padding:28px 0 20px}.hero-content{display:grid;grid-template-columns:1.35fr .9fr;gap:28px;align-items:stretch}.hero-copy,.hero-panel,.featured-card,.note-card,.about-card,.empty-state,.detail-main,.sidebar-card{border:1px solid var(--border);border-radius:28px;background:var(--bg-card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-copy{padding:44px}.eyebrow,.section-kicker{color:var(--accent);font-size:.8rem;letter-spacing:.18em}.hero-copy h1,.section-heading h2,.detail-header h1{margin:12px 0 0;color:var(--text-main)}.hero-copy h1{max-width:12ch;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.hero-text{max-width:58ch;margin-top:22px;color:var(--text-soft);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.primary-button,.secondary-button{padding:13px 22px;font-weight:600}.primary-button{background:var(--accent-strong);color:var(--accent-contrast)}.secondary-button{border:1px solid var(--border-strong);background:var(--bg-card-strong);color:var(--text-main)}.hero-panel{display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:linear-gradient(180deg,var(--bg-card-strong),var(--bg-card))}.panel-title{color:var(--text-soft);font-size:.94rem}.stats-grid,.featured-grid,.notes-grid,.about-grid,.detail-layout{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.stat-card{padding:20px 16px;border-radius:22px;background:var(--bg-card-strong);text-align:center}.stat-card strong{display:block;font-size:1.7rem;color:var(--text-main)}.quote-card{margin-top:18px;padding:22px;border-radius:24px;background:var(--bg-dark-card);color:var(--accent-contrast)}.section-block,.detail-page{padding:16px 0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-card,.note-card,.about-card,.empty-state,.sidebar-card{padding:24px}.card-link{display:block}.card-meta,.card-footer,.detail-tags{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.88rem}.featured-card h3,.note-card h3,.about-card h3,.empty-state h3,.detail-header h1{margin:18px 0 12px}.featured-card h3,.note-card h3,.about-card h3,.empty-state h3{font-size:1.24rem}.featured-card p,.note-card p{margin:0;color:var(--text-soft)}.tag-list,.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-list span,.detail-tags span{padding:6px 10px;border-radius:999px;background:var(--tag-bg);color:var(--tag-text);font-size:.78rem}.filter-bar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.category-tabs{display:flex;flex-wrap:wrap;gap:10px}.tab-button.active{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-contrast)}.search-box{display:grid;gap:8px;min-width:min(320px,100%)}.search-box input{padding:13px 16px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-card-strong);color:var(--text-main);outline:none}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.empty-state,.detail-empty{text-align:center}.detail-layout{grid-template-columns:minmax(0,1.55fr) 320px;align-items:start}.detail-main{padding:30px}.detail-sidebar{position:sticky;top:92px}.back-link{color:var(--accent)}.detail-header{margin-top:18px;padding-bottom:24px;border-bottom:1px solid var(--border)}.detail-header h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.detail-summary{max-width:62ch;margin-top:18px;font-size:1.02rem}.markdown-body{color:var(--text-soft);line-height:1.85;padding-top:26px}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text-main);line-height:1.2;margin:1.8em 0 .6em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin:0 0 1em}.markdown-body code{padding:.16em .4em;border-radius:8px;background:var(--code-bg);font-family:Consolas,Courier New,monospace}.markdown-body pre{padding:18px;overflow-x:auto;border-radius:18px;background:var(--bg-dark-card);color:#f8fbff}.markdown-body pre code{padding:0;background:transparent;color:inherit}.markdown-body blockquote{padding:14px 18px;border-left:4px solid var(--accent);border-radius:0 16px 16px 0;background:var(--bg-soft);color:var(--text-main)}.markdown-body a{color:var(--accent)}.sidebar-card{background:var(--bg-card-strong)}.related-list{display:grid;gap:12px;margin-top:16px}.related-link{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:var(--bg-soft)}.related-link strong{color:var(--text-main)}.related-link span{color:var(--text-muted);font-size:.88rem}@media(max-width:960px){.hero-content,.featured-grid,.about-grid,.notes-grid,.detail-layout{grid-template-columns:1fr}.filter-bar,.section-heading,.header-inner,.header-actions{align-items:start;flex-direction:column}.detail-sidebar{position:static}}@media(max-width:640px){.page-shell{width:min(100vw - 20px,1180px)}.site-header{position:static}.hero-copy,.hero-panel,.featured-card,.note-card,.about-card,.empty-state,.detail-main,.sidebar-card{padding:20px;border-radius:22px}.hero-copy h1{max-width:100%;font-size:2.6rem}.stats-grid{grid-template-columns:1fr}.search-box{min-width:100%}}