@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#263f36;background:#f5f4ee;font-synthesis:none;font-size:14px;--green:#184d3f;--muted:#7c877c;--line:#e3e6dc;--gold:#b69256;--paper:#fafaf5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ca9f5a;outline-offset:4px}button svg{width:19px;height:19px;flex-shrink:0}a{color:inherit}.topbar{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:42px;background:#fafaf6}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}.brand-mark{position:relative;background:var(--green);border-radius:9px;color:#f3e5be;width:47px;height:52px;font-family:"Noto Serif SC",Songti SC,serif;font-size:30px;text-align:center;padding-top:0;box-shadow:inset 0 0 0 3px #fafaf633,inset 0 0 0 4px #decba25c}.brand-mark span{display:block;font:7px sans-serif;letter-spacing:4px;margin-top:-3px;padding-left:3px}.brand-type{font-family:"Noto Serif SC",Songti SC,serif;font-size:23px;letter-spacing:3px;font-weight:700}.brand-type small{display:block;font:8px sans-serif;letter-spacing:1.7px;margin-top:7px;color:#7b8577}.topbar nav{display:flex;align-self:stretch;gap:32px;margin-left:36px}.nav-button{font-size:14px;position:relative;padding:0 2px;color:#778176;letter-spacing:.3px}.nav-button:hover{color:var(--green)}.nav-button.active{font-weight:600;color:var(--green)}.nav-button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green)}.nav-dot{display:inline-block;width:5px;height:5px;background:#bd9758;border-radius:50%;margin-left:7px;vertical-align:middle}.top-note{margin-left:auto;font-family:"Noto Serif SC",Songti SC,serif;font-size:13px;color:#879080;letter-spacing:1px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#f8f9f3;flex-shrink:0}.icon-button:hover{background:#e8eee3}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr) 300px;gap:28px;max-width:1660px;padding:36px 36px 20px;margin:auto}.syllabus{padding:8px 0 0;min-width:0}.eyebrow{font-size:9px;letter-spacing:1.75px;color:#8b987d;font-weight:600}.syllabus h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:20px;letter-spacing:.5px;margin:13px 0 10px;font-weight:600}.syllabus-heading p{font-size:12px;color:var(--muted);margin:0}.course-progress{margin:29px 13px 24px 0}.course-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b9485}.course-progress b{font-size:12px;font-weight:500;color:var(--green);letter-spacing:2px}.progress-track{height:3px;background:#e2e5da;margin-top:12px;overflow:hidden}.progress-track i{display:block;background:#718b67;height:100%;transition:width .35s}.lesson-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:7px}.lesson-link{display:flex;align-items:center;width:100%;text-align:left;gap:13px;padding:13px 9px;border-radius:7px;min-height:65px}.lesson-link:hover{background:#eeefe7}.lesson-link.current{background:#e3ebdf;box-shadow:inset 3px 0 #3d6650}.lesson-number{border:1px solid #d9e0d3;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-size:10px;color:#8d9985;border-radius:50%;font-variant-numeric:tabular-nums}.lesson-number svg{width:15px;height:15px}.current .lesson-number{background:var(--green);border-color:var(--green);color:#f2edda}.completed:not(.current) .lesson-number{background:#edf1e6;color:#527f4d}.lesson-link b{display:block;font-size:12px;font-weight:500;letter-spacing:.3px}.lesson-link small{display:block;color:#8b9485;font-size:9px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:144px}.lesson-arrow{margin-left:auto;font-size:18px;color:#6f8068;opacity:0}.current .lesson-arrow{opacity:1}.sidebar-bottom{margin-top:26px;border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;gap:12px}.local-stamp{color:#a99472;font-family:serif;width:32px;height:34px;border:1px solid #c6b99d;display:grid;place-items:center;font-size:22px;border-radius:2px;transform:rotate(-4deg)}.sidebar-bottom b{font-size:11px;font-weight:500;color:#667762}.sidebar-bottom p{font-size:9px;margin:6px 0 0;color:#98a08e}.classroom{min-width:0}.classroom-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 25px}.classroom h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:31px;font-weight:600;letter-spacing:1px;margin:13px 0 10px;line-height:1.4}.classroom-heading p{font-size:12px;color:#89917f;margin:0}.level-badge{border:1px solid #d8ddcc;padding:8px 11px;border-radius:4px;white-space:nowrap;color:#889179;font-size:10px}.level-badge i{font-style:normal;padding:0 6px;color:#bda878}.table-shell{background:#1b5244;border-radius:12px;overflow:hidden;box-shadow:0 16px 25px -20px #213a2eb5,0 2px 4px #203b261f;position:relative;border:1px solid #305947}.table-topline{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:relative;z-index:2;border-bottom:1px solid #dbeace0b}.live-badge{font-size:10px;letter-spacing:1px;color:#d4dfc4;display:flex;align-items:center;gap:8px}.live-badge i{width:5px;height:5px;border-radius:50%;background:#c5c494;box-shadow:0 0 0 4px #c5c49411}.table-rule{display:flex;align-items:center;gap:7px;font-size:10px;color:#afc2a9;padding:10px 0}.table-rule svg{width:14px;height:14px}#table-host{height:410px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#2a6655 0,#174939 95%);touch-action:pan-y}#table-host canvas{display:block;width:100%;height:100%;outline:none}.table-caption{position:absolute;left:0;right:0;top:18px;display:flex;justify-content:center;pointer-events:none}.table-caption span{font-size:10px;letter-spacing:1px;color:#cfdec3;background:#214d3c8f;border:1px solid #bccaa42e;border-radius:3px;padding:6px 11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.selection-label{position:absolute;bottom:8px;left:12px;right:12px;text-align:center;color:#e1d3a3;font-size:11px;letter-spacing:1px;pointer-events:none}.hand-controls{background:#164739;padding:15px 19px 14px;box-shadow:inset 0 1px #d0e6bc14}.hand-meta{display:flex;justify-content:space-between;color:#b8c9ab;font-size:10px;letter-spacing:.5px;margin-bottom:13px}.hand-meta>span:last-child{color:#7fa58c;font-size:9px}.tile-access{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.tile-key{min-width:34px;padding:6px 4px;min-height:32px;color:#d0debf;border:1px solid #91b49242;border-radius:4px;font-size:10px;transition:background .15s}.tile-key:hover{background:#37664d}.tile-key.selected{background:#e3d7ad;color:#254331;border-color:#e3d7ad}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#123d31;border-top:1px solid #d6e5c311;font-size:9px;color:#9cb494;letter-spacing:.8px}.table-footer span:last-child{font-family:"Noto Serif SC",serif;color:#809c7c}.gold-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#bda772;margin-right:7px}.bottom-tip{display:flex;align-items:center;gap:12px;padding:19px 17px;background:#eeeee4;border:1px solid #e4e6d9;border-radius:7px;margin-top:20px}.tip-symbol{font-family:serif;color:#a58b51;border:1px solid #cdbf94;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.bottom-tip p{font-size:11px;line-height:1.9;margin:0;color:#7b826d}.tip-flower{margin-left:auto;font-size:24px;color:#c3c9b2}.coach{background:#fbfbf7;border:1px solid #e0e4d7;border-radius:10px;margin-top:7px;padding:24px 22px 20px;align-self:start;box-shadow:0 3px 4px #203b2603}.coach-top{display:flex;align-items:center;gap:11px;padding-bottom:23px;border-bottom:1px solid var(--line)}.coach-monogram{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e7edde;border:1px solid #d6e0ca;font-family:"Noto Serif SC",serif;font-size:23px;color:#48694e}.coach-top h2{font-size:14px;margin:0 0 7px;font-weight:500;letter-spacing:1px}.coach-top div>span{font-size:10px;color:#949d87}.coach-star{margin-left:auto;color:#baa374;font-size:29px}.lesson-copy{padding:25px 0 20px}.topic-tag{font-size:10px;color:#8b7949;background:#eeebdb;padding:5px 8px;border-radius:3px;display:inline-block;letter-spacing:.7px}.lesson-copy p{font-size:13px;line-height:2;color:#68765d;margin:15px 0 0}.exercise{border-top:1px dashed #dadfd0;padding-top:22px}.exercise-label{display:flex;align-items:center;justify-content:space-between;color:#a4ab97;font-size:10px;letter-spacing:1px}.exercise-label span:first-child{color:#9f8b57}.exercise h3{font-family:"Noto Serif SC",Songti SC,serif;font-size:17px;line-height:1.9;margin:13px 0 20px;font-weight:600}.primary-button{background:var(--green);color:#faf6e6;border:1px solid var(--green);min-height:48px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:11px 16px;font-size:12px;letter-spacing:1px;transition:background .15s,transform .15s}.primary-button:hover:not(:disabled){background:#28624e;transform:translateY(-1px)}.primary-button:disabled{background:#e4e9dd;border-color:#e4e9dd;color:#9ba890}.hint-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;font-size:11px;color:#7a866f;margin-top:10px}.hint-button svg{width:15px;height:15px}.hint-button:hover{color:#315540}.hint-copy{font-size:12px;line-height:1.85;background:#f1eee0;border-left:2px solid #c7b372;color:#817148;padding:12px;margin:8px 0}.hint-button[hidden]{display:none}.retry-button{display:flex;justify-content:center;align-items:center;width:100%;gap:6px;font-size:10px;color:#a1aa94;min-height:36px}.retry-button svg{width:13px;height:13px}.coach-note{border-top:1px solid var(--line);padding-top:22px;margin-top:23px}.coach-note>span{font-family:"Noto Serif SC",serif;font-size:14px;color:#738568;letter-spacing:.5px}.coach-note p{font-size:10px;color:#a0a890;line-height:2.1;margin:9px 0 0}.version-note{font-size:9px;color:#abb39f;line-height:1.9;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.options{display:flex;flex-direction:column;gap:8px}.option{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #dfe5d5;border-radius:5px;min-height:49px;padding:10px 11px;font-size:11px;line-height:1.7;margin:0;background:#f8f9f2}.option:last-child{margin-bottom:17px}.option>span{font-size:10px;color:#87947b;border:1px solid #dce3d2;width:21px;height:21px;display:grid;place-items:center;flex-shrink:0;border-radius:50%}.option:hover:not(:disabled){border-color:#6e8a63}.option.selected{background:#e6eddd;border-color:#739367}.option.selected>span{background:#335e40;border-color:#335e40;color:#fff}.feedback{display:none}.feedback.correct,.feedback.wrong{display:block;border-radius:5px;padding:12px;margin:0 0 15px;font-size:11px;line-height:1.85}.feedback.correct{color:#3f6543;background:#edf2e6;border:1px solid #dae7cd}.feedback.wrong{background:#f8eee5;color:#956449;border:1px solid #edd9c5}.feedback b{font-weight:500;display:flex;align-items:center;gap:6px}.feedback svg{width:16px;height:16px}.feedback p{margin:6px 0 0}.page-footer{max-width:1660px;display:flex;justify-content:space-between;margin:0 auto;padding:2px 38px 25px;color:#a1a997;font-size:9px;letter-spacing:.8px}.page-footer i{font-style:normal;margin:0 10px;color:#c3c8b7}dialog{border:1px solid #dce3d2;border-radius:14px;background:#fafbf5;color:#2d4536;width:min(750px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px 35px;box-shadow:0 20px 100px #16332966}dialog::backdrop{background:#0b211a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:600;margin:18px 0}.dialog-intro{font-size:12px;line-height:2;color:#7e8b72;margin-bottom:25px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.rules-grid article{position:relative;padding-left:30px}.rules-grid article>b{position:absolute;left:0;top:1px;color:#b49d67;font-weight:400;font-size:12px}.rules-grid h3{font-size:14px;margin:0 0 8px;font-weight:500}.rules-grid p{font-size:11px;color:#7d8a70;line-height:1.9;margin:0}.source-note{border-top:1px solid var(--line);padding-top:18px;margin:25px 0;font-size:10px;line-height:2;color:#859177}.source-note a{color:#476b49;text-underline-offset:3px}#completion-dialog{max-width:450px;text-align:center;padding:35px}.completion-seal{width:76px;height:85px;margin:0 auto 27px;display:grid;place-items:center;border-radius:10px;background:#f3ead2;border:1px solid #d1be88;box-shadow:0 6px #245840;font:48px "Noto Serif SC",serif;color:#366243}#completion-dialog h2{font-size:24px}#completion-copy{font-size:12px;line-height:2;color:#7b8b72}.completion-result{margin:25px 0 30px;padding:20px;border-block:1px solid var(--line)}.completion-result strong{font-size:44px;display:block;font-weight:400;font-family:Georgia,serif}.completion-result small{font-size:22px;color:#9aa788}.completion-result>span{font-size:10px;letter-spacing:2px;color:#8e9b7d}.render-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1d5346;color:#f3ebd3;font-size:18px;gap:15px}.render-error small{font-size:12px}.render-error~.selection-label{display:none}@media(min-width:1540px){.workspace{grid-template-columns:245px minmax(0,1fr) 325px;gap:36px}#table-host{height:455px}.lesson-link{min-height:70px}.coach{padding:28px}.classroom h1{font-size:35px}}@media(max-width:1250px){.topbar{padding:0 25px;gap:25px}.topbar nav{margin-left:5px;gap:25px}.top-note{display:none}.workspace{padding:28px 22px 20px;grid-template-columns:175px minmax(0,1fr) 268px;gap:20px}.syllabus h2{font-size:17px}.eyebrow{font-size:8px;letter-spacing:1.3px}.syllabus-heading p{font-size:10px}.lesson-link{gap:8px;padding:12px 7px}.lesson-link small{max-width:110px;font-size:8px}.lesson-link b{font-size:11px}.lesson-arrow{display:none}.coach{padding:22px 17px}.classroom h1{font-size:27px}.level-badge{display:none}#table-host{height:390px}.table-topline{padding:0 16px}.tile-key{min-width:34px}.topbar>.icon-button{margin-left:auto}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 280px;padding-top:17px}.syllabus{grid-column:1/-1}.syllabus-heading,.course-progress,.sidebar-bottom{display:none}.lesson-list{flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:8px}.lesson-link{min-width:135px;min-height:46px;background:#eeefe6}.lesson-link small{display:none}.lesson-number{width:23px;height:23px;font-size:9px}.lesson-link.current{box-shadow:inset 0 -2px #3d6650}.classroom-heading,.coach{margin-top:8px}#table-host{height:380px}.classroom h1{font-size:27px}.topbar{height:82px}.brand-type{font-size:20px}.brand-type small{font-size:7px}.topbar nav{gap:23px}.nav-button{font-size:12px}.topbar{gap:20px}.page-footer{padding:8px 24px 24px}.page-footer span:last-child{font-size:8px}}@media(max-width:760px){.topbar{height:auto;min-height:82px;flex-wrap:wrap;padding:18px 19px 0;gap:0}.brand-mark{width:38px;height:44px;font-size:25px}.brand-mark span{font-size:6px;letter-spacing:3px}.brand-type{font-size:21px}.brand-type small{font-size:7px;letter-spacing:1.4px}.topbar>.icon-button{order:2}.topbar nav{order:3;width:100%;height:54px;justify-content:space-around;margin:10px 0 0;gap:0}.nav-button{font-size:12px}.workspace{display:flex;flex-direction:column;gap:19px;padding:15px 16px}.syllabus{padding:0;margin-right:-16px}.lesson-list{gap:7px;padding-right:16px}.lesson-link{min-width:125px}.classroom-heading{margin:3px 0 19px}.classroom h1{font-size:28px;margin-top:11px}.classroom-heading p{font-size:11px}.eyebrow{font-size:8px}.table-topline{height:44px;padding:0 15px}.live-badge,.table-rule{font-size:9px}#table-host{height:285px}.table-caption{top:8px}.table-caption span{font-size:9px;max-width:90%;text-align:center}.selection-label{font-size:10px;bottom:3px}.hand-controls{padding:13px 12px}.hand-meta{font-size:9px}.hand-meta>span:last-child{font-size:8px}.tile-access{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.tile-key{min-width:0;min-height:44px;font-size:10px;padding:5px 2px}.table-footer{padding:12px 14px;font-size:8px}.bottom-tip{margin-top:15px;padding:13px 12px;gap:9px}.bottom-tip p{font-size:10px}.coach{margin-top:0;padding:22px;width:100%}.coach-top{padding-bottom:18px}.coach-top h2{font-size:15px}.coach-top div>span{font-size:11px}.lesson-copy{padding:21px 0}.lesson-copy p{font-size:14px;line-height:1.9}.exercise h3{font-size:19px}.option{min-height:52px;font-size:13px}.exercise-label{font-size:11px}.primary-button{font-size:13px;min-height:50px}.hint-button{font-size:12px;min-height:46px}.retry-button{font-size:11px;min-height:44px}.coach-note{margin-top:17px;padding-top:17px}.coach-note p{font-size:11px}.version-note{font-size:10px}.feedback.correct,.feedback.wrong,.hint-copy{font-size:13px}.page-footer{flex-direction:column;gap:12px;padding:12px 18px 25px;font-size:8px}.rules-grid{grid-template-columns:1fr;gap:23px}dialog{padding:23px}dialog h2{font-size:25px}.dialog-intro,.rules-grid p{font-size:12px}.source-note{font-size:11px}.icon-button{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}