*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline-offset:2px;outline:2px solid #2563eb}:root{--bg:#0b1020;--bg2:#0e1328;--card:#fff;--text:#0f172a;--muted:#667085;--brand:#2563eb;--brand-600:#1d4ed8}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:transparent;background-image:radial-gradient(50% 50% at 15% 10%,rgba(99,179,237,.35) 0%,rgba(99,179,237,0) 60%),radial-gradient(45% 60% at 85% 5%,rgba(45,212,191,.3) 0%,rgba(45,212,191,0) 60%),linear-gradient(#f9fafb 0%,#eef2ff 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji}.pageWrap{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.container{max-width:960px;margin:0 auto;padding:24px}.siteHeader{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);background:rgba(255,255,255,.78);border-bottom:1px solid #e6e6e6;position:-webkit-sticky;position:sticky;top:0}.headerInner{align-items:center;gap:16px;display:flex}.brand{letter-spacing:.3px;color:#0f172a;align-items:center;gap:10px;font-weight:800;display:flex}.logoDot{background:var(--brand);border-radius:50%;width:10px;height:10px;box-shadow:0 0 24px rgba(37,99,235,.7)}.nav{flex-wrap:wrap;gap:14px;margin-left:auto;display:flex}.navLink{color:#0f172a;opacity:.7;font-weight:600}.navLink:hover{opacity:1}.navLink.active{color:var(--brand-600);opacity:1}.mainArea{padding:24px 0 40px}.prose,.postItem,.legal{background:var(--card);border:1px solid #eee;border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(2,8,23,.04)}.muted{color:var(--muted)}h1,h2,h3{margin:0 0 10px}p{line-height:1.7}.prose{color:var(--text);padding:28px;font-size:1.05rem;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:.2px;margin-top:1.4rem;margin-bottom:.6rem;font-weight:800;line-height:1.3}.prose h1{margin-top:.5rem;font-size:2rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose h4{font-size:1.1rem}.prose p{margin:.8rem 0}.prose ul,.prose ol{margin:.6rem 0 .8rem 1.25rem;padding-left:1rem}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin:.35rem 0}.prose blockquote{color:#334155;background:#f8fafc;border-left:4px solid #c7d2fe;border-radius:8px;margin:1rem 0;padding:.6rem 1rem}.prose code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.prose pre{color:#e5e7eb;background:#0b1020;border:1px solid #1f2937;border-radius:10px;margin:1rem 0;padding:14px;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose hr{border:none;border-top:1px dashed #e5e7eb;margin:1.2rem 0}.prose img{border-radius:8px;max-width:100%;height:auto}.heading-anchor{color:inherit;text-decoration:none}.heading-anchor:hover{text-underline-offset:3px;text-decoration:underline}.postList{gap:16px;margin:24px 0;padding:0;list-style:none;display:grid}.postItem .muted{color:#555}.siteFooter{background:rgba(255,255,255,.9);border-top:1px solid #e6e6e6}.footerInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.footerLinks{align-items:center;gap:10px;display:flex}.footerLinks a{color:#0f172a;opacity:.8}.footerLinks a:hover{opacity:1}copyright,.copyright{color:#3b3b3b}.homeGrid{grid-template-columns:1fr 320px;gap:24px;display:grid}.mainCol{flex-direction:column;gap:16px;display:flex}.heroCard{background:var(--card);border:1px solid #eee;border-radius:16px;padding:28px 24px;box-shadow:0 6px 24px rgba(2,8,23,.06)}.listHeader{align-items:center;gap:10px;padding-left:4px;display:flex}.sectionTitle{font-size:1.1rem}.countBadge{color:var(--brand-600);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.feed{gap:14px;margin:0;padding:0;list-style:none;display:grid}.postCard{background:linear-gradient(#fff,#fafafa);border:1px solid #eaeaea;border-radius:14px;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:0 1px 8px rgba(2,8,23,.05)}.postCard:hover{border-color:#e2e2e2;transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,8,23,.08)}.postLink{padding:18px;display:block}.postTitle{font-size:1rem;line-height:1.35}.postDesc{color:#525252;margin-top:6px}.postMeta{color:#666;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;display:flex}.tagRow{gap:6px;list-style:none;display:flex}.tag{color:#1d4ed8;background:#f4f6ff;border:1px solid #e3e9ff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.layoutGrid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.trending{background:var(--card);border:1px solid #eee;border-radius:12px;height:-moz-fit-content;height:fit-content;padding:16px;position:-webkit-sticky;position:sticky;top:86px;box-shadow:0 2px 6px rgba(0,0,0,.04)}.trendingTitle{margin-bottom:12px;font-weight:700}.trendingList{margin:0;padding:0;list-style:none}.trendingList li{margin-bottom:8px}.trendingList a{color:var(--brand-600);font-size:.9rem;text-decoration:none}.trendingList a:hover{text-decoration:underline}.contentArea{flex-direction:column;gap:20px;display:flex}@media (max-width:1080px){.homeGrid{grid-template-columns:1fr}}@media (max-width:1024px){.layoutGrid{grid-template-columns:1fr;gap:20px}.trending{position:static}}@media (max-width:768px){.container{padding:16px}.headerInner,.nav{gap:10px}.prose,.postItem,.legal{border-radius:12px;padding:18px}}@media (max-width:520px){.brand{font-size:16px}.nav{gap:8px}.navLink{font-size:14px}.footerInner{flex-direction:column;align-items:flex-start;gap:6px}.postList{gap:12px}.prose{padding:20px;font-size:1rem}.prose h1{font-size:1.6rem}.prose h2{font-size:1.3rem}}