:root{--navy:#1e2b3c;--navy-light:#c05a2e;--navy-dark:#2b2118;--gold:#a8842c;--gold-light:#d9bc72;--bg:#f6f1e6;--card:#fffdf7;--text:#1e2b3c;--text-muted:#8a8171;--border:#e3d8c3;--red:#c0392b;--green:#1e8449;--shadow:0 4px 20px #5a3c1417;--radius:14px;--sans:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:var(--sans);cursor:pointer}input{font-family:var(--sans)}.loading{text-align:center;color:var(--text-muted);padding:80px;font-size:16px}.login-page{background:radial-gradient(1100px 480px at 85% -12%,#c8974029,#0000 62%),radial-gradient(900px 460px at -8% 108%,#c0653f1a,#0000 60%),linear-gradient(140deg,#fbf7ee 0%,#f4ecdc 50%,#efe2cb 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-shell{justify-content:center;align-items:center;gap:64px;width:100%;max-width:960px;display:flex}.login-brand{text-align:left;flex:420px;max-width:440px}.brand-mark{background:linear-gradient(135deg,#e0ae4e,#b07a22);border-radius:20px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:22px;font-size:34px;display:flex;box-shadow:0 10px 26px #a0782852}.brand-name{color:#1e2b3c;letter-spacing:3px;font-size:40px;line-height:1.2}.brand-en{color:#a8842c;letter-spacing:6px;margin:8px 0 20px;font-size:14px;font-weight:700}.brand-desc{color:#5d5342;margin-bottom:26px;font-size:15.5px;line-height:1.9}.brand-points{flex-direction:column;gap:14px;margin:44px 0 0;padding:0;list-style:none;display:flex}.brand-points li{color:#3d3226;align-items:center;gap:12px;font-size:15px;display:flex}.bp-icon{background:#fffdf7;border:1px solid #a8842c40;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex;box-shadow:0 2px 6px #5a462814}.brand-wave{align-items:center;gap:5px;height:32px;margin-top:32px;display:flex}.brand-wave span{background:linear-gradient(#c05a2e,#e0b05c);border-radius:3px;width:5px;height:12px;animation:1.1s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.login-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f7;border:1px solid #a8842c33;border-radius:24px;flex-shrink:0;width:100%;max-width:400px;padding:36px 34px 30px;animation:.5s cubic-bezier(.2,.8,.3,1.1) rise;box-shadow:0 30px 70px #5a462829,inset 0 2px #ffffffb3}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-card-title{color:#1e2b3c;letter-spacing:2px;text-align:center;font-size:22px}.login-card-sub{color:#8a8171;text-align:center;margin:6px 0 22px;font-size:13px}.login-tabs{background:#f0ead9;border-radius:10px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.login-tabs .tab{color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex:1;padding:9px 0;font-size:15px;transition:all .2s}.login-tabs .tab.active{background:var(--card);color:var(--navy);font-weight:600;box-shadow:0 2px 8px #00000014}.login-input{border:1.5px solid var(--border);background:#fff;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px;transition:border .2s}.login-input:focus{border-color:#a14f22}.login-err{color:var(--red);text-align:left;margin-bottom:10px;font-size:13px}.login-btn{color:#fff;letter-spacing:4px;background:linear-gradient(135deg,#c9653f,#a14f22);border:none;border-radius:10px;width:100%;margin-top:6px;padding:13px 0;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #8c5a2859}.login-hint{color:#a89c88;text-align:center;margin-top:16px;font-size:12px}.mode-page{max-width:1000px;min-height:100vh;margin:0 auto;padding:40px 24px}.mode-header{text-align:center;margin-bottom:40px;padding-top:12px;position:relative}.mode-back{color:#7a4a21;background:#fffdf7;border:1.5px solid #a8842c59;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #5a462814}.mode-back:hover{color:#fff;background:linear-gradient(135deg,#c9653f,#a14f22);border-color:#0000}.mode-header h1{color:var(--navy);font-size:30px}.mode-header p{color:var(--text-muted);margin-top:6px}.mode-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mode-card{background:var(--card);border:2px solid var(--border);text-align:left;border-radius:20px;flex-direction:column;padding:36px 28px;transition:all .2s;display:flex}.mode-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #16324f1f}.mode-card.random{border-top:4px solid var(--navy-light)}.mode-card.custom{border-top:4px solid var(--gold)}.mode-icon{font-size:40px}.mode-card h2{color:var(--navy);margin:12px 0 4px;font-size:22px}.mode-card p{color:var(--text-muted);font-size:14px}.mode-card ul{color:#374151;margin:16px 0 20px;padding-left:18px;font-size:14px;line-height:2}.mode-cta{color:#a14f22;margin-top:auto;font-size:15px;font-weight:600}.customize-page{max-width:1000px;min-height:100vh;margin:0 auto;padding:32px 24px 100px}.custom-section{margin-bottom:36px}.custom-section-title{color:var(--navy);align-items:center;gap:8px;margin-bottom:14px;font-size:18px;display:flex}.badge{background:var(--navy-light);color:#fff;letter-spacing:1px;border-radius:20px;padding:3px 10px;font-size:12px}.badge.p2{background:var(--gold);color:#3d2f00}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.topic-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:0;transition:all .15s;overflow:hidden}.topic-card.selected{border-color:#a14f22;box-shadow:0 0 0 2px #1e446826}.topic-card.disabled{opacity:.45}.topic-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:13px 16px;display:flex}.topic-check{color:#0000;border:2px solid #d8cdba;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.topic-card.selected .topic-check{background:var(--navy-light);color:#fff;border-color:#a14f22}.topic-name{flex:1;font-weight:600}.topic-expand{color:var(--text-muted);background:0 0;border:none;font-size:13px}.topic-questions{color:#374151;padding:0 16px 14px 48px;font-size:14px;line-height:2;list-style:none}.topic-detail{padding:0 16px 16px}.p2-question{color:var(--navy);font-size:15px;font-weight:600;line-height:1.6}.p2-prompts{color:#374151;margin:8px 0;padding-left:18px;font-size:14px;line-height:1.9}.p2-p3-title{color:var(--gold);margin-top:10px;font-size:13px;font-weight:600}.custom-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;justify-content:center;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f223a0f}.confirm-btn{color:#fff;background:linear-gradient(135deg,#c9653f,#a14f22);border:none;border-radius:12px;padding:14px 48px;font-size:16px;font-weight:600;transition:all .2s}.confirm-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 20px #16324f4d}.confirm-btn.disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.exam-page{background:linear-gradient(#faf6ec 0%,#f4ede0 100%);flex-direction:column;min-height:100vh;display:flex}.examiner-area{background:var(--navy-dark);color:#fff;align-items:center;gap:14px;padding:18px 32px;display:flex}.examiner-avatar{background:linear-gradient(135deg,#fde68a,#f59e0b);border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.examiner-name{letter-spacing:1px;font-size:15px;font-weight:600}.exam-stage{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.stage-center{text-align:center;width:100%;max-width:720px}.examiner-say{color:var(--text-muted);font-size:17px;animation:.4s fadeIn}.q-tag{background:var(--navy-light);color:#fff;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:13px;display:inline-block}.q-card,.p2-card,.end-card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px;padding:40px}.q-body{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:180px;display:flex}.countdown-num{color:#a14f22;font-size:96px;font-weight:800;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rec-wave{color:var(--red);align-items:center;gap:8px;font-size:16px;font-weight:600;animation:1.2s infinite blink;display:inline-flex}@keyframes blink{50%{opacity:.4}}.big-timer{color:var(--navy);font-variant-numeric:tabular-nums;font-size:64px;font-weight:800}.primary-btn{color:#fff;background:linear-gradient(135deg,#c9653f,#a14f22);border:none;border-radius:12px;padding:12px 36px;font-size:16px;font-weight:600;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #16324f4d}.primary-btn.big{padding:15px 52px;font-size:17px}.p2-card h3{color:var(--navy);margin-bottom:14px;font-size:20px;line-height:1.6}.p2-card .p2-prompts{text-align:left;max-width:460px;margin:0 auto 20px;font-size:15px}.speaker-icon .speaker-svg{margin-bottom:10px;font-size:56px;display:block}.end-emoji{font-size:56px}.end-card h3{color:var(--navy);margin:12px 0 6px;font-size:22px}.end-sub{color:var(--text-muted);margin-bottom:24px}.exam-progress{background:var(--card);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:16px;padding:14px 32px;font-size:14px;display:flex}.progress-track{background:#e3d8c3;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--navy-light), var(--gold));height:100%;transition:width .5s}.result-page{min-height:100vh;display:flex}.result-nav{background:var(--navy-dark);color:#fff;flex-shrink:0;width:260px;max-height:100vh;padding:20px 12px;position:sticky;top:0;overflow-y:auto}.result-nav-title{cursor:pointer;color:#d8cdba;padding:6px 12px 16px;font-size:15px}.result-nav-title:hover{color:#fff}.result-group{margin-bottom:18px}.result-group-label{color:var(--gold);letter-spacing:2px;padding:0 12px 8px;font-size:12px;font-weight:700}.result-nav-item{text-align:left;color:#d8cdba;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.result-nav-item:hover{background:#ffffff14}.result-nav-item.active{color:#fff;background:#ffffff24;font-weight:600}.status-dot{background:#64748b;border-radius:50%;width:8px;height:8px;margin-left:auto}.status-dot.ok{background:var(--green)}.status-dot.busy{background:var(--gold);animation:1s infinite blink}.result-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:28px}.result-card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:18px;padding:32px}.result-card-head{margin-bottom:24px}.result-card-head h3{color:var(--navy);margin-top:10px;font-size:18px;line-height:1.6}.result-block{margin-bottom:26px}.block-title{color:var(--navy);margin-bottom:10px;font-size:15px;font-weight:700}.audio-player{width:100%;height:40px}.stt-box{border:1px solid var(--border);background:#faf6ec;border-radius:12px;padding:18px;font-size:15.5px;line-height:2}.issue-mark{cursor:help;border-radius:3px;padding:1px 2px}.hint-text{color:var(--text-muted);font-size:14px}.error-text{color:var(--red)}.link-btn{color:#a14f22;background:0 0;border:none;font-size:14px;text-decoration:underline}.issue-list{flex-direction:column;gap:14px;display:flex}.issue-item{border:1px solid var(--border);border-left:4px solid var(--navy-light);background:#fdfaf3;border-radius:10px;padding:14px 16px}.issue-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.issue-type{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.issue-original{color:#374151;font-size:14px;font-weight:600}.issue-desc{color:#4b5563;margin-bottom:8px;font-size:14px;line-height:1.7}.issue-fix{color:#374151;background:#f0fdf4;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.8}.fix-label{color:var(--green);font-weight:700}.pronounce-fix{margin-top:6px;font-size:14px}.grade-summary{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.8}.band9-box{background:linear-gradient(135deg,#fffdf5,#fef9e7);border:1px solid #f3e6b8;border-radius:12px;padding:20px}.band9-en{color:#1f2937;white-space:pre-line;font-size:15.5px;line-height:1.9}.band9-zh{color:#6b7280;border-top:1px dashed #e5d9a8;margin-top:12px;padding-top:12px;font-size:14px;line-height:1.9}.result-empty{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.fb-panel{background:#fdf8ec;border:1px solid #e7d7b8;border-radius:16px;flex-direction:column;gap:12px;padding:14px 14px 16px;display:flex;box-shadow:0 6px 18px #785f2d14}.fb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fb-done-badge{color:#fff;background:linear-gradient(135deg,#2e9e5b,#1e8449);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.fb-summary{background:#fff3df;border:1px solid #efd9ad;border-left:4px solid #c9653f;border-radius:10px;padding:10px 12px}.fb-summary-title{color:#a14f22;margin-bottom:5px;font-size:12.5px;font-weight:800}.fb-summary-text{color:#5d4a30;margin:0;font-size:13px;line-height:1.75}.fb-student-title{color:#7a4a21;margin:0;font-size:12px;font-weight:700}.fb-student{color:#4a4233;background:#fffdf7;border:1px solid #eee1c6;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.8}.fb-dim-title{color:#7a4a21;margin:0;font-size:12px;font-weight:700}.fb-dims{flex-direction:column;gap:10px;display:flex}.fb-dim{background:#fffdf8;border:1px solid #eadfc6;border-radius:12px;padding:10px 12px}.fb-dim-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.fb-dim-tag{border-radius:6px;padding:2px 10px;font-size:12px;font-weight:800}.fb-dim-count{color:#a89c88;font-size:11.5px}.fb-dim-item{border-top:1px dashed #ece0c6;padding:7px 0}.fb-dim-item:first-child{border-top:none;padding-top:0}.fb-ori{color:#8a4a2a;margin:0 0 2px;font-size:13px;font-weight:600}.fb-issue{color:#6b6255;margin:0;font-size:12.5px;line-height:1.65}.fb-fix{color:#3d5c33;background:#f2f8ee;border-radius:6px;margin:4px 0 0;padding:4px 8px;font-size:12.5px;line-height:1.6}.fb-empty{text-align:center;color:#8a8171;flex-direction:column;align-items:center;gap:10px;padding:24px 8px;font-size:13.5px;display:flex}.fb-empty .busy-spinner{width:18px;height:18px}.tc-wrap{width:100%;margin-top:18px}.tc-card{background:linear-gradient(#fdf9ef,#fbf3e0);border:1px solid #e8d9b8;border-left:4px solid #a8842c;border-radius:14px;padding:12px 16px}.tc-card.pending{color:#8a8171;align-items:center;gap:10px;font-size:13px;display:flex}.tc-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.tc-badge{color:#fff;background:linear-gradient(135deg,#d9a441,#a8842c);border-radius:20px;padding:4px 14px;font-size:12.5px;font-weight:800}.tc-actions{gap:6px;display:inline-flex}.tc-text{color:#4a4233;white-space:pre-line;margin:0;font-size:14px;line-height:1.85}.tc-empty{color:#a89c88;margin:0;font-size:13px}.tc-card .fb-edit-summary{margin-top:4px}.fb-edit-btn{color:#7a4a21;cursor:pointer;background:#fffdf7;border:1px solid #a8842c80;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s}.fb-edit-btn:hover{background:#f3e7d5}.fb-edit-btn.ghost{color:#8a8171;background:0 0;border-color:#ddd3bd}.fb-edit-actions{gap:6px;display:inline-flex}.fb-edit-input,.fb-edit-area{box-sizing:border-box;color:#3d3226;background:#fff;border:1.5px solid #e6d8bd;border-radius:8px;outline:none;width:100%;margin:3px 0;padding:6px 8px;font-family:inherit;font-size:12.5px}.fb-edit-input:focus,.fb-edit-area:focus{border-color:#c9653f;box-shadow:0 0 0 3px #c9653f1f}.fb-edit-area{resize:vertical;line-height:1.6}.fb-edit-area.zh{color:#6b6255}.fb-edit-summary{box-sizing:border-box;color:#4a4233;resize:vertical;background:#fffdf7;border:1.5px solid #e6d8bd;border-left:4px solid #c9653f;border-radius:8px;outline:none;width:100%;margin-bottom:4px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.7}.fb-edit-summary:focus{border-color:#c9653f}.student-upgrade{flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:560px;display:flex}.up-btn{align-self:flex-start}.student-upgrade.busy{color:#8a8171;flex-direction:row;align-items:center;padding:18px 0;font-size:14px}.busy-spinner{border:3px solid #e3d8c3;border-top-color:#a8842c;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.up-score-row{background:#fffdf7;border:1px solid #a8842c4d;border-radius:16px;align-items:center;gap:16px;width:100%;padding:14px 18px;display:flex}.up-score{color:#fff;background:linear-gradient(135deg,#e0ae4e,#b07a22);border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;padding:8px 18px;display:flex}.up-score-num{font-size:34px;font-weight:800;line-height:1.1}.up-score-label{letter-spacing:2px;opacity:.9;font-size:11px}.up-score-note{color:#5d5342;font-size:14px;line-height:1.7}.up-block{background:#fffdf7;border:1px solid #eee3cc;border-radius:14px;width:100%;padding:14px 16px}.up-block-title{color:#7a4a21;margin-bottom:8px;font-size:13px;font-weight:700}.up-transcript{color:#3d3226;background:#faf6ec;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.9}.up-tiers{flex-direction:column;gap:12px;width:100%;display:flex}.up-tier-note{color:#8a8171;margin-bottom:6px;font-size:12.5px}.p1p-ref{flex-direction:column;gap:10px;width:100%;max-width:560px;display:flex}.ref-toggle{align-self:flex-start}.ref-module{flex-direction:column;gap:14px;display:flex}.ref-tier{background:#fffdf7;border-radius:14px;padding:16px 18px}.ref-tier.b9{background:linear-gradient(160deg,#fffdf5,#fdf6e0);border:1px solid #e3cd7a}.ref-tier.b6{background:linear-gradient(160deg,#fbfefc,#eef7f1);border:1px solid #cfe0d5}.ref-tier-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ref-tier-badge{border-radius:20px;padding:3px 12px;font-size:12px;font-weight:800}.ref-tier.b9 .ref-tier-badge{color:#fff;background:#a8842c}.ref-tier.b6 .ref-tier-badge{color:#fff;background:#1e8449}.ref-tier-route{color:#8a8171;font-size:12px}.ref-tier .ref-en{font-size:14.5px;line-height:1.9}.ref-tier .ref-zh{color:#6b6255;border-top:1px dashed #e8dcc0;margin-top:10px;padding-top:10px;font-size:13px}.practice-content.p1-wide{max-width:none}.p1-detail-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:4px;display:flex}.p1-detail-head .p1-detail-title{margin:0}.ref-top-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1.5px solid #ffffff73;border-radius:24px;padding:8px 20px;font-size:13.5px;font-weight:700;transition:all .18s}.practice-pane.center{max-width:720px;margin:0 auto;padding:0 12px}.practice-pane.stack{padding:0 12px}.practice-pane.stack .pane-main{width:100%}.pane-head{flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0 16px;display:flex}.pane-head .p1-detail-title{margin:0}.pane-body{align-items:flex-start;width:100%;display:flex}.pane-main{min-width:0}.p1-divider{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex:0 0 16px;justify-content:center;align-self:stretch;align-items:center;width:16px;display:flex}.p1-divider-grip{background:#d8ccb2;border-radius:3px;width:4px;height:56px;transition:all .18s}.p1-divider-grip:before,.p1-divider-grip:after{content:"";background:#b8a888;width:1px;height:4px;margin:6px auto;display:block}.p1-divider:hover .p1-divider-grip{background:#c9653f;width:6px}.pane-fb{border-right:1px dashed #e3d8c3;min-width:0;max-height:calc(100vh - 40px);padding-right:22px;animation:.3s fbSlide;position:sticky;top:14px;overflow-y:auto}@keyframes fbSlide{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.pane-ans{border-left:1px dashed #e3d8c3;min-width:0;max-height:calc(100vh - 40px);padding-left:22px;animation:.3s refSlide;position:sticky;top:14px;overflow-y:auto}@keyframes refSlide{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}body.resizing,body.resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.p1-side-title{color:#7a4a21;margin-bottom:12px;font-size:13px;font-weight:700}.p1-side .ref-module{flex-direction:column;gap:12px;display:flex}.ref-q{flex-direction:column;gap:10px;display:flex}.ref-q-title{color:#1e2b3c;border-bottom:1px dashed #e8dcc0;padding-bottom:6px;font-size:13.5px;font-weight:700;line-height:1.5}.p1-mode-tabs{background:#f0ead9;border-radius:12px;gap:8px;width:fit-content;margin:4px 0 18px;padding:4px;display:flex}.p1-mode-tab{color:#8a8171;background:0 0;border:none;border-radius:9px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .15s}.p1-mode-tab.active{color:#a14f22;background:#fffdf7;box-shadow:0 2px 6px #5a46281a}.p1-practice{flex-direction:column;align-items:center;gap:18px;padding:8px 0 10px;display:flex}.p1p-progress{color:#8a8171;align-items:center;gap:12px;width:100%;font-size:13px;display:flex}.p1p-progress .progress-track{flex:1}.p1p-card{text-align:center;background:#fffdf7;border:1.5px solid #a8842c4d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:560px;min-height:200px;padding:28px 26px;display:flex}.p1p-speaker{cursor:pointer;background:linear-gradient(135deg,#f3e3bd,#d9a441);border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:42px;transition:all .2s;display:flex;box-shadow:0 8px 22px #aa82324d,inset 0 1px 3px #fff9}.p1p-speaker:hover{transform:scale(1.06);box-shadow:0 10px 26px #aa823266}.p1p-speaker.playing{animation:1s infinite pulse}.p1p-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.p1p-tip{color:#8a8171;font-size:13.5px}.p1p-question{color:#1e2b3c;font-size:21px;font-weight:700;line-height:1.7}.p1p-record{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.hold-btn{color:#fff;letter-spacing:2px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#c9653f,#a14f22);border:none;border-radius:40px;width:220px;padding:16px 0;font-size:17px;font-weight:700;transition:all .15s;box-shadow:0 6px 18px #a050234d}.hold-btn:hover{transform:translateY(-1px)}.hold-btn.recording{background:linear-gradient(135deg,#b03a2e,#8e2418);animation:1s infinite pulse;box-shadow:0 0 0 6px #c0392b26,0 6px 18px #a0281e59}.p1p-record-meta{color:#8a8171;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:flex}.rec-dot{background:#d0c8b4;border-radius:50%;width:10px;height:10px}.rec-dot.on{background:#c0392b;animation:1s infinite blink}.p1p-kbd-hint{color:#a89c88;font-size:12.5px}.p1p-kbd-hint b{color:#7a4a21;background:#f3e7d5;border:1px solid #e0d2b4;border-radius:6px;padding:1px 8px}.p1p-review{background:#faf6ec;border:1px solid #eee3cc;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.p1p-review-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ghost-btn{color:#7a4a21;cursor:pointer;background:#fffdf7;border:1px solid #a8842c66;border-radius:9px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.ghost-btn:hover{background:#f3e7d5}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.p1p-limit-tip{color:#c0392b;font-size:12.5px}.p1p-answer{border-top:1px dashed #e0d2b4;padding-top:10px}.p1p-nav{justify-content:space-between;width:100%;max-width:560px;display:flex}.p1-done{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 0;display:flex}.done-emoji{font-size:52px}.group-sections{flex-direction:column;gap:30px;display:flex}.group-head{margin-bottom:12px}.group-head.inline{flex-wrap:wrap;align-items:baseline;gap:10px;margin:18px 0 10px;display:flex}.group-title{color:var(--navy);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.group-note{color:var(--text-muted);margin-top:4px;font-size:12.5px}.group-badge{vertical-align:middle;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.group-badge.must{color:#fff;background:#c05a2e}.group-badge.old{color:#7a6a4a;background:#e8e0d0;border:1px solid #d8ccb2}.group-badge.new{color:#fff;background:#1e8449}.topic-num{color:#c05a2e;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:20px;font-size:13.5px;font-weight:700}.topic-card.pending{opacity:.75;cursor:default;background:#faf6ec}.topic-card.pending .topic-name{color:var(--text-muted)}.pending-tag{color:#a89c88;font-size:12px}.group-empty{padding:8px 2px}.back-btn.light{color:#7a4a21;background:#fffdf7;border-color:#a8842c66}.back-btn.light:hover{background:#f3e7d5}.history-entry{justify-content:center;margin-top:28px;display:flex}.history-btn{border:1.5px solid var(--navy-light);color:#a14f22;background:#fff;border-radius:12px;padding:13px 36px;font-size:15px;font-weight:600;transition:all .2s}.history-btn:hover{background:var(--navy-light);color:#fff}.history-page{max-width:860px;min-height:100vh;margin:0 auto;padding:40px 24px 80px}.history-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 0;display:flex}.history-list{flex-direction:column;gap:14px;display:flex}.history-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:18px 20px;transition:all .15s;display:flex}.history-card:hover{border-color:#a14f22;transform:translateY(-1px)}.history-main{text-align:left;background:0 0;border:none;flex:1;padding:0}.history-time{color:var(--text-muted);margin-bottom:6px;font-size:13px}.history-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mode-badge{border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700}.mode-badge.random{color:#a14f22;background:#f3e7d5}.mode-badge.custom{color:#8a6d1a;background:#fdf6e3}.history-info{color:#374151;font-size:14px}.history-progress{align-items:center;gap:12px;display:flex}.history-progress .progress-track{flex:1;max-width:300px}.history-pct{color:var(--text-muted);white-space:nowrap;font-size:12px}.history-delete{opacity:.4;background:0 0;border:none;padding:6px;font-size:18px;transition:all .15s}.history-delete:hover{opacity:1;transform:scale(1.1)}.home-page{background-color:#f6f1e6;background-image:radial-gradient(#785a320d 1px,#0000 1px);background-size:24px 24px;min-height:100vh}.home-topbar{color:var(--navy);border-bottom:1px solid #e5d9c2;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.home-brand{letter-spacing:1px;font-size:18px;font-weight:700}.home-user{align-items:center;gap:14px;display:flex}.profile-wrap{position:relative}.profile-btn{cursor:pointer;background:#fffdf7;border:1px solid #a8842c47;border-radius:24px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .18s;display:flex;box-shadow:0 1px 4px #5a46280f}.profile-btn:hover{border-color:#a8842c8c;transform:translateY(-1px);box-shadow:0 4px 12px #5a462824}.profile-avatar{background:linear-gradient(135deg,#d9a441,#a14f22);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:flex;box-shadow:inset 0 1px 2px #ffffff59}.profile-name{color:#3d3226;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13.5px;font-weight:600;overflow:hidden}.profile-chevron{color:#a89c88;font-size:10px;transition:transform .2s}.profile-chevron.up{transform:rotate(180deg)}.profile-mask{z-index:90;position:fixed;inset:0}.profile-menu{z-index:100;background:#fffdf7;border:1px solid #a8842c38;border-radius:18px;width:300px;padding:18px;animation:.18s menuIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #3c2d1438,0 4px 16px #3c2d1414}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.pm-head{align-items:center;gap:12px;display:flex}.pm-avatar{background:linear-gradient(135deg,#d9a441,#a14f22);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;box-shadow:inset 0 1px 3px #ffffff59}.pm-id{min-width:0}.pm-name{color:#1e2b3c;font-size:16px;font-weight:700}.pm-email{color:#a89c88;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.pm-divider{background:#efe7d6;height:1px;margin:16px 0}.pm-row{justify-content:space-between;align-items:center;display:flex}.pm-label{color:#8a8171;font-size:13px;font-weight:600}.pm-edit-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;display:flex}.pm-value{color:#3d3226;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:14px;font-weight:600;overflow:hidden}.pm-edit-icon{color:#a14f22;background:#f9ecdd;border-radius:20px;padding:3px 10px;font-size:12px;transition:all .15s}.pm-edit-btn:hover .pm-edit-icon{color:#fff;background:#c9653f}.pm-edit-field .pm-label{margin-bottom:8px;display:block}.pm-input-row{gap:6px;display:flex}.pm-input{color:#3d3226;background:#fff;border:1.5px solid #a8842c66;border-radius:10px;outline:none;flex:1;min-width:0;padding:9px 12px;font-size:14px;transition:border .15s}.pm-input:focus{border-color:#a14f22;box-shadow:0 0 0 3px #c0653f1f}.pm-save,.pm-cancel{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .15s;display:inline-flex}.pm-save{color:#fff;background:linear-gradient(135deg,#2e9e5b,#1e8449)}.pm-save:hover{transform:translateY(-1px);box-shadow:0 3px 8px #1e84494d}.pm-cancel{color:#8a8171;background:#f0ead9}.pm-cancel:hover{background:#e6ddc6}.pm-tip{margin-top:8px;font-size:12.5px}.pm-tip.ok{color:#1e8449}.pm-logout{color:#c0392b;cursor:pointer;background:#fdf6f4;border:1px solid #f0d9d4;border-radius:10px;width:100%;padding:10px 0;font-size:14px;font-weight:600;transition:all .15s}.pm-logout:hover{color:#fff;background:#c0392b;border-color:#c0392b}.home-history{color:#5d5342;cursor:pointer;background:#fffdf7;border:1px solid #a8842c47;border-radius:24px;align-items:center;gap:8px;padding:4px 16px 4px 4px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 4px #5a46280f}.home-history:hover{background:#fffaf0;border-color:#a8842c8c;transform:translateY(-1px);box-shadow:0 4px 12px #5a462824}.hh-icon{background:linear-gradient(135deg,#f3e3bd,#dbb768);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;box-shadow:inset 0 1px 2px #ffffff80}.home-history:hover .hh-icon{background:linear-gradient(135deg,#e8cd8f,#cf9f4a)}.home-logout{color:#7a756a;cursor:pointer;background:0 0;border:1px solid #8c785a40;border-radius:24px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .18s}.home-logout:hover{color:#c0392b;background:#fdf0ee;border-color:#c0392b80}.home-hero{text-align:center;color:var(--navy);padding:34px 20px 4px}.home-hero h1{letter-spacing:6px;font-size:40px}.home-hero p{color:#8a8171;letter-spacing:3px;margin-top:8px}.home-grid{grid-template-columns:1fr 1fr;gap:26px;max-width:980px;margin:40px auto 0;padding:0 24px 60px;display:grid}.home-card{background:var(--card);border:2px solid var(--border);text-align:left;border-radius:22px;flex-direction:column;padding:40px 32px;transition:all .22s;display:flex;box-shadow:0 8px 30px #0000001f}.home-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px #0000002e}.home-card.practice{border-top:5px solid #c05a2e}.home-card.mock{border-top:5px solid var(--gold)}.home-card-icon{font-size:52px}.home-card h2{color:var(--navy);margin:14px 0 4px;font-size:26px}.home-card-sub{color:var(--text-muted);font-size:15px}.home-card-list{color:#374151;margin:18px 0 24px;padding-left:18px;font-size:14.5px;line-height:2.1}.home-card-cta{margin-top:auto;font-size:16px;font-weight:700}.home-card.practice .home-card-cta{color:#a14f22}.home-card.mock .home-card-cta{color:#8a6d1a}.practice-page{background:var(--bg);min-height:100vh;padding:0 0 80px}.practice-topbar{background:var(--navy-dark);color:#fff;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 26px;display:flex}.practice-title{font-size:17px;font-weight:700}.practice-note{color:var(--gold-light);font-size:12px}.back-btn{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .15s}.back-btn:hover{background:#ffffff26}.back-btn.abs{position:absolute;top:24px;left:24px}.practice-tabs{justify-content:center;gap:10px;margin:20px 0 18px;padding-right:0;display:flex;position:relative}.ptabs-center{gap:10px;display:flex}.ref-top-wrap{position:absolute;top:50%;right:22px;transform:translateY(-50%)}.fb-top-wrap{position:absolute;top:50%;left:22px;transform:translateY(-50%)}.ref-top-btn{color:#7a4a21;cursor:pointer;white-space:nowrap;background:#fffdf7;border:1.5px solid #a8842c80;border-radius:12px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5a462814}.ref-top-btn:hover{background:#f3e7d5;border-color:#a8842cbf}.ref-top-btn.active{color:#fff;background:linear-gradient(135deg,#c9653f,#a14f22);border-color:#0000;box-shadow:0 4px 12px #a050234d}.p-tab{border:1.5px solid var(--border);background:var(--card);color:#374151;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.p-tab.active{background:var(--navy-light);color:#fff;border-color:#a14f22}.p-count{opacity:.8;font-size:12px;font-weight:400}.practice-content{max-width:780px;margin:0 auto;padding:0 20px}.topic-card.list{cursor:pointer}.topic-card.list:hover{border-color:#a14f22}.q-count{color:var(--text-muted);background:#f0ead9;border-radius:20px;padding:2px 10px;font-size:12px}.p1-detail-title{color:var(--navy);margin:14px 0 16px;font-size:22px}.q-list{flex-direction:column;gap:10px;display:flex}.q-item{background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .15s;overflow:hidden}.q-item.open{box-shadow:var(--shadow);border-color:#a14f22}.q-item-head{text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.q-num{color:#a14f22;background:#f3e7d5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.q-item.p3 .q-num{color:#8a6d1a;background:#fdf6e3}.q-text{color:var(--text);flex:1;font-size:15px;line-height:1.6}.q-arrow{color:var(--text-muted);font-size:12px}.q-item-body{border-top:1px dashed var(--border);padding:4px 16px 18px 58px}.ref-label{color:var(--gold);margin:12px 0 8px;font-size:13px;font-weight:700}.ref-en{color:#1f2937;font-size:14.5px;line-height:1.9}.ref-zh{color:#6b7280;margin-top:8px;font-size:13.5px;line-height:1.9}.p2-detail-topic{color:var(--navy);margin:14px 0 6px;font-size:22px}.p2-detail .p2-question{color:var(--navy);font-size:16px;font-weight:600;line-height:1.6}.p2-detail .p2-prompts{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:14px 0 20px;padding:16px 20px 16px 40px}@media (width<=1180px){.practice-pane.split .pane-body,.practice-pane.stack .pane-body{flex-direction:column;align-items:stretch}.pane-body .pane-main{order:0;flex:none!important;width:100%!important;max-width:none!important;margin:0!important}.pane-fb{border-right:none;order:1;max-height:none;padding-right:0;position:static;overflow:visible;flex:none!important;width:100%!important}.pane-ans{border-left:none;order:2;max-height:none;padding-left:0;position:static;overflow:visible;flex:none!important;width:100%!important}.p1-divider{display:none}}@media (width<=900px){.login-shell{flex-direction:column;gap:30px}.login-brand{display:none}.ref-top-wrap,.fb-top-wrap{margin:0;position:static;transform:none}.practice-tabs{flex-wrap:wrap;justify-content:center}}@media (width<=720px){.home-grid,.mode-grid{grid-template-columns:1fr}.result-page{flex-direction:column}.result-nav{flex-wrap:wrap;gap:4px;width:100%;max-height:none;display:flex;position:static}.result-group{margin-bottom:4px}}.group-tip{color:var(--text-muted);margin:-10px 0 4px;font-size:13px}.p2-top{flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 8px;display:flex}.p2-top .p2-detail-topic{margin:0}.p2-top .group-badge{font-size:11px}.p2-block-title{color:var(--gold);letter-spacing:.5px;align-items:center;gap:8px;margin:18px 0 8px;font-size:13px;font-weight:700;display:flex}.p2-block-title:after{content:"";background:linear-gradient(90deg,#a8842c59,#0000);flex:1;height:1px}.p2-detail .p2-question{margin-top:2px}.p2-empty-ans{color:#a89c88;padding:4px 2px;font-size:13.5px;line-height:1.7}.p2-batch{background:linear-gradient(#fffdf7,#faf4e4);border:1px dashed #d8ccb2;border-radius:14px;padding:14px 18px}.p2-batch .group-title{letter-spacing:.3px;font-size:19px}.p2-batch .group-badge{font-size:12px}.p2-batch .group-note{margin-top:6px;font-size:13px}.p2-region-badge{color:#45617b;vertical-align:2px;letter-spacing:.5px;white-space:nowrap;background:#e8eff5;border:1px solid #c8d7e4;border-radius:20px;margin-left:8px;padding:1px 10px;font-size:11px;font-weight:600;display:inline-block}.p2-top-part{color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;background:#fffdf7;border-radius:20px;padding:2px 10px;font-size:12.5px}.group-badge.noncn{color:#45617b;background:#e8eff5;border:1px solid #c8d7e4}.home-history.teacher{color:#a14f22;background:#fbf0e4;border:1px solid #e3b890;box-shadow:0 1px 6px #a0501e12}.home-history.teacher:hover{background:#f7e3cf;border-color:#d09a68;transform:translateY(-1px);box-shadow:0 4px 14px #a0501e21}.home-history.teacher .hh-icon{color:#fff;background:linear-gradient(135deg,#d98d5f,#b25728)}.profile-avatar.avatar-letter,.pm-avatar.avatar-letter{color:#fff;text-transform:uppercase;letter-spacing:0;font-weight:700;line-height:1}.profile-avatar.avatar-letter{font-size:15px}.pm-avatar.avatar-letter{font-size:20px}.p1p-mic-err{color:#c0392b;text-align:left;background:#fdf1ef;border:1px solid #efc8c2;border-radius:10px;max-width:560px;margin-top:10px;padding:8px 12px;font-size:13px;line-height:1.7}