:root{color-scheme:dark;--bg:#07090f;--panel:rgba(13,17,27,0.95);--panel2:rgba(24,30,43,0.88);--line:rgba(196,214,242,0.17);--text:#edf3ff;--muted:#9aa8bd;--gold:#d6b15e}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,rgba(73,97,132,.34),transparent 36%),linear-gradient(180deg,#090b12,#05070b);color:var(--text);font-family:Microsoft YaHei,Segoe UI,Arial,sans-serif}button,textarea{font:inherit}button{color:var(--text);cursor:pointer}.coaShell{min-height:100vh;display:grid;grid-template-columns:310px minmax(620px,1fr) 330px;grid-gap:14px;gap:14px;padding:14px}.classPanel,.coaBoard,.tooltipPanel{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.42)}.classPanel,.tooltipPanel{padding:18px}.eyebrow{width:-moz-fit-content;width:fit-content;border:1px solid rgba(214,177,94,.48);border-radius:999px;padding:5px 9px;color:var(--gold);font-size:12px}h1,h2,h3,p{margin:0}h1{margin-top:18px;font-size:42px;letter-spacing:0}.classPanel>p{margin-top:12px;color:var(--muted);line-height:1.65}.essenceGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:20px}.essenceGrid div{border:1px solid var(--line);background:var(--panel2);padding:12px}.coaHeader span,.essenceGrid span{color:var(--muted);font-size:12px}.essenceGrid strong{display:block;margin-top:6px;color:var(--gold);font-size:22px}.treeTabs{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.treeTabs button{min-height:56px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;background:rgba(24,30,43,.78);padding:10px 12px}.treeTabs button.active{border-color:var(--gold);background:rgba(76,60,31,.52)}.treeTabs span{color:var(--muted)}.buildBox{display:grid;grid-gap:8px;gap:8px;margin-top:18px}textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:7px;background:rgba(5,8,14,.74);color:var(--text);padding:10px;resize:vertical}.buildBox div{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.buildBox button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:var(--panel2)}.coaBoard{display:flex;flex-direction:column;min-width:0;min-height:0}.coaHeader{min-height:86px;border-bottom:1px solid var(--line);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.languageSwitch{display:grid;grid-template-columns:auto 54px 54px;align-items:center;grid-gap:8px;gap:8px}.languageSwitch button{min-height:34px;border:1px solid var(--line);border-radius:7px;background:var(--panel2)}.languageSwitch button.active{border-color:var(--gold);color:var(--gold)}.coaHeader h2{margin-top:4px;font-size:30px;color:color-mix(in srgb,var(--accent),white 20%)}.coaHeader p{margin-top:4px;color:var(--muted)}.levelBadge{border:1px solid color-mix(in srgb,var(--accent),transparent 30%);border-radius:999px;padding:8px 12px;color:color-mix(in srgb,var(--accent),white 22%)}.coaTree{flex:1 1 auto;min-height:440px;overflow:auto;padding:28px;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(128px,1fr));grid-auto-rows:148px;grid-gap:24px;gap:24px;align-content:start;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:44px 44px}.inlineTooltip{border-top:1px solid var(--line);padding:14px;background:rgba(3,6,12,.62)}.tooltipPanel{position:-webkit-sticky;position:sticky;top:14px;align-self:start;max-height:calc(100vh - 28px);overflow:auto}.coaNode{position:relative;display:grid;align-content:center;justify-items:center;grid-gap:7px;gap:7px;border:1px solid var(--line);border-radius:8px;background:rgba(10,14,24,.88);padding:12px;text-align:center}.coaNode.selected,.coaNode:not(.placeholder):hover{border-color:color-mix(in srgb,var(--accent),white 8%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 45%),0 0 28px color-mix(in srgb,var(--accent),transparent 72%)}.coaNode.choiceNode{border-style:dashed}.coaNode.placeholder{opacity:.34;cursor:default}.nodeIcon{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.32),transparent 28%),color-mix(in srgb,var(--accent),#101827 62%);font-weight:800;font-size:22px}.nodeName{font-weight:700}.coaNode em{color:var(--gold);font-style:normal;font-size:13px}.chosenPanel,.tooltipCard{border:1px solid var(--line);background:rgba(6,9,16,.72);padding:14px}.tooltipCard h3{color:var(--gold);font-size:20px}.tooltipCard h3 em{float:right;color:var(--text);font-size:14px;font-style:normal}.tooltipCard p{margin-top:9px;color:#dbe6f8;line-height:1.55;white-space:pre-line}.tooltipCard .hint{color:#9bcaff;font-size:12px}.tooltipCard .translation{color:#ffe08a}.tooltipCard.muted h3,.tooltipCard.muted p{color:var(--muted)}.tooltipDivider{height:1px;margin-top:12px;background:var(--line)}.chosenPanel{margin-top:14px}.chosenPanel h3{margin-bottom:10px}.chosenPanel>p{color:var(--muted)}.chosenPanel article{border-top:1px solid var(--line);padding:10px 0}.chosenPanel article em,.chosenPanel article span{color:var(--muted);font-size:12px;font-style:normal}.chosenPanel article strong{display:block;margin:4px 0}@media (max-width:1180px){.coaShell{grid-template-columns:290px 1fr}.tooltipPanel{grid-column:1/-1}}@media (max-width:820px){.coaShell{padding:10px}.coaShell,.coaTree{grid-template-columns:1fr}.coaNode{grid-column:1!important}}