:root{--ink:#29333c;--muted:#79828a;--line:#e1e5e8;--blue:#41677f;--red:#a93330;--bg:#f1f3f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,"Microsoft YaHei",sans-serif}button,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:8px 13px}button:hover:not(:disabled){background:#edf3f7;border-color:#b9cbd7}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fb3d4;outline-offset:2px}button:disabled{opacity:.42;cursor:default}button.primary,button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}header{max-width:1460px;margin:auto;padding:16px 22px 12px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:19px;font-weight:600}.brand>b{width:38px;height:38px;border:1px solid #b45748;border-radius:50%;display:grid;place-items:center;color:var(--red);font:26px serif;background:#fbf5ed}.brand small{font-size:11px;letter-spacing:3px;display:block;color:var(--muted);font-weight:400}.live{font-size:12px;color:#648878}.toolbar{max-width:1416px;margin:0 auto 14px;padding:9px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:9px}.red-text{color:var(--red)}.divider{height:24px;border-left:1px solid var(--line);margin:0 3px}main{max-width:1416px;margin:auto;display:grid;grid-template-columns:minmax(360px,600px) minmax(360px,1fr);gap:18px;align-items:start}.board-column{min-width:0}.player{display:flex;justify-content:space-between;padding:6px 5px;font-size:13px}.player span:last-child{color:var(--muted);font-size:12px}#board-wrap{padding:6px;background:#b78957;border:1px solid #aa794b;border-radius:7px;box-shadow:0 6px 18px #36231313}#board{display:block;width:100%;height:auto;background:repeating-linear-gradient(92deg,#eccd9a26 0px,#cba06c26 3px,#ebcca226 7px),linear-gradient(110deg,#e9c797,#efd5a9 55%,#dbb67f);border-radius:2px;touch-action:manipulation;user-select:none}.board-line{stroke:#816443;stroke-width:1.35;fill:none}.piece{cursor:pointer;filter:drop-shadow(0 2px 1px #39230c65)}.piece circle{stroke-width:2}.piece text{font:700 33px "KaiTi","STKaiti","SimSun",serif;pointer-events:none}.piece:focus{outline:none}.piece:focus circle{stroke:#3686ad;stroke-width:4}.navigation{display:flex;align-items:center;justify-content:space-around;background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px;margin:6px 0 12px}.navigation button{border:0;flex:1;padding:2px;font-size:26px}.navigation span{font-size:12px;color:var(--muted);min-width:75px;text-align:center}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-title{padding:13px 17px;border-bottom:1px solid #edf0f2;font-weight:600;display:flex;justify-content:space-between;align-items:center}.panel-title>span{font-size:12px;font-weight:400;color:var(--muted)}.workspace{display:grid;gap:14px}.record{min-height:315px;display:flex;flex-direction:column}.record-head,.history-row{display:grid;grid-template-columns:55px 1fr 1fr;gap:8px;align-items:center;padding:7px 16px}.record-head{font-size:12px;background:#fafbfc;color:var(--muted)}#history{height:260px;overflow:auto;scrollbar-width:thin}.history-row{padding-top:3px;padding-bottom:3px}.history-row>span{color:var(--muted);font:12px monospace}.history-row button{border:0;text-align:left;font-size:14px}.history-row button.active{color:var(--blue);background:#eaf1f5}.empty{text-align:center;color:#a08a70;padding:30px 10px}.empty small{display:block;line-height:2;color:var(--muted);margin-top:14px}.record-foot{font-size:11px;padding:9px 16px;color:var(--muted);border-top:1px solid #edf0f2}.engine-settings{padding:13px 17px;display:flex;align-items:center;gap:12px;font-size:12px}.engine-settings select{padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:white}.engine-settings span{margin-left:auto;color:#738b7b}.panel-title .engine-badge{font-size:10px;color:var(--blue);background:#eff4f7;padding:2px 8px;border-radius:4px}#status{margin:0 17px;color:#65737c;font-size:12px;min-height:36px}.metrics{display:grid;grid-template-columns:2fr 1fr 1fr;padding:12px 17px;margin-top:6px;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}.metrics small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.metrics strong{font:600 20px system-ui;color:var(--blue)}.variation{padding:13px 17px}.variation>span{font-size:11px;color:var(--muted)}.variation p{font-size:13px;min-height:30px;line-height:1.9;margin:6px 0;color:#61727e;overflow-wrap:anywhere}#apply{margin:0 17px 17px;font-size:12px}.evaluation .panel-title{border-bottom:0;padding-bottom:8px}.eval-bar{height:7px;background:#414a50;margin:8px 17px;border-radius:5px;overflow:hidden}#eval-red{width:50%;height:100%;background:#b35e52;transition:width .4s}.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:2px 17px 13px}footer{max-width:1416px;margin:20px auto;padding:0 5px 12px;font-size:11px;color:#7b878c;display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:12px;max-width:560px;width:calc(100% - 32px);padding:24px;color:var(--ink)}dialog::backdrop{background:#14243266}dialog h2{font-size:20px;margin:0}dialog p{font-size:12px;color:var(--muted)}textarea{width:100%;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:6px;font:13px monospace;resize:vertical}.file-label{display:block;margin:15px 0;font-size:12px}.file-label input{display:block;margin-top:8px;max-width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#import-error{color:var(--red)}@media(max-width:1000px){header{padding:12px}.toolbar,main,footer{margin-left:12px;margin-right:12px}main{grid-template-columns:minmax(320px,1.1fr) minmax(280px,1fr);gap:12px}.toolbar button{font-size:12px;padding:7px 10px}.metrics strong{font-size:17px}}@media(max-width:720px){main{grid-template-columns:1fr;max-width:570px;margin:auto;padding:0 10px}.toolbar{gap:5px;justify-content:flex-start}.divider{display:none}.toolbar button{flex:1 0 auto}.workspace{grid-template-columns:1fr}.engine{grid-row:1}.record{min-height:0}#history{height:180px}.player{padding:5px;font-size:12px}footer{display:block;text-align:center}footer span{display:block;margin-top:5px}}