:root{--bg:#0b1020;--card:#111a33;--card2:#162345;--txt:#f4f7ff;--muted:#aeb9d6;--pri:#ffcf33;--line:rgba(255,255,255,.12);--danger:#ff6666}*{box-sizing:border-box}html{height:100%}body{min-height:100vh;margin:0;background:linear-gradient(135deg,#070b16,#101b36);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;display:flex;flex-direction:column}.wrap{max-width:1180px;margin:auto;padding:0 18px}.top{position:sticky;top:0;z-index:5;background:rgba(8,13,28,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px}.brand{font-size:25px;font-weight:900;text-decoration:none;color:white}.brand span{color:var(--pri)}nav{display:flex;gap:18px;align-items:center}nav a{color:#dfe7ff;text-decoration:none;font-weight:700}nav a:hover{color:var(--pri)}.hamb{display:none;background:var(--pri);border:0;border-radius:10px;padding:10px 13px;font-size:20px}.page{padding-top:34px;padding-bottom:60px;flex:1;width:100%}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-bottom:28px}.panel,.card{background:linear-gradient(180deg,var(--card),rgba(17,26,51,.76));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(0,0,0,.22)}h1{font-size:48px;line-height:1;margin:0 0 14px}h2{margin-top:10px}.lead{color:var(--muted);font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--pri);color:#111;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:900;border:0;cursor:pointer}.btn.secondary{background:#26365f;color:#fff}.btn.danger{background:var(--danger);color:#1b0303}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post h2,.post h3{margin-top:0}.meta{color:var(--muted);font-size:14px}.notice{background:rgba(255,207,51,.14);border:1px solid rgba(255,207,51,.4);border-radius:14px;padding:12px 16px}.ad{background:#f7f7f7;color:#222;border-radius:14px;padding:18px;text-align:center;margin:20px 0;overflow:hidden}.table{width:100%;border-collapse:collapse;background:var(--card);border-radius:18px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:var(--card2);color:var(--pri)}input,textarea,select{width:100%;padding:12px;border-radius:12px;border:1px solid #324062;background:#0c142b;color:white}label{display:block;margin:12px 0 6px;color:var(--muted)}.form{max-width:820px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions form{display:inline}.adminbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.adminbar a{background:var(--card2);border:1px solid var(--line);padding:10px 14px;border-radius:12px;color:white;text-decoration:none;font-weight:700}.foot{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);margin-top:auto}.editorbar{display:flex;gap:8px;flex-wrap:wrap;background:#0c142b;border:1px solid #324062;border-bottom:0;border-radius:12px 12px 0 0;padding:8px}.editorbar button{background:#26365f;color:#fff;border:0;border-radius:8px;padding:8px 10px;font-weight:700}.wysiwyg{min-height:260px;background:#0c142b;border:1px solid #324062;border-radius:0 0 12px 12px;padding:14px;color:#fff;outline:none}.content{font-size:18px;line-height:1.65}.content a{color:var(--pri)}.content img{max-width:100%;height:auto;border-radius:14px}.article{max-width:900px;margin:auto}code{display:inline-block;max-width:100%;overflow:auto;background:#060a16;border:1px solid var(--line);border-radius:10px;padding:8px;color:#dfe7ff}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}h1{font-size:36px}.hamb{display:block}nav{display:none;position:absolute;left:18px;right:18px;top:74px;background:#101a34;border:1px solid var(--line);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px}.table{font-size:14px;display:block;overflow-x:auto}.table th,.table td{padding:10px}.panel,.card{padding:18px}.actions .btn{width:100%}}

.notice.error{border-color:#ffb4b4;background:#fff1f1;color:#7a1010}.empty{color:#b8bfd2}.table-responsive{overflow-x:auto}