.progress-shell{--progress-navy: #202b38;--progress-blue: #3f7292;display:grid;gap:clamp(3.7rem,8vw,6.8rem);padding-bottom:2rem}.progress-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(19rem,.84fr);gap:clamp(2rem,7vw,6rem);align-items:center;isolation:isolate;padding:clamp(1.5rem,4vw,3.5rem) 0 1rem}.progress-hero:before{content:"";position:absolute;z-index:-1;top:-4rem;left:-11rem;width:27rem;height:27rem;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 68%)}.progress-kicker{display:flex;align-items:center;gap:.35rem;color:var(--color-accent);font-size:.66rem;font-weight:830;letter-spacing:.11em;text-transform:uppercase}.progress-kicker .cjk{letter-spacing:.04em}.progress-hero h1{max-width:48rem;margin-top:.75rem;color:var(--progress-navy);font-size:clamp(2.8rem,7.3vw,5.8rem);font-weight:920;letter-spacing:-.068em;line-height:.94}.progress-hero h1 em{color:var(--color-accent);font-style:normal}.progress-hero-copy>p:not(.progress-kicker,.progress-private-note){max-width:39rem;margin-top:1.25rem;color:var(--color-ink-soft);font-size:clamp(.8rem,1.7vw,.98rem);line-height:1.7}.progress-hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.progress-primary-action,.progress-install-action{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;gap:.7rem;border-radius:14px;padding:.75rem 1rem;font-size:.72rem;font-weight:830}.progress-primary-action{background:var(--color-accent);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent) 21%,transparent)}.progress-install-action{border:1px solid var(--color-line);background:#fff;color:var(--progress-navy)}.progress-private-note{display:flex;align-items:center;gap:.4rem;margin-top:1rem;color:var(--color-ink-soft);font-size:.6rem;font-weight:680}.progress-private-note span{color:var(--color-mint)}.level-card{position:relative;overflow:hidden;border-radius:28px;background:var(--progress-navy);padding:1.4rem;color:#fff;box-shadow:0 28px 65px #1e28322e;rotate:1.4deg}.level-card:after{content:"进 步";position:absolute;right:-1rem;bottom:-2.5rem;color:#ffffff09;font-family:var(--font-cjk);font-size:8rem;font-weight:900;white-space:nowrap}.level-card-glow{position:absolute;top:-5rem;right:-3rem;width:13rem;height:13rem;border-radius:50%;background:radial-gradient(circle,rgba(224,122,95,.32),transparent 67%)}.level-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;color:#ffffff85;font-size:.57rem;font-weight:770;letter-spacing:.11em;text-transform:uppercase}.level-card-top b{display:grid;width:2.1rem;height:2.1rem;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#efb88b;font-size:.9rem}.level-identity{position:relative;display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.level-orbit{display:grid;width:4.4rem;height:4.4rem;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle,#e07a5f52,#ffffff05);box-shadow:inset 0 0 0 6px #ffffff08;font-size:1.55rem;font-weight:900}.level-identity p{color:#ffffff8f;font-size:.6rem}.level-identity h2{margin-top:.15rem;font-size:1.35rem;font-weight:870}.level-xp-copy{position:relative;display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem;color:#ffffff8c;font-size:.57rem}.level-xp-copy b{color:#fff}.level-xp-track{position:relative;overflow:hidden;height:.38rem;margin-top:.5rem;border-radius:999px;background:#ffffff1a}.level-xp-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),#efbd83);transition:width .55s ease}.level-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:1.4rem}.level-stats div{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#ffffff0a;padding:.65rem}.level-stats dt{color:#ffffff7a;font-size:.5rem}.level-stats dd{margin-top:.2rem;font-size:1rem;font-weight:860}.level-stats small{font-size:.5rem;font-weight:650}.progress-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:calc(clamp(3.7rem,8vw,6.8rem)*-.42)}.progress-overview article{display:flex;align-items:center;gap:.7rem;border:1px solid var(--color-line);border-radius:17px;background:#ffffffd1;padding:.8rem;box-shadow:0 8px 30px #28231c09;backdrop-filter:blur(8px)}.overview-icon{display:grid;width:2.3rem;height:2.3rem;flex:0 0 auto;place-items:center;border-radius:11px;font-family:var(--font-cjk);font-size:.82rem;font-weight:850}.tone-red{background:color-mix(in srgb,var(--color-accent) 11%,white);color:var(--color-accent)}.tone-gold{background:#fff4dd;color:#a57425}.tone-green{background:#e9f6ef;color:#397c5b}.tone-blue{background:#e9f2f8;color:var(--progress-blue)}.progress-overview strong{display:block;color:var(--progress-navy);font-size:1.15rem;font-weight:890}.progress-overview small{display:block;margin-top:.06rem;color:var(--color-ink-soft);font-size:.55rem}.progress-section-heading{align-items:end}.progress-section-heading>div>p:last-child{max-width:40rem;margin-top:.35rem}.progress-section-heading>span,.confidence-key{color:var(--color-ink-soft);font-size:.58rem}.confidence-key{display:flex;align-items:center;gap:.4rem}.confidence-key>span{width:.7rem;height:.7rem;border-radius:50%;background:var(--color-accent);opacity:.35}.recommendation-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.3rem}.coach-card{position:relative;display:grid;min-height:13rem;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:.7rem;overflow:hidden;border:1px solid var(--color-line);border-radius:22px;background:#fff;padding:1rem;color:var(--progress-navy);box-shadow:0 10px 30px #221f1a0a}.coach-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 0 var(--color-accent);transition:box-shadow .2s ease;pointer-events:none}.coach-card:hover:after{box-shadow:inset 0 0 0 1px var(--color-accent)}.coach-card.is-primary{background:color-mix(in srgb,var(--color-accent) 4%,white)}.coach-rank{color:var(--color-ink-soft);font-size:.55rem;font-weight:850;letter-spacing:.08em}.coach-mark{justify-self:end;color:color-mix(in srgb,var(--color-accent) 50%,var(--progress-navy));font-size:1.1rem;font-weight:870}.coach-copy{display:block;grid-column:1 / -1;align-self:end}.coach-copy small{color:var(--color-accent);font-size:.58rem;font-weight:800;text-transform:uppercase}.coach-copy strong{display:block;margin-top:.25rem;font-size:1rem;font-weight:860}.coach-copy>span{display:block;margin-top:.38rem;color:var(--color-ink-soft);font-size:.66rem;line-height:1.55}.coach-action{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;border-top:1px solid var(--color-line);padding-top:.7rem;color:var(--color-accent);font-size:.6rem;font-weight:800}.skill-dashboard{display:grid;grid-template-columns:minmax(19rem,.87fr) minmax(22rem,1.13fr);gap:1rem;margin-top:1.3rem}.radar-card,.skill-list{border:1px solid var(--color-line);border-radius:24px;background:#fff;padding:1rem;box-shadow:0 10px 35px #231f1909}.radar-heading{display:flex;align-items:end;justify-content:space-between}.radar-heading small{display:block;color:var(--color-ink-soft);font-size:.58rem}.radar-heading strong{display:block;margin-top:.12rem;color:var(--progress-navy);font-size:1.8rem;font-weight:900}.radar-heading>span{color:var(--color-ink-soft);font-size:.58rem}.skill-radar{display:block;width:min(100%,24rem);margin:-.2rem auto -1rem;overflow:visible}.radar-grid polygon,.radar-grid line{fill:none;stroke:#e9e4dc;stroke-width:1}.radar-confidence{fill:color-mix(in srgb,var(--color-accent) 8%,transparent);stroke:color-mix(in srgb,var(--color-accent) 24%,transparent);stroke-width:1;stroke-dasharray:3 4}.radar-value{fill:color-mix(in srgb,var(--color-accent) 17%,transparent);stroke:var(--color-accent);stroke-width:2;stroke-linejoin:round}.radar-labels text{fill:var(--color-ink-soft);font-family:var(--font-body);font-size:9px;font-weight:720;text-anchor:middle}.radar-card>p{text-align:center;color:var(--color-ink-soft);font-size:.59rem;line-height:1.5}.skill-list{display:grid;gap:.28rem}.skill-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;border-radius:13px;padding:.57rem}.skill-row:hover{background:color-mix(in srgb,var(--color-accent-soft) 16%,white)}.skill-mark{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:10px;background:var(--skill-soft, #f4eee6);color:var(--skill-color, var(--color-accent));font-family:var(--font-cjk);font-weight:850}.skill-copy{min-width:0}.skill-copy-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.skill-copy strong{color:var(--progress-navy);font-size:.68rem}.skill-copy small{color:var(--color-ink-soft);font-size:.53rem}.skill-track{overflow:hidden;height:.3rem;margin-top:.35rem;border-radius:999px;background:var(--color-line)}.skill-track span{display:block;width:var(--skill-score, 0%);height:100%;border-radius:inherit;background:var(--skill-color, var(--color-accent));opacity:max(.32,var(--skill-confidence, 0))}.skill-score{text-align:right}.skill-score strong{display:block;color:var(--progress-navy);font-size:.8rem}.skill-score small{color:var(--color-ink-soft);font-size:.48rem}.momentum-section{display:grid;gap:1.2rem}.goal-ring{--goal-angle: 0deg;display:grid;width:5.2rem;height:5.2rem;flex:0 0 auto;place-items:center;border-radius:50%;background:conic-gradient(var(--color-accent) var(--goal-angle),var(--color-line) 0)}.goal-ring:before{content:"";grid-area:1 / 1;width:4rem;height:4rem;border-radius:50%;background:var(--color-paper)}.goal-ring>span{z-index:1;grid-area:1 / 1;text-align:center}.goal-ring strong{display:block;color:var(--progress-navy);font-size:.78rem}.goal-ring small{color:var(--color-ink-soft);font-size:.46rem}.activity-card{position:relative;border:1px solid var(--color-line);border-radius:22px;background:#fff;padding:1.1rem 1rem .8rem 2.5rem;box-shadow:0 10px 35px #231f1909}.activity-axis{position:absolute;inset:1rem auto 2rem .65rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--color-ink-soft);font-size:.47rem}.activity-chart{display:grid;height:9.5rem;grid-template-columns:repeat(28,minmax(.28rem,1fr));align-items:end;gap:clamp(.12rem,.55vw,.35rem);border-bottom:1px solid var(--color-line);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),#f1ede6 33.333%)}.activity-bar{position:relative;min-height:.18rem;border:0;border-radius:4px 4px 1px 1px;background:color-mix(in srgb,var(--color-accent) 35%,#f0e8df);transition:height .45s ease}.activity-bar.is-active{background:linear-gradient(to top,var(--color-accent),#edac77)}.activity-bar.is-today{outline:2px solid color-mix(in srgb,var(--color-accent) 20%,transparent);outline-offset:2px}.activity-bar:hover:after,.activity-bar:focus-visible:after{content:attr(data-tip);position:absolute;z-index:2;bottom:calc(100% + .35rem);left:50%;width:max-content;max-width:8rem;translate:-50% 0;border-radius:7px;background:var(--progress-navy);padding:.35rem .45rem;color:#fff;font-size:.48rem}.activity-legend{display:flex;justify-content:space-between;margin-top:.45rem;color:var(--color-ink-soft);font-size:.5rem}.record-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem}.history-card,.milestone-card,.data-card{border:1px solid var(--color-line);border-radius:22px;background:#fff;padding:1rem;box-shadow:0 10px 35px #231f1909}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-line);padding-bottom:.8rem}.card-heading h2,.data-card h2{margin-top:.18rem;color:var(--progress-navy);font-size:1rem;font-weight:860}.card-heading>span{color:var(--color-ink-soft);font-size:.54rem}.session-history{display:grid;margin-top:.4rem;list-style:none}.session-row{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;border-bottom:1px solid var(--color-line);padding:.7rem .2rem}.session-row:last-child{border:0}.session-icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--color-accent) 9%,white);color:var(--color-accent);font-family:var(--font-cjk);font-weight:850}.session-row strong{display:block;color:var(--progress-navy);font-size:.66rem}.session-row p{margin-top:.15rem;color:var(--color-ink-soft);font-size:.52rem}.session-xp{text-align:right;color:var(--color-accent);font-size:.6rem;font-weight:800}.session-xp small{display:block;margin-top:.12rem;color:var(--color-ink-soft);font-size:.48rem;font-weight:600}.history-empty{display:flex;align-items:center;gap:.8rem;padding:1.6rem .4rem;color:var(--color-ink-soft);font-size:.65rem;line-height:1.55}.history-empty>span{display:grid;width:2.7rem;height:2.7rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-weight:850}.record-side{display:grid;gap:1rem}.milestone-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.8rem}.milestone{display:grid;min-height:6.8rem;align-content:space-between;border:1px solid var(--color-line);border-radius:14px;background:#fffdf9;padding:.65rem;opacity:.55}.milestone.is-earned{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-line));opacity:1}.milestone-mark{font-size:1.15rem}.milestone strong{display:block;color:var(--progress-navy);font-size:.6rem}.milestone small{display:block;margin-top:.15rem;color:var(--color-ink-soft);font-size:.49rem;line-height:1.4}.data-card{position:relative;overflow:hidden}.data-lock{position:absolute;top:.8rem;right:.8rem;display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#eaf5ef;color:#3d7e5d}.data-card>div>p:last-child{max-width:28rem;margin-top:.45rem;color:var(--color-ink-soft);font-size:.61rem;line-height:1.55}.data-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.data-actions button,.data-actions a{border:1px solid var(--color-line);border-radius:9px;background:#fff;padding:.48rem .6rem;color:var(--color-ink-soft);font-size:.55rem;font-weight:750}.data-actions button:first-child{border-color:var(--progress-navy);background:var(--progress-navy);color:#fff}.data-actions button:nth-child(3){color:#a2483c}.data-status{min-height:1em;margin-top:.5rem;color:var(--color-mint);font-size:.52rem}@media(max-width:850px){.progress-hero,.skill-dashboard,.record-grid{grid-template-columns:1fr}.level-card{width:min(100%,31rem);justify-self:center;rotate:0deg}.recommendation-list,.progress-overview,.record-side{grid-template-columns:1fr 1fr}.progress-section-heading{align-items:start;flex-direction:column}.goal-ring{position:absolute;right:0;top:0}.momentum-section{position:relative}.momentum-section .section-heading{padding-right:6rem}}@media(max-width:560px){.progress-shell{gap:3.6rem}.progress-hero{padding-top:.5rem}.progress-hero h1{font-size:clamp(2.7rem,14vw,4.1rem)}.progress-hero-actions>*{width:100%}.level-stats{gap:.3rem}.level-stats div{padding:.55rem .45rem}.progress-overview{gap:.4rem;margin-top:-1.7rem}.progress-overview article{gap:.5rem;padding:.65rem}.overview-icon{width:2rem;height:2rem}.progress-overview strong{font-size:.94rem}.recommendation-list,.record-side{grid-template-columns:1fr}.coach-card{min-height:11.5rem}.confidence-key{display:none}.skill-dashboard{grid-template-columns:minmax(0,1fr)}.radar-card,.skill-list{padding:.75rem}.activity-card{padding-left:1.8rem}.activity-axis{left:.35rem}.activity-chart{gap:.12rem}.session-row{grid-template-columns:auto 1fr}.session-xp{grid-column:2;text-align:left}.goal-ring{width:4.8rem;height:4.8rem}.goal-ring:before{width:3.7rem;height:3.7rem}}