*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
:root{--bg:#08111d;--card:#101b2b;--card2:#132033;--line:#26374f;--text:#f5f7fb;--muted:#aeb9c9;--cyan:#78e6ff;--white:#fff}
body{background:linear-gradient(180deg,#07101b,#0b1524 45%,#08111d);color:var(--text);min-height:100vh}
a{text-decoration:none;color:inherit}.wrap{max-width:1100px;margin:auto;padding:16px}
header{position:sticky;top:0;z-index:30;background:#0b1524ee;border-bottom:1px solid var(--line)}
.nav{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:800;font-size:22px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400}.btn,.nav button{background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}.btn.primary{background:var(--cyan);color:#04111b;border:none;font-weight:700}.hero{margin:18px 0;background:linear-gradient(135deg,#11243a,#0b1728);border:1px solid var(--line);border-radius:18px;padding:18px}.hero h1{font-size:28px;margin-bottom:6px}.hero p{color:var(--muted)}
.banner{margin-bottom:14px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.banner img{width:100%;display:block;max-height:220px;object-fit:cover}.notice{padding:12px 14px;background:#102237;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;color:#dce9f7}.search{display:flex;gap:8px;margin:12px 0}.search input{flex:1;background:#0a1320;color:white;border:1px solid var(--line);border-radius:12px;padding:12px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer}.thumb{position:relative;aspect-ratio:16/9;background:#000}.thumb video,.thumb img{width:100%;height:100%;object-fit:cover;display:block}.duration{position:absolute;right:8px;bottom:8px;background:#000c;color:white;border-radius:7px;padding:4px 7px;font-size:11px}.info{padding:10px}.info h3{font-size:14px;line-height:1.35;margin-bottom:7px}.tag{display:inline-block;background:#1b2d45;border:1px solid #29415d;color:#cbeeff;padding:4px 8px;border-radius:20px;font-size:11px}.meta{font-size:12px;color:var(--muted);margin-top:7px}.player{background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.player video{width:100%;display:block;background:#000}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:16px 0}.form input,.form textarea,.form select{width:100%;margin:7px 0 12px;background:#0a1320;color:white;border:1px solid var(--line);border-radius:12px;padding:12px}.form textarea{min-height:110px;resize:vertical}.row{display:flex;gap:8px;flex-wrap:wrap}.sideMenu{position:fixed;right:-280px;top:0;width:260px;height:100vh;background:#101b2b;border-left:1px solid var(--line);z-index:99;padding:18px;transition:.22s}.sideMenu.active{right:0}.sideMenu a{display:block;background:#17263b;border:1px solid var(--line);border-radius:10px;padding:11px;margin:8px 0}.footer{text-align:center;color:var(--muted);font-size:12px;padding:25px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.badge{font-size:11px;padding:4px 7px;border-radius:8px;background:#24415c;color:#cdefff}
@media(min-width:760px){.grid{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:36px}}