body{background:#f5f7fb}.mobile-content{padding-bottom:28px}.mobile-nav{gap:8px}.mobile-nav .nav-title{text-align:center;font-size:18px;font-weight:700}.nav-actions{display:flex;align-items:center;gap:8px}.nav-action-pill{min-width:74px;height:34px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(205,221,240,.9);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;color:#1f2937;box-shadow:0 4px 12px #567ca814;flex-shrink:0}.nav-action-dots{font-size:18px;line-height:1;letter-spacing:2px;transform:translateY(-1px)}.nav-action-circle{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;position:relative;box-sizing:border-box}.nav-action-circle:after{content:"";position:absolute;inset:4px;border-radius:50%;background:currentColor}.analysis-tabs{display:flex;align-items:center;gap:22px;margin:12px var(--mobile-padding) 12px;padding:0 2px}.analysis-tab{position:relative;border:none;background:transparent;padding:4px 0 12px;font-size:18px;line-height:1;font-weight:700;color:#1f2937;cursor:pointer}.analysis-tab.active{color:#2f7ff0}.analysis-tab.active:after{content:"";position:absolute;left:50%;bottom:0;width:38px;height:6px;transform:translate(-50%);border-radius:999px;background:#2f7ff0;box-shadow:0 4px 10px #2f7ff03d}.analysis-panel[hidden]{display:none}.metric-card{background:#fff;border-radius:18px;margin:var(--mobile-card-gap) var(--mobile-padding);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden;padding:18px 18px 16px}.report-summary-title{font-size:15px;font-weight:700;color:#111827;margin-bottom:18px}.evaluation-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;margin-bottom:22px}.evaluation-grade{display:flex;align-items:flex-end;gap:2px;color:#2f7ff0;line-height:1}.evaluation-grade-value{font-size:78px;font-weight:700;letter-spacing:-2px}.evaluation-grade-unit{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.evaluation-meta{min-width:0}.evaluation-date{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-bottom:8px}.clock-icon{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative;box-sizing:border-box;flex-shrink:0}.clock-icon:before{content:"";position:absolute;width:2px;height:4px;left:5px;top:2px;border-radius:999px;background:currentColor}.clock-icon:after{content:"";position:absolute;width:4px;height:2px;left:5px;top:6px;border-radius:999px;background:currentColor}.evaluation-note{font-size:12px;color:#6b7280;line-height:1.5;margin-top:8px}.evaluation-title{font-size:16px;font-weight:700;color:#111827;line-height:1.4}.accuracy-row{display:grid;grid-template-columns:1fr 92px 92px;align-items:end;gap:10px}.accuracy-label{font-size:18px;font-weight:700;color:#111827;padding-bottom:6px}.accuracy-metric{text-align:center}.accuracy-value{font-size:26px;line-height:1;font-weight:700;margin-bottom:8px}.accuracy-value.mine{color:#3b82f6}.accuracy-value.class{color:#44b000}.accuracy-caption{font-size:11px;color:#7b8794;display:inline-flex;align-items:center;gap:5px;justify-content:center}.accuracy-caption:before{content:"";width:10px;height:10px;border-radius:3px;background:currentColor;display:inline-block}.accuracy-caption.mine{color:#3b82f6}.accuracy-caption.class{color:#44b000}.chart-card{background:#fff;border-radius:14px;margin:var(--mobile-card-gap) var(--mobile-padding);padding:12px 12px 10px;border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:10px}.chart-title{font-size:15px;font-weight:700;color:var(--text-primary)}.legend{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle}.chart-wrap{border-radius:10px;background:#fafbfd;border:1px solid #eef2f8;padding:10px 8px 8px}.bars{height:148px;display:flex;align-items:flex-end;gap:8px;justify-content:space-between}.bar-group{flex:1;min-width:0;display:flex;gap:3px;align-items:flex-end;justify-content:center;position:relative}.bar{width:10px;border-radius:4px 4px 0 0;min-height:6px}.bar.student{background:#3b82f6}.bar.class{background:#4caf50}.bar-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#7f8ea3;white-space:nowrap}.mistake-list{display:flex;flex-direction:column;gap:12px;margin:0 var(--mobile-padding)}.mistake-card{background:#fff;border-radius:18px;border:1px solid #edf1f6;box-shadow:var(--shadow-card);padding:18px 16px 16px}.mistake-card+.mistake-card{margin-top:0}.mistake-theme{margin-top:2px}.mistake-expandable-block{display:flex;flex-direction:column;align-items:stretch}.mistake-expandable-text{color:#101828;word-break:break-word}.mistake-expandable-text.is-collapsed{max-height:3.7em;overflow:hidden}.mistake-stem{display:flex;align-items:flex-end;gap:10px;font-size:16px;line-height:1.85;font-weight:700;flex-wrap:wrap}.word-board{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:66px;gap:2px;transform:translateY(2px)}.word-pinyin{font-size:14px;line-height:1;color:#455468;font-style:italic;font-weight:500}.word-grid{width:60px;height:52px;border:2px solid #5b6675;border-radius:4px;background:linear-gradient(to right,transparent 49%,#b8c3d3 49%,#b8c3d3 51%,transparent 51%),linear-gradient(to bottom,transparent 49%,#b8c3d3 49%,#b8c3d3 51%,transparent 51%);display:flex;align-items:center;justify-content:center;font-size:24px;color:#101828;font-weight:700}.word-grid.blank{color:transparent}.mistake-toggle{display:inline-flex;align-items:center;gap:6px;justify-content:center;margin-top:10px;padding:0;border:none;background:transparent;font-size:14px;font-weight:600;color:#98a2b3;cursor:pointer}.mistake-toggle svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.mistake-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mistake-sub-question{margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7}.mistake-theme+.mistake-sub-question{margin-top:16px}.mistake-sub-head{color:#4b5563;font-size:14px;font-weight:500;line-height:1.75}.mistake-sub-content{margin-top:8px}.mistake-reference-card{margin-top:16px;padding-top:14px;border-top:1px solid #eef2f7;display:flex;flex-direction:column;gap:8px}.mistake-type{font-size:15px;color:#1f2937;font-weight:500}.mistake-answer-label{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#2f7ff0}.answer-text{display:inline-flex;align-items:baseline;gap:0;font-size:16px;font-weight:500;color:#1d2939}.answer-icon{width:22px;height:22px;border-radius:50%;background:#2f7ff0;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.mistake-analysis{display:none}.mistake-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#667085;flex-wrap:wrap}.stars{letter-spacing:1px;color:#f4b400;font-size:14px}.mistake-count{font-size:15px;color:#1f2937}.report-empty-state{margin:18px var(--mobile-padding) 0;padding:28px 20px 22px;border-radius:24px;background:radial-gradient(circle at top,rgba(96,165,250,.2),transparent 52%),linear-gradient(180deg,#fff,#f7faff);border:1px solid rgba(207,223,245,.92);box-shadow:0 18px 38px #567ca81f;text-align:center}.report-empty-state[hidden]{display:none}.empty-illustration{width:116px;height:116px;margin:0 auto 16px;border-radius:32px;background:linear-gradient(180deg,#eef5ff,#dceaff);color:#2f7ff0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffffeb}.empty-illustration svg{width:68px;height:68px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.empty-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px;border-radius:999px;background:#eef4ff;border:1px solid #cfe0ff;color:#2f6fe4;font-size:12px;font-weight:700;margin-bottom:12px}.empty-title{font-size:22px;line-height:1.35;font-weight:700;color:#0f172a;margin:0}.empty-description{margin:10px auto 0;max-width:260px;font-size:14px;line-height:1.7;color:#526075}.empty-footnote{margin-top:18px;font-size:12px;line-height:1.6;color:#7b8798}.mistake-empty{margin:0 var(--mobile-padding);padding:22px 16px;border-radius:16px;background:#fff;border:1px dashed #d6deeb;color:#667085;font-size:14px;text-align:center;box-shadow:var(--shadow-card)}