@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=ZCOOL+XiaoWei&display=swap";:root{--bg:#12100e;--bg-elevated:#1a1714;--bg-card:#221e1a;--text:#e3dcd3;--text-muted:#9a9188;--accent:#c9956c;--accent-hover:#ddb17e;--border:#3a342e;--track:#2c2620;--font-display:"ZCOOL XiaoWei", serif;--font-body:"Noto Serif SC", "Songti SC", serif;--radius:12px;--max:720px;--header-h:64px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%, #c9956c1f, transparent 55%), linear-gradient(180deg, #0e0c0b 0%, var(--bg) 32%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.75}#root{min-height:100svh}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.site{flex-direction:column;min-height:100svh;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-header-inner{max-width:calc(var(--max) + 48px);height:var(--header-h);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--text);font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:12px;font-size:1.35rem;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{border:2px solid var(--accent);background:radial-gradient(circle at 30% 30%, var(--accent) 0 2px, transparent 3px), repeating-linear-gradient(90deg, transparent 0 4px, var(--track) 4px 8px);width:36px;height:36px;box-shadow:inset 0 0 0 3px var(--bg-card);border-radius:50%}.brand-text{font-weight:400}.nav{gap:8px;display:flex}.nav-link{color:var(--text-muted);border-radius:999px;padding:8px 16px;font-size:.95rem}.nav-link:hover{color:var(--text);background:#c9956c14}.nav-link.active{color:var(--bg);background:var(--accent)}.nav-link.active:hover{color:var(--bg);background:var(--accent-hover)}.site-main{flex:1;width:100%}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:28px 24px 40px;font-size:.9rem}.site-footer p{margin:0}.site-footer>p+p{margin-top:10px}.site-footer-icp{font-size:.82rem}.site-footer-icp a{color:var(--text-muted)}.site-footer-icp a:hover{color:var(--accent)}.page{max-width:calc(var(--max) + 48px);margin:0 auto;padding:48px 24px 72px}.home-page .hero{border-bottom:1px solid var(--border);padding-bottom:56px}.hero-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.85rem}.hero-title{font-family:var(--font-display);color:var(--text);letter-spacing:.04em;margin:0 0 20px;font-size:clamp(2rem,5vw,2.75rem);font-weight:400;line-height:1.25}.hero-lead{max-width:36em;color:var(--text-muted);margin:0 0 32px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-family:inherit;font-size:.95rem;display:inline-flex}.btn-primary{background:var(--accent);color:#1a120c;font-weight:600}.btn-primary:hover{background:var(--accent-hover);color:#1a120c}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.section{padding-top:48px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.section h2{font-family:var(--font-display);color:var(--text);letter-spacing:.06em;margin:0;font-size:1.5rem;font-weight:400}.section-more{white-space:nowrap;font-size:.9rem}.card-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.card-list{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.card-list{grid-template-columns:repeat(3,1fr)}}.card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);text-align:left;height:100%;padding:22px;transition:border-color .2s,transform .2s}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px)}.card-meta{color:var(--text-muted);margin-bottom:10px;font-size:.8rem;display:block}.card-title{margin:0 0 12px;font-size:1.1rem;font-weight:600;line-height:1.4}.card-title a{color:var(--text)}.card-title a:hover{color:var(--accent)}.card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.92rem;line-height:1.65;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.75rem;display:inline-block}.list-page .page-header{margin-bottom:36px}.page-header h1{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);margin:0 0 8px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400}.page-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.article-index{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.article-index-item{border-bottom:1px solid var(--border)}.article-index-link{color:inherit;text-align:left;border-radius:8px;gap:6px;padding:22px 4px;transition:background .15s;display:grid}@media (width>=640px){.article-index-link{grid-template-rows:auto auto;grid-template-columns:112px 1fr;align-items:baseline;column-gap:24px}.article-index-date{grid-row:1/3}.article-index-title,.article-index-excerpt{grid-column:2}}.article-index-link:hover{background:#c9956c0f}.article-index-date{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.article-index-title{color:var(--text);font-size:1.1rem;font-weight:600}.article-index-link:hover .article-index-title{color:var(--accent)}.article-index-excerpt{color:var(--text-muted);font-size:.92rem;line-height:1.6}.article-page .article-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:32px}.article-back{margin:0 0 20px;font-size:.9rem}.article-back a{color:var(--text-muted)}.article-back a:hover{color:var(--accent)}.article-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);margin:0 0 16px;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:400;line-height:1.35}.article-meta{color:var(--text-muted);margin:0 0 16px;font-size:.9rem}.article-meta-sep{margin:0 8px}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.prose{max-width:40rem}.prose p{color:color-mix(in srgb, var(--text) 92%, #000);margin:0 0 1.25em}.prose p:last-child{margin-bottom:0}.empty-state{color:var(--text-muted);margin:0 0 20px}.not-found{text-align:center}.not-found h1{font-family:var(--font-display);margin:0 0 12px;font-weight:400}.not-found p{color:var(--text-muted);margin:0 0 24px}