*{box-sizing:border-box}body{margin:0;background:#0b0d12;color:#e6e8ee;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#8ab4ff;text-decoration:none}a:hover{text-decoration:underline}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid #1d2230;position:sticky;top:0;background:#0b0d12ee;backdrop-filter:blur(8px)}.logo{font-weight:800;font-size:20px;color:#fff}header nav a{margin-left:22px;color:#aab}
main{max-width:980px;margin:0 auto;padding:32px 24px}footer{text-align:center;color:#667;padding:40px;font-size:14px}
.hero{padding:40px 0 20px}.hero h1{font-size:52px;line-height:1.05;margin:0 0 12px;background:linear-gradient(90deg,#fff,#a78bfa,#60a5fa);-webkit-background-clip:text;color:transparent}.hero p,.sub{color:#9aa3b5;font-size:18px}
input#q{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #2a3142;background:#121621;color:#fff;font-size:16px;margin:12px 0}
h2{margin-top:44px}.more{font-size:14px;font-weight:400}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.uc{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#151a26,#10131b);border:1px solid #1f2533;color:#e6e8ee}.uc:hover{border-color:#6d5dfc;text-decoration:none}.uc span{color:#9aa3b5;font-size:14px}.uc small{color:#7c86ff}
.list{list-style:none;padding:0}.card{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;margin:10px 0;border-radius:12px;background:#121621;border:1px solid #1d2230}.card p{margin:4px 0 0;color:#9aa3b5;font-size:15px}
.num{font-weight:800;color:#6d5dfc;min-width:24px;font-size:20px}.card>div{flex:1}.tname{font-weight:700;font-size:18px;color:#fff}.tag{font-size:12px;padding:2px 8px;border-radius:99px;background:#1d2335;color:#a5b0d0}.stars{font-size:13px;color:#fbbf24}
.score{font-weight:800;background:#1a1f35;color:#a78bfa;padding:6px 10px;border-radius:10px}.score.big{font-size:20px;vertical-align:middle}
.rel{list-style:none;padding:0}.rel li{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid #1d2230}.rel time{color:#7c86ff;min-width:96px;font-size:14px}.rel p{margin:4px 0;color:#9aa3b5}
dl{display:grid;grid-template-columns:160px 1fr;gap:10px 16px}dt{color:#7a8299}dd{margin:0}.btn{display:inline-block;margin-top:24px;padding:12px 20px;border-radius:10px;background:#6d5dfc;color:#fff;font-weight:700}
#cats button{background:#121621;color:#aab;border:1px solid #2a3142;border-radius:99px;padding:6px 14px;margin:4px 4px 4px 0;cursor:pointer}#cats button.on{background:#6d5dfc;color:#fff}.prose li{margin:8px 0}.back{font-size:14px}
.card h3{display:inline;font-size:18px;margin:0}.rel h3{display:inline;font-size:16px;margin:0}.sr{position:absolute;left:-9999px}.bc{font-size:14px;color:#7a8299;margin-bottom:8px}.upd{font-size:14px;color:#7c86ff}
.faq h3{font-size:17px;margin:18px 0 4px}.faq p{color:#9aa3b5;margin:0}.links{columns:2;padding-left:18px}.tag.spon{background:#3b2a0b;color:#fbbf24}.disc{color:#7a8299}
.news{margin-top:48px;padding:24px;border-radius:14px;background:linear-gradient(160deg,#1a1640,#10131b);border:1px solid #2b2560}.news form{display:flex;gap:8px}.news input{flex:1;padding:12px;border-radius:10px;border:1px solid #2a3142;background:#0b0d12;color:#fff}.news button{padding:12px 18px;border:0;border-radius:10px;background:#6d5dfc;color:#fff;font-weight:700}
.fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px}.logo img{vertical-align:-4px}[hidden]{display:none!important}
