.login-wrap{min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;padding:20px 12px}.login-card{width:min(520px,100%)}.exam-banner{position:sticky;top:0;z-index:20;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-banner.ok{border-color:#22c55e59;background:#22c55e1f}.opt{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer}.opt:hover{background:#ffffff0d}.opt.selected{background:#4f46e552;border-color:#6366f1bf;box-shadow:0 0 0 2px #6366f133 inset}.opt input[type=radio]{accent-color:#6366f1;transform:scale(1.05)}.opt.selected input[type=radio]{accent-color:#a5b4fc}.q-item{display:flex;gap:10px;align-items:center}.q-label{width:54px;font-size:12px;opacity:.8;white-space:nowrap}.btn.secondary.btn-edit{border-color:#3b82f673!important;background:#3b82f638!important}.btn.secondary.btn-edit:hover{background:#3b82f64d!important}.btn.secondary.btn-warn{border-color:#f59e0b73!important;background:#f59e0b38!important}.btn.secondary.btn-warn:hover{background:#f59e0b4d!important}.btn.secondary.btn-danger{border-color:#ef44448c!important;background:#ef44443d!important}.btn.secondary.btn-danger:hover{background:#ef444452!important}.avatar-dd-summary{list-style:none;display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;white-space:nowrap;width:120px}.avatar-dd-summary::-webkit-details-marker{display:none}.avatar-dd-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:flex;gap:8px;flex-wrap:nowrap;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0b1020f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-dd-panel-vertical{flex-direction:column;max-height:220px;overflow:auto}.avatar-dd-item{padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.upload-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;white-space:nowrap}.upload-icon-btn.disabled{opacity:.6;cursor:not-allowed}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{width:min(720px,calc(100vw - 24px));border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0b1020eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);border-top-left-radius:16px;border-top-right-radius:16px;background:#ffffff0a}.modal-body{padding:14px 16px 16px}.modal-header-create{background:#22c55e24;border-bottom-color:#22c55e40}.modal-header-edit{background:#3b82f624;border-bottom-color:#3b82f640}.modal-header-warn{background:#f59e0b24;border-bottom-color:#f59e0b40}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans;background:#0b1020;color:#e6e8ef}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{background:#4f46e5;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600}.btn.secondary{background:#ffffff14}.btn.danger{background:#ef4444}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#e6e8ef}.label{font-size:12px;opacity:.8;margin-bottom:6px}.nav{position:sticky;top:0;background:#0b1020b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1100px;margin:0 auto}.brand{font-weight:800;letter-spacing:.4px}.nav-links{display:flex;gap:14px;align-items:center}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid rgba(255,255,255,.08);background:#0b1020bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-brand{padding:10px 10px 14px}.sidebar-brand .title{font-weight:900;letter-spacing:.4px}.sidebar-brand .sub{margin-top:6px;font-size:12px;opacity:.8}.menu{display:grid;gap:6px;padding:0 6px}.menu-group{margin-top:10px}.menu-group-title{font-size:12px;opacity:.7;padding:10px 10px 6px;letter-spacing:.4px}.menu-item{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer}.menu-item:hover{background:#ffffff0f}.menu-item.active{background:#4f46e540;border-color:#4f46e573}.sidebar-user{display:none;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;min-width:0}.content{padding:24px}.user-badge{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex-wrap:nowrap;min-width:0}.user-avatar{width:34px;height:34px;border-radius:12px;object-fit:cover;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.btn.secondary.btn-logout{padding:8px 10px;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.h1{font-size:22px;margin:0 0 12px}.muted{opacity:.8}.error{color:#fecaca;background:#ef444424;border:1px solid rgba(239,68,68,.3);padding:10px 12px;border-radius:12px}.success{color:#bbf7d0;background:#22c55e24;border:1px solid rgba(34,197,94,.3);padding:10px 12px;border-radius:12px}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:14px}hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:14px 0}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.table th{font-size:12px;letter-spacing:.4px;text-transform:uppercase;opacity:.8}.table tr:hover td{background:#ffffff0a}.mobile-topbar{display:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e6e8ef;cursor:pointer;font-weight:900}.icon-btn:active{transform:translateY(1px)}.mobile-overlay{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:32px;height:32px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.4px;color:#fff;background:linear-gradient(135deg,#4f46e5f2,#38bdf8d9);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #4f46e52e}.mobile-title{min-width:0;text-align:center}.mobile-title .en{font-weight:900;letter-spacing:.4px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}.mobile-title .zh{margin-top:2px;font-size:11px;opacity:.78;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;padding:10px 12px;background:#0b1020d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.mobile-title{font-weight:900;letter-spacing:.4px}.content{padding:12px}.card{border-radius:14px;padding:12px}.btn,.input{padding:12px 14px;border-radius:12px}.user-name{max-width:160px}.top-userbar{display:none!important}.sidebar-user{display:flex}.sidebar{position:fixed;left:0;top:0;height:100vh;width:min(86vw,320px);z-index:60;transform:translate(-105%);transition:transform .18s ease;border-right:1px solid rgba(255,255,255,.1)}.sidebar.open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000080}.row{gap:10px}.kv{grid-template-columns:90px 1fr}}@media (max-width: 520px){.table{min-width:720px}.h1{font-size:18px}}