*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#111827;background:#f5f7fb}button,input,select{font:inherit}.student-body{background:radial-gradient(circle at top,#eef2ff 0,#f8fafc 48%,#eef2f7 100%);min-height:100vh}.student-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.student-card{width:min(560px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:36px;text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.10)}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;color:#6366f1;text-transform:uppercase}.student-card h1,.login-card h1{font-size:clamp(30px,6vw,48px);margin:8px 0 12px}.sub{color:#64748b;line-height:1.7}.timer{font-variant-numeric:tabular-nums;font-size:26px;font-weight:750;margin:34px 0 12px}.meter{height:8px;border-radius:99px;background:#eef2f7;overflow:hidden}.meter-bar{height:100%;width:0;background:linear-gradient(90deg,#6366f1,#ef4444);transition:width .08s linear}.record-btn{width:176px;height:176px;border-radius:50%;border:0;background:#111827;color:#fff;margin:32px auto 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:800;box-shadow:0 20px 35px rgba(15,23,42,.22);cursor:pointer;transition:.2s}.record-btn:hover{transform:translateY(-2px)}.record-btn:disabled{opacity:.65;cursor:not-allowed}.record-btn .dot{width:18px;height:18px;border-radius:50%;background:#ef4444}.record-btn.recording{background:#ef4444}.record-btn.recording .dot{border-radius:4px;background:#fff}.status{min-height:24px;font-weight:700}.privacy-note{font-size:13px;color:#94a3b8}.countdown{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.72);backdrop-filter:blur(10px);color:white;font-size:clamp(96px,25vw,220px);font-weight:900;z-index:30}.hidden{display:none!important}
.admin-body{background:#f4f6fa}.topbar{position:sticky;top:0;z-index:10;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,48px);gap:20px}.topbar>div{display:flex;gap:10px;align-items:baseline}.topbar span{font-size:12px;color:#9ca3af}.topbar nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topbar a,.topbar button{color:#fff;text-decoration:none}.topbar form{margin:0}.admin-main{max-width:1200px;margin:0 auto;padding:26px 18px 60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.panel,.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.05)}.stat{padding:22px}.stat b{display:block;font-size:34px}.stat span{color:#64748b}.panel{padding:22px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;gap:18px}.panel h2{margin:0 0 5px}.panel p{color:#64748b}.filters,.keyword-form{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filters input,.filters select,.keyword-form input,.keyword-form select,.login-card input{border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;background:#fff;min-height:44px}.filters input{flex:1;min-width:220px}.keyword-form input{flex:1;min-width:180px}.primary{border:0;border-radius:10px;background:#111827;color:#fff;padding:11px 18px;font-weight:750;cursor:pointer}.primary.small{padding:9px 14px}.ghost,.ghost-link{border:1px solid rgba(255,255,255,.22);background:transparent;color:inherit;border-radius:9px;padding:8px 11px;text-decoration:none;cursor:pointer}.panel .ghost,.ghost-link{color:#334155;border-color:#d1d5db}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #eef2f7;vertical-align:top}th{font-size:12px;color:#64748b;text-transform:uppercase}.hit-row{background:#fffaf0}.transcript-cell{max-width:460px;color:#475569}.badge,.tag{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750;margin:2px}.badge.completed{background:#dcfce7;color:#166534}.badge.queued,.badge.processing{background:#e0e7ff;color:#3730a3}.badge.failed{background:#fee2e2;color:#991b1b}.tag{background:#eef2ff;color:#4338ca}.tag.high{background:#fee2e2;color:#b91c1c}.muted{color:#94a3b8}.empty{text-align:center;color:#94a3b8;padding:44px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:30px}.login-card label{display:grid;gap:7px;margin:20px 0}.login-card .primary{width:100%}.alert{border-radius:10px;padding:12px;margin:12px 0}.alert.danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.detail h1{margin:5px 0 18px}.detail audio{width:100%;margin:10px 0 22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.transcript-box{white-space:pre-wrap;line-height:1.9;padding:18px;background:#f8fafc;border-radius:12px;min-height:120px}.actions{display:flex;gap:8px}.actions form{margin:0}.danger-text{color:#b91c1c!important}
@media(max-width:760px){.student-card{padding:26px 20px}.record-btn{width:150px;height:150px}.topbar{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.admin-main{padding:16px 12px 40px}.panel{padding:16px}.topbar nav{width:100%}}
.stats.six{grid-template-columns:repeat(6,1fr)}.stat-warn{border-color:#fecaca;background:#fff7f7}.config-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#94a3b8;margin-right:7px}.config-dot.ok{background:#22c55e}.config-dot.off{background:#ef4444}.badge.wecom-sent{background:#dcfce7;color:#166534}.badge.wecom-pending,.badge.wecom-sending{background:#fef3c7;color:#92400e}.badge.wecom-failed,.badge.wecom-disabled{background:#fee2e2;color:#991b1b}.badge.wecom-not_required{background:#f1f5f9;color:#64748b}.checkbox{display:flex;align-items:center;gap:8px;padding:0 4px;color:#334155}.checkbox input{min-height:auto!important;min-width:auto!important}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.setting-item{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.setting-item span{color:#64748b;overflow-wrap:anywhere}.setting-status{white-space:nowrap}.code-block{padding:16px;border-radius:12px;background:#0f172a;color:#e2e8f0;overflow:auto;white-space:pre-wrap}.alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.primary:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1000px){.stats.six{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.stats.six{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}