:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#d9dde2;background:#2e363d;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#3e4850f5,#23292ffa)}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1248px,calc(100vw - 12px));margin:0 auto;padding:6px 0 28px}.query-shell{display:block;padding:0 4px 10px}.workspace-shell{overflow:visible;padding:0 4px}.hero-form,.panel{border:1px solid rgba(108,124,138,.55);background:linear-gradient(180deg,#21272dc7,#171b1fdb),url(/viewBg.png) top center/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #ffffff08,0 0 0 1px #1b232b99}.hero-form{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;padding:10px 12px;align-items:end;min-width:0}.field{display:grid;gap:4px}.field span,.hero-panel h3{color:#ff8f1f}.field input{width:100%;height:34px;padding:6px 10px;border:1px solid #59636c;background:#4a535ceb;color:#f5f7f9}.submit-btn,.beast-tab,.star-node{border:0;cursor:pointer}.submit-btn{height:34px;padding:0 14px;background:#ff8f1f;color:#fff;font-weight:700;letter-spacing:.5px}.submit-btn:disabled{opacity:.7;cursor:wait}.error-text{margin:0;color:#ff9b7c}.beast-workspace{display:grid;grid-template-columns:90px auto;gap:0;margin:0 0 20px;min-width:1148px}.beast-sidebar{background:#3c454d;border:1px solid rgba(103,118,131,.55);border-right:0;padding:66px 0 0}.beast-tab{display:block;width:calc(100% - 18px);margin:0 0 2px 18px;padding:7px 10px;text-align:center;background:#21262b;color:#fff;font-weight:700;border-radius:2px 0 0 2px}.beast-tab.active{background:#242a2f;color:#ff8f1f;border-left:3px solid #ff8f1f;padding-left:8px;box-shadow:inset 0 0 0 1px #ffffff08}.beast-stage{padding:8px;background:#262d34c7;border:1px solid rgba(103,118,131,.55);overflow:visible}.hero-panel{position:relative;padding:14px 10px 12px;overflow:visible;border:1px solid rgba(89,104,117,.58);background:url(/viewBg.png) top center/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #ffffff06,0 0 0 1px #161c22bf}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#262c3247,#12161a7a);pointer-events:none}.hero-panel>*{position:relative;z-index:1}.hero-panel h3{margin:6px 0 18px;text-align:center;font-size:16px;line-height:1.1;font-weight:700;letter-spacing:.5px}.beast-stage{display:grid;grid-template-columns:252px 272px 252px 272px;gap:8px}.beast-name-panel,.beast-attr-panel,.beast-bonus-panel,.beast-star-panel{min-height:410px;z-index:3;min-width:0}.beast-portrait{position:relative;width:148px;height:160px;margin:0 auto 7px;border:1px solid #59646e;background:#111}.beast-portrait img{width:100%;height:100%;object-fit:cover}.portrait-name{margin:0 auto 12px;width:148px;padding:5px 0;text-align:center;background:#191f24e6;border:1px solid #59646e;color:#fff;font-weight:700}.skill-table,.entry-table{width:100%;border-collapse:collapse}.skill-table th,.skill-table td,.entry-table th,.entry-table td{padding:5px 8px;border:1px solid #454f58;text-align:center;font-size:12px}.skill-table thead th{background:#ff8f1f;color:#fff;font-weight:700}.skill-table tbody td,.entry-table tbody td{background:#4a535ce6;color:#f4f6f8}.attr-grid{display:grid;gap:5px;width:min(248px,100%);margin:0 auto}.attr-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:5px;align-items:center}.attr-row.dual{grid-template-columns:28px minmax(0,1fr) 44px minmax(0,1fr)}.attr-row span,.attr-row em{color:#dfe4e9;font-style:normal;text-align:right;white-space:nowrap}.attr-row strong{display:inline-flex;min-height:22px;min-width:0;align-items:center;justify-content:center;background:#4a535ceb;color:#fff;font-weight:700;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bonus-board{width:min(214px,100%);margin:0 auto;padding:6px 4px;background:transparent;border:0;min-height:332px}.bonus-line{margin:0;line-height:1.42;font-weight:700;font-size:13px}.star-disk{position:relative;width:min(252px,100%);aspect-ratio:1;margin:10px auto 0;background:url(/hb_star/starBg1.png) center/72% no-repeat}.star-node{position:absolute;width:38px;height:38px;transform:translate(-50%,-50%);font-size:0;line-height:0;padding:0;margin:0;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:10;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0;box-shadow:none;transition:transform .12s ease}.star-node:hover{transform:translate(-50%,-50%) scale(1.04)}.star-tooltip{position:absolute;width:min(248px,88%);min-height:230px;padding:14px 14px 12px;background:#000000db;border:1px solid rgba(201,201,201,.6);color:#dff3ff;z-index:30;box-shadow:0 8px 24px #0006;pointer-events:none}.star-tooltip h4{margin:0 0 10px;color:#d765ff;font-size:18px}.tooltip-line{margin:0;line-height:1.35;white-space:normal}.tooltip-line+.tooltip-line{margin-top:2px}.tooltip-white{color:#f7f7f7}.tooltip-red,.tooltip-fire{color:#ff654d}.tooltip-purple{color:#d765ff}.tooltip-cyan{color:#00f0ff}.tooltip-blue{color:#21c6ff}.tooltip-orange{color:#ff9b36}.tooltip-water{color:#7dafff}.tooltip-poison{color:#2aa55f}.tooltip-wind{color:#bba0ff}.tooltip-vigor{color:#f0c540}.tooltip-gray{color:#9ca3aa}.muted{color:#9ea8b2}@media (max-width: 1024px){.app-shell{margin:0}.workspace-shell{padding:0}}