.toast-container[data-v-519c556b]{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:calc(100% - 32px);max-width:400px}.toast[data-v-519c556b]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--bg-panel-raised);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:13px;font-weight:500;box-shadow:var(--shadow-md);pointer-events:all;cursor:pointer;min-width:200px;max-width:100%}.toast--success[data-v-519c556b]{border-color:var(--color-safe)}.toast--error[data-v-519c556b]{border-color:var(--color-danger)}.toast--warn[data-v-519c556b]{border-color:var(--color-warn-orange)}.toast--rare[data-v-519c556b]{border-color:var(--color-rare-gold);animation:breathe-gold 2s ease-in-out infinite}.toast--levelup[data-v-519c556b]{border-color:var(--color-rare-gold);background:#e3b34126}.toast-enter-active[data-v-519c556b],.toast-leave-active[data-v-519c556b]{transition:all .3s ease}.toast-enter-from[data-v-519c556b]{opacity:0;transform:translateY(-16px) scale(.9)}.toast-leave-to[data-v-519c556b]{opacity:0;transform:translateY(-8px) scale(.95)}.btn[data-v-5bb25944]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--btn-min-size);min-height:var(--btn-min-size);border:1px solid var(--border-subtle);border-radius:var(--btn-radius);background:var(--bg-input);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none;touch-action:manipulation;padding:6px 10px}.btn--sm[data-v-5bb25944]{min-height:32px;font-size:12px;padding:4px 8px}.btn--lg[data-v-5bb25944]{min-height:52px;font-size:15px;padding:10px 16px}.btn--primary[data-v-5bb25944]{background:var(--color-magic);border-color:var(--color-magic);color:#fff}.btn--danger[data-v-5bb25944]{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--safe[data-v-5bb25944]{background:var(--color-safe);border-color:var(--color-safe);color:#fff}.btn--ghost[data-v-5bb25944]{background:transparent;border-color:var(--border-normal)}.btn--magic[data-v-5bb25944]{background:#4c8dff26;border-color:var(--color-magic);color:var(--color-magic)}.btn--taoism[data-v-5bb25944]{background:#39c5bb26;border-color:var(--color-taoism);color:var(--color-taoism)}.btn--gold[data-v-5bb25944]{background:#e3b34126;border-color:var(--color-rare-gold);color:var(--color-rare-gold)}.btn[data-v-5bb25944]:not(.btn--disabled):not(.btn--loading):hover{filter:brightness(1.15);box-shadow:0 0 8px #4c8dff4d;border-color:var(--color-magic)}.btn--danger[data-v-5bb25944]:not(.btn--disabled):hover{box-shadow:0 0 8px #e5484d66;border-color:var(--color-danger)}.btn--safe[data-v-5bb25944]:not(.btn--disabled):hover{box-shadow:0 0 8px #3fb95066;border-color:var(--color-safe)}.btn[data-v-5bb25944]:not(.btn--disabled):active{transform:scale(.96)}.btn--disabled[data-v-5bb25944]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--loading[data-v-5bb25944]{cursor:wait}.btn__spinner[data-v-5bb25944]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5bb25944 .6s linear infinite}@keyframes spin-5bb25944{to{transform:rotate(360deg)}}.btn__badge[data-v-5bb25944]{position:absolute;top:2px;right:2px;background:var(--color-danger);color:#fff;border-radius:99px;font-size:10px;padding:0 4px;min-width:16px;text-align:center;line-height:16px}.btn__cooldown[data-v-5bb25944]{position:absolute;bottom:0;left:0;right:0;background:#0000008c;transition:height var(--transition-fast);pointer-events:none}.btn__cooldown-text[data-v-5bb25944]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-primary);pointer-events:none}.modal-overlay[data-v-d167f6f5]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:8000;padding:16px}.modal[data-v-d167f6f5]{background:var(--bg-panel);border:1px solid var(--border-normal);border-radius:var(--card-radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);overflow:hidden}.modal--confirm .modal__header[data-v-d167f6f5]{border-bottom-color:var(--color-warn-orange)}.modal--rare[data-v-d167f6f5]{border-color:var(--color-rare-gold);animation:rare-drop-in .5s cubic-bezier(.34,1.56,.64,1) both}.modal__header[data-v-d167f6f5]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.modal__title[data-v-d167f6f5]{font-size:15px;font-weight:700;color:var(--text-primary)}.modal__close[data-v-d167f6f5]{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:4px;transition:color var(--transition-fast)}.modal__close[data-v-d167f6f5]:hover{color:var(--text-primary)}.modal__body[data-v-d167f6f5]{padding:16px}.modal__text[data-v-d167f6f5]{color:var(--text-secondary);font-size:14px;line-height:1.6}.modal__footer[data-v-d167f6f5]{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border-subtle)}.modal-enter-active[data-v-d167f6f5],.modal-leave-active[data-v-d167f6f5]{transition:all .25s ease}.modal-enter-from[data-v-d167f6f5]{opacity:0;transform:scale(.9)}.modal-leave-to[data-v-d167f6f5]{opacity:0;transform:scale(.95)}#app-root{width:100%;height:100dvh;overflow:hidden;background:var(--bg-base);color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-base: #0F1115;--bg-panel: #1A1D24;--bg-panel-raised: #22262F;--bg-input: #262B35;--border-subtle: rgba(51, 57, 68, .5);--border-normal: rgba(51, 57, 68, .8);--text-primary: #EAEAEC;--text-secondary: #9AA0AC;--text-disabled: #5A5F68;--text-hint: #6E7681;--color-danger: #E5484D;--color-safe: #3FB950;--color-magic: #4C8DFF;--color-taoism: #39C5BB;--color-rare-gold: #E3B341;--color-epic-purple: #A371F7;--color-neutral-gray: #6E7681;--color-warn-orange: #F0883E;--color-pk-red: #FF3B3B;--color-legend-orange: #FF7A45;--color-gold: #F9C74F;--quality-normal-text: #C9CDD4;--quality-normal-border: #3A3F47;--quality-fine-text: #4C8DFF;--quality-fine-border: #3D6FCC;--quality-rare-text: #E3B341;--quality-rare-border: #C99A2E;--quality-set-text: #A371F7;--quality-set-border: #8B5CF6;--quality-legend-text-from: #E3B341;--quality-legend-text-to: #FF7A45;--quality-legend-border: #E3B341;--hp-color-high: #3FB950;--hp-color-mid: #F0883E;--hp-color-low: #E5484D;--mp-color: #4C8DFF;--exp-color: #E3B341;--bar-bg: rgba(255,255,255,.06);--btn-min-size: 44px;--btn-radius: 4px;--card-radius: 10px;--bar-radius: 6px;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--job-warrior: #F0883E;--job-mage: #4C8DFF;--job-taoist: #39C5BB;--topbar-height: 96px;--bottombar-height: 140px;--sidebar-width: 220px;--topbar-height-desktop: 56px}.theme-light{--bg-base: #F0F2F5;--bg-panel: #FFFFFF;--bg-panel-raised: #F8F9FA;--bg-input: #EAEDF0;--text-primary: #1A1D24;--text-secondary: #5A5F68;--text-disabled: #9AA0AC;--color-danger: #D3272C;--color-safe: #1E8E3E;--color-magic: #2563EB;--color-taoism: #0E9488;--color-rare-gold: #B8860B;--color-epic-purple: #7C3AED}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-base)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-normal);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}.no-select{user-select:none;-webkit-user-select:none}.progress-bar{position:relative;height:14px;background:var(--bar-bg);border-radius:var(--bar-radius);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--bar-radius);transition:width var(--transition-normal)}.progress-bar__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);pointer-events:none}.hp-bar .progress-bar__fill{background:var(--hp-color-high)}.hp-bar.mid .progress-bar__fill{background:var(--hp-color-mid)}.hp-bar.low .progress-bar__fill{background:var(--hp-color-low);animation:hp-blink 1s ease-in-out infinite}@keyframes hp-blink{0%,to{opacity:1}50%{opacity:.6}}.mp-bar .progress-bar__fill{background:var(--mp-color)}.exp-bar .progress-bar__fill{background:var(--exp-color);height:6px}.exp-bar{height:6px}.quality-fine{color:var(--quality-fine-text);text-shadow:0 0 6px rgba(76,141,255,.5)}.quality-rare{color:var(--quality-rare-text);text-shadow:0 0 8px rgba(227,179,65,.6);animation:breathe-gold 2s ease-in-out infinite}.quality-set{color:var(--quality-set-text);text-shadow:0 0 8px rgba(163,113,247,.6)}.quality-legend{background:linear-gradient(90deg,var(--quality-legend-text-from),var(--quality-legend-text-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:breathe-legend 3s ease-in-out infinite}@keyframes breathe-gold{0%,to{text-shadow:0 0 8px rgba(227,179,65,.4)}50%{text-shadow:0 0 16px rgba(227,179,65,.9)}}@keyframes breathe-legend{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes float-up{0%{transform:translateY(0) scale(.8);opacity:1}80%{opacity:1}to{transform:translateY(-60px) scale(1.1);opacity:0}}.damage-float{position:absolute;font-weight:700;font-size:18px;pointer-events:none;animation:float-up 1.2s ease-out forwards;z-index:100}.damage-float.crit{font-size:24px;color:var(--color-rare-gold)}.damage-float.heal{color:var(--color-safe)}.damage-float.magic{color:var(--color-magic)}@keyframes cooldown-wipe{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes rare-drop-in{0%{transform:scale(.5) rotate(-10deg);opacity:0}70%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes num-change{0%{transform:translateY(4px);opacity:.5}to{transform:translateY(0);opacity:1}}.num-animate{animation:num-change var(--transition-normal) ease-out}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}}.shake{animation:screen-shake .15s ease-out}@keyframes levelup-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.text-danger{color:var(--color-danger)}.text-safe{color:var(--color-safe)}.text-magic{color:var(--color-magic)}.text-taoism{color:var(--color-taoism)}.text-gold{color:var(--color-rare-gold)}.text-warn{color:var(--color-warn-orange)}.text-pk{color:var(--color-pk-red)}.text-muted{color:var(--text-secondary)}.text-disabled-color{color:var(--text-disabled)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}