:root{--zhubu-primary: #3e3a37;--zhubu-primary-rgb: 62, 58, 55;--zhubu-graphite: #333131;--zhubu-sand: #d5c499;--zhubu-bronze: #b18d66;--zhubu-stone: #8f846e;--zhubu-rust: #85583c;--zhubu-slate-cool: #646b6c;--zhubu-charcoal-cool: #545856;--zhubu-mist: #aaa3a4;--zhubu-sage: #9cac94;--zhubu-olive-gold: #bcac54;--zhubu-win-rate-positive: #506719;--zhubu-win-rate-neutral: #b76b13;--zhubu-win-rate-negative: #c43f34;--zhubu-bg-page: rgb(247, 247, 245);--zhubu-text-on-primary: var(--zhubu-sand);--zhubu-hero-avatar-bg: var(--zhubu-text-on-primary);--zhubu-border-subtle: rgba(170, 163, 164, .38);--zhubu-skill-quality-1: #6ea8e4;--zhubu-skill-quality-2: #9361b7;--zhubu-skill-quality-3: #cfb35e;--zhubu-warbook-quality-0: #746f68;--zhubu-warbook-quality-1: #4f9565;--zhubu-warbook-quality-2: #9361b7;--zhubu-warbook-quality-3: #c9822f}.zhubu-skill-quality-1{color:var(--zhubu-skill-quality-1)}.zhubu-skill-quality-2{color:var(--zhubu-skill-quality-2)}.zhubu-skill-quality-3{color:var(--zhubu-skill-quality-3)}.zhubu-warbook-quality-0{color:var(--zhubu-warbook-quality-0)}.zhubu-warbook-quality-1{color:var(--zhubu-warbook-quality-1)}.zhubu-warbook-quality-2{color:var(--zhubu-warbook-quality-2)}.zhubu-warbook-quality-3{color:var(--zhubu-warbook-quality-3)}.zhubu-win-rate--positive{color:var(--zhubu-win-rate-positive)!important}.zhubu-win-rate--neutral{color:var(--zhubu-win-rate-neutral)!important}.zhubu-win-rate--negative{color:var(--zhubu-win-rate-negative)!important}.zhubu-win-rate--unknown{color:inherit}.n-avatar:has(>img[src*="/assets/hero_heads/"]){--n-color: var(--zhubu-hero-avatar-bg);background-color:var(--zhubu-hero-avatar-bg)}:root{--zhubu-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--zhubu-text-scale: 1;--zhubu-font-weight-regular: 400;--zhubu-font-weight-medium: 500;--zhubu-font-weight-semibold: 600;--zhubu-font-weight-bold: 700;--zhubu-font-weight-extrabold: 800;--zhubu-font-weight-black: 900;--zhubu-text-nano: calc(9px * var(--zhubu-text-scale));--zhubu-text-micro: calc(10px * var(--zhubu-text-scale));--zhubu-text-caption: calc(11px * var(--zhubu-text-scale));--zhubu-text-small: calc(12px * var(--zhubu-text-scale));--zhubu-text-body-sm: calc(13px * var(--zhubu-text-scale));--zhubu-text-body: calc(14px * var(--zhubu-text-scale));--zhubu-text-body-md: calc(15px * var(--zhubu-text-scale));--zhubu-text-body-lg: calc(16px * var(--zhubu-text-scale));--zhubu-text-title-sm: calc(17px * var(--zhubu-text-scale));--zhubu-text-section: calc(18px * var(--zhubu-text-scale));--zhubu-text-title-md: calc(19px * var(--zhubu-text-scale));--zhubu-text-section-lg: calc(20px * var(--zhubu-text-scale));--zhubu-text-headline-sm: calc(21px * var(--zhubu-text-scale));--zhubu-text-headline: calc(22px * var(--zhubu-text-scale));--zhubu-text-headline-lg: calc(24px * var(--zhubu-text-scale));--zhubu-text-display-sm: calc(25px * var(--zhubu-text-scale));--zhubu-text-display-md: calc(27px * var(--zhubu-text-scale));--zhubu-text-display: calc(28px * var(--zhubu-text-scale));--zhubu-text-display-lg: calc(30px * var(--zhubu-text-scale));--zhubu-text-display-xl: calc(31px * var(--zhubu-text-scale));--zhubu-text-display-2xl: calc(34px * var(--zhubu-text-scale));--zhubu-text-display-3xl: calc(44px * var(--zhubu-text-scale));--zhubu-text-display-4xl: calc(56px * var(--zhubu-text-scale));--zhubu-text-hero: calc(74px * var(--zhubu-text-scale))}@media (min-width: 768px){:root{--zhubu-text-scale: 1.2}}html{font-size:100%}body{margin:0;font-family:var(--zhubu-font-family);font-size:var(--zhubu-text-body);line-height:1.5;-webkit-font-smoothing:antialiased}.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.inside_{position:relative;background-color:transparent;width:100%;height:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{position:relative;top:0;left:0;transform:translate(0);padding:0;background:transparent;box-shadow:none}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;-webkit-user-select:none;user-select:none;border-radius:3px;box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000c;z-index:20;opacity:1;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{flex:none;height:5px;line-height:0}@keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span{display:inline-block;width:5px;height:100%;margin-left:2px;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1){margin-left:0}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2){animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){animation-delay:.52s}.vue-auth-box_ .auth-body_ .info-box_{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;transform:translateY(0)}.vue-auth-box_ .auth-body_ .info-box_.fail{background-color:#ce594b}.vue-auth-box_ .auth-body_ .auth-canvas1_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#ffffff1a;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;box-shadow:0 0 8px #f0f0f099 inset}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{position:absolute;height:100%;width:50px;background-color:#6aa0ffcc;border-radius:3px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:solid 1px #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:solid 4px transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:solid 4px transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}.auth-card[data-v-5ebf529a]{width:100%;max-width:400px;padding:28px 28px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 28px #3e3a371f;border:1px solid var(--zhubu-border-subtle)}.auth-card--compact[data-v-5ebf529a]{max-width:none;padding:0;box-shadow:none;border:none}.auth-title[data-v-5ebf529a]{margin:0 0 20px;font-size:var(--zhubu-text-section);font-weight:var(--zhubu-font-weight-semibold);text-align:center}.auth-form[data-v-5ebf529a]{margin-top:8px}.auth-share-tip[data-v-5ebf529a]{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--zhubu-stone);text-align:center}.auth-prompt-message[data-v-05e9d305]{margin:0 0 16px;color:var(--zhubu-graphite);line-height:1.5}.site-footer[data-v-92d338db]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:10px 20px 12px;background:transparent;border-top:1px solid rgba(170,163,164,.2)}.site-footer-row[data-v-92d338db]{display:flex;align-items:center}.footer-link[data-v-92d338db]{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 6px;border:0;background:transparent;color:var(--zhubu-stone);font:inherit;font-size:var(--zhubu-text-body-sm);font-weight:var(--zhubu-font-weight-regular);text-decoration:none;cursor:pointer;transition:color .16s ease}.feedback-link[data-v-92d338db]:hover{color:var(--zhubu-rust)}.discord-link[data-v-92d338db]:hover{color:#5865f2}.footer-link[data-v-92d338db]:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.footer-icon[data-v-92d338db]{width:18px;height:18px;flex:0 0 auto}.footer-separator[data-v-92d338db]{margin:0 4px;color:var(--zhubu-mist)}.footer-share-tip[data-v-92d338db]{margin:0;color:var(--zhubu-stone);font-size:12px;line-height:1.5;text-align:center}.feedback-privacy[data-v-92d338db]{margin:-2px 0 18px;color:var(--zhubu-stone);font-size:var(--zhubu-text-caption);line-height:1.6}.feedback-actions[data-v-92d338db]{display:flex;justify-content:flex-end;gap:10px}.feedback-honeypot[data-v-92d338db]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.feedback-modal{width:min(520px,calc(100vw - 32px))}@media (prefers-reduced-motion: reduce){.footer-link[data-v-92d338db]{transition:none}}.app-shell[data-v-ed8e2e87]{min-height:100vh;display:flex;flex-direction:column;background:var(--zhubu-bg-page)}.app-route[data-v-ed8e2e87]{min-height:0;display:flex;flex:1;flex-direction:column}.app-route[data-v-ed8e2e87]>*{flex:1}.landing-shell[data-v-b52af405]{min-height:0;background:var(--zhubu-bg-page);color:var(--zhubu-graphite)}.landing-header[data-v-b52af405]{position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--zhubu-primary);color:var(--zhubu-text-on-primary);font-weight:var(--zhubu-font-weight-semibold)}.landing-brand[data-v-b52af405]{color:var(--zhubu-text-on-primary);text-decoration:none;font-weight:var(--zhubu-font-weight-semibold);font-size:var(--zhubu-text-body-lg)}.landing-brand[data-v-b52af405]:hover{text-decoration:underline}.landing-nav[data-v-b52af405]{display:flex;align-items:center;gap:20px}.landing-nav-link[data-v-b52af405]{color:var(--zhubu-text-on-primary);text-decoration:none;font-weight:var(--zhubu-font-weight-medium);opacity:.92;min-height:44px;display:inline-flex;align-items:center}.landing-nav-link[data-v-b52af405]:hover{opacity:1;text-decoration:underline;color:var(--zhubu-text-on-primary)}.landing-main[data-v-b52af405]{padding:0}.layout-shell[data-v-9d28305b]{min-height:0;background:var(--zhubu-bg-page);color:var(--zhubu-graphite)}.layout-header[data-v-9d28305b]{position:relative;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--zhubu-primary);color:var(--zhubu-text-on-primary);border-bottom:1px solid var(--zhubu-border-subtle);font-weight:var(--zhubu-font-weight-semibold)}.hamburger[data-v-9d28305b]{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:none;border:none;cursor:pointer;flex-shrink:0}.hamburger-line[data-v-9d28305b]{display:block;width:100%;height:2px;background:var(--zhubu-text-on-primary);border-radius:1px}.layout-brand[data-v-9d28305b]{color:var(--zhubu-text-on-primary);text-decoration:none;font-weight:var(--zhubu-font-weight-semibold)}.layout-brand[data-v-9d28305b]:hover{text-decoration:underline;opacity:1}.layout-nav[data-v-9d28305b]{display:flex;align-items:center;gap:20px}.nav-link[data-v-9d28305b]{color:var(--zhubu-text-on-primary);text-decoration:none;font-weight:var(--zhubu-font-weight-medium);opacity:.92}.nav-link[data-v-9d28305b]:hover{opacity:1;text-decoration:underline}.nav-link.nav-link-current[data-v-9d28305b]{text-decoration:underline;opacity:1}.nav-identity-group[data-v-9d28305b]{display:inline-flex;align-items:center;gap:8px;max-width:min(240px,38vw);min-width:0}.nav-identity[data-v-9d28305b]{display:inline-flex;align-items:center;min-width:0;color:var(--zhubu-text-on-primary);text-decoration:none;font-weight:var(--zhubu-font-weight-medium);opacity:.92}.nav-identity[data-v-9d28305b]:hover{opacity:1;text-decoration:underline}.nav-identity-name[data-v-9d28305b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.nav-identity-status[data-v-9d28305b]{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:var(--zhubu-text-small);font-weight:var(--zhubu-font-weight-semibold);cursor:default;-webkit-user-select:none;user-select:none}.nav-identity-dot[data-v-9d28305b]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav-identity-status--online[data-v-9d28305b]{color:#4ade80}.nav-identity-status--online .nav-identity-dot[data-v-9d28305b]{background:#22c55e;box-shadow:0 0 0 2px #22c55e59}.nav-identity-status--offline[data-v-9d28305b]{color:#fdba74}.nav-identity-status--offline .nav-identity-dot[data-v-9d28305b]{background:#f97316;box-shadow:0 0 0 2px #f973164d}.layout-main[data-v-9d28305b]{padding:16px}@media (max-width: 640px){.hamburger[data-v-9d28305b]{display:flex}.layout-nav[data-v-9d28305b]{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;gap:0;padding:8px 0;background:var(--zhubu-primary);border-bottom:1px solid var(--zhubu-border-subtle);z-index:100}.layout-nav--open[data-v-9d28305b]{display:flex}.layout-nav .nav-link[data-v-9d28305b],.layout-nav .nav-identity[data-v-9d28305b]{padding:10px 20px}}