@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
.section-label{margin:34px 8px 11px;color:#93a1be;font-size:11px;font-weight:700;letter-spacing:1.2px}.module-switcher{display:grid;gap:9px}.module-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #35425f;border-radius:11px;color:#c6cfe2;text-decoration:none}.module-card b{color:#70e1c4;font-size:19px;letter-spacing:-.5px}.module-card span{font-size:12px;font-weight:600}.module-card:hover{background:#25324e}.module-card.active{background:#293653;border-color:#536dfd;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.12)}.module-card.active b{color:#70e1c4}.sidebar .progress-ring{margin:25px 0 2px}.sidebar .side-note{margin-top:auto}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.legend span,.swt-sentence span{border-radius:6px;padding:3px 6px}.subject{background:#dbeafe;color:#1d4ed8}.predicate{background:#fee2e2;color:#b91c1c}.object{background:#dcfce7;color:#15803d}.adverb{background:#f3e8ff;color:#7e22ce}.swt-chinese{margin:20px 0 0;color:#536075;font-size:15px}.swt-sentence{font-size:20px;line-height:2.05;color:#273552}.swt-sentence .adverb{margin-left:5px}.swt-tip{margin:22px 0 0;color:#77839a;font-size:13px;line-height:1.7}
.swt-tabs{display:flex;gap:8px;margin-bottom:16px}.swt-tab{border:1px solid #d8dfec;background:#fff;color:#65708a;border-radius:9px;padding:9px 15px;font:600 13px inherit;cursor:pointer}.swt-tab.active{background:#17213b;color:#fff;border-color:#17213b}.cloze-sentence{margin-top:25px;font-size:18px;line-height:2.5;color:#273552}.drop-slot{min-width:100px;border:0;border-bottom:2px dashed #536dfd;background:#eef1ff;color:#4059e8;border-radius:5px;padding:5px 9px;font:600 15px inherit;cursor:pointer}.drop-slot.correct{background:#dcfce7;border-color:#22a06b;color:#15803d}.drop-slot.incorrect{background:#fee2e2;border-color:#ef5b67;color:#b91c1c}.bank-label{margin:26px 0 10px;color:#77839a;font-size:12px;font-weight:700}.word-bank{display:flex;flex-wrap:wrap;gap:9px;padding:16px;background:#f5f7fb;border-radius:11px}.word-chip{border:1px solid #d8dfec;background:#fff;color:#35415b;border-radius:8px;padding:9px 13px;font:600 14px inherit;cursor:grab}.word-chip:hover,.word-chip.selected{border-color:#536dfd;background:#e9edff;color:#4059e8}.vocab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:18px}.vocab-list span{background:#f5f7fb;border-radius:8px;padding:10px;color:#65708a;font-size:12px}.vocab-list b{display:block;color:#26314a;font-size:14px;margin-bottom:3px}
.word-chip.used{display:none}.clause-row{display:block;margin:0 0 12px;padding:10px 12px;background:#f8f9fc;border-left:3px solid #d8dfec;border-radius:7px;line-height:2}.clause-row span{display:inline;padding:4px 7px}.clause-row .adverb{margin-right:3px}
.nav[href]{text-decoration:none}
*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#17213b;font-family:"DM Sans","Noto Sans SC",sans-serif}.app{min-height:100vh;display:flex}.sidebar{width:290px;background:#17213b;color:#f7f8fc;padding:42px 28px;display:flex;flex-direction:column}.brand span{font-size:31px;font-weight:700;letter-spacing:-1px;color:#70e1c4}.brand small{display:block;color:#aeb8d0;letter-spacing:1.4px;font-size:9px;margin-top:5px}.progress-ring{margin:57px 0 35px;border:1px solid #35425f;border-radius:14px;padding:19px}.progress-ring strong{font-size:29px;color:#fff}.progress-ring span{font-size:12px;color:#aeb8d0;margin-left:5px}nav{display:grid;gap:10px}.nav,.text-btn{border:0;background:none;font:inherit;cursor:pointer}.nav{color:#c1c9da;text-align:left;border-radius:10px;padding:13px 14px;font-size:14px}.nav:hover,.nav.active{background:#293653;color:#fff}.nav b{float:right;background:#ef6b73;color:white;padding:1px 7px;border-radius:20px;font-size:11px}.side-note{margin-top:auto;color:#9ba8c1;font-size:12px;line-height:1.7}kbd{border:1px solid #65718a;border-radius:4px;padding:1px 4px;color:#dce3f3}.content{width:min(780px,100%);margin:0 auto;padding:52px 30px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#65708a;font-weight:700;margin:0 0 8px}h1{font-size:32px;letter-spacing:-1px;margin:0}.text-btn{color:#65708a;padding:10px}.practice-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 12px 40px rgba(28,43,76,.08)}.meta{display:flex;justify-content:space-between;font-size:13px;color:#65708a}.pill{background:#e9f8f4;color:#227d68;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:600}.listen{margin:27px 0 28px;padding:20px;background:#f5f8ff;border-radius:13px;display:flex;align-items:center;gap:15px}.listen strong{font-size:15px}.listen p{margin:5px 0 0;color:#77839a;font-size:12px}.play{width:46px;height:46px;border:0;border-radius:50%;background:#536dfd;color:#fff;font-size:17px;cursor:pointer;padding-left:6px}.speed{margin-left:auto;border:1px solid #d8dfec;background:#fff;border-radius:8px;padding:7px;color:#536dfd}label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}textarea{width:100%;min-height:120px;border:1px solid #d8dfec;border-radius:11px;padding:15px;font:15px/1.65 inherit;resize:vertical;outline:none}textarea:focus{border-color:#536dfd;box-shadow:0 0 0 3px #e9edff}.actions,footer{display:flex;gap:12px;margin-top:18px}.primary,.secondary{border-radius:9px;padding:12px 18px;font:600 14px inherit;cursor:pointer}.primary{border:1px solid #536dfd;background:#536dfd;color:#fff}.primary:hover{background:#4059e8}.secondary{border:1px solid #d8dfec;background:#fff;color:#49566e}.feedback,.answer-box{margin-top:20px;padding:16px;border-radius:10px;font-size:14px;line-height:1.65}.feedback.good{background:#eaf9f3;color:#176d55}.feedback.warn{background:#fff5e8;color:#a25c06}.answer-box{background:#f5f7fb;color:#26314a}.answer-box span{font-size:11px;color:#77839a;font-weight:700;letter-spacing:.5px}.answer-box p{margin:6px 0 0;font-size:16px}.hidden{display:none}footer{justify-content:space-between;margin-top:25px}.missing-word{background:#ffe3e5;color:#c73548;border-radius:4px;padding:1px 3px;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#ef6b73}@media(max-width:720px){.sidebar{display:none}.content{padding:30px 18px}.practice-card{padding:22px}h1{font-size:28px}}

.voice-picker{display:flex;align-items:center;gap:8px;margin:5px 0 0;font-size:11px;color:#77839a;font-weight:700}.voice-picker span{white-space:nowrap}.voice-picker select{border:1px solid #d8dfec;border-radius:8px;background:#fff;color:#40506a;padding:8px 28px 8px 10px;font:600 12px inherit;cursor:pointer;outline:none}.voice-picker select:focus{border-color:#536dfd;box-shadow:0 0 0 3px #e9edff}
@media(max-width:720px){header{gap:12px}.voice-picker{align-items:flex-end;flex-direction:column}.voice-picker select{max-width:122px;padding:7px 5px;font-size:11px}}