.tree-page{max-width:1180px}.tree-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.tree-link{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #2a3641;border-radius:8px;background:#10171e;color:#b9c3cc;font-size:11px}.tree-link:hover{border-color:#465461;color:#fff}.tree-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 130px auto auto;gap:8px;align-items:end;margin-bottom:14px;padding:11px;border:1px solid #202b35;border-radius:11px;background:#0d1319}.tree-toolbar label{display:grid;gap:5px;color:#74818d;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.tree-points{height:40px;padding:0 12px;border:1px solid #293641;border-radius:8px;background:#0b1117;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#77838e;font-size:10px}.tree-points strong{color:#efd08a;font-size:18px}.tree-btn{height:40px;padding:0 13px;border:1px solid #2a3641;border-radius:8px;background:#131a22;color:#b8c2cb;cursor:pointer}.tree-btn:hover{border-color:#465461;color:#fff}.tree-btn.danger{color:#df8f94}.tree-status{padding:42px 16px;text-align:center;color:#6c7883;border:1px dashed #25313b;border-radius:11px;background:#0c1218}.tree-status.bad{color:#df8f94}.skill-tree-shell{overflow:auto;padding:18px;border:1px solid #202b35;border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(223,193,126,.045),transparent 34%),#0b1117}.skill-tree{position:relative;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));grid-auto-rows:150px;gap:16px;min-width:880px;min-height:360px;padding:14px}.tree-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tree-lines line{stroke:#2c3944;stroke-width:2}.tree-lines line.active{stroke:#b99551}.skill-node{position:relative;z-index:2;align-self:center;justify-self:center;width:108px;min-height:116px;padding:8px;border:1px solid #2c3944;border-radius:12px;background:linear-gradient(180deg,#121a22,#0b1117);box-shadow:0 12px 30px rgba(0,0,0,.2);text-align:center;transition:.15s}.skill-node.available:hover{border-color:#5c6b78;transform:translateY(-1px)}.skill-node.locked{opacity:.42}.skill-node.learned{border-color:#b99551;box-shadow:0 0 0 1px rgba(223,193,126,.08),0 12px 34px rgba(0,0,0,.28)}.skill-icon{width:50px;height:50px;margin:0 auto 6px;display:grid;place-items:center;overflow:hidden;border:1px solid #34424e;border-radius:10px;background:#080d12;color:#74818d;font-weight:800}.skill-node.learned .skill-icon{border-color:#b99551}.skill-icon img{width:100%;height:100%;object-fit:contain}.skill-name{min-height:28px;color:#e5ebef;font-size:10px;font-weight:800;line-height:1.25}.skill-level{margin-top:3px;color:#687581;font-size:8px}.skill-rank{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:5px}.rank-btn{width:26px;height:26px;border:1px solid #2c3944;border-radius:7px;background:#101820;color:#abb6bf;cursor:pointer}.rank-btn:hover:not(:disabled){border-color:#61717e;color:#fff}.rank-btn:disabled{opacity:.25;cursor:default}.rank-value{min-width:30px;color:#dfc17e;font-size:10px;font-weight:800}.skill-tip{position:fixed;z-index:120;width:min(330px,calc(100vw - 24px));padding:11px;border:1px solid #34424e;border-radius:10px;background:#10171e;box-shadow:0 20px 55px #000;pointer-events:none;display:none}.skill-tip.show{display:block}.skill-tip strong{display:block;color:#f0eee7;font-size:12px}.skill-tip .tip-cn{margin-top:2px;color:#6e7b86;font-size:9px}.skill-tip p{margin:8px 0 0;color:#aeb8c0;font-size:10px;white-space:pre-wrap}.skill-tip .tip-req{margin-top:8px;color:#d0b06e;font-size:9px}.tree-toast{position:fixed;right:18px;bottom:18px;z-index:140;padding:10px 13px;border:1px solid rgba(118,198,146,.35);border-radius:9px;background:#101a15;color:#8ad1a2;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.tree-toast.show{opacity:1;transform:none}
@media(max-width:850px){.tree-heading{align-items:flex-start;flex-direction:column}.tree-toolbar{grid-template-columns:1fr 1fr}.tree-points{grid-column:1/-1}.tree-btn{min-height:44px}.skill-tree-shell{margin-left:-9px;margin-right:-9px;border-left:0;border-right:0;border-radius:0;padding:10px}.skill-tree{grid-template-columns:repeat(7,105px);grid-auto-rows:145px;min-width:850px}.tree-toast{left:9px;right:9px;bottom:9px;text-align:center}}
@media(max-width:520px){.tree-toolbar{grid-template-columns:1fr}.tree-points{grid-column:auto}.tree-link{width:100%;justify-content:center}}