.header-action-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 13px;border:1px solid #cbd8ea;border-radius:12px;background:#fff;color:#244ab5;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 3px 10px #0f172a0a}.header-action-link:hover{border-color:#9cb3df;background:#f7f9ff}.header-action-link:focus-visible{outline:3px solid rgba(49,94,251,.24);outline-offset:2px}:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#17233a;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0,#fff 0,#f5f8fc 48%,#eef3f8)}button,a{font:inherit}.progress-page{max-width:1050px;margin:0 auto;padding:24px 14px 64px}.progress-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.progress-page-header h1{margin:0;font-size:28px}.progress-page-header p{margin:5px 0 0;color:#64748b;font-size:13px}.progress-back{width:136px;white-space:nowrap}#refreshProgress{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #cbd8ea;border-radius:12px;background:#fff;color:#244ab5;font-weight:750;box-shadow:0 3px 10px #0f172a0a;cursor:pointer}#refreshProgress:hover{border-color:#9cb3df;background:#f7f9ff}#refreshProgress:focus-visible,.subject-switch button:focus-visible{outline:3px solid rgba(49,94,251,.24);outline-offset:2px}.progress-panel{overflow:hidden;border:1px solid #d7e0ec;border-radius:18px;background:#fffffff5;box-shadow:0 10px 32px #0f172a12}.progress-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #dfe6ef}.progress-panel-head h2{margin:0;font-size:18px}.progress-panel-head p{margin:4px 0 0;color:#64748b;font-size:12px}.progress-panel-body{padding:16px}.subject-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,480px);margin:0 auto 14px;padding:4px;border:1px solid #d4ddeb;border-radius:14px;background:#eef2f7}.subject-switch-indicator{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border:1px solid #c7d4e7;border-radius:10px;background:#fff;box-shadow:0 2px 7px #0f172a17;transition:transform .22s ease}.subject-switch[data-active="1"] .subject-switch-indicator{transform:translate(100%)}.subject-switch[data-active="2"] .subject-switch-indicator{transform:translate(200%)}.subject-switch[data-active="3"] .subject-switch-indicator{transform:translate(300%)}.subject-switch button{z-index:1;min-width:0;padding:8px 6px;border:0;border-radius:10px;background:transparent;color:#64748b;cursor:pointer}.subject-switch button[aria-selected=true]{color:#244ab5;font-weight:800}.progress-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:13px;color:#64748b;font-size:12px}.progress-legend span{display:inline-flex;align-items:center;gap:6px}.progress-legend i{display:inline-block;width:18px;height:10px;border-radius:3px}.legend-recorded{background:var(--page-accent,#cfb273)}.legend-empty{border:1px solid #ced8e5;background:#fff}.progress-legend strong{margin-left:auto;color:#334155;font-size:13px}.material-progress-list{display:grid;gap:11px}.material-row{--subject-accent:#cfb273;--subject-alt:#e4d4ad;--subject-soft:#fbf4e5;overflow:hidden;padding:12px 13px;border:1px solid color-mix(in srgb,var(--subject-accent) 55%,#d7e0ec);border-radius:15px;background:var(--subject-soft)}.material-row:nth-child(2n){background:color-mix(in srgb,var(--subject-soft) 55%,#fff)}.material-row.subject-chinese{--subject-accent:#b9958b;--subject-alt:#d7bbb4;--subject-soft:#faf1ef}.material-row.subject-english{--subject-accent:#a898bd;--subject-alt:#c9bdd2;--subject-soft:#f5f1f7}.material-row.subject-math{--subject-accent:#cfb273;--subject-alt:#e4d4ad;--subject-soft:#fbf4e5}.material-row.subject-natural{--subject-accent:#8eaea1;--subject-alt:#b8cec5;--subject-soft:#eef6f2}.material-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.material-row-head h3{min-width:0;margin:0;color:#24344f;font-size:14px}.material-row-head strong{flex:0 0 auto;color:#526174;font-size:12px;font-variant-numeric:tabular-nums}.material-bar-scroll{padding-bottom:2px;overflow-x:auto;scrollbar-width:thin}.material-bar{display:flex;gap:2px;min-width:max(100%,calc(var(--segment-count) * 5px));padding:2px;border-radius:8px;background:#ffffff7a}.material-segment{--segment-fill-color:var(--subject-accent);display:block;flex:var(--segment-weight,1) 1 0;min-width:3px;height:22px;border-radius:3px;background:linear-gradient(to right,var(--segment-fill-color) 0 var(--segment-progress,0%),#fff var(--segment-progress,0%) 100%);box-shadow:inset 0 0 0 1px #d4deea}.material-segment.tone-light{--segment-fill-color:var(--subject-alt)}.material-segment.is-empty{--segment-progress:0%}body[data-subject=chinese]{--page-accent:#b9958b}body[data-subject=english]{--page-accent:#a898bd}body[data-subject=math]{--page-accent:#cfb273}body[data-subject=natural]{--page-accent:#8eaea1}.progress-note{margin:14px 2px 0;color:#718096;font-size:12px;line-height:1.6}.progress-error{margin:12px 0 0;padding:10px 12px;border:1px solid #f2b8b5;border-radius:12px;background:#fff5f5;color:#9b2c2c;font-size:13px}@media(max-width:650px){.progress-page{padding-top:16px}.progress-page-header{align-items:flex-start;flex-direction:column}.progress-back{width:100%}.progress-panel-head{align-items:flex-start}.progress-panel-body{padding:13px}.subject-switch{width:100%}.material-row{padding:11px}.material-row-head{align-items:flex-start;flex-direction:column;gap:3px}.material-row-head h3{font-size:13px}.progress-legend strong{flex:1 0 100%;margin-left:0}.material-segment{height:20px}}@media(prefers-reduced-motion:reduce){.subject-switch-indicator{transition:none}}