.experience-welcome:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 100px);padding:60px 20px;text-align:center}.experience-welcome>h1{max-width:780px;font-size:42px;line-height:1.4;font-weight:650;margin:0;letter-spacing:0;text-wrap:balance}.experience-welcome>.word-experience:not(.exam-active){border:0;min-height:0;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.experience-welcome>.word-experience:not(.exam-active)>.experience-primary{padding:16px 30px;font-size:18px}.experience-welcome>.exam-active{text-align:left}@media(max-width:600px){.experience-welcome:not([hidden]){padding:40px 0;min-height:calc(100dvh - 140px)}.experience-welcome>h1{font-size:30px}}
.channel-welcome:not([hidden]){align-items:stretch;justify-content:flex-start;min-height:0;max-width:1120px;margin:0 auto;padding:60px 14px 36px;text-align:left}.channel-welcome>h1{font-size:36px;font-weight:650;max-width:none}.channel-welcome>.word-experience:not(.exam-active){display:block;max-width:none;width:100%;margin-top:32px}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-card{--channel-accent:#266952;--channel-tint:#eff7f2;background:#fff;border:1px solid #dde3e1;border-radius:8px;padding:24px;min-width:0;border-top:3px solid var(--channel-accent)}.channel-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-number{font:600 15px ui-monospace,monospace;color:var(--channel-accent)}.channel-card .channel-status{font:12px/1.5 system-ui;color:#59656a;text-align:right}.channel-card h2{font:600 23px/1.35 system-ui;margin:20px 0 8px;overflow-wrap:anywhere}.channel-card .channel-subtitle{font:14px/1.6 system-ui;color:#59666c;margin:0;overflow-wrap:anywhere}.channel-featured{grid-column:1/-1;background:var(--channel-tint);padding:26px 30px;position:relative}.channel-featured h2{font-size:27px}.channel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.channel-actions .experience-primary{min-height:48px;min-width:180px}.channel-blue{--channel-accent:#4c7cb2}.channel-orange{--channel-accent:#ba8050}.channel-red{--channel-accent:#b85e67}.channel-teal{--channel-accent:#4c8b87}.channel-welcome>.word-experience:not(.exam-active)>p{padding:24px 0}.channel-card .channel-actions button:hover{box-shadow:0 2px 8px #152d201a}.channel-card .channel-actions button{transition:box-shadow .15s}.channel-grid article:not(.channel-featured){min-height:163px}
@media(max-width:700px){.channel-welcome:not([hidden]){padding:30px 0}.channel-welcome>h1{font-size:28px}.channel-grid{grid-template-columns:1fr;gap:14px}.channel-featured{grid-column:auto}.channel-card,.channel-featured{padding:20px}.channel-card h2,.channel-featured h2{font-size:22px}.channel-welcome>.word-experience:not(.exam-active){margin-top:24px}.channel-card header{align-items:flex-start}}
.channel-headline span{display:block;letter-spacing:0}.channel-headline .headline-lead{font-size:38px;line-height:1.3;color:#222a26;font-weight:700}.channel-headline .headline-method{font-size:21px;line-height:1.6;color:#63706a;font-weight:400;margin-top:14px}.channel-headline .headline-outcome{font-size:28px;line-height:1.5;color:#22634c;font-weight:650;margin-top:2px}.channel-welcome>.word-experience:not(.exam-active){margin-top:30px}@media(max-width:700px){.channel-headline .headline-lead{font-size:30px}.channel-headline .headline-method{font-size:18px;margin-top:12px}.channel-headline .headline-outcome{font-size:24px}.channel-welcome>.word-experience:not(.exam-active){margin-top:26px}}
.exploration-open{overflow:hidden!important}.word-experience.exam-active{position:fixed;inset:0;z-index:99999;max-width:none;margin:0;padding:28px;background:#fff;color:#222;overflow:auto;border:0;min-height:100dvh;font:16px/1.6 system-ui,sans-serif}
.exam-header{display:flex;align-items:center;gap:24px;min-height:68px;border-bottom:1px solid #cbd0d5;padding-bottom:12px}.exam-header>div{flex:1}.exam-header strong{font-size:22px;color:#185b48}.exam-header span{display:block}.exam-header>[data-clock]{font-variant-numeric:tabular-nums}
.exam-settings{position:relative}.exam-settings select{display:block;max-width:170px;margin:6px 0;padding:6px;border:1px solid #acb4bc;background:white;border-radius:4px}.exam-split{display:grid;grid-template-columns:minmax(0,var(--split,48%)) 10px minmax(0,1fr);min-height:calc(100dvh - 190px)}
.exam-reading,.exam-answer{padding:30px;min-width:0}.exam-reading h2{font:600 16px system-ui;color:#687480;margin:0 0 26px}.exam-passage,.exam-answer h3,.experience-options button:first-child{font-family:var(--exam-font,Arial)!important;font-size:var(--exam-size,20px)!important;line-height:1.8!important;overflow-wrap:anywhere}
.exam-passage{margin:20px 0 30px}.exam-passage u{text-decoration-thickness:2px;text-underline-offset:4px}.exam-divider{background:#e7eaed;cursor:col-resize;touch-action:none;position:relative}.exam-divider:after{content:'';position:absolute;top:45%;left:3px;width:4px;height:34px;background:#8d99a5;border-radius:2px}.exam-divider:focus{outline:3px solid #167451}
.exam-question-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f1f4f7;padding:10px;margin-bottom:20px}.word-experience .exam-question-bar button{padding:6px 10px;font-size:13px}.exam-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.exam-option-row>button:last-child{font-size:13px;padding:6px}.exam-option-row>button:first-child{text-align:left;min-height:58px}.exam-option-row button[aria-pressed=true]{border:2px solid #256a51;background:#eaf4ee}.exam-option-row .eliminated{text-decoration:line-through;color:#68747b}
.exam-reading label{display:block;margin-top:30px;font-size:14px;color:#54626d}.exam-reading textarea{display:block;width:100%;min-height:80px;resize:vertical;border:1px solid #b8c2c8;border-radius:5px;padding:10px;font:16px system-ui}.exam-active input{font-family:var(--exam-font);font-size:var(--exam-size)}
.exam-footer{position:sticky;bottom:-28px;display:flex;justify-content:flex-end;gap:12px;padding:14px 0;background:white;border-top:1px solid #cbd0d5}.exam-footer>button:first-child{margin-right:auto}.word-experience button:disabled{opacity:.5;cursor:not-allowed}.is-highlighted{background:#fff3ad}.line-focus{border-left:4px solid #829cc4;padding-left:18px}.exam-question-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;max-width:900px;margin:30px 0}.exam-question-grid .answered{background:#245d43;color:#fff}
.exam-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0;border-block:1px solid #dce3e6;padding:24px 0}.exam-metrics strong{font-size:28px}.exam-metrics progress{display:block;width:100%;height:8px;margin-top:14px;accent-color:#276d54}.exam-result-item{border-bottom:1px solid #dde3e6;padding:15px 0}.exam-result-item summary{cursor:pointer}.experience-caption{font-size:14px;color:#66737a}.exam-active>a,.exam-active>button{margin:6px}.explore-dialog{max-width:min(500px,90vw);border:1px solid #b3bdc5;border-radius:8px;padding:24px}.explore-dialog::backdrop{background:#17212888}.explore-dialog button{margin:8px}.word-experience[data-unsaved=true]:after{content:'浏览器未允许保存进度，请勿关闭本页。';display:block;color:#8b3e14}
@media(max-width:700px){.word-experience.exam-active{padding:14px}.exam-header{gap:10px;flex-wrap:wrap}.exam-header>div{flex-basis:100%}.exam-header strong{font-size:18px}.exam-split{display:block;min-height:0}.exam-divider{display:none}.exam-reading,.exam-answer{padding:22px 0}.exam-reading{border-bottom:1px solid #dbe1e4}.exam-header button{padding:7px 12px}.exam-reading label{margin-top:15px}.exam-footer{bottom:-14px;gap:7px}.exam-footer button{padding:9px;font-size:14px}.exam-question-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.exam-question-grid button{padding:9px}.exam-metrics{grid-template-columns:1fr}.exam-option-row{grid-template-columns:minmax(0,1fr) 48px}.exam-question-bar{align-items:flex-start}.exam-settings[open]{flex-basis:100%}}
.channel-title{font-family:var(--channel-font,var(--exam-font,serif))}
.channel-number-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:18px;background:#fff;color:var(--channel-accent);border:1px solid color-mix(in srgb,var(--channel-accent) 30%, #cfd8d4)}
.channel-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.channel-subtitle{color:#5f6b65;font-size:14px;line-height:1.65;max-width:unset}
.channel-english{margin:2px 0 6px;font-size:13px;color:#8c9790;line-height:1.35;letter-spacing:.02em}
.channel-status{color:#8ea09a;font-size:11px}
.channel-featured{transform:translateY(-1px)}
.channel-actions .experience-primary{background:linear-gradient(180deg,#2a724f,#215f44);border:1px solid #2b6e4e;color:#fff;border-radius:10px;min-height:47px;padding:12px 18px;box-shadow:0 6px 16px #1e6a4a28}
.channel-coming{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:170px;padding:0 18px;border:1px dashed #b6c2bb;border-radius:10px;background:#f5f7f5;color:#728078;margin-top:14px;box-shadow:none}
.channel-coming:disabled{color:#91a09a}
.channel-footer{margin-top:34px;padding:18px 0 0;border-top:1px solid #dfe5e1;color:#6b7770;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.channel-footer p{margin:0}
.channel-footer a{color:#204f3f;margin-left:12px}
.channel-grid{gap:14px}
.channel-card{border-radius:16px}
.experience-intro p,.mc-brand-copy small{font-family:var(--mc-body-font)}
.channel-card:not(.channel-featured){position:relative;overflow:hidden}
.channel-card:not(.channel-featured):before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .25s;pointer-events:none}
.channel-card:not(.channel-featured):hover:before,.channel-card:not(.channel-featured):focus-within:before{opacity:1}
.channel-card h2{font-family:var(--mc-display-font);font-size:25px;line-height:1.22;letter-spacing:.01em}
.channel-card p{font-size:14px;line-height:1.72}
.channel-card .channel-subtitle{font-weight:500;color:#4f5d57}
.channel-card .channel-status{background:#ffffffcc;padding:4px 10px;border-radius:999px;border:1px solid #dfdfdf}
