#xiangqi-analysis { --xq-accent:#aa4937; --xq-line:var(--md-default-fg-color--lightest); --xq-muted:var(--md-default-fg-color--light); margin:1.5rem 0 2.5rem; font-family:var(--md-text-font-family); font-size:.72rem; }
#xiangqi-analysis * { box-sizing:border-box; }
#xiangqi-analysis button { font:inherit; cursor:pointer; color:inherit; }
#xiangqi-analysis button:focus-visible, #xiangqi-analysis textarea:focus-visible { outline:3px solid #338ac7; outline-offset:3px; }
#xiangqi-analysis button:disabled { opacity:.35; cursor:default; }
#xiangqi-analysis h2,#xiangqi-analysis h3,#xiangqi-analysis p { margin:0; }
#xiangqi-analysis h2 { font-size:1.5rem; font-weight:700; letter-spacing:.1em; margin:.2rem 0; }
#xiangqi-analysis h3 { font-size:.8rem; font-weight:700; }
.xq-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.2rem; }
.xq-heading p { color:var(--xq-muted); }
.xq-eyebrow { font-size:.5rem; letter-spacing:.19em; color:var(--xq-accent); font-weight:700; }
#xiangqi-analysis .xq-source { color:var(--xq-muted); font-size:.6rem; white-space:nowrap; border-bottom:1px solid var(--xq-line); }
.xq-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; align-items:start; }
.xq-layout > section { min-width:0; width:100%; }
.xq-turnbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:.65rem; gap:.3rem; font-size:.64rem; }
.xq-turnbar strong::before { content:'';display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:var(--xq-accent);margin-right:.4rem; }
.xq-turnbar span { color:var(--xq-muted);font-size:.56rem; }
.xq-board { container-type:inline-size; position:relative; width:100%; aspect-ratio:480/530; background:#e9d7b6; color:#866646; border:1px solid #c5a87c; border-radius:6px; box-shadow:0 6px 20px #00000012; touch-action:manipulation; }
.xq-board svg { display:block;width:100%;height:100%;border-radius:6px; }
#xiangqi-analysis .xq-square { position:absolute;transform:translate(-50%,-50%);width:10%;height:9.06%;padding:0;background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.xq-piece { display:flex;align-items:center;justify-content:center;width:88%;height:88%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff2d8,#e7c68f);border:1px solid #ab8350;box-shadow:0 2px 2px #593b3370,inset 0 0 0 2px #eed7b1,inset 0 0 0 3px #b18c58;font-family:'STKaiti','KaiTi','Noto Serif SC',serif;font-weight:700;font-size:clamp(20px,6cqw,44px);line-height:1; }
.xq-piece.xq-red { color:#a52c24; }
.xq-piece.xq-black { color:#28343a; }
.xq-selected { outline:3px solid #307b79!important; }
.xq-target::after { content:'';position:absolute;width:24%;height:24%;border-radius:50%;background:#237774a6;box-shadow:0 0 0 2px #fff9; }
.xq-target:has(.xq-piece)::after { width:92%;height:92%;background:none;border:3px solid #237774; }
.xq-last { background:#b6813d47!important; }
.xq-suggest { outline:3px dashed #307b79; }
.xq-check .xq-piece { background:#ffd4be;outline:3px solid #b82d24; }
.xq-toolbar { display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.75rem; }
#xiangqi-analysis .xq-toolbar button,#xiangqi-analysis .xq-history-nav button { border:1px solid var(--xq-line);padding:.42rem .7rem;border-radius:4px;background:var(--md-default-bg-color); }
#xiangqi-analysis .xq-toolbar button:hover:not(:disabled),#xiangqi-analysis .xq-history-nav button:hover:not(:disabled) { background:var(--md-code-bg-color); }
#xiangqi-analysis .xq-message { min-height:2.8em;margin-top:.7rem;color:var(--xq-muted);font-size:.62rem; }
.xq-panel { min-width:0; }
.xq-panel-title { display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.5rem; }
.xq-panel-title>span { font-size:.58rem;color:var(--xq-muted); }
#xiangqi-analysis .xq-panel-title button { color:var(--xq-accent);font-size:.6rem;min-height:30px; }
#xiangqi-analysis .xq-perspective { color:var(--xq-muted);font-size:.55rem;line-height:1.6; }
#xiangqi-analysis .xq-cloud-status { font-size:.61rem;line-height:1.6;padding:.55rem 0;min-height:2.7rem; }
.xq-table-wrap { max-height:15rem;overflow:auto; }
#xiangqi-analysis .xq-candidates { width:100%;border:0;box-shadow:none;font-size:.63rem;display:table;margin:0;border-collapse:collapse; }
#xiangqi-analysis .xq-candidates th { position:sticky;top:0;padding:.45rem .2rem;background:var(--md-code-bg-color);font-size:.54rem;white-space:nowrap;color:var(--xq-muted);min-width:0; }
#xiangqi-analysis .xq-candidates td { padding:.3rem .2rem;border-bottom:1px solid var(--xq-line);vertical-align:middle;white-space:nowrap; }
#xiangqi-analysis .xq-move { padding:.3rem 0;min-height:30px; }
#xiangqi-analysis .xq-move:hover { color:var(--xq-accent); }
.xq-best { display:inline-block;padding:.07rem .16rem;margin-left:.25rem;font-size:.45rem;color:#27736c;background:#69aaa224;border-radius:3px; }
.xq-red-text { color:var(--xq-accent); }
#xiangqi-analysis [data-pv] { line-height:1.9;white-space:pre-wrap;color:var(--xq-muted); }
.xq-history-nav { display:flex;gap:.3rem;margin:.5rem 0; }
#xiangqi-analysis .xq-history-nav button { padding:.2rem .6rem;min-width:36px;min-height:32px; }
.xq-history { max-height:8rem;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:.25rem; }
#xiangqi-analysis .xq-history button { text-align:left;padding:.35rem;border-radius:3px;font-size:.61rem; }
#xiangqi-analysis .xq-history .xq-active { background:var(--md-code-bg-color);box-shadow:inset 2px 0 var(--xq-accent); }
#xiangqi-analysis .xq-hint { font-size:.55rem;color:var(--xq-muted);line-height:1.7;margin-top:.5rem; }
.xq-history>.xq-hint { grid-column:1/-1; }
.xq-fen label { display:block;font-size:.6rem;margin:.3rem 0; }
#xiangqi-analysis textarea { width:100%;resize:vertical;min-height:4rem;padding:.6rem;background:#fff;color:#202124;caret-color:#202124;border:1px solid #aeb4bc;border-radius:4px;font: .6rem/1.7 monospace; }
#xiangqi-analysis .xq-fen p,#xiangqi-analysis .xq-footnote { color:var(--xq-muted);font-size:.55rem;line-height:1.8;margin:.65rem 0; }
[data-md-color-scheme="slate"] #xiangqi-analysis { --xq-accent:#e29681; }
[data-md-color-scheme="slate"] .xq-board { background:#c5ae88;color:#6a5037;border-color:#8f7653; }
[data-md-color-scheme="slate"] .xq-best { color:#8ccbc1; }
@media (max-width:720px) { .xq-heading { align-items:start; } #xiangqi-analysis h2 { font-size:1.3rem; } #xiangqi-analysis .xq-source { margin-top:.3rem; font-size:.5rem; } .xq-table-wrap { max-height:13rem; } }

#xiangqi-analysis .xq-library-count { font-weight:700;font-size:.67rem;margin:.6rem 0 .2rem; }
.xq-library-match { display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;padding:.6rem 0;border-top:1px solid var(--xq-line); }
.xq-library-title { flex:1 1 13rem;font-size:.65rem;line-height:1.7;overflow-wrap:anywhere; }
.xq-library-actions { display:flex;align-items:center;flex-wrap:wrap;gap:.3rem; }
#xiangqi-analysis .xq-library-actions .xq-library-button { margin:0;color:var(--md-default-fg-color); }
.xq-library-lines { max-width:100%;font:inherit;color:var(--md-default-fg-color);background:var(--md-default-bg-color);border:1px solid var(--xq-line);border-radius:4px;padding:.3rem;font-size:.58rem; }
#xiangqi-analysis .xq-library-button { display:inline-block;border:1px solid var(--xq-line);border-radius:4px;padding:.35rem .45rem;margin:.4rem .3rem 0 0;font-size:.58rem;min-height:32px; }
#xiangqi-analysis .xq-library-button:hover { background:var(--md-code-bg-color); }

/* Keep the Material details/summary appearance; only manage layout spacing. */
#xiangqi-analysis .xq-panel-toggle { margin:0; }
#xiangqi-analysis [data-history-count] { margin-left:.5rem;font-weight:400; }
.xq-cloud-toggle > .xq-panel-title { margin-top:.6rem; }