:root{--bg0:#050607;--bg1:#090b0d;--panel:#ffffff0f;--panel2:#ffffff14;--border:#ffffff1f;--border2:#ffffff2e;--text:#ffffffeb;--muted:#ffffffb8;--muted2:#ffffff8f;--shadow:0 18px 70px #0000008c;--radius:18px;--maxw:1120px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 700px at 10% 0%,#ffffff14,transparent 55%),radial-gradient(900px 500px at 85% 10%,#ffffff0f,transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit}.layout{flex-direction:column;min-height:100%;display:flex}.header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000059;border-bottom:1px solid #ffffff14;position:sticky;top:0}.header-inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:18px 22px;display:flex}.logo{letter-spacing:.3px;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.nav{align-items:center;gap:10px;display:flex}.nav-button{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,background .12s,border-color .12s}.nav-button:hover{border-color:var(--border2);background:#ffffff17;transform:translateY(-1px)}.lang{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;display:inline-flex;overflow:hidden}.lang-link{letter-spacing:.4px;color:#ffffffb3;border-right:1px solid #ffffff1a;padding:10px 12px;font-size:12px;font-weight:800;text-decoration:none}.lang-link:last-child{border-right:none}.lang-link:hover{color:#ffffffeb;background:#ffffff0f}.lang-link.active{color:#fffffff2;background:#ffffff1a}.main{flex:1;width:100%}.container{max-width:var(--maxw);margin:0 auto;padding:26px 22px 34px}.page-top{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.h1{letter-spacing:-.3px;margin:0;font-size:34px}.kicker{color:var(--muted2);margin:0;font-size:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.card{border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff1a;transition:transform .12s,border-color .12s,background .12s;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.card:hover{background:#ffffff0a;border-color:#ffffff2e;transform:translateY(-2px)}.card-link{text-decoration:none;display:block}.card-media{background:#ffffff0a;height:220px;position:relative}.card-body{padding:14px 14px 16px}.card-title{margin:0 0 6px;font-size:18px;font-weight:800}.card-sub{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.badges{flex-wrap:wrap;gap:8px;margin:10px 0 0;display:flex}.badge{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.card-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.pill{border:1px solid var(--border2);background:#ffffff14;border-radius:12px;align-items:center;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.detail-top{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.backlink{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.backlink:hover{color:var(--text)}.hero{height:440px;box-shadow:var(--shadow);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;margin:14px 0;position:relative;overflow:hidden}.meta-row{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:10px;font-size:14px;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button{border:1px solid var(--border2);background:#ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:#ffffff1a;border-color:#ffffff38}.button.secondary{color:#ffffffd1;background:#ffffff0d;border-color:#ffffff24}.button.secondary:hover{background:#ffffff12;border-color:#ffffff2e}.footer{color:#ffffff8c;background:#00000040;border-top:1px solid #ffffff14}.footer>span{max-width:var(--maxw);text-align:center;margin:0 auto;padding:18px 22px;font-size:13px;display:block}@media (max-width:720px){.hero{height:320px}.h1{font-size:28px}.page-top{flex-direction:column;align-items:flex-start}.nav-button{padding:9px 12px}.lang-link{padding:9px 10px}}