*{box-sizing:border-box} :root{--ink:#193346;--muted:#526977;--teal:#087e83;--teal-dark:#066369;--line:#dce7eb;--bg:#f2f6f8;--soft:#e9f5f3;--white:#fff;--shadow:0 6px 24px #18394e05;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:var(--teal-dark);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #efb645;outline-offset:3px}button{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1{font-size:2rem;line-height:1.45;margin-bottom:10px;letter-spacing:-.03em}h2{font-size:1.4rem;line-height:1.5;margin-bottom:12px}h3{font-size:1.05rem;margin-bottom:12px}p{margin-bottom:14px}small{font-size:.8rem}.muted{color:var(--muted)}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--teal-dark)}.topbar{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3%;gap:20px;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);min-width:228px}.brand strong{display:block;font-size:1.16rem;line-height:1.5;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.76rem;letter-spacing:.12em}.brand-icon{display:grid;place-items:center;background:var(--teal);color:white;width:46px;height:46px;border-radius:14px;font-weight:800;font-size:27px;position:relative}.brand-icon>span{position:absolute;right:7px;bottom:4px;font-size:20px;color:#bdf194}.main-nav{display:flex;align-self:stretch;gap:30px}.main-nav button{border:0;background:none;padding:4px 2px 0;font-size:.93rem;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}.main-nav button.active{border-color:var(--teal);color:var(--teal-dark)}.nav-count{padding:2px 6px;background:#edf2f5;border-radius:5px;font-size:.72rem;margin-left:4px}.button{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:.875rem;text-decoration:none;min-height:42px}.button:hover{background:#f0f6f7;border-color:#95bfc1}.button.primary{background:var(--teal);border-color:var(--teal);color:white}.button.primary:hover{background:var(--teal-dark)}.button.subtle{background:transparent}.button.danger{background:#ad3440;color:white;border-color:#ad3440}.button-row{display:flex;flex-wrap:wrap;gap:10px}.workspace{max-width:1510px;margin:0 auto;display:grid;grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 88px)}.sidebar{padding:30px 22px 24px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:23px}.sidebar-intro{padding:0 10px}.sidebar-intro h2{font-size:1.05rem;margin:8px 0 4px}.sidebar-intro p{font-size:.8rem;color:var(--muted);margin:0}.lesson-nav{display:grid;gap:8px}.lesson-link{border:1px solid transparent;background:transparent;display:grid;grid-template-columns:32px 1fr;gap:12px;text-align:left;padding:13px 10px;border-radius:11px;align-items:center;width:100%}.lesson-link:hover{background:#e8eff2}.lesson-link.active{background:white;border-color:#bedddb;box-shadow:var(--shadow)}.lesson-no{border:1px solid #c8d8df;color:var(--muted);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:.8rem;font-weight:600}.active .lesson-no{background:var(--teal);color:white;border-color:var(--teal)}.lesson-link.done .lesson-no{color:var(--teal-dark);background:#dcefed;border-color:#b7dcd4}.lesson-link.active.done .lesson-no{background:var(--teal);color:white}.lesson-label{display:block;font-size:.9rem;font-weight:600;line-height:1.6}.lesson-time{display:block;font-size:.76rem;color:var(--muted)}.progress-box{margin-top:4px;padding:17px 13px;border-top:1px solid var(--line);font-size:.78rem}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:9px}.progress-track{height:5px;background:#dfe9ec;border-radius:4px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--teal);transition:width .25s}.sidebar-source{margin-top:auto;font-size:.75rem;color:var(--muted);padding:10px;line-height:1.8}.text-button{border:0;background:none;padding:0;color:var(--teal-dark);font-size:inherit;text-decoration:underline;text-underline-offset:4px}.main-content{padding:30px 34px 40px;min-width:0}.breadcrumb{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:22px}.breadcrumb span{color:#7e939e}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head p{color:var(--muted);font-size:.93rem;max-width:650px;margin-bottom:0}.session-select{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-top:4px}.session-select select{background:white;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:.83rem;color:var(--ink)}.course-strip{border:1px solid #cce2e3;background:#e9f4f3;border-radius:12px;padding:15px 20px;display:flex;align-items:center;gap:18px;margin-bottom:24px;font-size:.86rem}.course-strip strong{color:var(--teal-dark);white-space:nowrap}.course-strip p{margin:0;color:#335965}.activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}.activity-card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.activity-top{padding:25px 27px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.activity-top h2{margin:5px 0 0;font-size:1.32rem}.phase-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--teal);font-size:24px;font-weight:700;flex-shrink:0}.activity-body{padding:25px 27px}.tag{display:inline-block;font-size:.75rem;color:var(--teal-dark);background:var(--soft);padding:3px 9px;border-radius:6px;margin-right:6px}.task-lead{font-size:1rem;margin-bottom:20px}.scenario{background:#f4f7fa;border-left:3px solid #7ea6b9;border-radius:0 9px 9px 0;padding:16px 18px;margin-bottom:22px}.scenario p{margin-bottom:0;color:#2c4b5e;font-size:.95rem}.scenario .eyebrow{margin-bottom:6px;display:block;color:#607a8a}.question{font-size:1rem;font-weight:600;margin-bottom:13px}.choices{display:grid;gap:11px}.choice{text-align:left;display:flex;gap:13px;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:.91rem;line-height:1.7;transition:background .15s}.choice:hover{border-color:#6da4a6;background:#f8fcfc}.choice-letter{display:grid;place-items:center;font-size:.78rem;flex-shrink:0;width:25px;height:25px;border:1px solid #d5e1e5;border-radius:6px;background:#f7fafb;margin-top:1px}.choice.selected{border-color:var(--teal);background:#edf8f5}.choice.wrong{border-color:#c68062;background:#fff6ee}.choice.selected .choice-letter{background:var(--teal);color:white;border-color:var(--teal)}.feedback{padding:15px 17px;border-radius:9px;background:#eaf5ef;color:#225843;font-size:.89rem;margin-top:15px;line-height:1.8}.feedback.warning{background:#fff4e3;color:#835021}.feedback strong{display:block;margin-bottom:3px}.learning-point{margin-top:24px;padding-top:19px;border-top:1px dashed var(--line);display:flex;gap:10px;font-size:.83rem;color:var(--muted)}.learning-point>span{color:var(--teal);font-size:19px}.activity-footer{border-top:1px solid var(--line);padding:18px 27px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fcfdfd}.activity-footer .source-link{font-size:.76rem}.coach-panel{display:grid;gap:17px}.timer-box{background:var(--ink);border-radius:14px;padding:21px 20px;color:white}.timer-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:#b9cfd7}.timer-digits{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;line-height:1.2;font-size:3.3rem;letter-spacing:-.07em;padding:19px 0 16px}.timer-box .button{border-color:#536a7c;color:white;background:#2e4c60;min-height:36px;font-size:.78rem;padding:6px 13px}.timer-box .button:first-child{background:#d5f2e7;color:#17473e;border-color:#d5f2e7;flex:1}.timer-status{min-height:21px;font-size:.74rem;color:#cbdfe2;margin-top:10px}.coach-box{background:white;border:1px solid var(--line);padding:20px;border-radius:12px;font-size:.83rem}.coach-box h3{font-size:.9rem;display:flex;gap:8px;align-items:center}.coach-box p{color:var(--muted);margin-bottom:0}.coach-box ul{padding-left:18px;margin:0;color:var(--muted)}.coach-box li+li{margin-top:10px}.coach-box.accent{background:#e9f3f8;border-color:#d3e3eb}.session-note{font-size:.76rem;color:var(--muted);margin:21px 0 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.field{display:grid;gap:7px;font-size:.85rem;font-weight:600}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;border:1px solid #c8d9df;border-radius:8px;background:#fcfdfd;color:var(--ink);padding:10px 12px;font-size:.9rem;font-weight:400;line-height:1.65;min-width:0}.field textarea{resize:vertical;min-height:98px}.field small{font-weight:400;color:var(--muted);font-size:.75rem}.field input:focus,.field textarea:focus{border-color:var(--teal)}.prompt-box{background:#f1f6f8;border:1px solid #dce7eb;border-radius:10px;padding:18px;margin-top:19px}.prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.prompt-heading strong{font-size:.87rem}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86rem;line-height:1.95;margin:0;font-family:inherit;color:#294b5d}.hint{color:var(--muted);font-size:.77rem;line-height:1.8;margin:11px 0 0}.steps{padding:0;margin:0 0 22px;list-style:none;counter-reset:step;display:grid;gap:13px}.steps li{counter-increment:step;display:flex;gap:12px;font-size:.89rem}.steps li:before{content:counter(step);width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;color:var(--teal);background:var(--soft);font-size:.78rem;font-weight:700}.template-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.template-switch button{border:1px solid var(--line);border-radius:9px;padding:11px 4px;background:#fff;font-size:.8rem;font-weight:600}.template-switch button.active{border-color:var(--teal);background:var(--soft);color:var(--teal-dark)}.mini-example{padding:16px 18px;border-radius:9px;background:#f5f8fa;font-size:.84rem;margin-bottom:20px}.mini-example strong{display:block;margin-bottom:5px}.mini-example p{margin:0;color:var(--muted)}.rubric-row{padding:17px 0;border-bottom:1px solid var(--line)}.rubric-row:first-child{padding-top:0}.rubric-row h3{margin:0 0 5px}.rubric-row p{font-size:.8rem;color:var(--muted);margin:0 0 10px}.rubric-choices{display:flex;gap:7px;flex-wrap:wrap}.rubric-choices button{border:1px solid var(--line);padding:7px 10px;background:#fff;border-radius:7px;font-size:.8rem}.rubric-choices button.active{background:var(--soft);border-color:var(--teal);color:var(--teal-dark)}.score-bar{padding:17px 0;display:flex;align-items:center;gap:17px}.score-number{font-size:2rem;color:var(--teal);font-weight:700}.score-number small{font-size:1rem;color:var(--muted)}.quiz-item+.quiz-item{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.quiz-item .choice{padding:10px 13px}.reflection{margin-top:22px}.full-page{max-width:1260px;margin:0 auto;padding:32px 35px 55px}.library-controls{display:grid;grid-template-columns:1fr 280px;gap:13px;margin:23px 0 16px}.library-controls input,.library-controls select{border:1px solid var(--line);background:white;border-radius:9px;padding:12px 15px;min-width:0;color:var(--ink);width:100%}.library-summary{font-size:.84rem;color:var(--muted);margin-bottom:20px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.doc-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;display:flex;flex-direction:column;align-items:start;min-height:210px;transition:border-color .15s,transform .15s}.doc-card:hover{border-color:#76b1b0;transform:translateY(-2px)}.doc-card h3{font-size:1rem;margin:12px 0 9px}.doc-card p{color:var(--muted);font-size:.8rem;margin-bottom:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-card .doc-meta{font-size:.75rem;color:var(--teal-dark);margin-top:auto}.info-banner{padding:14px 18px;border:1px solid #d2e3ec;background:#eaf3f8;border-radius:10px;font-size:.82rem;color:#3c596a}.empty{padding:60px 20px;text-align:center;background:white;border-radius:12px;grid-column:1/-1}.empty p{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-height:90vh;width:min(880px,92vw);color:var(--ink);box-shadow:0 25px 120px #12374c38}dialog::backdrop{background:#16384b88;backdrop-filter:blur(3px)}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:.8rem;margin:15px 0 20px}.reader-text{white-space:pre-wrap;font-family:inherit;font-size:.94rem;line-height:1.95;overflow-wrap:anywhere}.reader-note{background:#fff5e3;color:#795528;border-radius:8px;padding:12px 15px;font-size:.8rem;margin:17px 0 23px}#confirm-reset{max-width:460px}.result-summary{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--ink);color:white;border-radius:16px;padding:26px;margin:22px 0}.result-summary h2{margin:0 0 7px}.result-summary p{margin:0;color:#cfdee4;font-size:.87rem}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.result-card.full{grid-column:1/-1}.result-card pre{white-space:pre-wrap;font:inherit;font-size:.9rem;overflow-wrap:anywhere;line-height:1.85}.result-card .tag{margin-bottom:12px}.result-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;flex-wrap:wrap}.result-list{list-style:none;padding:0;margin:0}.result-list li{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}.pill{font-size:.76rem;color:var(--teal-dark);background:var(--soft);padding:3px 10px;border-radius:20px;white-space:nowrap}.muted-pill{color:var(--muted);background:#edf1f4}.skip-link{position:absolute;top:-60px;left:20px;background:white;padding:10px;z-index:30}.skip-link:focus{top:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#183b4d;color:white;border-radius:10px;padding:12px 21px;font-size:.9rem;box-shadow:0 5px 25px #15354530;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s;max-width:90vw}#toast.visible{opacity:1}.projector{font-size:19px}.projector .workspace{grid-template-columns:215px 1fr;max-width:1700px}.projector .activity-layout{grid-template-columns:minmax(0,1fr) 235px}.projector .main-content{padding:25px}.projector .sidebar-source{display:none}.projector .topbar{height:auto;min-height:88px}.projector .activity-body{padding:27px}.projector .choice{font-size:1rem}.projector .coach-box{font-size:.85rem}.status-warning{color:#946018}
@media(min-width:1600px){.main-content{padding:35px 40px}.activity-layout{grid-template-columns:minmax(0,1fr) 260px}.activity-body{padding:30px}.activity-top{padding:27px 30px}}
@media(max-width:1190px){.workspace{grid-template-columns:213px minmax(0,1fr)}.sidebar{padding:26px 14px}.main-content{padding:26px 23px}.activity-layout{grid-template-columns:minmax(0,1fr)}.coach-panel{grid-template-columns:1fr 1fr 1fr}.timer-digits{font-size:2.5rem;padding:10px 0}.coach-box,.timer-box{padding:16px}.main-nav{gap:20px}.page-head{flex-wrap:wrap}.session-select{margin-top:0}.projector .activity-layout{grid-template-columns:1fr}.projector .coach-panel{grid-template-columns:1fr 1fr}.projector .coach-box.accent{grid-column:1/-1}}
@media(max-width:800px){.topbar{height:auto;min-height:85px;flex-wrap:wrap;padding:15px 20px 0;gap:10px}.brand{min-width:0}.brand-icon{width:40px;height:40px;font-size:23px}.main-nav{order:3;flex-basis:100%;justify-content:space-around;height:47px;gap:5px}.main-nav button{font-size:.84rem}.topbar>.button{margin-left:auto;font-size:.76rem;padding:6px 10px}.workspace,.projector .workspace{grid-template-columns:1fr}.sidebar{padding:16px 20px 0;border-right:0;gap:10px}.sidebar-intro,.sidebar-source,.progress-box{display:none}.lesson-nav{display:flex;overflow:auto;gap:7px;padding-bottom:8px}.lesson-link{min-width:130px;padding:9px 10px;gap:7px;grid-template-columns:26px 1fr}.lesson-label{font-size:.78rem}.lesson-time{font-size:.69rem}.lesson-no{height:25px;width:25px;font-size:.7rem}.main-content,.projector .main-content{padding:15px 20px 30px}.breadcrumb{margin-bottom:15px;font-size:.73rem}.page-head{gap:12px;margin-bottom:18px}h1{font-size:1.6rem}.page-head p{font-size:.84rem}.course-strip{padding:13px 15px;display:block;font-size:.8rem;margin-bottom:17px}.course-strip strong{display:block;margin-bottom:4px}.activity-top{padding:20px}.activity-top h2{font-size:1.18rem}.activity-body{padding:20px}.coach-panel{grid-template-columns:1fr 1fr}.coach-box.accent{grid-column:1/-1}.library-grid{grid-template-columns:1fr 1fr}.full-page{padding:25px 20px}.library-controls{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr}.result-card.full{grid-column:auto}.result-summary{grid-template-columns:1fr}.projector .coach-panel{grid-template-columns:1fr 1fr}.activity-footer{padding:17px 20px;flex-wrap:wrap}.activity-footer .button-row{margin-left:auto}.session-note{font-size:.7rem}}
@media(max-width:480px){.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.library-grid{grid-template-columns:1fr}.coach-panel,.projector .coach-panel{grid-template-columns:1fr}.coach-box.accent{grid-column:auto}.template-switch{grid-template-columns:1fr 1fr}.activity-footer{display:block}.activity-footer .button-row{margin-top:14px;justify-content:flex-end}.choice{padding:12px;gap:9px}.timer-box{display:grid;grid-template-columns:1fr auto;column-gap:14px}.timer-top{grid-column:1/-1}.timer-digits{padding:9px 0}.timer-box .button-row{align-items:center}.timer-status{grid-column:1/-1;margin-top:0}.library-controls{margin-top:17px}.reader-top{position:static}dialog{padding:20px}.brand strong{font-size:1rem}.brand small{font-size:.69rem}.main-nav{overflow:auto;justify-content:space-between}.activity-top .phase-icon{width:43px;height:43px;font-size:21px}}
.sidebar{min-width:0}.choice,.field input,.field textarea,.field select,.prompt-text{font-size:1rem}.doc-card p{font-size:.875rem}.coach-box{font-size:.875rem}.sidebar-source{font-size:.8rem}
@media(max-width:800px){.workspace,.projector .workspace{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.sidebar,.button,.session-note,.result-actions,#toast{display:none!important}body{background:white}.full-page{padding:0}.result-summary{background:white;color:var(--ink);border:1px solid var(--line)}.result-summary p{color:var(--muted)}.results-grid{display:block}.result-card{margin:15px 0;break-inside:avoid}.result-card pre{font-size:11pt}}
.course-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.course-home{font-size:.8rem;font-weight:600;white-space:nowrap}.course-actions .button{white-space:nowrap}
@media(max-width:800px){.course-actions{margin-left:auto;gap:12px}.course-actions .button{font-size:.76rem;padding:6px 10px}.course-home{font-size:.75rem}}
@media(max-width:480px){.course-actions{flex-basis:100%;justify-content:space-between;margin-left:0}.main-nav{order:3}}