:root{color-scheme:dark;--focus-ring: #7dd3fc}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0a0a0a;color:#eee}a{color:inherit;text-decoration:none}.site{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid #1e1e1e;background:#0b0b0bcc;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-logo{width:28px;height:28px;border-radius:6px;display:block}.brand-text{line-height:1}.navlink{color:#b9b9b9;padding:6px 2px}.navlink:hover{color:#fff}.navlink-active{color:#fff;border-bottom:2px solid var(--focus-ring)}.spacer{flex:1}.container{max-width:1100px;margin:24px auto;padding:0 16px}.hero h1{margin:0;font-size:40px}.hero p{margin-top:8px;color:#9aa}.toolbar{display:flex;gap:12px;align-items:center;margin:16px 0 20px;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip-btn{border:1px solid #333;background:transparent;color:#ddd;padding:8px 12px;border-radius:999px;cursor:pointer}.chip-btn.active{background:#333}.chip-btn:focus-visible,.navlink:focus-visible,.search:focus-visible,.menu-btn:focus-visible,.share-btn:focus-visible,.backtotop:focus-visible,.card-link:focus-visible,.recent-link:focus-visible,.article-nav .nav-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.search{margin-left:auto;padding:8px 12px;border-radius:8px;border:1px solid #333;background:#0c0c0c;color:#ddd;min-width:220px}.two-cols{display:grid;grid-template-columns:1fr 280px;gap:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{border:1px solid #222;border-radius:12px;overflow:hidden;background:#111;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;will-change:transform}.card:hover{transform:translateY(-2px);border-color:#2a2a2a;box-shadow:0 8px 20px #00000040}.card-link{display:block;color:inherit}.card-cover{position:relative;aspect-ratio:16/9;background:#1a1a1a}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-date{position:absolute;right:10px;bottom:10px;padding:6px 10px;font-size:12px;color:#ddd;background:#0000008c;border:1px solid #2a2a2a;border-radius:8px;line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%)}.card-body{padding:12px 14px}.chip{font-size:12px;background:#262626;padding:4px 8px;border-radius:999px;color:#bbb;display:inline-block;margin-bottom:6px}.card h3{margin:8px 0 6px;font-size:18px;color:#fff}.card p{margin:0;color:#9aa}.sidebar{position:sticky;top:76px;height:fit-content;border:0;background:transparent;padding:0}.panel{border:1px solid #1e1e1e;border-radius:12px;background:#0f0f0f;padding:16px}.panel+.panel{margin-top:16px}.panel h3{margin:0 0 10px}.toc{border:1px solid #1e1e1e;border-radius:12px;background:#0f0f0f;padding:12px 14px;margin:10px 0 16px}.toc-title{font-weight:600;color:#eee;margin-bottom:8px}.toc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.toc-item.level-2 .toc-link{color:#ddd}.toc-item.level-3 .toc-link{color:#aaa;padding-left:8px}.toc-link{text-decoration:none;border-bottom:1px dashed transparent}.toc-link:hover,.toc-link:focus-visible{color:#fff;border-bottom-color:#444}.article .cover{width:100%;border-radius:12px;border:1px solid #222;margin:8px 0 16px}.article .muted{color:#9aa;margin:0 0 8px}.article .content p,.article .content li{line-height:1.7;color:#ddd}.article .content h2{margin-top:18px}.footer{margin-top:auto;border-top:1px solid #1e1e1e;padding:16px;text-align:center;color:#9aa}@media (max-width: 900px){.two-cols{grid-template-columns:1fr}.sidebar{position:static}}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:70vh;gap:16px}.notfound h1{font-size:80px;margin:0;color:#f55}.notfound p{color:#bbb;font-size:18px}.notfound .btn{display:inline-block;padding:10px 18px;border:1px solid #333;border-radius:8px;background:#111;color:#eee;text-decoration:none;transition:background .2s ease}.notfound .btn:hover{background:#222}.muted{color:#9aa}.skeleton{position:relative;overflow:hidden;background:#1a1a1a}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover,.backtotop:hover,.menu-btn:active,.share-btn:active,.chip-btn:active,.recent-link:active,.recent-link:hover .recent-thumb img{transform:none!important}.read-progress{transition:none!important}}.read-progress{position:fixed;left:0;top:0;height:3px;width:0%;z-index:9999;background:linear-gradient(90deg,#22d3ee,#a78bfa);pointer-events:none;transition:width .1s linear}@media (max-width: 480px){.read-progress{height:2px}}.article-nav{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #1e1e1e;gap:12px}.article-nav .nav-btn{color:#ddd;font-weight:500}.article-nav .nav-btn:hover{color:#fff;text-decoration:underline}.recommended{margin-top:50px}.recommended h3{margin-bottom:16px;font-size:20px}.toplinks{display:flex;gap:16px}.menu-btn{display:none;width:40px;height:36px;border:1px solid #2a2a2a;background:#111;color:#eee;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;padding:6px 8px}.menu-btn span{display:block;width:18px;height:2px;background:#ddd;margin:3px 0}.menu-btn span{will-change:transform,opacity}.menu-btn:hover{background:#1a1a1a;border-color:#3a3a3a}.mobile-menu{display:none}@media (max-width: 900px){.toplinks{display:none}.menu-btn{display:inline-flex}.mobile-menu{display:grid;gap:10px;padding:12px 16px;border-bottom:1px solid #1e1e1e;background:#0f0f0f}.mobile-menu .navlink{padding:10px 0;border-bottom:1px solid #151515}.mobile-menu .navlink:last-child{border-bottom:0}}.sharebar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.share-btn{padding:8px 12px;border:1px solid #2a2a2a;background:#111;color:#ddd;border-radius:8px;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;font-size:14px;will-change:transform}.share-btn:hover{background:#1a1a1a;color:#fff;border-color:#3a3a3a}.menu-btn:active,.share-btn:active,.chip-btn:active{transform:translateY(1px)}.recent-link:active{transform:scale(.995)}.navlink:active,.article-nav .nav-btn:active{opacity:.85}.backtotop{position:fixed;right:16px;bottom:16px;z-index:30;width:42px;height:42px;border-radius:10px;border:1px solid #2a2a2a;background:#111;color:#eee;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px #00000059;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .2s ease;will-change:transform,opacity}.backtotop:hover{background:#1a1a1a;border-color:#3a3a3a;transform:translateY(-2px)}.backtotop:active{transform:translateY(0)}.countdown{text-align:center;background:linear-gradient(145deg,#111,#0d0d0d);border:1px solid #1e1e1e;border-radius:12px;padding:18px;box-shadow:0 6px 18px #00000059;display:flex;flex-direction:column;align-items:center}.countdown h3{margin:0 0 6px;font-size:18px;color:#fff}.countdown .release-date{margin:0 0 14px;font-size:13px;color:#9aa}.countdown-grid{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.countdown-box{min-width:70px;text-align:center;background:linear-gradient(135deg,#ff4db8,#6bc9ff);border-radius:10px;padding:10px 8px;color:#fff;font-weight:600;box-shadow:0 3px 10px #0006}.countdown-box span{display:block;font-size:20px;font-weight:700}.countdown-box small{display:block;font-size:12px;opacity:.9}.cover-fallback{width:100%;height:100%;display:grid;align-content:end;padding:12px;background:radial-gradient(1200px 400px at 100% 0%,rgba(107,201,255,.25),transparent),radial-gradient(1200px 400px at 0% 100%,rgba(255,77,184,.25),transparent),#161616;color:#eee}.cover-fallback .cf-badge{display:inline-block;font-size:12px;padding:4px 8px;border:1px solid #2a2a2a;border-radius:999px;background:#00000059;color:#ccc;margin-bottom:6px}.cover-fallback .cf-title{font-weight:700;font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.recent{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.recent-item{border-radius:12px;overflow:hidden}.recent-link{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;border:1px solid #1e1e1e;background:#101010;padding:8px;border-radius:12px;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;will-change:transform}.recent-thumb{width:88px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#1a1a1a;position:relative}.recent-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .25s ease;will-change:transform}.recent-link:hover .recent-thumb img{transform:scale(1.06)}.recent-meta{min-width:0}.recent-title{color:#eee;font-weight:600;line-height:1.25;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-cat{color:#9aa;font-size:12px}.recent-fallback{width:100%;height:100%;background:radial-gradient(900px 300px at 100% 0%,rgba(107,201,255,.15),transparent),radial-gradient(900px 300px at 0% 100%,rgba(255,77,184,.15),transparent),#161616}@media (max-width: 420px){.recent-link{grid-template-columns:1fr}.recent-thumb{width:100%}}.recent-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 60%);pointer-events:none}@supports (content-visibility: auto){.card{content-visibility:auto;contain-intrinsic-size:300px}.recent-item{content-visibility:auto;contain-intrinsic-size:100px}}