:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--panel:#fff;--text:#15202b;--muted:#678;--line:#e3e8ee;--primary:#0b6bcb;--danger:#c62828;--radius:12px;color:var(--text);background:var(--bg);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--primary);text-decoration:none}h1,h2{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.center{place-items:center;min-height:100vh;display:grid}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f1c2e;flex-direction:column;gap:16px;padding:20px 16px;display:flex}.brand{letter-spacing:.02em;font-size:18px;font-weight:700}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav a{color:#d7e3f4;border-radius:8px;padding:10px 12px}.sidebar nav a:hover{background:#ffffff14}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.sidebar-foot .muted{color:#9bb0c9}.main{padding:28px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.login-page{background:radial-gradient(circle at top left, #d9e8ff, transparent 40%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{flex-direction:column;gap:12px;width:min(420px,100%);display:flex}label{flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;display:flex}input,textarea,select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px;padding:10px 12px}.btn{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.ghost{color:#fff;background:0 0;border-color:#ffffff40}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{color:var(--danger);background:#fdecea;border:1px solid #f5c2c0;border-radius:8px;margin-bottom:12px;padding:10px 12px}.toolbar{gap:8px;margin-bottom:16px;display:flex}.toolbar input{flex:1}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 14px}th{color:var(--muted);background:#fafbfc;font-size:13px}.thumb{object-fit:cover;background:#eee;border-radius:6px;width:56px;height:80px}.tag{background:#eee;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.tag.published{color:#1b7a43;background:#e7f6ed}.tag.draft{color:#9a5b00;background:#fff4e5}.actions{white-space:nowrap;gap:12px;display:flex}.link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link.danger{color:var(--danger)}.form{max-width:880px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1.2fr 1fr .8fr;gap:12px;display:grid}.preview{object-fit:cover;background:#eee;border-radius:8px;width:140px;height:200px;margin-top:8px}.preview-video{background:#000;border-radius:8px;width:100%;max-height:220px;margin-top:8px}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center}.sidebar-foot{width:100%;margin-top:0}.grid-2,.grid-3{grid-template-columns:1fr}}