:root{--primary:#6366f1;--primary-2:#8b5cf6;--primary-3:#22d3ee;--primary-grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 52%, #22d3ee 100%);--primary-grad-soft:linear-gradient(135deg, #6366f129, #8b5cf629);--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffc7;--glass-border:#ffffffbf;--glass-border-soft:#6366f12e;--glass-shadow:0 8px 32px #1f268729;--glass-shadow-lg:0 20px 60px #1f268738;--glass-blur:blur(18px) saturate(165%);--text:#1f2238;--muted:#6b7280;--border:#6366f12e;--danger:#ef4444;--ok:#16a34a;--warn:#f59e0b;--card:var(--glass-bg);--radius:16px;--radius-sm:10px;--radius-lg:22px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(1100px 760px at 8% -8%,#6366f142,#0000 60%),radial-gradient(980px 700px at 108% 8%,#8b5cf638,#0000 60%),radial-gradient(900px 720px at 50% 116%,#22d3ee33,#0000 60%),linear-gradient(160deg,#eef1ff 0%,#f5f1ff 55%,#eafaff 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,Segoe UI,PingFang SC,sans-serif;transition:background .4s}body:before,body:after{content:"";filter:blur(70px);opacity:.55;z-index:-1;pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite float;position:fixed}body:before{background:radial-gradient(circle,#6366f18c,#0000 65%);width:46vmax;height:46vmax;top:-10vmax;left:-12vmax}body:after{background:radial-gradient(circle,#22d3ee80,#0000 65%);width:40vmax;height:40vmax;animation-delay:-9s;bottom:-12vmax;right:-10vmax}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4vmax,3vmax)scale(1.08)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn{background:var(--primary-grad);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #6366f159}.btn:after{content:"";opacity:.6;pointer-events:none;background:linear-gradient(120deg,#ffffff59,#0000 45%);position:absolute;inset:0}.btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 26px #6366f173}.btn:active{transform:translateY(0)}.btn.ghost{background:var(--glass-bg-strong);color:var(--primary);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn.ghost:after{display:none}.btn.ghost:hover{background:#fff}.btn.danger{background:linear-gradient(135deg,#f43f5e,#ef4444);box-shadow:0 6px 18px #ef444459}.btn.sm{border-radius:10px;padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input,select,textarea{border:1px solid var(--glass-border);width:100%;color:var(--text);background:#ffffffb8;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .18s}.input::placeholder,textarea::placeholder{color:#9aa1b8}.input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f129}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236366f1' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:18px}.card:hover{box-shadow:var(--glass-shadow-lg)}.row{flex-wrap:wrap;gap:12px;display:flex}.col{flex:1;min-width:0}.muted{color:var(--muted);font-size:13px}.tag{color:var(--primary);background:#6366f124;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.tag.green{color:var(--ok);background:#16a34a24}.tag.gray{color:var(--muted);background:#6b728029}.tag.red{color:var(--danger);background:#ef444429}.table{border-collapse:collapse;border-radius:12px;width:100%;font-size:14px;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--glass-border-soft);padding:12px 14px}.table th{color:var(--muted);background:#fff6;font-weight:600}.table tr:hover td{background:#ffffff73}.table tr:last-child td{border-bottom:none}.alert{border-radius:12px;margin-bottom:12px;padding:11px 15px;font-size:14px}.alert.err{color:var(--danger);background:#ef44441f;border:1px solid #ef444433}.alert.ok{color:var(--ok);background:#16a34a1f;border:1px solid #16a34a33}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--glass-bg-strong);width:380px;max-width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg);padding:38px 32px;position:relative;overflow:hidden}.login-card:before{content:"";filter:blur(20px);background:radial-gradient(circle,#22d3ee80,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.login-card h1{margin-bottom:4px;font-size:22px;position:relative}.login-card .sub{color:var(--muted);margin-bottom:22px;font-size:13px;position:relative}.brand{align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative}.brand img,.brand svg{border-radius:13px;width:46px;height:46px;box-shadow:0 8px 20px #6366f159}.brand .name{letter-spacing:.5px;font-size:19px;font-weight:800}.brand .name small{color:var(--muted);letter-spacing:1px;margin-top:2px;font-size:11px;font-weight:500;display:block}.layout{min-height:100vh;display:flex}.sidebar{background:var(--glass-bg-strong);width:232px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar .brand{margin-bottom:22px;padding:0 6px}.sidebar .brand img,.sidebar .brand svg{width:38px;height:38px}.sidebar .nav{flex-direction:column;gap:4px;display:flex}.sidebar a{color:var(--muted);border-radius:12px;align-items:center;gap:11px;padding:11px 14px;font-size:14px;font-weight:500;transition:all .16s;display:flex}.sidebar a .ico{flex-shrink:0;width:20px;height:20px}.sidebar a:hover{color:var(--text);background:#ffffff80}.sidebar a.router-link-active{background:var(--primary-grad);color:#fff;box-shadow:0 8px 20px #6366f159}.sidebar a.router-link-active .ico{color:#fff}.sidebar .user{border:1px solid var(--glass-border);color:var(--text);background:#fff6;border-radius:12px;margin-top:auto;padding:12px 14px;font-size:13px}.sidebar .user .row{justify-content:space-between;align-items:center}.sidebar .user a{color:var(--danger);padding:0;font-size:12px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.main{flex:1;min-width:0;padding:26px 34px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.topbar h2{font-size:22px;font-weight:800}.grid{gap:16px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.stat{text-align:center;padding:22px 16px}.stat .num{background:var(--primary-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.stat .lbl{color:var(--muted);margin-top:6px;font-size:13px}.q-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border-radius:14px;margin-bottom:12px;padding:16px}.q-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.opt-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.take-wrap{max-width:640px;margin:0 auto;padding:24px 16px 120px}.take-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.take-brand svg{border-radius:9px;width:30px;height:30px;box-shadow:0 6px 16px #6366f14d}.take-brand span{letter-spacing:.5px;font-size:17px;font-weight:800}.q-block{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);margin-bottom:16px;padding:18px}.q-title{margin-bottom:12px;font-size:16px;font-weight:600;line-height:1.5}.opt{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff80;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;transition:all .16s;display:flex}.opt:hover{border-color:var(--primary);background:#fffc}.opt.sel{border-color:var(--primary);background:#6366f11f;box-shadow:0 0 0 3px #6366f11f}.progress{background:#6366f124;border-radius:6px;height:8px;margin-bottom:16px;overflow:hidden}.progress>div{background:var(--primary-grad);border-radius:6px;height:100%;transition:all .3s}.result-big{background:var(--primary-grad);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800}.modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#14162859;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:460px;max-width:94vw;box-shadow:var(--glass-shadow-lg);padding:26px}.modal h3{margin-bottom:16px;font-size:18px}.pwd-box{margin:14px 0}.bar-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.qr-img{background:#fff;border-radius:12px;width:200px;height:200px;padding:8px}.appbar,.bottom-nav{display:none}@media (width<=859px){.sidebar{display:none}.main{padding:14px 14px 92px}.appbar{z-index:40;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.appbar img,.appbar svg{border-radius:10px;width:34px;height:34px;box-shadow:0 6px 16px #6366f14d}.appbar .name{font-size:16px;font-weight:800}.appbar .name small{color:var(--muted);font-size:10px;font-weight:500;display:block}.bottom-nav{z-index:45;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);border-radius:22px;gap:4px;max-width:calc(100vw - 24px);padding:8px 10px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--muted);border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .16s;display:flex}.bottom-nav a .ico{width:22px;height:22px}.bottom-nav a.router-link-active{color:#fff;background:var(--primary-grad);box-shadow:0 6px 16px #6366f166}.bottom-nav a.router-link-active .ico{color:#fff}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:1fr}.topbar h2{font-size:19px}.login-card{padding:30px 22px}}@media (prefers-color-scheme:dark){:root{--glass-bg:#161a2e8c;--glass-bg-strong:#1a1e36c7;--glass-border:#ffffff1f;--glass-border-soft:#ffffff14;--glass-shadow:0 8px 32px #0006;--glass-shadow-lg:0 20px 60px #00000080;--text:#e8ebff;--muted:#9aa3c7;--border:#ffffff1a;--card:var(--glass-bg)}body{background-color:#0000;background-image:radial-gradient(1100px 760px at 8% -8%,#6366f152,#0000 60%),radial-gradient(980px 700px at 108% 8%,#8b5cf647,#0000 60%),radial-gradient(900px 720px at 50% 116%,#22d3ee38,#0000 60%),linear-gradient(160deg,#0b0f22 0%,#12152e 55%,#0a1424 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.input,select,textarea{color:var(--text);background:#ffffff0f}.input:focus,select:focus,textarea:focus{background:#ffffff1a}.table th,.table tr:hover td,.q-card,.opt{background:#ffffff0d}.sidebar .user{background:#ffffff0f}.select-arrow{filter:brightness(2)}}