:root{--brand:#2563eb;--brand-2:#f59e0b;--bg:#f7f6f2;--surface:#ffffff;--surface-2:#fbfbf9;--text:#0f172a;--muted:#475569;--border:rgba(15,23,42,.10);--shadow:0 14px 34px rgba(2,6,23,.10);--radius:18px;--paper:rgba(15,23,42,.035);--ink:rgba(15,23,42,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;background:radial-gradient(900px 480px at 16% 12%,rgba(37,99,235,.10),transparent 55%),radial-gradient(900px 480px at 86% 8%,rgba(245,158,11,.10),transparent 55%),repeating-linear-gradient(0deg,transparent 0 26px,var(--paper) 26px 27px),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:0 auto;padding:0 18px}.topbar{background:rgba(255,255,255,.85);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.topbar-inner{display:flex;align-items:center;gap:14px;padding:12px 0;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand .logo{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 22px rgba(37,99,235,.18)}.brand b{font-size:15px;letter-spacing:.2px;white-space:nowrap}.nav{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:900;font-size:13px;flex:1}.nav a{padding:8px 10px;border-radius:999px;white-space:nowrap}.nav a.active,.nav a:hover{color:var(--text);background:rgba(15,23,42,.06)}.search{display:flex;align-items:center;gap:10px;min-width:280px}.search input{width:100%;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.92);outline:none}.search input:focus{border-color:rgba(37,99,235,.35);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.nav-toggle{display:none;width:42px;height:42px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:rgba(255,255,255,.95);box-shadow:0 10px 22px rgba(2,6,23,.10);cursor:pointer;position:relative;padding:0}.nav-toggle span{position:absolute;left:12px;right:12px;height:2px;background:rgba(15,23,42,.82);border-radius:999px}.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:20px}.nav-toggle span:nth-child(3){top:26px}.nav-overlay{position:fixed;inset:0;background:rgba(2,6,23,.38);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:60}.hero{margin:16px 0 16px}.hero-card{border-radius:calc(var(--radius) + 6px);overflow:hidden;background:radial-gradient(1200px 460px at 10% 30%,rgba(255,255,255,.55),rgba(255,255,255,0)),linear-gradient(135deg,rgba(37,99,235,.92),rgba(245,158,11,.86));box-shadow:var(--shadow)}.hero-inner{padding:30px 24px;color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.hero h1{margin:0 0 10px;font-size:34px;line-height:1.12;letter-spacing:-.5px;font-family:ui-serif,Georgia,"Times New Roman",serif}.hero p{margin:0 0 16px;opacity:.95;max-width:720px;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.btn.primary{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.30)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:rgba(11,42,91,.25);color:#fff;border:1px solid rgba(255,255,255,.22)}.btn.neutral{background:rgba(255,255,255,.92);color:var(--text);border:1px solid var(--border)}.btn.neutral:hover{background:rgba(255,255,255,1)}.btn.neutral:active{transform:translateY(1px)}.hero-illu{display:flex;justify-content:center}.illu{width:100%;max-width:290px;aspect-ratio:1 / 1;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.illu svg{width:74%;height:auto;opacity:.95}.quick{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick a{display:flex;gap:10px;align-items:center;padding:12px 12px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}.quick a:hover{background:rgba(255,255,255,.18)}.quick .qicon{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.quick b{font-size:13px}.quick span{display:block;font-size:12px;opacity:.92}.page{padding:8px 0 26px}.grid{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.card{background:rgba(255,255,255,.88);padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 26px rgba(2,6,23,.06)}.card.pad{padding:18px}.card h2{margin:0 0 10px;font-size:18px}.muted{color:var(--muted)}.ad-rect{min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px dashed rgba(15,23,42,.20);background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.00));color:var(--muted);font-weight:900}.ad-300x600{min-height:600px}.ad-300x250{min-height:250px}.list{display:flex;flex-direction:column;gap:10px}.row{display:flex;flex-direction:column;gap:6px;padding:12px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);position:relative;overflow:hidden}.row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--brand),var(--brand-2));opacity:.65}.row:hover{border-color:rgba(37,99,235,.22);box-shadow:0 12px 22px rgba(2,6,23,.06)}.row b{padding-left:6px}.row .meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);padding-left:6px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;border-radius:999px;padding:5px 9px;border:1px solid rgba(15,23,42,.10);background:rgba(15,23,42,.04);color:#0b2a5b}.article-title{margin:4px 0 10px;font-size:30px;letter-spacing:-.4px;font-family:ui-serif,Georgia,"Times New Roman",serif}.prose{line-height:1.8;color:var(--text)}.prose img{max-width:100%;border-radius:14px}.prose h2,.prose h3{scroll-margin-top:92px}.prose blockquote{margin:14px 0;padding:10px 12px;border-left:4px solid rgba(37,99,235,.35);background:rgba(15,23,42,.03);border-radius:14px}.prose code{background:rgba(15,23,42,.05);padding:2px 6px;border-radius:8px}.prose pre{background:rgba(15,23,42,.05);padding:12px;border-radius:14px;overflow:auto}.side-box{padding:16px}.side-links{display:flex;flex-direction:column;gap:10px}.side-links a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);font-weight:900;color:var(--text)}.side-links a:hover{border-color:rgba(37,99,235,.22)}.footer{margin-top:22px;padding:26px 0;color:var(--muted);border-top:1px solid var(--border);background:rgba(255,255,255,.72)}@media(max-width:980px){.topbar-inner{flex-wrap:wrap}.brand{flex:1 1 auto;min-width:0}.brand b{overflow:hidden;text-overflow:ellipsis;display:block}.nav-toggle{display:inline-block;margin-left:auto}.search{min-width:100%;flex:0 0 100%}.nav{display:none;position:fixed;top:64px;left:12px;right:12px;flex-direction:column;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.98);box-shadow:0 22px 60px rgba(2,6,23,.18);max-height:calc(100vh - 84px);overflow:auto;z-index:70}.nav.open{display:flex}.nav a{width:100%;padding:12px 12px;border-radius:14px;background:rgba(15,23,42,.04);white-space:normal}.grid{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}.hero-illu{justify-content:flex-start}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.quick{grid-template-columns:1fr}}.article-thumb-bg{position:relative;width:100%;height:180px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#2563eb,#1e40af);display:flex;align-items:center;justify-content:center}.article-thumb-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.08) 1px,transparent 1px);background-size:20px 20px;opacity:0.6}.article-thumb-overlay{position:relative;padding:20px;text-align:center}.article-thumb-overlay h2{color:#ffffff;font-size:18px;font-weight:600;line-height:1.4;margin:0}.article a{text-decoration:underline}