:root{--blue:#1769ff;--deep:#10295c;--muted:#7f91b2;--line:#e5ecf8;--bg:#f3f7ff;--green:#10b981;--orange:#f59e0b;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#122858;background:radial-gradient(circle at 60% 0,#eaf2ff 0,transparent 34%),var(--bg)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:rgba(255,255,255,.94);border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 5px 25px}.brand-mark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;background:linear-gradient(145deg,#08bfff,#2525d9);box-shadow:0 8px 22px #2778ff4d}.brand strong{display:block;font-size:16px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:4px}nav{display:grid;gap:7px}nav a{padding:13px 14px;border-radius:10px;color:#61759b;text-decoration:none;font-weight:600}nav a i{display:inline-grid;width:27px;font-style:normal;font-size:18px}nav a.active{color:var(--blue);background:#edf4ff;box-shadow:inset -4px 0 var(--blue)}.sidebar-note{margin-top:auto;text-align:center;padding:22px 8px;color:#48658f}.sidebar-note strong{line-height:1.7}.sidebar-note span{display:block;font-size:11px;color:#9aaac3;margin-top:10px}main{grid-column:2;padding:24px 28px 40px;max-width:1680px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}header h1{font-size:29px;margin:10px 0 2px}header p,.crumb{color:var(--muted);margin:0;font-size:13px}.admin-user{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dceaff;color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:#fff;border:1px solid #edf2fb;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 7px 24px #3867a50b}.stat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:#edf4ff;color:var(--blue)}.stat small{color:var(--muted)}.stat strong{font-size:25px;display:block;margin-top:3px}.filter-card,.list-card,.preview-card{background:#fff;border:1px solid #eaf0fa;border-radius:14px;box-shadow:0 8px 28px #395d940c}.filter-card{padding:16px;margin-bottom:14px}.filter-title,.card-head{display:flex;align-items:center;justify-content:space-between}.filter-title h2,.card-head h2{font-size:17px;margin:0}.actions{display:flex;gap:10px}.filters{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(2,minmax(130px,.7fr)) 90px 80px;gap:10px;margin-top:14px}input,select,textarea{border:1px solid #dbe5f5;border-radius:9px;padding:10px 12px;color:#18305f;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#6da1ff;box-shadow:0 0 0 3px #eaf2ff}button{border:1px solid #b9cff5;background:#fff;color:#2762c7;padding:9px 15px;border-radius:9px;cursor:pointer;font-weight:600}button:hover{background:#f2f6ff}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 7px 15px #1769ff26}.workspace{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:14px}.list-card{min-width:0;overflow:hidden}.card-head{padding:16px}.card-head span{font-size:12px;color:var(--muted);font-weight:400}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#f7faff;color:#7f90ad;font-weight:500;text-align:left;padding:12px}td{padding:13px 12px;border-top:1px solid #edf2fa;vertical-align:middle}.question-title{font-weight:600;max-width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag,.status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;margin:2px}.tag{background:#eaf2ff;color:#3473dc}.status.draft{background:#eef1f6;color:#738099}.status.pending{background:#fff3d8;color:#c17a00}.status.published{background:#def8ed;color:#079b69}.row-actions{white-space:nowrap}.row-actions button{border:0;padding:4px;background:none;font-size:12px}.preview-card{padding:16px;min-height:520px}.empty-preview{height:100%;display:grid;place-items:center;color:#99a8be}.preview-card h2{font-size:17px;line-height:1.5}.preview-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.preview-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.preview-section h3{font-size:14px}.preview-section p,.preview-section li{font-size:13px;line-height:1.75;color:#526687}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.preview-actions .wide{grid-column:1/-1}.pagination{display:flex;justify-content:flex-end;gap:6px;padding:14px}.pagination button.active{background:var(--blue);color:#fff}.login-mask{position:fixed;inset:0;z-index:10;background:linear-gradient(135deg,#edf4ff,#f8fbff);display:grid;place-items:center}.login-mask.hidden{display:none}.login-card{background:#fff;padding:35px;border-radius:18px;width:min(390px,90vw);box-shadow:0 24px 80px #315c9b2a;text-align:center}.login-card .brand-mark{margin:auto}.login-card h1{margin:18px 0 4px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card input,.login-card button{width:100%;margin-top:10px}.error{color:var(--red);font-size:12px;margin-top:10px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px #0f254c4d;width:min(700px,92vw)}dialog::backdrop{background:#142a5059}.dialog-card{padding:24px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head p{color:var(--muted);font-size:13px}.icon-btn{border:0;font-size:25px;padding:0 8px}.template{background:#f5f8ff;border:1px dashed #a9c6f7;border-radius:10px;padding:12px;font-size:12px;line-height:1.8;margin:12px 0}.dialog-card>input,.dialog-card>textarea,.dialog-card label,.dialog-card label textarea{width:100%;margin-top:10px}.dialog-card label{display:block;font-size:12px;color:#63789a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.editor{max-height:88vh;overflow:auto}.hint{color:var(--muted);font-size:12px;margin-top:8px}#toast{position:fixed;right:28px;bottom:28px;background:#10295c;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.preview-card{display:none}.stats{grid-template-columns:repeat(2,1fr)}}