*{box-sizing:border-box}html{background:#0b171c}body{background:radial-gradient(750px 500px at 110% -10%,#1d3b36,transparent 68%),#0b171c;color:#eef5ed;margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid #b3e7bc;outline-offset:3px}.app{max-width:610px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(56px + env(safe-area-inset-bottom))}.topbar{display:flex;gap:12px;align-items:center}.mark{height:40px;width:40px;flex-shrink:0;background:#18362f;border:1px solid #396455;border-radius:13px;position:relative;display:grid;place-items:center}.mark-ring{height:21px;width:21px;border:5px solid #b3e5bc;border-radius:50%}.mark-cut{width:12px;height:9px;background:#18362f;position:absolute;right:4px;top:6px;transform:rotate(-32deg)}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#9ecdb0}.brand{font-size:15px;font-weight:780;letter-spacing:.1px;margin-top:2px}.header-menu{margin-left:auto;border-radius:50%;height:34px;width:34px;color:#bdc8c2;font-weight:700;font-size:17px;border:1px solid #345048;background:#172a2c}.courseheading{padding:27px 0 23px}.courseheading h1{font-size:29px;margin:0 0 8px;line-height:1.25;letter-spacing:-.8px;font-weight:780}.courseheading p{margin:0;font-size:12px;color:#96aaa3;letter-spacing:.3px}.stagebar{margin-bottom:16px}.stage-track{display:grid;grid-template-columns:5fr 23fr 12fr 17fr 3fr;gap:4px}.segment{border:0;background:#2b413f;height:6px;border-radius:8px;padding:0;overflow:hidden;min-width:0}.segment>.barfill{height:100%;width:0;background:#b5e7bc;transition:width .17s}.segment.done>.barfill{width:100%!important}.segment.active{background:#416153}.stage-caption{display:flex;justify-content:space-between;font-size:11px;color:#adbdaf;margin-top:9px}.playercard{background:linear-gradient(150deg,#172d2c,#112327);border:1px solid #36524a;border-radius:24px;padding:20px 20px 21px;box-shadow:0 12px 40px #00000022}.card-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.pill{border:1px solid #446e5e;color:#b9ebc5;font-size:10px;background:#254337;padding:7px 10px;border-radius:40px;font-weight:750;white-space:nowrap}.device{font-size:12px;color:#c2cda9;text-align:right}.clock-wrap{position:relative;max-width:240px;width:75%;margin:10px auto 5px;aspect-ratio:1}.clock-ring{height:100%;width:100%;transform:rotate(-90deg)}.ring-bg,.ring-value{fill:none;stroke-width:7}.ring-bg{stroke:#2b4843}.ring-value{stroke:#b2e9c3;stroke-linecap:round;stroke-dasharray:596.9026;stroke-dashoffset:0;transition:stroke-dashoffset .25s linear}.clock-core{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.clock-overline{font-size:11px;color:#a2b5a9;letter-spacing:1px}.clock{font-size:57px;letter-spacing:-2px;font-weight:740;line-height:1.5;font-variant-numeric:tabular-nums}.clock-under{font-size:10px;color:#9ab1aa;letter-spacing:.1px}.exercise{font-size:24px;font-weight:760;text-align:center;line-height:1.33;margin:8px 0 0;min-height:32px}.exercise-sub{text-align:center;color:#92aaa1;font-size:11px;margin:8px 0 21px}.controls{display:flex;align-items:center;justify-content:center;gap:15px}.round-btn{height:53px;width:53px;border-radius:50%;display:grid;place-items:center;background:#203a39;border:1px solid #416059;color:#c4dacb}.round-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linejoin:round;stroke-linecap:round}.play-btn{min-height:59px;flex:1;max-width:215px;border:0;border-radius:18px;background:#bcebc4;color:#0b2922;font-size:16px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:7px;box-shadow:0 6px 22px #a1e7af12}.play-btn svg{width:18px;height:18px;fill:currentColor;stroke:currentColor}.total{display:flex;align-items:center;gap:9px;font-size:10px;color:#94aca4;margin-top:26px;font-variant-numeric:tabular-nums;white-space:nowrap}.totalbar{height:5px;background:#355049;flex:1;border-radius:10px;overflow:hidden}.totalbar>div{background:#b6e8bd;height:100%;width:0%}.guidecard{background:#122429;border:1px solid #294148;border-radius:21px;margin-top:15px;padding:21px}.guide-head{display:flex;align-items:center;justify-content:space-between}.guide-title{font-size:15px;font-weight:760}.quiet-button{font-size:12px;background:transparent;border:0;color:#c1e0c3;padding:10px 0}.guidecard p{font-size:15px;line-height:1.75;color:#d3ded6;margin:12px 0 17px}.notice{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;background:#223b35;border:1px solid #38594a;border-radius:12px;color:#d6dfc7;font-size:12px;line-height:1.7}.notice-dot{width:6px;height:6px;border-radius:50%;background:#d9c48b;margin-top:7px;flex-shrink:0}.upnext{display:flex;align-items:baseline;gap:11px;margin-top:21px;padding-top:17px;border-top:1px solid #294047}.upnext span{font-size:11px;color:#94aaa0;white-space:nowrap}.upnext strong{font-size:14px;flex:1;font-weight:720}.offlinecard{display:flex;gap:12px;align-items:center;background:#14252b;border:1px solid #2b4349;border-radius:18px;margin-top:15px;padding:15px}.offline-icon{display:grid;place-items:center;font-size:25px;color:#c5e6c9;background:#254039;width:42px;height:42px;border-radius:12px;flex-shrink:0}.offline-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.offline-copy strong{font-size:13px}.offline-copy span{font-size:11px;color:#9bb1ab;line-height:1.5}.downloadbtn{padding:10px 14px;border-radius:10px;background:#2c4d41;border:1px solid #4d7762;color:#c5eacd;font-size:12px;font-weight:700;min-width:60px}.downloadbtn:disabled{opacity:.65}.downloads-progress{height:4px;background:#284038;margin:7px 10px 0;border-radius:30px;overflow:hidden}.downloads-progress>div{height:100%;width:0%;background:#bcebc4;transition:width .2s}.timeline{border-top:1px solid #2b4244;margin-top:25px}.timeline summary{list-style:none;display:flex;align-items:center;gap:9px;padding:20px 2px;font-size:14px;font-weight:700;cursor:pointer}.timeline summary::-webkit-details-marker{display:none}.timeline summary span{font-size:11px;color:#90a69b;font-weight:500;flex:1;text-align:right}.chevron{font-size:19px;color:#c9e3cb;margin-left:6px}.timeline[open] .chevron{transform:rotate(180deg)}.stage-list{display:flex;flex-direction:column;gap:8px;padding-bottom:3px}.stage-option{background:#162b2d;border:1px solid #344c4b;color:#e6eee8;border-radius:12px;padding:14px;display:flex;align-items:center;gap:8px;text-align:left}.stage-option.current{border-color:#b1e3b6;background:#223c34}.stage-number{background:#2c473f;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-size:11px;color:#c2ebc9}.stage-option strong{font-size:13px;flex:1}.stage-option small{font-size:11px;color:#a1b5a7}.footnote{font-size:11px;color:#819a91;line-height:1.85;margin-top:22px}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#31554b;border:1px solid #709889;box-shadow:0 10px 40px #0008;color:#f3fff6;border-radius:13px;padding:13px 18px;font-size:12px;max-width:90vw;width:max-content;opacity:0;pointer-events:none;transition:opacity .22s;z-index:8}.toast.show{opacity:1}dialog{border:1px solid #3c6658;border-radius:20px;background:#15292b;color:#e8f5ed;padding:25px;max-width:min(430px,92vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:20px;margin-top:3px}dialog p{font-size:13px;color:#bfd1c6;line-height:1.9}.modalclose{width:100%;border:0;border-radius:13px;padding:13px;background:#bcebc4;color:#102b23;font-weight:800;margin-top:6px}audio{display:none}@media(min-width:550px){.app{padding-left:24px;padding-right:24px}.playercard{padding:26px 34px}.clock-wrap{width:58%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* 语音模式选择 */
.voice-settings{background:#152a2b;border:1px solid #37534a;border-radius:17px;padding:13px 14px;margin:0 0 19px}
.voice-title{color:#e3f4e7;font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.voice-title small{color:#a4b6aa;font-size:10px;font-weight:500}
.voice-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.voice-option{background:#1a3131;color:#d4e5d8;text-align:left;border-radius:13px;padding:11px 12px;border:1px solid #3c574f;min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.voice-option.selected{background:#2b4b3c;color:#eefff1;border-color:#b5e7bc;box-shadow:0 0 0 1px #b5e7bc35 inset}
.voice-option b{font-size:14px;letter-spacing:.1px}.voice-option span{font-size:10px;line-height:1.4;color:#b6c9bc}.voice-option.selected span{color:#d5ebd8}
.voice-hint{margin:10px 2px 0;font-size:11px;color:#bbd0c0;line-height:1.7}