:root{--ink:#263c33;--green:#244c42;--muted:#788078;--paper:#f7f8f3;--line:#e1e5dc;--gold:#b78d54;--serif:Georgia,'Noto Serif SC','Songti SC',SimSun,serif;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bc9756;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}.topbar{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4.2%;gap:74px;background:#fafbf7}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:650;letter-spacing:3px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:3.5px;margin-top:4px;color:#829187}.brand-mark{display:grid;place-items:center;border:1px solid var(--green);border-radius:9px;font:28px var(--serif);width:47px;height:47px;background:var(--green);color:#f7f6ec}.topbar nav{display:flex;gap:33px;height:100%}.topbar nav button{font-size:13px;padding:2px 0 0;color:#829087}.topbar nav .nav-active{color:var(--green);position:relative;font-weight:600}.nav-active:after{content:'';height:3px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.topbar nav span{margin-left:8px}.top-note{margin-left:auto;font-size:11px;color:#7e8b80;letter-spacing:1px}.top-note i,.rule-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7e9b80;margin-right:8px}main{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:210px minmax(400px,1fr) 290px;gap:38px;padding:42px 4.2% 34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c958a;font-weight:600}h1{font:34px/1.4 var(--serif);margin:19px 0 12px;letter-spacing:3px}h1 span{display:block;font-family:'Microsoft YaHei',sans-serif;font-size:14px;font-weight:400;letter-spacing:4px;margin-top:5px;color:#6e7a70}.intro{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 36px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:650}.section-label>span{font-size:10px;font-weight:400;color:#98a096}.lesson-list{display:grid;gap:10px;margin-top:15px}.lesson-item{width:100%;text-align:left;display:flex;gap:11px;padding:16px 11px;border-radius:7px;border:1px solid transparent;transition:.2s}.lesson-item .lesson-num{font:italic 16px var(--serif);color:#9da596;margin-top:1px}.lesson-item strong{font-size:12px;font-weight:600;display:block}.lesson-item small{font-size:10px;color:#8b9389;display:block;margin-top:6px}.lesson-item.active{background:#e9eee5;border-color:#dce4d8}.lesson-item.active .lesson-num{color:#6e8b71}.lesson-item:hover{background:#eef1e9}.opening-card{margin-top:32px;border:1px solid var(--line);border-radius:9px;text-align:center;padding:20px 12px 19px}.opening-card strong{display:block;font-size:11px;font-weight:500;margin-top:14px}.opening-card p{font-size:11px;line-height:1.8;color:#93998d;margin:8px}.tag{font-size:9px;color:#8c947e;background:#eef0e6;padding:5px 8px;border-radius:3px;display:inline-block}.mini-board{width:83px;height:83px;margin:0 auto;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#c9d0bf 19px,#c9d0bf 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#c9d0bf 19px,#c9d0bf 20px);background-position:1px 2px}.mini-board b{position:absolute;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:9px;font-weight:400;z-index:1}.mini-black{background:#344137;color:#d5dcce;box-shadow:0 2px 3px #485b4430}.mini-white{background:#fffefa;border:1px solid #d2d4c5;color:#83907e;box-shadow:0 2px 3px #485b4430}.mini-board .one{left:30px;top:31px}.mini-board .three{left:50px;top:31px}.mini-board .two{left:50px;top:11px}.mini-board .four{left:30px;top:51px}.sidebar-footer{margin-top:27px;font-size:10px;line-height:2.4;color:#798777}.sidebar-footer small{font-size:9px;color:#9a9f92;margin-left:17px}.small-white{display:inline-block;width:11px;height:11px;vertical-align:middle;border-radius:50%;border:1px solid #cbd1c1;background:#fffefa;box-shadow:0 1px 2px #46583a15;margin-right:6px}.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.board-heading h2{font:25px var(--serif);font-weight:500;letter-spacing:1px;margin:9px 0 0}.rule-chip{border:1px solid #dce3d5;font-size:10px;border-radius:20px;padding:7px 10px;background:#f0f4eb;color:#64826b}.board-topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 2px 12px;color:#7b8877}.board-topline #turn-label{color:var(--green);font-weight:500}.board-shell{border-radius:9px;background:#ddc69e;padding:8px;box-shadow:0 9px 27px #49422712,0 1px 2px #695a3d15;border:1px solid #d3bc95}.board{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at 30% 20%,#fff5dc63,transparent 85%),repeating-linear-gradient(0deg,#ead9b9 0px,#ead9b9 3px,#e6d4b2 4px,#ead9b9 5px);border-radius:4px;touch-action:manipulation}.grid-lines{position:absolute;inset:0;width:100%;height:100%}.intersection{position:absolute;width:6%;height:6%;transform:translate(-50%,-50%);padding:0;display:grid;place-items:center;border-radius:50%;outline-offset:0!important}.intersection:hover:empty:after{content:'';width:80%;height:80%;border-radius:50%;border:1px solid #fff9e8;background:#fffbee65}.stone{height:88%;width:88%;border-radius:50%;display:grid;place-items:center;font-size:clamp(9px,1vw,13px);font-weight:500;position:relative;box-shadow:1px 3px 4px #4c3e2945;pointer-events:none}.stone.black{background:radial-gradient(circle at 30% 25%,#50534b,#222620 65%,#171b17);color:#f6f6ea}.stone.white{background:radial-gradient(circle at 32% 25%,#fffef8,#f7f5e9 65%,#dfddcd);border:1px solid #c8c8b2;color:#666958}.stone.latest:after{content:'';width:5px;height:5px;background:#b2634b;border:1px solid #f4e8cf;border-radius:50%;position:absolute;bottom:1px;right:1px}.stone.win{box-shadow:0 0 0 3px #90ac71,0 2px 6px #60574144}.no-numbers .stone{font-size:0}.hint-marker{width:55%;height:55%;border-radius:50%;border:1.5px dashed #6c8263;display:grid;place-items:center;font-size:9px;color:#5f7f58;pointer-events:none;background:#eff4df65}.forbid-marker{font-size:16px;color:#b2745d;pointer-events:none;opacity:.85}.board-legend{display:flex;justify-content:center;gap:20px;color:#929484;font-size:9px;margin:15px 0 20px}.board-legend span{display:flex;align-items:center;gap:6px}.last-dot{width:5px;height:5px;background:#b2634b;border-radius:50%}.hint-dot{width:8px;height:8px;border:1px dashed #71856b;border-radius:50%}.forbidden-dot{font-style:normal;color:#b2745d;font-size:13px}.play-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px}.button{border:1px solid #dfe4d8;border-radius:6px;font-size:12px;height:42px;transition:background .15s}.button.light{background:#fbfcf7;color:#788672}.button.light:hover{background:#edf1e7}.button.primary{background:var(--green);color:#f3f5e8;border-color:var(--green);letter-spacing:1px}.button.primary:hover{background:#386252}.button.primary.on{background:#e3ebdd;color:var(--green);border-color:#b5c6ae}.feedback{font-size:11px;line-height:1.8;min-height:45px;margin:14px 0 8px;color:#7b8b74;text-align:center;display:flex;align-items:center;justify-content:center}.feedback.error{color:#a75d42;background:#f8eee7;border-radius:5px;padding:8px}.display-options{display:flex;gap:17px;font-size:10px;color:#92998c;border-top:1px solid var(--line);padding-top:16px;align-items:center}.display-options label{display:flex;align-items:center;gap:3px;cursor:pointer}.display-options input{accent-color:#537858;width:12px;height:12px;margin:0 3px 0 0}.text-button{font-size:10px;color:#7d8e75;padding:0}.display-options .text-button{margin-left:auto}.study-panel{border-left:1px solid var(--line);padding-left:27px}.panel-heading{display:flex;justify-content:space-between;align-items:center;height:26px;margin-bottom:23px}.live-pill{font-size:8px;letter-spacing:1px;color:#9aa58f;border:1px solid #dfe6d5;padding:4px 5px;border-radius:3px}.coach-card{background:#eaf0e5;padding:22px 20px 0;border-radius:8px;border:1px solid #e0e7d7}.coach-kicker{font-size:9px;letter-spacing:1px;color:#879b7b}.coach-card h3{font:20px/1.5 var(--serif);margin:11px 0}.coach-card p{font-size:12px;line-height:1.9;color:#6e8066;min-height:70px;margin:0 0 18px}.coach-bottom{border-top:1px solid #dce5d3;display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.6;color:#8d9d80;padding:14px 0}.line-icon{font-size:20px;color:#809774}.variation-heading{margin-top:27px}.variations{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.variation{border:1px solid var(--line);padding:8px 13px;border-radius:5px;font-size:11px;display:flex;gap:8px;align-items:center;background:#fafbf6}.variation strong{font-size:12px;letter-spacing:.4px;font-weight:500}.variation small{font-size:9px;color:#89967f}.variation:hover{border-color:#8da684;background:#edf2e7}.coverage-note{font-size:10px;color:#9a9f90;line-height:1.9;margin:12px 0 26px}.record-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px}.move-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;max-height:166px;min-height:82px;overflow:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#c4cebb transparent}.record-move{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;border-radius:4px;padding:8px 3px;border:1px solid #e6e9df;min-width:0}.record-move span{font-size:8px;color:#a3ab99}.record-move .tiny-stone{width:7px;height:7px;border-radius:50%;background:#333e33;flex-shrink:0}.record-move .tiny-stone.white{background:white;border:1px solid #c6cbbc}.record-move.current{border-color:#90a784;background:#edf2e7}.record-move.future{opacity:.35}.replay-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border:1px solid var(--line);border-radius:5px;padding:5px 6px}.replay-controls button{font-size:21px;line-height:22px;padding:0 6px;color:#85947a}.replay-controls span{font-size:9px;letter-spacing:1px;color:#9ca58f}.demo-button{width:100%;padding:13px 5px;font-size:11px;color:#66815c;margin-top:8px}.study-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a1a692}.page-footer{display:flex;justify-content:space-between;max-width:1480px;margin:auto;padding:20px 4.2%;font-size:9px;letter-spacing:1px;color:#a2aa97;border-top:1px solid #e7eadf}.footer-dot{padding:0 8px}dialog{border:1px solid #dce3d3;border-radius:12px;background:#fafbf6;color:var(--ink);max-width:580px;width:calc(100vw - 32px);padding:38px;box-shadow:0 24px 80px #21392d30}dialog::backdrop{background:#1b2d2355;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;right:16px;font-size:24px;color:#8d9786}dialog h2{font:26px var(--serif);margin:14px 0 18px}dialog p{font-size:12px;color:#738069;line-height:1.9}dialog a{font-size:11px;color:#447348;text-decoration:underline}.rule-row{display:flex;gap:21px;border-top:1px solid var(--line);padding:12px 0}.rule-row b{flex-shrink:0;font-size:12px;padding-top:3px}.rule-row p{margin:0;font-size:11px}.loading .board{opacity:.75}.loading .intersection{cursor:wait}.symmetry-overlay{stroke:#8e5c4977;stroke-width:2;stroke-dasharray:6 5;fill:none}.symmetry-point{fill:#b57e58}
@media(min-width:1440px){main{grid-template-columns:220px minmax(450px,1fr) 310px;gap:46px}.study-panel{padding-left:32px}}
@media(max-width:1120px){main{grid-template-columns:170px minmax(360px,1fr) 240px;gap:22px;padding:30px 3%}.study-panel{padding-left:20px}.coach-card{padding:18px 14px 0}.coach-card h3{font-size:18px}.topbar{padding:0 3%;gap:50px}.display-options{gap:8px;font-size:9px}.lesson-item{padding:14px 8px}.opening-card{margin-top:25px}.top-note{font-size:10px}.study-footer{flex-wrap:wrap;gap:10px}}
@media(max-width:940px){main{grid-template-columns:minmax(340px,1fr) 270px;gap:28px;padding:26px 4%}.course-sidebar{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 28px;border-bottom:1px solid var(--line);padding-bottom:23px}.course-sidebar>.eyebrow,.intro,.opening-card,.sidebar-footer,.course-sidebar>.section-label{display:none}.course-sidebar h1{font-size:26px;margin:0;letter-spacing:2px}.course-sidebar h1 span{font-size:10px;letter-spacing:2px}.lesson-list{display:flex;margin:0;justify-content:flex-end;gap:8px}.lesson-item{width:auto;min-width:150px}.topbar{height:77px;gap:38px}.top-note{display:none}.board-heading{margin-bottom:20px}.study-panel{padding-left:22px}.display-options{flex-wrap:wrap;gap:12px}.display-options .text-button{margin-left:0}.stone{font-size:11px}}
@media(max-width:670px){.topbar{height:69px;padding:0 19px;gap:20px;justify-content:space-between}.brand{font-size:18px;gap:9px;letter-spacing:2px}.brand-mark{width:37px;height:37px;font-size:23px}.brand small{font-size:7px;letter-spacing:2px}.topbar nav{gap:18px}.topbar nav button{font-size:11px}main{display:flex;flex-direction:column;gap:24px;padding:23px 16px}.course-sidebar{display:block;padding-bottom:19px}.course-sidebar h1{font-size:24px;display:flex;align-items:baseline;gap:13px}.course-sidebar h1 span{margin:0;font-size:11px}.lesson-list{justify-content:flex-start;margin-top:17px;gap:8px}.lesson-item{flex:1;padding:12px 9px;min-width:0}.lesson-item strong{font-size:11px}.lesson-item small{font-size:9px}.board-heading h2{font-size:23px}.board-heading{margin-bottom:19px}.board-shell{padding:6px;border-radius:7px}.board-legend{font-size:9px;gap:16px;margin:13px 0 17px}.stone{font-size:10px;box-shadow:1px 2px 3px #4c3e2945}.stone.latest:after{height:4px;width:4px}.play-controls{gap:8px}.button{height:41px;font-size:11px}.feedback{font-size:10px;margin:9px 0 10px;min-height:34px}.display-options{justify-content:space-between;font-size:9px;padding-top:13px;gap:7px}.display-options .text-button{font-size:9px}.study-panel{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.panel-heading{margin-bottom:15px}.coach-card p{min-height:0}.coach-card{padding:18px 19px 0}.coach-card h3{margin:8px 0;font-size:21px}.coach-card p{font-size:12px}.variation-heading{margin-top:20px}.move-list{grid-template-columns:repeat(6,1fr);max-height:160px;min-height:40px}.coverage-note{margin-bottom:22px}.record-move{font-size:10px}.page-footer{padding:18px 16px;font-size:8px;letter-spacing:0;gap:12px}.study-footer{margin-top:5px}.hint-marker{font-size:8px}.forbid-marker{font-size:13px}dialog{padding:28px}.replay-controls button{padding:3px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}