*{box-sizing:border-box}body{margin:0;background:#f4f8fc;color:#0c203b;font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}header{background:#071a2d;color:#fff}.top{height:68px;display:flex;align-items:center;max-width:1280px;margin:auto;padding:0 22px;gap:28px}.brand{font-size:25px;font-weight:800}.brand span{color:#1682ff}.tag{font-size:10px;color:#9fb3c7;display:block}.search{flex:1;max-width:520px}.search input{width:100%;padding:12px 15px;background:#142b42;border:1px solid #29445e;border-radius:7px;color:#fff}.auth{margin-left:auto;display:flex;gap:10px;align-items:center}.navrow{border-top:1px solid #163047;height:42px}.navrow nav{max-width:1280px;margin:auto;height:100%;display:flex;align-items:center;gap:28px;padding:0 22px}.navrow a{font-size:13px;color:#dce8f4}.navrow a:first-child{color:#fff;border-bottom:2px solid #1682ff;height:100%;display:flex;align-items:center}.btn{background:#087cff;color:#fff!important;border:0;border-radius:7px;padding:10px 17px;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #38516a}main{max-width:1280px;margin:16px auto;padding:0 18px}.boards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.board,.categories,.online,.post,.authbox,.editorbox{background:#fff;border:1px solid #dce6f1;border-radius:9px;box-shadow:0 4px 18px #193b640c}.board{padding:8px 15px}.boardhead{display:flex;justify-content:space-between;align-items:center;padding:7px 3px 10px;border-bottom:1px solid #e5edf5}.boardhead b{font-size:17px}.boardhead small,.topic small,.cat small{display:block;color:#71839a;margin-top:3px}.boardhead a{font-size:12px;color:#087cff}.topic{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #edf2f7}.topic:last-child{border:0}.topic i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7f3ff;color:#087cff;font-style:normal;font-weight:700}.topic b{font-size:13px}.topic em{font-size:21px;color:#9aacc0}.categories{margin-top:14px;padding:12px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;padding:0 2px 7px}.sectiontitle h2{margin:0;font-size:20px}.cat{display:grid;grid-template-columns:58px 1fr 80px 80px 28px;align-items:center;gap:12px;padding:11px 9px;border-top:1px solid #e7eef6}.cat:hover{background:#f8fbff}.icon{width:52px;height:52px;border-radius:10px;background:#e8f3ff;color:#087cff;display:grid;place-items:center;font-size:22px}.grow b{font-size:15px}.stat{text-align:center;border-left:1px solid #edf2f7}.stat b{font-size:14px}.stat small{display:block}.online{margin-top:14px;padding:17px;display:flex;align-items:center;gap:18px}.online b{color:#08a66b}.avatars{display:flex}.avatar{width:30px;height:30px;border-radius:50%;background:#10213b;color:white;display:grid;place-items:center;border:2px solid white;margin-left:-5px;font-size:11px}.community-stats{max-width:1280px;margin:0 auto;padding:18px;display:flex;justify-content:center;gap:70px}.community-stats div{text-align:center}.community-stats b{display:block;font-size:18px;color:#0d2c51}.community-stats span{font-size:11px;color:#72869c}footer{background:#071a2d;color:#fff}.foot{max-width:1280px;margin:auto;min-height:150px;padding:30px 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:45px}.foot p,.foot a{color:#a8bacb;font-size:12px}.foot h4{margin:0 0 10px}.footlinks{display:grid;gap:7px}.newsletter{background:#0d2439;padding:14px;border-radius:8px}.newsletter input{width:100%;background:#173149;border:1px solid #29465f;padding:10px;border-radius:6px;color:white}.copyright{border-top:1px solid #18334b;color:#8297aa;font-size:11px;padding:12px 24px;text-align:center}.authbox,.editorbox{max-width:760px;margin:55px auto;padding:28px}.authbox form,.editorbox form{display:grid;gap:14px}.authbox label{display:grid;gap:6px}.authbox input,.editorbox input,.editorbox select,.editorbox textarea{width:100%;padding:12px;border:1px solid #cfdbe8;border-radius:7px;font:inherit}.error{background:#fff0f1;color:#a61928;padding:10px;border-radius:7px}.toolbar{display:flex;gap:12px;align-items:center;background:#f3f7fb;border:1px solid #dce6f1;border-radius:7px;padding:10px}.toolbar small{margin-left:auto;color:#9b3340}.post{padding:28px}.content{font-size:16px;line-height:1.7}@media(max-width:850px){.top{height:auto;min-height:72px;flex-wrap:wrap;padding:14px}.search{order:3;flex-basis:100%}.navrow{overflow:auto}.boards{grid-template-columns:1fr}.cat{grid-template-columns:50px 1fr 25px}.stat{display:none}.foot{grid-template-columns:1fr 1fr}.community-stats{gap:25px;flex-wrap:wrap}}@media(max-width:520px){.auth{display:none}.foot{grid-template-columns:1fr}.cat{padding-left:2px}.boards{gap:10px}}
:root{--primary:#0878ff;--header:#071d33;--surface:#fff}header,footer{background:var(--header)!important}.btn{background:var(--primary)!important}.categories,.board,.online{background:var(--surface)}.seohero{margin:18px 0;min-height:180px;border-radius:14px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(120deg,var(--header),#0b3155);overflow:hidden}.seohero h1{font-size:34px;margin:0 0 8px}.seohero p{max-width:700px;opacity:.9;font-size:16px}.seohero .ghost{background:transparent!important;border:1px solid #6685a4}.trend{min-width:260px;padding:24px;border:1px solid #315574;border-radius:14px;background:#ffffff0a;font-size:22px}.trend small{display:block;font-size:12px;margin-top:12px;opacity:.75}label{display:block;margin:12px 0;font-weight:700}label input,label textarea,select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.adminnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}@media(max-width:800px){.seohero{padding:24px;display:block}.trend{margin-top:20px}.seohero h1{font-size:26px}}
.empty{padding:28px;text-align:center;color:#71839a}.topic-wide{grid-template-columns:38px 1fr auto}.topicmeta{color:#71839a;font-size:12px;white-space:nowrap}.sectiontitle h1{margin:0}.sectiontitle p{margin:5px 0 0;color:#71839a}@media(max-width:650px){.topic-wide{grid-template-columns:38px 1fr}.topicmeta{grid-column:2}}