*{box-sizing:border-box}body{margin:0;min-width:1440px;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#f5f8ff,#eef4ff);color:#24324b}button,input{font:inherit}button{border:none}.page-shell{min-height:100vh;min-width:1440px;display:flex;flex-direction:column;padding:20px}.auth-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,rgba(54,121,255,.2),transparent 34%),linear-gradient(180deg,#f4f8ff,#edf3ff);border-radius:28px;color:#1d2a44}.page-head{margin-bottom:28px;text-align:center}.page-head.compact{max-width:820px}.head-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:#3366ff1a;color:#315de6;font-size:12px;font-weight:700;letter-spacing:.06em}.head-badge.warning{background:#fff7ed;color:#c2410c}.page-head h1{margin:18px 0 10px;font-size:42px;font-weight:700;color:#1e325f}.page-head p{margin:0;font-size:18px;color:#5f7395;line-height:1.7}.card{border:1px solid rgba(211,224,248,.9);border-radius:24px;background:#fffffff5;box-shadow:0 18px 44px #3255a01a}.auth-card{width:min(760px,calc(100vw - 48px));padding:42px 0 36px}.auth-card>*{width:min(420px,calc(100% - 48px));margin-left:auto;margin-right:auto}.login-head h2{margin:0;font-size:30px;color:#243b6b}.login-head p{margin:10px 0 0;color:#6a7b95;line-height:1.6;font-size:15px}.user-tip{margin-top:18px;padding:14px 16px;border-radius:16px;background:#f5f8ff;color:#50627f}.user-tip span{display:block;font-size:12px;margin-bottom:6px}.user-tip strong{font-size:16px;color:#243b6b}.login-form{margin-top:22px;display:flex;flex-direction:column;gap:14px}.login-form input{height:48px;border:1px solid #d8e3f8;border-radius:14px;padding:0 16px;background:#f9fbff;outline:none;transition:all .2s ease}.login-form input:focus{border-color:#4d79ff;background:#fff;box-shadow:0 0 0 4px #4d79ff1a}.login-form button{margin-top:6px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2e61ea,#5c86ff);color:#fff;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 22px #3d6ce838}.login-form button:disabled{opacity:.7;cursor:not-allowed}.message{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:14px}.message.success{background:#ecfdf5;color:#166534}.message.error{background:#fef2f2;color:#b91c1c}.student-layout{flex:1;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:stretch}.sidebar{display:flex;flex-direction:column;gap:18px;padding:22px 18px;border-radius:28px;background:linear-gradient(180deg,#fff,#f5f8ff);border:1px solid rgba(214,224,243,.92);box-shadow:0 18px 44px #3255a014}.brand-block{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid #e6edfb}.brand-logo{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3e6df4,#6c91ff);color:#fff;font-weight:800;letter-spacing:.06em}.brand-block strong{display:block;font-size:18px;color:#243b6b}.brand-block span{display:block;margin-top:4px;font-size:13px;color:#72819b}.student-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#edf3ff,#f8fbff)}.student-avatar{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#3f6ef4;color:#fff;font-size:22px;font-weight:700}.student-meta{min-width:0;flex:1}.student-meta strong{display:block;font-size:17px;color:#243b6b}.student-meta span{display:block;margin-top:6px;font-size:13px;color:#6b7c97}.class-select{width:100%;max-width:156px;height:34px;margin-top:6px;border:1px solid #d7e2f3;border-radius:12px;padding:5px 34px 5px 10px;background-color:#ffffffe6;color:#5f718d;font-size:13px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-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='%235f7395' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;box-shadow:inset 0 0 0 1px #cbd8ee59}.class-select:focus{border-color:#5c86ff;box-shadow:0 0 0 3px #5c86ff1f}.nav-list{display:grid;gap:10px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 15px;border-radius:18px;background:transparent;color:#44546f;text-align:left;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:#f4f7ff}.nav-item.active{background:linear-gradient(135deg,#2f63eb,#5f87ff);color:#fff;box-shadow:0 12px 26px #3563ea38}.nav-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#3f6ef41a;font-size:18px;flex-shrink:0}.nav-item.active .nav-icon{background:#ffffff2e}.nav-item strong{display:block;font-size:15px}.nav-item small{display:block;margin-top:5px;opacity:.82}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.streak-card{padding:16px;border-radius:20px;background:#f8fbff;border:1px solid #e0e8f7}.streak-card span,.streak-card small{display:block;color:#70809a}.streak-card strong{display:block;margin:6px 0;font-size:28px;color:#243b6b}.logout-btn{height:46px;border-radius:14px;background:#eef3ff;color:#315de6;font-weight:700;cursor:pointer}.practice-card-disabled{opacity:.72}.content-area{display:flex;flex-direction:column;gap:18px;width:100%;min-height:0}.topbar,.hero-card,.panel,.placeholder-panel{background:#fffffff5;border:1px solid rgba(214,224,243,.92);border-radius:28px;box-shadow:0 18px 44px #3255a014}.question-lookup-panel{display:block;min-height:0}.question-search-card{margin-top:0;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e2eaf8}.question-search-form{display:flex;gap:12px;align-items:center;width:100%;max-width:none}.question-search-form label{flex:0 0 auto;display:flex;align-items:center;gap:10px}.question-search-form label span{flex:0 0 auto;color:#5f7395;font-size:13px;font-weight:700;white-space:nowrap}.question-search-form input{width:180px;height:46px;border:1px solid #d8e3f8;border-radius:14px;padding:0 16px;background:#fff;color:#24324b;outline:none}.question-search-form input:focus{border-color:#4d79ff;box-shadow:0 0 0 4px #4d79ff1a}.question-search-form .primary-btn{min-width:110px;height:46px;border-radius:14px}.question-search-message{margin:0;height:46px;min-height:46px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-top:0;padding-bottom:0;white-space:nowrap}.question-search-back{margin-left:auto;white-space:nowrap}.question-lookup-result{margin-top:18px;min-height:0;height:auto;padding:18px;border-radius:22px;background:#fff;border:1px solid #e2eaf8;box-shadow:0 12px 28px #3255a00d}.question-lookup-result h2{margin:0;color:#21345d;font-size:22px;line-height:1.45}.question-lookup-result h2 .question-html{display:inline}.question-lookup-options .question-lookup-option{cursor:default}.question-lookup-options .question-lookup-option:hover{border-color:#dce6f7;background:#fff}.question-lookup-answer{margin-top:10px;margin-bottom:0}.question-lookup-answer p:last-child,.question-lookup-answer .question-html>:last-child{margin-bottom:0}.question-lookup-result>:last-child{margin-bottom:0}.question-lookup-info-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.question-lookup-info-grid div{padding:12px 14px;border-radius:16px;background:#f8fbff;border:1px solid #e2eaf8}.question-lookup-info-grid span{display:block;color:#70809a;font-size:12px;margin-bottom:6px}.question-lookup-info-grid strong{color:#243b6b;font-size:14px;line-height:1.45}@media (max-width: 900px){.question-search-form{display:inline-flex;max-width:none}.question-search-form label{flex:0 0 auto}.question-search-form input{width:180px}.question-lookup-info-grid{grid-template-columns:1fr}}.topbar{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.welcome-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#edf3ff;color:#315de6;font-size:12px;font-weight:700}.topbar h1{margin:14px 0 8px;font-size:32px;color:#243b6b}.topbar p{margin:0;color:#6b7c97;font-size:15px}.score-chip{width:100px;height:100px;padding:12px 10px;border-radius:22px;background:linear-gradient(135deg,#2f63eb,#6b91ff);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-shrink:0}.score-chip span{display:block;font-size:11px;line-height:1.35;opacity:.85}.score-chip strong{display:block;margin-top:6px;font-size:24px;line-height:1}.level-chip{position:relative;overflow:hidden;gap:6px;box-shadow:0 14px 26px #315de647}.level-chip:before{content:"";position:absolute;inset:-35% -25% auto auto;width:74px;height:74px;border-radius:999px;background:#ffffff38}.level-chip-icon{position:relative;width:36px;height:36px;border-radius:14px;display:flex!important;align-items:center;justify-content:center;background:#ffffff38;box-shadow:inset 0 0 0 1px #fff3;font-size:20px!important;line-height:1!important;opacity:1!important}.level-chip strong{position:relative;margin-top:0;max-width:84px;font-size:22px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-entry-chip{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.teacher-entry-chip:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 34px #4f46e557}.level-chip-teacher{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.level-chip-immortal{background:linear-gradient(135deg,#2563eb,#38bdf8)}.level-chip-master{background:linear-gradient(135deg,#b45309,#f59e0b)}.level-chip-expert{background:linear-gradient(135deg,#dc2626,#fb7185)}.level-chip-advanced{background:linear-gradient(135deg,#059669,#34d399)}.level-chip-normal{background:linear-gradient(135deg,#475569,#7c8da6)}.hero-card{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#f7faff,#edf3ff)}.hero-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:#dfe9ff;color:#3563ea;font-size:12px;font-weight:700}.hero-card h2{margin:16px 0 10px;font-size:32px;line-height:1.3;color:#21345d}.hero-card p{margin:0;color:#617392;font-size:15px;line-height:1.8}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:12px}.hero-stats div{padding:18px 16px;border-radius:20px;background:#ffffffe6;text-align:center}.hero-stats span{display:block;color:#72819b;font-size:12px}.hero-stats strong{display:block;margin-top:10px;color:#243b6b;font-size:26px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h3{margin:0;font-size:22px;color:#243b6b}.section-head span{color:#74839d;font-size:13px}.quick-section,.dashboard-grid{display:grid;gap:18px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-card{padding:22px 20px;border-radius:24px;background:#fffffff5;border:1px solid rgba(214,224,243,.92);box-shadow:0 16px 36px #3255a00f;text-align:left}.quick-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:#315de6;font-size:20px}.quick-card strong{display:block;margin-top:18px;font-size:18px;color:#243b6b}.quick-card p{min-height:44px;margin:10px 0 12px;color:#6b7c97;font-size:14px;line-height:1.6}.quick-card em{font-style:normal;color:#315de6;font-size:13px;font-weight:700}.nav-section-layout{flex:1;display:grid;gap:18px}.nav-section-panel{flex:1;min-height:calc(100vh - 192px)}.practice-panel{display:grid;align-content:start;gap:18px}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.practice-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-card{min-height:320px;padding:34px 24px;border-radius:26px;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid rgba(214,224,243,.92);box-shadow:0 18px 40px #3255a012;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;width:100%;font:inherit}.practice-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:#315de6;font-size:22px}.practice-card strong{display:block;margin-top:20px;font-size:22px;color:#243b6b}.practice-card p{min-height:72px;margin:12px 0 16px;color:#6b7c97;font-size:15px;line-height:1.8}.practice-full-card p{min-height:0;margin-bottom:8px}.practice-full-card .practice-chapter-picker{margin-top:0}.practice-full-card .practice-chapter-picker{width:100%;flex:0 0 auto}.practice-card em{font-style:normal;color:#315de6;font-size:13px;font-weight:700}.practice-chapter-picker{display:grid;gap:6px;margin-top:-6px}.practice-chapter-select-row{margin:0}.practice-chapter-select-row label{width:100%}.practice-chapter-select-row select{height:38px;cursor:pointer;padding-right:42px;appearance:none;-webkit-appearance:none;-moz-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='%235f7395' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 22px center;background-size:12px 8px}.exam-meta-select{width:100%;margin-top:auto}.exam-meta-select .practice-chapter-empty{color:#dc2626;font-size:12px}.practice-card-loading{opacity:.78;pointer-events:none}.practice-chapter-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.practice-chapter-picker-head span,.practice-card-hint{color:#5f7395;font-size:13px;font-weight:700}.practice-mini-btn{height:28px;padding:0 10px;border-radius:10px;background:#eef3ff;color:#315de6;font-size:12px;font-weight:800;cursor:pointer}.practice-chapter-checklist{max-height:132px;overflow-y:auto;display:grid;gap:8px;padding:10px;border:1px solid #d8e3f8;border-radius:14px;background:#f9fbff}.practice-chapter-check{display:flex;align-items:center;gap:8px;color:#243b6b;font-size:13px;font-weight:700}.practice-chapter-check input{width:15px;height:15px;accent-color:#315de6}.practice-chapter-empty{color:#74839d;font-size:13px;text-align:center}.practice-card-hint{display:block;color:#315de6}.practice-start-btn{height:46px;border-radius:16px;background:linear-gradient(135deg,#315de6,#4f7cff);color:#fff;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 22px #315de638}.practice-start-icon{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff38;font-size:12px}.practice-mini-btn:disabled,.practice-start-btn:disabled{opacity:.6;cursor:not-allowed}.checkin-practice-card{min-height:320px;background:linear-gradient(135deg,#f7faff,#edf3ff)}.checkin-page-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.4fr);gap:18px;align-items:stretch}.checkin-chapter-panel{min-height:320px;padding:26px;border-radius:26px;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid rgba(214,224,243,.92);box-shadow:0 18px 40px #3255a012}.chapter-card-head,.added-chapter-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.chapter-card-head h4{margin:0;color:#243b6b;font-size:20px}.chapter-card-head p{margin:8px 0 0;color:#72819b;font-size:14px}.refresh-btn{min-width:72px;height:36px;border-radius:12px;background:#eef3ff;color:#315de6;font-weight:700;cursor:pointer}.refresh-btn:disabled,.chapter-add-btn:disabled{opacity:.55;cursor:not-allowed}.chapter-form-row{margin-top:22px;display:grid;grid-template-columns:1.5fr auto;gap:14px;align-items:end}.chapter-form-row-default-subject{grid-template-columns:minmax(0,1fr) auto}.chapter-form-row label{display:grid;gap:8px}.chapter-form-row label span{color:#5f7395;font-size:13px;font-weight:700}.chapter-form-row select{height:44px;border:1px solid #d8e3f8;border-radius:14px;padding:0 14px;background:#f9fbff;color:#24324b;outline:none}.practice-chapter-select-row select{height:38px;padding-right:42px;background-color:#f9fbff;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='%235f7395' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 22px center;background-size:12px 8px}.chapter-add-btn{height:44px;padding:0 18px;border-radius:14px;font-weight:800;cursor:pointer}.chapter-message{margin-top:14px;padding:11px 14px;border-radius:12px;font-size:13px}.chapter-message.success{background:#ecfdf5;color:#166534}.chapter-message.error{background:#fef2f2;color:#b91c1c}.added-chapter-list{margin-top:24px;padding-top:20px;border-top:1px solid #e6eefb}.added-chapter-title strong{color:#243b6b;font-size:17px}.added-chapter-title span{color:#74839d;font-size:13px}.empty-chapter{margin-top:14px;padding:18px;border-radius:16px;background:#f5f8ff;color:#74839d;text-align:center}.added-chapter-text{margin-top:10px;padding:8px 12px;border-radius:12px;background:#f5f8ff;border:1px solid #dce7fb;color:#243b6b;font-size:13px;font-weight:600;line-height:1.45}.answer-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}.answer-hero{padding:24px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f7faff,#edf3ff);border:1px solid #dfe8fb}.answer-kicker{display:inline-block;padding:6px 12px;border-radius:999px;background:#dfe9ff;color:#315de6;font-size:12px;font-weight:800}.answer-hero h3{margin:14px 0 8px;color:#243b6b;font-size:28px}.answer-hero p{margin:0;color:#6b7c97}.answer-summary{width:112px;height:92px;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#315de6;box-shadow:0 14px 30px #315de61f}.answer-summary span{font-size:12px;color:#70809a}.answer-summary strong{margin-top:8px;font-size:24px}.answer-top-status{padding:16px 18px;border-radius:20px;background:#f8fbff;border:1px solid #e2eaf8;display:grid;grid-template-columns:auto auto minmax(220px,1fr);gap:18px;align-items:center}.answer-top-status span{display:block;margin-bottom:6px;color:#70809a;font-size:13px}.answer-top-status strong{color:#243b6b;font-size:18px}.top-progress-cell{min-width:220px}.progress-track{height:10px;border-radius:999px;background:#e6eefb;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f63eb,#6b91ff);transition:width .25s ease}.question-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}.question-card-main,.question-side-card,.answer-finish-card{border-radius:24px;background:#fff;border:1px solid #e2eaf8;box-shadow:0 16px 34px #3255a00f}.question-card-main{min-height:100%;padding:22px}.question-meta-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.question-meta-row span,.question-meta-row em{padding:7px 12px;border-radius:999px;font-style:normal;font-size:13px;font-weight:700}.question-meta-row span{background:#edf3ff;color:#315de6}.question-meta-row em{background:#f1f5f9;color:#5b6f92}.question-id-prefix{margin-right:8px;color:#315de6;font-weight:800}.question-card-main h2{margin:0;color:#21345d;font-size:23px;line-height:1.45}.question-card-main h2 .question-html{display:inline}.question-html :where(p,div){margin:0}.question-html :where(img){max-width:100%;height:auto;vertical-align:middle}.question-html :where(table){max-width:100%;border-collapse:collapse}.question-html :where(td,th){border:1px solid #dce6f7;padding:4px 6px}.question-material{margin:12px 0 0;padding:12px 14px;border-radius:18px;background:#f8fbff;color:#64748b;line-height:1.8}.option-list{display:grid;gap:10px;margin-top:16px}.option-item{min-height:50px;padding:10px 14px;border-radius:18px;border:1px solid #dce6f7;background:#fff;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;color:#243b6b}.option-item strong{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:#315de6;flex-shrink:0}.option-item:hover,.option-item.active{border-color:#5c86ff;background:#f5f8ff}.option-item.correct{border-color:#22c55e;background:#f0fdf4}.option-item.correct strong{background:#dcfce7;color:#15803d}.option-item.wrong{border-color:#ef4444;background:#fff1f2}.option-item.wrong strong{background:#fee2e2;color:#b91c1c}.answer-feedback,.reference-analysis-card{margin-top:12px;padding:12px 14px;border-radius:18px}.answer-feedback{display:grid;gap:6px;font-weight:800}.answer-feedback.right{background:#f0fdf4;color:#166534}.answer-feedback.wrong{background:#fff1f2;color:#991b1b}.reference-analysis-card{background:#f8fbff;border:1px dashed #cbd8ee;color:#6b7c97}.reference-analysis-card.revealed{border-style:solid;background:#fff;color:#475569}.reference-analysis-card p{margin:0;font-size:14px;line-height:1.65}.reference-analysis-card p+p{margin-top:4px}.reference-analysis-card strong{color:#243b6b}.reference-analysis-card.revealed p:first-child{color:#315de6;font-size:18px;font-weight:800}.question-side-card{padding:18px}.question-side-card h4{margin:0 0 14px;color:#243b6b;font-size:18px}.question-number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.question-number-grid button{height:42px;border-radius:14px;background:#f3f7ff;color:#5b6f92;cursor:pointer}.question-number-grid button.active{background:#315de6;color:#fff}.question-number-grid button.done:not(.active){background:#dcfce7;color:#15803d}.side-note{margin-top:16px;padding:14px;border-radius:18px;background:#f8fbff;color:#64748b;display:grid;gap:6px;font-size:13px}.side-note strong{color:#243b6b}.exam-result-card{display:flex;flex-direction:column;align-items:center;gap:30px;padding:46px 28px 34px;text-align:center}.exam-score-main{min-width:min(360px,100%);padding:34px 26px;border-radius:32px;background:linear-gradient(135deg,#fff8e1f5,#ffe8beeb);box-shadow:0 24px 60px #c671122e;border:1px solid rgba(255,194,102,.58)}.exam-score-main span{display:block;color:#9a5b12;font-weight:700;letter-spacing:.12em;margin-bottom:10px}.exam-score-main strong{display:inline-block;font-size:clamp(56px,12vw,92px);line-height:1;font-weight:900;color:#e66a12;text-shadow:0 10px 26px rgba(230,106,18,.2)}.exam-score-main em{display:inline-block;margin-left:10px;color:#8f5a21;font-size:28px;font-style:normal;font-weight:800}.answer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:auto}.answer-actions.single-action{justify-content:center}.answer-actions button,.answer-finish-card button{min-width:116px;height:42px;padding:0 16px;border-radius:14px;font-weight:800;cursor:pointer}.answer-actions button:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{background:#eef3ff;color:#315de6}.primary-btn,.answer-finish-card button{background:linear-gradient(135deg,#2e61ea,#5c86ff);color:#fff}.next-btn{background:#243b6b;color:#fff}.wrong-question-actions{margin-top:14px;display:flex;justify-content:flex-end}.remove-wrong-btn{min-width:128px;height:38px;padding:0 16px;border-radius:14px;font-weight:800;cursor:pointer}.remove-wrong-btn:disabled{opacity:.5;cursor:not-allowed}.answer-finish-card{min-height:360px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.finish-icon{font-size:54px}.answer-finish-card h3{margin:18px 0 8px;color:#243b6b;font-size:30px}.answer-finish-card p{margin:0 0 22px;color:#6b7c97}@media (max-width: 1100px){.question-layout{grid-template-columns:1fr}.question-number-grid{grid-template-columns:repeat(8,1fr)}}.dashboard-grid{grid-template-columns:1.1fr 1fr}.panel{padding:24px 26px}.slogan-panel{position:relative;margin-top:24px;width:100%;min-height:220px;padding:48px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 18% 26%,rgba(88,116,154,.18) 0,rgba(88,116,154,.08) 16%,transparent 34%),radial-gradient(circle at 78% 24%,rgba(120,136,164,.14) 0,rgba(120,136,164,.06) 14%,transparent 32%),linear-gradient(180deg,#f8fbfffa,#eff5fff5);overflow:hidden}.slogan-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 65% at 12% 96%,rgba(125,141,168,.2) 0 20%,transparent 21%),radial-gradient(95% 55% at 34% 100%,rgba(108,126,156,.16) 0 18%,transparent 19%),radial-gradient(105% 60% at 58% 102%,rgba(136,149,173,.14) 0 17%,transparent 18%),radial-gradient(92% 50% at 83% 100%,rgba(144,157,180,.12) 0 15%,transparent 16%);opacity:.95;pointer-events:none}.slogan-panel:after{content:"";position:absolute;left:8%;right:10%;bottom:46px;height:1px;background:linear-gradient(90deg,transparent,rgba(132,146,171,.35),transparent);pointer-events:none}.slogan-panel>*{position:relative;z-index:1}.slogan-main{font-size:32px;font-weight:700;color:#243b6b;letter-spacing:.08em}.slogan-panel p{margin:12px 0 0;font-size:16px;color:#6b7c97}.task-list,.record-list,.ranking-list{display:grid;gap:14px}.task-row,.record-row,.ranking-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:#f8fbff;border:1px solid #e2eaf8}.task-row strong,.record-row strong,.ranking-user strong{display:block;color:#243b6b;font-size:16px}.task-row span,.record-row span,.ranking-user span{display:block;margin-top:6px;color:#71819a;font-size:13px}.task-row em,.record-row em{font-style:normal;color:#315de6;font-weight:700;white-space:nowrap}.ranking-panel{padding:24px 26px;background:radial-gradient(circle at 50% 0%,rgba(255,217,106,.16),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)}.full-ranking-panel{min-height:calc(100vh - 192px)}.supreme-rank-board{display:grid;gap:18px}.rank-grid-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rank-card{position:relative;min-height:150px;padding:18px 12px 16px;border-radius:24px;border:1px solid #e2eaf8;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 30px #315de60f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;overflow:hidden}.rank-card:after{content:"";position:absolute;inset:auto -30px -54px auto;width:116px;height:116px;border-radius:999px;background:#315de60e}.rank-card.rank-1{min-height:174px;border-color:#f1cc68d9;background:radial-gradient(circle at 50% 8%,rgba(255,231,140,.72),transparent 34%),linear-gradient(180deg,#fff7d9,#fff 82%);box-shadow:0 18px 42px #b7791f21;transform:translateY(-6px)}.rank-card.rank-2{border-color:#d7dfeb;background:linear-gradient(180deg,#f5f7fb,#fff 82%)}.rank-card.rank-3{border-color:#efc0a1;background:linear-gradient(180deg,#fff0e7,#fff 82%)}.rank-avatar-wrap{position:relative;z-index:1}.rank-card-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;background:linear-gradient(135deg,#315de6,#7b9cff);box-shadow:0 12px 24px #315de62e;border:4px solid rgba(255,255,255,.92)}.rank-card.rank-1 .rank-card-avatar{width:82px;height:82px;font-size:31px;background:linear-gradient(135deg,#d99a11,#ffd35f);box-shadow:0 16px 30px #d99a113b}.rank-card.rank-2 .rank-card-avatar{background:linear-gradient(135deg,#64748b,#cbd5e1)}.rank-card.rank-3 .rank-card-avatar{background:linear-gradient(135deg,#b96a3b,#f2b187)}.rank-card-medal{position:absolute;right:-6px;bottom:-4px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;display:grid;place-items:center;color:#315de6;background:#edf3ff;border:2px solid #fff;font-size:12px;font-weight:1000;box-shadow:0 6px 14px #243b6b1f}.rank-card.rank-1 .rank-card-medal{right:-8px;bottom:-5px;min-width:32px;height:32px;color:#9a6515;background:#fff1b8;font-size:19px}.rank-card.rank-2 .rank-card-medal{color:#5b6578;background:#eef2f7}.rank-card.rank-3 .rank-card-medal{color:#b96a3b;background:#fbe9dd}.rank-card-name{position:relative;z-index:1;max-width:100%;color:#243b6b;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-card.rank-1 .rank-card-name{font-size:20px}.rank-card .ranking-level{position:relative;z-index:1}.ranking-level{grid-area:level;position:relative;z-index:1;justify-self:start}.ranking-level{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;color:#4f5f7d;background:#eef2f7;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff8c}.ranking-level.level-immortal{color:#315de6;background:#edf3ff}.ranking-level.level-demon{color:#b91c1c;background:#fef2f2}.ranking-level.level-normal{color:#5b6578;background:#f3f5f9}.ranking-empty{padding:28px 16px;text-align:center;color:#71819a;background:#f8fbff;border:1px dashed #d8e3f7;border-radius:18px}.ranking-empty.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (max-width: 900px){.rank-grid-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rank-card{min-height:128px;padding:12px 8px;border-radius:18px;gap:8px}.rank-card.rank-1{min-height:142px;transform:translateY(-4px)}.rank-card-avatar{width:48px;height:48px;font-size:18px;border-width:3px}.rank-card.rank-1 .rank-card-avatar{width:58px;height:58px;font-size:22px}.rank-card-medal{min-width:22px;height:22px;padding:0 6px;font-size:11px}.rank-card.rank-1 .rank-card-medal{min-width:26px;height:26px;font-size:16px}.rank-card-name{font-size:13px}.rank-card.rank-1 .rank-card-name{font-size:15px}.ranking-level{padding:5px 8px;font-size:11px}}.profile-panel{min-height:calc(100vh - 192px)}.profile-grid{min-height:calc(100vh - 300px);display:flex;align-items:center;justify-content:center}.password-form{width:min(520px,100%);padding:30px;border-radius:24px;background:#f8fbff;border:1px solid #e2eaf8}.password-form h4{margin:0;font-size:22px;color:#243b6b}.password-form p{margin:8px 0 18px;color:#6b7c97;font-size:14px}.password-form input{width:100%;height:48px;margin-bottom:14px;border:1px solid #d8e3f8;border-radius:14px;padding:0 16px;background:#fff;outline:none}.password-form input:focus{border-color:#4d79ff;box-shadow:0 0 0 4px #4d79ff1a}.password-form button{width:100%;height:48px;border-radius:14px;background:linear-gradient(135deg,#2e61ea,#5c86ff);color:#fff;font-weight:700;cursor:pointer}.password-form button:disabled{opacity:.7;cursor:not-allowed}.placeholder-panel{min-height:420px;padding:48px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:72px;height:72px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#edf3ff;font-size:32px}.placeholder-panel h2{margin:18px 0 10px;font-size:30px;color:#243b6b}.placeholder-panel p{max-width:560px;margin:0;color:#6b7c97;line-height:1.8}.placeholder-tips{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.placeholder-tips span{padding:8px 12px;border-radius:999px;background:#f3f7ff;color:#5b6f92;font-size:13px}.teacher-admin-panel{padding:28px;display:grid;gap:20px;align-content:start}.teacher-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.teacher-admin-card{min-height:190px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid rgba(214,224,243,.92);box-shadow:0 16px 34px #3255a012;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.teacher-admin-card:hover{transform:translateY(-2px);border-color:#315de647;box-shadow:0 20px 42px #3255a01f}.teacher-admin-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eef2ff;font-size:22px}.teacher-admin-card strong{display:block;margin-top:18px;color:#243b6b;font-size:18px}.teacher-admin-card p{min-height:48px;margin:10px 0 12px;color:#64748b;font-size:14px;line-height:1.7}.teacher-admin-card span{color:#4f46e5;font-size:12px;font-weight:900}.teacher-admin-dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.teacher-admin-section{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(214,224,243,.92)}.teacher-admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.teacher-admin-section-head h4{margin:0;color:#243b6b;font-size:20px}.teacher-admin-section-head span{color:#94a3b8;font-size:12px;font-weight:800}.teacher-admin-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.teacher-admin-stat-row div{padding:18px 14px;border-radius:18px;background:#f8fbff;text-align:center}.teacher-admin-stat-row span{display:block;color:#64748b;font-size:12px}.teacher-admin-stat-row strong{display:block;margin-top:8px;color:#243b6b;font-size:28px}.teacher-admin-actions{display:grid;gap:10px}.teacher-admin-actions button{height:42px;border-radius:14px;background:#eef3ff;color:#315de6;font-weight:800;cursor:default}.exam-admin-page{padding:28px;display:grid;gap:20px;align-content:start}.exam-admin-page-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:nowrap}.exam-admin-quick-create{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.exam-admin-quick-create span{color:#243b6b;font-weight:900;white-space:nowrap}.exam-admin-quick-create input{width:308px;max-width:min(308px,100%);height:38px;border:1px solid #dbe5f5;border-radius:12px;padding:0 12px;color:#243b6b;background:#fff}.exam-admin-quick-create select{height:38px;border:1px solid #dbe5f5;border-radius:12px;padding:0 30px 0 12px;color:#243b6b;background:#fff;font-weight:800}.exam-admin-create{min-width:64px}.exam-admin-create:disabled{opacity:.65;cursor:not-allowed}.exam-admin-create-message{margin:-12px 0 0;color:#ef4444;font-size:12px;font-weight:800}.exam-admin-create-message.ok{color:#16a34a}.exam-admin-right-tools{flex:0 0 auto;display:grid;justify-items:end;gap:8px}.exam-admin-back{min-width:86px;white-space:nowrap}.exam-admin-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.exam-admin-type-switch{display:flex;align-items:center;gap:10px}.exam-admin-type-switch button{height:36px;padding:0 16px;border-radius:12px;background:#eef3ff;color:#315de6;font-weight:900}.exam-admin-type-switch button.active{background:#315de6;color:#fff;box-shadow:0 10px 20px #315de62e}.exam-admin-search{width:220px;height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #dbe5f5;border-radius:12px;background:#fff}.exam-admin-search input{min-width:0;flex:1;border:0;outline:0;color:#243b6b;background:transparent}.exam-admin-search-icon{flex:0 0 auto;color:#94a3b8;font-size:14px}.exam-admin-search em{flex:0 0 auto;color:#315de6;font-size:12px;font-style:normal;font-weight:900}.exam-admin-list-card{padding:0 0 12px;border-radius:18px;background:#fff;border:1px solid rgba(214,224,243,.92);overflow:hidden}.exam-admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;color:#243b6b;border-bottom:1px solid #edf2fb}.exam-admin-list-head span{color:#94a3b8;font-size:12px;font-weight:800}.exam-admin-simple-list{display:grid}.exam-admin-simple-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:46px;padding:8px 16px;border-bottom:1px solid #edf2fb;background:#fff}.exam-admin-simple-item:hover{background:#f8fbff}.exam-admin-name-block{min-width:0;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden}.exam-admin-name-block strong{flex:0 1 auto;min-width:0;color:#243b6b;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exam-admin-name-block span{flex:0 0 auto;color:#64748b;font-size:12px}.status-pill{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:999px;font-size:12px;font-style:normal;font-weight:900}.status-pill.draft{background:#f1f5f9;color:#64748b}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.done{background:#e0e7ff;color:#4338ca}.exam-admin-row-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.exam-admin-row-actions button{height:30px;padding:0 9px;border-radius:9px;background:#eef3ff;color:#315de6;font-weight:800;font-size:12px}.exam-admin-row-actions button.danger{background:#fff1f2;color:#e11d48}.exam-admin-empty{padding:28px;text-align:center;color:#64748b;font-weight:800}.exam-admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px;color:#64748b;font-size:13px;font-weight:800}.exam-admin-pagination button{height:32px;padding:0 12px;border-radius:10px;background:#eef3ff;color:#315de6;font-weight:800}.exam-admin-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 1080px){.exam-admin-simple-item{grid-template-columns:minmax(0,1fr) auto}.exam-admin-name-block{gap:8px}}@media (max-width: 720px){.exam-admin-page-actions{align-items:center;flex-direction:row}.exam-admin-quick-create{width:100%}.exam-admin-quick-create input{flex:1 1 auto;width:auto;min-width:0}.exam-admin-quick-create select{flex:0 0 auto}.exam-admin-right-tools{align-items:end}.exam-admin-filter-row{align-items:center;flex-direction:row}.exam-admin-row-actions{justify-content:flex-end}}.exam-edit-page{padding:28px;display:grid;gap:18px;align-content:start}.exam-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid rgba(214,224,243,.92)}.exam-edit-head span{color:#315de6;font-size:12px;font-weight:900}.exam-edit-head h3{margin:8px 0;color:#243b6b;font-size:24px}.exam-edit-head p{margin:0;color:#64748b;font-size:13px;font-weight:700}.exam-edit-head .exam-edit-message{margin-top:6px;color:#ef4444}.exam-edit-head-actions{display:flex;align-items:center;gap:10px}.exam-edit-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr);gap:16px}.exam-edit-question-stack{display:grid;gap:16px}.exam-edit-card{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(214,224,243,.92)}.exam-edit-basic-card{grid-row:span 2}.exam-edit-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.exam-edit-card-head strong{color:#243b6b;font-size:18px}.exam-edit-card-head span{color:#94a3b8;font-size:12px;font-weight:900}.exam-edit-form{display:grid;gap:14px}.exam-edit-form label{display:grid;gap:7px}.exam-edit-form label span{color:#64748b;font-size:13px;font-weight:900}.exam-edit-form input,.exam-edit-form select{height:42px;border:1px solid #dbe5f5;border-radius:13px;padding:0 12px;color:#243b6b;background:#fff}.exam-edit-placeholder{min-height:150px;display:grid;align-content:center;justify-items:start;gap:10px;color:#64748b}.exam-edit-placeholder b{color:#243b6b;font-size:18px}.exam-edit-placeholder p{margin:0;line-height:1.7}.exam-edit-placeholder button{height:34px;padding:0 12px;border-radius:10px;background:#eef3ff;color:#315de6;font-weight:900}.exam-edit-rule-card{display:grid;gap:14px}.exam-edit-config-card{gap:18px}.exam-edit-config-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.exam-edit-config-head strong{color:#243b6b;font-size:18px}.exam-edit-config-section-selected{padding-top:18px;border-top:1px dashed #dbe5f5}.exam-rule-add-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.exam-rule-add-row label{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px;font-weight:900;white-space:nowrap}.exam-rule-add-row label span{flex:0 0 auto}.exam-rule-add-row select,.exam-rule-add-row input{height:36px;width:84px;border:1px solid #dbe5f5;border-radius:11px;padding:0 8px;color:#243b6b;background:#fff}.exam-rule-add-row label:first-child select{width:96px}.exam-rule-add-row button{height:36px;padding:0 12px;border-radius:10px;white-space:nowrap}.exam-rule-text-list{display:grid;gap:8px;margin-top:12px}.exam-rule-text-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#f8fafc}.exam-rule-text-item p{margin:0;color:#243b6b;font-size:13px;line-height:1.6}.exam-rule-text-item button{height:28px;padding:0 10px;border-radius:8px;background:#fee2e2;color:#dc2626;font-size:12px;font-weight:900;white-space:nowrap}.exam-rule-message{margin:8px 0 0;color:#ef4444;font-size:13px;font-weight:900}.exam-rule-message.ok{color:#16a34a}.exam-question-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:12px}.exam-question-search label{display:grid;gap:7px;color:#64748b;font-size:13px;font-weight:900}.exam-question-search input{height:42px;border:1px solid #dbe5f5;border-radius:13px;padding:0 12px;color:#243b6b;background:#fff}.exam-edit-question-message{margin:0 0 12px;color:#315de6;font-size:13px;font-weight:900}.exam-edit-question-list{display:grid;gap:10px}.exam-edit-question-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#fbfdff}.exam-edit-question-meta{display:flex;gap:8px;align-items:center;margin-bottom:6px}.exam-edit-question-meta span{color:#315de6;font-weight:900}.exam-edit-question-meta em{color:#94a3b8;font-style:normal;font-size:12px;font-weight:900}.exam-edit-question-item h4{margin:0;color:#243b6b;font-size:14px;line-height:1.6}.exam-edit-question-item p{margin:6px 0 0;color:#64748b;font-size:12px;font-weight:800}.exam-edit-question-item button{height:34px;padding:0 14px;border-radius:10px;background:#eef3ff;color:#315de6;font-weight:900}.exam-edit-selected-list{display:grid;gap:10px}.exam-edit-selected-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px;border-radius:12px;background:#f8fafc;color:#243b6b;font-size:13px}.exam-edit-selected-item span{color:#315de6;font-weight:900}.exam-edit-selected-item p{margin:0;line-height:1.5}.exam-edit-question-pagination{margin-top:14px}@media (max-width: 960px){.exam-edit-head{flex-direction:column}.exam-edit-grid{grid-template-columns:1fr}.exam-edit-basic-card{grid-row:auto}.exam-question-search,.exam-edit-question-item{grid-template-columns:1fr}.exam-rule-add-row{flex-wrap:wrap}}.footer-text{margin-top:18px;text-align:center;font-size:12px;line-height:1.8;color:#7b8ba3}.footer-text a{color:#6f84a8;text-decoration:none}.footer-text a:hover{color:#315de6;text-decoration:underline}.records-panel{padding:26px}.records-head{align-items:center}.record-date-filter{display:flex;align-items:flex-end;gap:12px}.record-date-filter label{display:grid;gap:6px;color:#6b7c97;font-size:13px}.record-date-filter input{height:40px;border:1px solid #d7e2f3;border-radius:12px;padding:0 12px;color:#243b6b;background:#f9fbff}.records-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;align-items:start}.record-list{display:grid;gap:12px}.record-item{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid #e0e8f7;border-radius:18px;background:#f8fbff;color:#243b6b;text-align:left;cursor:pointer;transition:all .18s ease}.record-item:hover,.record-item.active{border-color:#5c86ff;background:#eef4ff;box-shadow:0 10px 22px #3563ea1f}.record-icon{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#e7efff;font-size:20px}.record-main{min-width:0;display:grid;gap:5px}.record-main strong{font-size:15px;color:#243b6b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-main span,.record-main em{font-style:normal;color:#70809a;font-size:12px}.record-score{padding:7px 10px;border-radius:999px;background:#fff;color:#315de6;font-weight:800;font-size:13px;white-space:nowrap}.record-detail{min-height:420px;padding:20px;border:1px solid #e0e8f7;border-radius:22px;background:#fbfdff}.record-detail-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e6edfb}.record-tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:#315de6;font-size:12px;font-weight:800}.record-detail-head h4{margin:10px 0 6px;color:#243b6b;font-size:22px}.record-detail-head p{margin:0;color:#70809a}.record-detail-score{text-align:right}.record-detail-score strong{display:block;font-size:24px;color:#315de6}.record-detail-score span{display:block;margin-top:6px;color:#70809a}.record-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.record-summary-grid div{padding:14px;border-radius:16px;background:#f3f7ff}.record-summary-grid span{display:block;color:#70809a;font-size:12px}.record-summary-grid strong{display:block;margin-top:5px;color:#243b6b;font-size:22px}.record-question-list{display:grid;gap:14px}.record-question-card{padding:16px;border:1px solid #e1e9f8;border-radius:18px;background:#fff}.record-question-meta{display:flex;justify-content:space-between;gap:12px;color:#70809a;font-size:13px}.record-question-meta em{font-style:normal;font-weight:800}.record-question-meta em.right{color:#16a34a}.record-question-meta em.wrong{color:#dc2626}.record-question-title{margin-top:12px;color:#243b6b;line-height:1.7}.record-option-list{display:grid;gap:8px;margin-top:12px}.record-option{display:flex;gap:10px;padding:10px 12px;border:1px solid #e1e9f8;border-radius:12px;background:#f7faff;color:#43546f}.record-option strong{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#edf3ff;color:#315de6;flex-shrink:0}.record-option.user-selected{border-color:#ef4444;background:#fff1f2;box-shadow:0 0 0 1px #ef44441f inset}.record-option.user-selected strong{background:#fee2e2;color:#b91c1c}.record-option.correct-answer{border-color:#22c55e;background:#f0fdf4;box-shadow:0 0 0 1px #22c55e24 inset}.record-option.correct-answer strong{background:#dcfce7;color:#15803d}.record-option.user-selected.correct-answer{border-color:#22c55e;background:linear-gradient(90deg,#f0fdf4,#fff7ed)}.record-answer-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #dbe6f7;color:#50627f;font-weight:700}.records-empty{padding:24px;border-radius:18px;background:#f5f8ff;color:#74839d;text-align:center}.records-empty.error{background:#fef2f2;color:#b91c1c}.record-title-list{display:grid;gap:12px}.record-title-item{width:100%;min-height:58px;padding:0 20px;border:1px solid #e0e8f7;border-radius:16px;background:#f8fbff;color:#243b6b;text-align:left;cursor:pointer;font-weight:800;font-size:16px;transition:all .18s ease}.record-title-item:hover{border-color:#5c86ff;background:#eef4ff;box-shadow:0 10px 22px #3563ea1f}.record-detail-full{margin-top:18px}.record-title-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.record-title-item em{font-style:normal;color:#70809a;font-size:13px;font-weight:600;white-space:nowrap}.record-answer-column{flex-direction:column;align-items:flex-start}.record-analysis{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fff7ed;color:#7c2d12;line-height:1.7}.record-analysis strong{display:block;margin-bottom:6px;color:#c2410c}