.game-toast[data-v-9f1dc1ae]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#241c14fa,#18120cfa);color:#f4e4c1;padding:14px 28px;border-radius:12px;border:1.5px solid rgba(201,168,76,.55);font-size:var(--font-lg);z-index:9999;pointer-events:none;box-shadow:0 10px 32px #0009,0 2px 8px #00000080,inset 0 1px #c9a84c2e,inset 0 0 0 1px #0006;max-width:75%;text-align:center;letter-spacing:.08em;font-family:var(--font-family);font-weight:600;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;border-top:3px solid #c9a84c;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(201,168,76,.25)}.toast-enter-active[data-v-9f1dc1ae],.toast-leave-active[data-v-9f1dc1ae]{transition:opacity .25s ease,transform .25s ease}.toast-enter-from[data-v-9f1dc1ae],.toast-leave-to[data-v-9f1dc1ae]{opacity:0;transform:translate(-50%,-46%)}.ink-icon[data-v-887c27b4]{display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0}.ink-icon svg[data-v-887c27b4]{width:100%;height:100%}.global-loading-overlay[data-v-6cf78659]{position:fixed;top:0;left:0;width:100%;height:100%;background:#050408b3;backdrop-filter:blur(3px);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner[data-v-6cf78659]{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.spinner-ring[data-v-6cf78659]{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--color-text-gold);border-right-color:#c9a84c4d;border-radius:50%;animation:spin-6cf78659 1.2s linear infinite}.spinner-ring.inner[data-v-6cf78659]{width:80%;height:80%;border-top-color:#4fc08d99;border-right-color:transparent;border-left-color:#4fc08d33;animation-direction:reverse;animation-duration:.9s}.spinner-icon[data-v-6cf78659]{font-size:24px;color:var(--color-text-gold);animation:pulse-6cf78659 1.5s ease-in-out infinite;text-shadow:0 0 8px rgba(201,168,76,.4)}.loading-text[data-v-6cf78659]{color:var(--color-text-gold);font-size:14px;letter-spacing:3px;font-family:var(--font-title);font-weight:600;text-shadow:0 0 6px rgba(201,168,76,.3)}.loading-hint[data-v-6cf78659]{color:#c9a84c99;font-size:12px;letter-spacing:1px;margin-top:4px;animation:hint-fade-6cf78659 .5s ease}.loading-cancel[data-v-6cf78659]{margin-top:20px;padding:8px 24px;background:#ffffff0f;border:1px solid rgba(201,168,76,.25);border-radius:8px;color:#c9a84cb3;font-size:13px;cursor:pointer;transition:all .2s ease;letter-spacing:2px;animation:hint-fade-6cf78659 .5s ease}.loading-cancel[data-v-6cf78659]:active{background:#c9a84c1f;border-color:#c9a84c80;color:var(--color-text-gold)}@keyframes hint-fade-6cf78659{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-6cf78659{to{transform:rotate(360deg)}}@keyframes pulse-6cf78659{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.loading-fade-enter-active[data-v-6cf78659],.loading-fade-leave-active[data-v-6cf78659]{transition:opacity .25s ease}.loading-fade-enter-from[data-v-6cf78659],.loading-fade-leave-to[data-v-6cf78659]{opacity:0}.batch-fight-overlay[data-v-043859d1]{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:#040306d1;backdrop-filter:blur(10px)}.batch-fight-scene[data-v-043859d1]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-glow[data-v-043859d1]{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;animation:scene-drift-043859d1 12s ease-in-out infinite}.scene-glow--a[data-v-043859d1]{width:280px;height:280px;top:18%;left:12%;background:#c9a84c38}.scene-glow--b[data-v-043859d1]{width:320px;height:320px;bottom:10%;right:8%;background:#4fc08d24;animation-delay:-4s}.scene-mist[data-v-043859d1]{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(201,168,76,.08),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,transparent 1px 48px);opacity:.6}.batch-fight-panel[data-v-043859d1]{position:relative;width:min(100%,480px);min-height:min(88vh,620px);max-height:92vh;padding:28px 28px 32px;display:flex;flex-direction:column;align-items:center;gap:0;overflow-y:auto;background:linear-gradient(165deg,#302416f7,#160e08fc 45%,#0c0805);border:1px solid rgba(212,184,90,.55);border-radius:16px;box-shadow:inset 0 1px #ffebb41f,inset 0 -20px 60px #00000059,0 24px 80px #000000bf,0 0 40px #c9a84c26}.panel-corner[data-v-043859d1]{position:absolute;width:22px;height:22px;border-color:#f0d896bf;border-style:solid;pointer-events:none}.panel-corner--tl[data-v-043859d1]{top:10px;left:10px;border-width:2px 0 0 2px;border-radius:4px 0 0}.panel-corner--tr[data-v-043859d1]{top:10px;right:10px;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.panel-corner--bl[data-v-043859d1]{bottom:10px;left:10px;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.panel-corner--br[data-v-043859d1]{bottom:10px;right:10px;border-width:0 2px 2px 0;border-radius:0 0 4px}.panel-head[data-v-043859d1]{width:100%;display:flex;align-items:center;gap:14px;margin-bottom:4px}.panel-rune[data-v-043859d1]{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#2a1e0c;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8e090,#c9a030 55%,#6a5028);border:1px solid rgba(255,230,160,.5);box-shadow:inset 0 1px #fff6,0 0 16px #d4b85a8c}.panel-head-text[data-v-043859d1]{flex:1;min-width:0}.panel-kicker[data-v-043859d1]{margin:0 0 2px;font-size:12px;letter-spacing:4px;color:#c9a84cbf}.panel-brand[data-v-043859d1]{margin:0;font-size:26px;font-weight:800;letter-spacing:6px;color:#fae8a8;text-shadow:0 0 14px rgba(212,184,90,.45),0 2px 0 #000}.panel-badge[data-v-043859d1]{flex-shrink:0;padding:4px 10px;font-size:11px;letter-spacing:2px;color:#f0d896;border:1px solid rgba(201,168,76,.45);border-radius:4px;background:#00000059}.panel-divider[data-v-043859d1]{width:100%;height:1px;margin:16px 0 24px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.5) 20%,rgba(201,168,76,.5) 80%,transparent);position:relative}.divider-gem[data-v-043859d1]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:8px;height:8px;background:#d4b85a;box-shadow:0 0 10px #d4b85acc}.batch-fight-spinner[data-v-043859d1]{position:relative;width:128px;height:128px;margin:8px 0 28px;flex-shrink:0}.spinner-orbit[data-v-043859d1]{position:absolute;border-radius:50%;border:2px solid transparent;animation:batch-spin-043859d1 1.4s linear infinite}.spinner-orbit--outer[data-v-043859d1]{inset:0;border-top-color:#e8c668;border-right-color:#e8c66840;box-shadow:0 0 12px #d4b85a33}.spinner-orbit--mid[data-v-043859d1]{inset:14%;border-top-color:#4fc08dd9;border-left-color:#4fc08d33;animation-direction:reverse;animation-duration:1.1s}.spinner-orbit--inner[data-v-043859d1]{inset:28%;border-top-color:#f0d896e6;border-bottom-color:#f0d89626;animation-duration:.85s}.spinner-core[data-v-043859d1]{position:absolute;inset:38%;display:flex;align-items:center;justify-content:center;color:#f4d878;animation:batch-pulse-043859d1 1.6s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(212,184,90,.55))}.status-block[data-v-043859d1]{width:100%;text-align:center;padding:0 8px;margin-bottom:20px}.batch-fight-title[data-v-043859d1]{margin:0 0 10px;font-size:clamp(17px,4.2vw,20px);font-weight:800;letter-spacing:2px;line-height:1.5;background:linear-gradient(180deg,#fff0c8,#e8c050 45%,#c9a030);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(232,192,80,.45))}.batch-fight-round[data-v-043859d1]{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:3px;color:#f0d896;text-shadow:0 0 8px rgba(212,184,90,.4)}.batch-fight-hint[data-v-043859d1]{margin:0;min-height:1.4em;font-size:13px;letter-spacing:2px;color:#c9a84c94;transition:opacity .35s ease}.progress-block[data-v-043859d1]{width:100%;margin-bottom:18px;padding:12px 14px;border-radius:8px;background:#00000059;border:1px solid rgba(139,90,43,.45)}.progress-meta[data-v-043859d1]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#c9a84cbf;letter-spacing:1px}.progress-num[data-v-043859d1]{color:#f0d896;font-weight:700}.progress-track[data-v-043859d1]{height:6px;border-radius:3px;background:#00000073;overflow:hidden}.progress-fill[data-v-043859d1]{height:100%;border-radius:3px;background:linear-gradient(90deg,#8a6c28,#e8c668,#f4d878);box-shadow:0 0 10px #e8c66880;transition:width .35s ease}.tips-list[data-v-043859d1]{width:100%;margin:0 0 24px;padding:12px 16px;list-style:none;border-radius:8px;background:#00000047;border:1px dashed rgba(201,168,76,.25)}.tips-list li[data-v-043859d1]{font-size:12px;line-height:1.7;color:#b89758d9;letter-spacing:.5px}.tips-list li+li[data-v-043859d1]{margin-top:4px}.tips-list li[data-v-043859d1]:before{content:"◆ ";color:#d4b85a8c;font-size:10px}.batch-fight-cancel[data-v-043859d1]{width:100%;max-width:280px;margin-top:auto;padding:14px 24px;font-size:15px;font-weight:600;letter-spacing:4px;color:#fae8a8eb;background:#ffffff0a;border:1px solid rgba(212,184,90,.45);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.batch-fight-cancel[data-v-043859d1]:hover{background:#c9a84c24;border-color:#f0d896a6;box-shadow:0 0 16px #d4b85a40}.batch-fight-cancel[data-v-043859d1]:active{transform:scale(.98)}@keyframes batch-spin-043859d1{to{transform:rotate(360deg)}}@keyframes batch-pulse-043859d1{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes scene-drift-043859d1{0%,to{transform:translate(0)}50%{transform:translate(12px,-8px)}}@media (min-width: 768px){.batch-fight-panel[data-v-043859d1]{width:min(100%,520px);min-height:560px;padding:36px 40px 40px}.batch-fight-spinner[data-v-043859d1]{width:140px;height:140px;margin-bottom:32px}.panel-brand[data-v-043859d1]{font-size:28px}}.batch-fight-fade-enter-active[data-v-043859d1],.batch-fight-fade-leave-active[data-v-043859d1]{transition:opacity .3s ease}.batch-fight-fade-enter-active .batch-fight-panel[data-v-043859d1],.batch-fight-fade-leave-active .batch-fight-panel[data-v-043859d1]{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .3s ease}.batch-fight-fade-enter-from[data-v-043859d1],.batch-fight-fade-leave-to[data-v-043859d1]{opacity:0}.batch-fight-fade-enter-from .batch-fight-panel[data-v-043859d1],.batch-fight-fade-leave-to .batch-fight-panel[data-v-043859d1]{opacity:0;transform:scale(.92) translateY(16px)}:root{--color-gold: #c9a84c;--color-gold-light: #d4b85a;--color-gold-dark: #a08030;--color-red: #c83020;--color-red-dark: #9a2018;--color-red-glow: #e04030;--color-green: #3a6e48;--color-green-light: #4a8a5a;--color-green-dark: #2a5038;--color-jade: #2a6090;--color-teal: #1e5a4e;--color-purple: #6a4a80;--color-purple-light: #8468a0;--color-indigo: #3a5080;--color-indigo-light: #5070a0;--color-amber: #b8862a;--color-amber-light: #d4a040;--color-cyan: #2888a0;--color-rose: #b04860;--color-bronze: #8b5a2b;--color-bg-dark: #0f0c08;--color-bg-main: #14100c;--color-bg-header: #1a1510;--color-bg-header2: #14100c;--color-bg-card: rgba(30, 24, 16, .92);--color-bg-card-alt: rgba(20, 16, 12, .6);--color-bg-card-hover: rgba(40, 32, 22, .95);--color-bg-sidebar: #1a1510;--color-bg-sidebar-active: rgba(201, 168, 76, .1);--color-bg-modal: #1e1810;--color-chrome-status: #0f0c08;--color-chrome-status-bottom: #14100c;--color-bg-overlay: rgba(6, 5, 3, .75);--color-overlay-panel: rgba(10, 8, 5, .55);--color-bg-input: #1a1510;--color-border: rgba(139, 90, 43, .25);--color-border-light: rgba(139, 90, 43, .12);--color-border-dark: rgba(139, 90, 43, .4);--color-border-gold: #c9a84c;--color-border-glow: rgba(201, 168, 76, .15);--color-text: #d4c4a8;--color-text-light: #a89070;--color-text-lighter: #786850;--color-text-title: #e8dcc8;--color-text-gold: #c9a84c;--color-text-red: #c83020;--color-text-green: #4a8a5a;--color-text-jade: #4a90b0;--color-text-purple: #a080c0;--color-text-indigo: #7090c0;--color-text-amber: #c8a040;--color-text-white: #f0e8d8;--color-accent: var(--color-gold);--color-accent-soft: rgba(201, 168, 76, .1);--color-accent-border: rgba(201, 168, 76, .3);--color-action-use: var(--color-green);--color-action-use-rgb: 58, 110, 72;--color-action-eat: var(--color-purple);--color-action-eat-rgb: 106, 74, 128;--color-action-sell: var(--color-gold);--color-action-sell-rgb: 201, 168, 76;--font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;--font-title: "ZCOOL XiaoWei", "STKaiti", "KaiTi", "Microsoft YaHei", sans-serif;--font-num: "Consolas", "Microsoft YaHei", "Georgia", sans-serif;--font-xs: 11px;--font-sm: 12px;--font-base: 13px;--font-md: 14px;--font-lg: 15px;--font-xl: 16px;--font-2xl: 18px;--font-3xl: 22px;--font-title-lg: 26px;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--radius-circle: 50%;--ink-charcoal: #0a0806;--ink-heavy: #14100c;--ink-mid: #3a3028;--ink-light: #5a4e40;--ink-faint: #7a6e58;--paper-cream: #1e1810;--paper-aged: #14100c;--paper-dark: #0f0c08;--texture-paper: repeating-linear-gradient( 0deg, rgba(80, 60, 40, .06) 0px, transparent 1px, transparent 2px, rgba(70, 55, 35, .04) 3px, transparent 4px ), repeating-linear-gradient( 90deg, rgba(75, 58, 38, .05) 0px, transparent 1px, transparent 3px, rgba(65, 50, 32, .03) 4px ), radial-gradient(ellipse 3px 2px at 15% 25%, rgba(80, 60, 40, .08), transparent), radial-gradient(ellipse 2px 3px at 65% 45%, rgba(70, 55, 35, .06), transparent), radial-gradient(ellipse 4px 2px at 85% 75%, rgba(80, 60, 40, .05), transparent), radial-gradient(ellipse 2px 4px at 35% 85%, rgba(70, 55, 35, .06), transparent);--texture-silk: linear-gradient(135deg, rgba(30, 24, 16, .5) 0%, transparent 50%);--border-brush: 1px solid rgba(139, 90, 43, .25);--border-brush-light: 1px solid rgba(139, 90, 43, .12);--glow-immortal: 0 0 16px rgba(201, 168, 76, .15);--glow-spirit: 0 0 14px rgba(42, 122, 106, .15);--glow-seal: 0 0 10px rgba(200, 48, 32, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .25), 0 4px 12px rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(60, 50, 40, .2);--shadow-ink: 0 2px 6px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .2);--shadow-glow: 0 0 12px rgba(201, 168, 76, .12), 0 0 4px rgba(201, 168, 76, .08);--shadow-inner: inset 0 1px 0 rgba(255, 230, 170, .04), inset 0 -1px 0 rgba(40, 35, 30, .3);--transition-fast: .15s ease;--transition-base: .22s ease;--transition-slow: .3s ease;--max-width: 420px;--header-height: 72px;--nav-height: 64px;--color-btn-disabled: rgba(60, 55, 48, .5);--color-text-disabled: rgba(100, 90, 80, .4);--color-exp: #4a8a5a;--color-hp: #c83020;--color-mp: #2a6090;--color-gold-ui: #c9a84c;--color-silver: #7a8898;--pc-sidebar-width: 0px;--pc-content-padding: 10px;--pc-grid-gap: 10px;--pc-card-min-width: 200px;--color-gold: #b8943c;--color-gold-light: #d0b36a;--color-gold-dark: #7d6124;--color-red: #a94435;--color-red-dark: #7b2c24;--color-red-glow: #c75b48;--color-green: #3f7655;--color-green-light: #5a9870;--color-green-dark: #294f3b;--color-jade: #3c8b7a;--color-teal: #28675b;--color-purple: #695b7a;--color-indigo: #465d84;--color-amber: #a3742d;--color-cyan: #3c8790;--color-bronze: #806039;--color-bg-dark: #0b0b09;--color-bg-main: #11100c;--color-bg-header: #17140f;--color-bg-header2: #100e0a;--color-bg-card: rgba(24, 21, 16, .9);--color-bg-card-alt: rgba(18, 16, 12, .68);--color-bg-card-hover: rgba(31, 27, 20, .94);--color-bg-sidebar: #16130e;--color-bg-sidebar-active: rgba(184, 148, 60, .09);--color-bg-modal: #18140f;--color-chrome-status: #0b0b09;--color-chrome-status-bottom: #11100c;--color-bg-overlay: rgba(5, 5, 4, .76);--color-overlay-panel: rgba(8, 8, 6, .6);--color-bg-input: rgba(13, 12, 9, .92);--color-border: rgba(128, 96, 57, .3);--color-border-light: rgba(128, 96, 57, .16);--color-border-dark: rgba(184, 148, 60, .38);--color-border-gold: #b8943c;--color-border-glow: rgba(184, 148, 60, .12);--color-text: #d3c7ad;--color-text-light: #a99b80;--color-text-lighter: #746c5d;--color-text-title: #eadfc6;--color-text-gold: #c8a75a;--color-text-jade: #72b4a3;--color-text-white: #f1ead8;--radius-lg: 8px;--radius-xl: 10px;--glow-immortal: 0 0 10px rgba(184, 148, 60, .1);--glow-spirit: 0 0 10px rgba(60, 139, 122, .1);--glow-seal: 0 0 8px rgba(169, 68, 53, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24);--shadow-card: 0 2px 10px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(238, 216, 160, .035);--shadow-ink: 0 4px 16px rgba(0, 0, 0, .32);--shadow-glow: 0 0 0 1px rgba(184, 148, 60, .1), 0 4px 14px rgba(0, 0, 0, .26);--shadow-inner: inset 0 1px 0 rgba(238, 216, 160, .035), inset 0 -1px 0 rgba(0, 0, 0, .3)}[data-theme=darkGold]{--color-gold: #9a7c28;--color-gold-light: #b89838;--color-gold-dark: #7a5c18;--color-red: #a04030;--color-red-dark: #7a2a20;--color-red-glow: #c04a3a;--color-green: #3a5a40;--color-green-light: #4a7050;--color-green-dark: #2a4030;--color-jade: #2a6858;--color-teal: #1e4a3e;--color-bg-dark: #d5d3cc;--color-bg-main: #e8e6e0;--color-bg-header: #e0ded8;--color-bg-header2: #d8d6d0;--color-bg-card: rgba(248, 246, 242, .92);--color-bg-card-alt: rgba(238, 236, 230, .75);--color-bg-card-hover: rgba(232, 230, 224, .85);--color-bg-sidebar: #dddbd5;--color-bg-sidebar-active: rgba(90, 80, 60, .1);--color-bg-modal: #eceae4;--color-chrome-status: #eceae4;--color-chrome-status-bottom: #e0ded8;--color-bg-overlay: rgba(25, 24, 20, .52);--color-bg-input: #f4f2ee;--color-border: rgba(50, 48, 40, .22);--color-border-light: rgba(70, 65, 55, .16);--color-border-dark: rgba(35, 32, 28, .38);--color-border-gold: #9a7c28;--color-border-glow: rgba(154, 124, 40, .18);--color-text: #1a1816;--color-text-light: #484540;--color-text-lighter: #807c78;--color-text-title: #100e0a;--color-text-gold: #8a6c1e;--color-text-red: #a04030;--color-text-green: #2a5038;--color-text-white: #f6f4f0;--shadow-sm: 0 1px 4px rgba(30, 28, 22, .08);--shadow-card: 0 2px 10px rgba(30, 28, 22, .07);--shadow-glow: 0 0 14px rgba(154, 124, 40, .08);--shadow-inner: inset 0 1px 0 rgba(255, 254, 250, .45), inset 0 -2px 6px rgba(30, 28, 22, .04)}[data-theme=pc]{--max-width: 1400px;--header-height: 64px;--nav-height: 0px;--font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-title: "Impact", "Arial Black", "Microsoft YaHei", "SimHei", sans-serif;--font-num: "Consolas", "Microsoft YaHei", monospace;--font-xs: 11px;--font-sm: 12px;--font-base: 13px;--font-md: 14px;--font-lg: 15px;--font-xl: 16px;--space-sm: 10px;--space-md: 16px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 32px;--pc-sidebar-width: 200px;--pc-sidebar-width-sm: 140px;--pc-content-padding: 20px;--pc-grid-gap: 14px;--pc-card-min-width: 240px;--pc-detail-panel-width: 320px;--modal-max-width: 640px;--color-gold: #c9a84c;--color-gold-light: #d4b85a;--color-gold-dark: #a08030;--color-red: #c83020;--color-red-dark: #9a2018;--color-red-glow: #e04030;--color-green: #3a6e48;--color-green-light: #4a8a5a;--color-green-dark: #2a5038;--color-jade: #2a6090;--color-teal: #1e5a4e;--color-purple: #6a4a80;--color-purple-light: #8468a0;--color-indigo: #3a5080;--color-indigo-light: #5070a0;--color-amber: #b8862a;--color-amber-light: #d4a040;--color-cyan: #2888a0;--color-rose: #b04860;--color-bronze: #8b5a2b;--color-bg-dark: #0f0c08;--color-bg-main: #14100c;--color-bg-header: #1a1510;--color-bg-header2: #14100c;--color-bg-card: rgba(30, 24, 16, .9);--color-bg-card-alt: rgba(20, 16, 12, .6);--color-bg-card-hover: rgba(40, 32, 22, .95);--color-bg-sidebar: #1a1510;--color-bg-sidebar-active: rgba(201, 168, 76, .08);--color-bg-modal: #1e1810;--color-chrome-status: #0f0c08;--color-chrome-status-bottom: #14100c;--color-bg-overlay: rgba(6, 5, 3, .75);--color-overlay-panel: rgba(10, 8, 5, .55);--color-bg-input: #1a1510;--color-border: rgba(139, 90, 43, .25);--color-border-light: rgba(139, 90, 43, .12);--color-border-dark: rgba(139, 90, 43, .4);--color-border-gold: #c9a84c;--color-border-glow: rgba(201, 168, 76, .15);--color-text: #d4c4a8;--color-text-light: #a89070;--color-text-lighter: #786850;--color-text-title: #e8dcc8;--color-text-gold: #c9a84c;--color-text-red: #c83020;--color-text-green: #4a8a5a;--color-text-jade: #4a90b0;--color-text-purple: #a080c0;--color-text-indigo: #7090c0;--color-text-amber: #c8a040;--color-text-white: #f0e8d8;--color-accent: var(--color-gold);--color-accent-soft: rgba(201, 168, 76, .1);--color-accent-border: rgba(201, 168, 76, .3);--color-action-use: var(--color-green);--color-action-use-rgb: 58, 110, 72;--color-action-eat: var(--color-purple);--color-action-eat-rgb: 106, 74, 128;--color-action-sell: var(--color-gold);--color-action-sell-rgb: 201, 168, 76;--ink-charcoal: #0a0806;--ink-heavy: #14100c;--ink-mid: #3a3028;--ink-light: #5a4e40;--ink-faint: #7a6e58;--paper-cream: #1e1810;--paper-aged: #14100c;--paper-dark: #0f0c08;--texture-paper: repeating-linear-gradient( 0deg, rgba(80, 60, 40, .06) 0px, transparent 1px, transparent 2px, rgba(70, 55, 35, .04) 3px, transparent 4px ), repeating-linear-gradient( 90deg, rgba(75, 58, 38, .05) 0px, transparent 1px, transparent 3px, rgba(65, 50, 32, .03) 4px ), radial-gradient(ellipse 3px 2px at 15% 25%, rgba(80, 60, 40, .08), transparent), radial-gradient(ellipse 2px 3px at 65% 45%, rgba(70, 55, 35, .06), transparent), radial-gradient(ellipse 4px 2px at 85% 75%, rgba(80, 60, 40, .05), transparent), radial-gradient(ellipse 2px 4px at 35% 85%, rgba(70, 55, 35, .06), transparent);--texture-silk: linear-gradient(135deg, rgba(30, 24, 16, .5) 0%, transparent 50%);--border-brush: 1px solid rgba(139, 90, 43, .25);--border-brush-light: 1px solid rgba(139, 90, 43, .12);--glow-immortal: 0 0 16px rgba(201, 168, 76, .12);--glow-spirit: 0 0 14px rgba(42, 122, 106, .12);--glow-seal: 0 0 10px rgba(200, 48, 32, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .25), 0 4px 12px rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(60, 50, 40, .2);--shadow-ink: 0 2px 6px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .2);--shadow-glow: 0 0 12px rgba(201, 168, 76, .1), 0 0 4px rgba(201, 168, 76, .06);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 -1px 0 rgba(40, 35, 30, .3);--color-btn-disabled: rgba(60, 55, 48, .5);--color-text-disabled: rgba(100, 90, 80, .4);--color-exp: #4a8a5a;--color-hp: #c83020;--color-mp: #2a6090;--color-gold-ui: #c9a84c;--color-silver: #7a8898;--font-title: "STKaiti", "KaiTi", "Microsoft YaHei", "SimHei", sans-serif;--color-gold: #b8943c;--color-gold-light: #d0b36a;--color-gold-dark: #7d6124;--color-red: #a94435;--color-red-dark: #7b2c24;--color-red-glow: #c75b48;--color-green: #3f7655;--color-green-light: #5a9870;--color-green-dark: #294f3b;--color-jade: #3c8b7a;--color-teal: #28675b;--color-purple: #695b7a;--color-purple-light: #8b7ca0;--color-indigo: #465d84;--color-indigo-light: #6f85ad;--color-amber: #a3742d;--color-amber-light: #c09345;--color-cyan: #3c8790;--color-bronze: #806039;--color-bg-dark: #0b0b09;--color-bg-main: #11100c;--color-bg-header: #17140f;--color-bg-header2: #100e0a;--color-bg-card: rgba(24, 21, 16, .9);--color-bg-card-alt: rgba(18, 16, 12, .68);--color-bg-card-hover: rgba(31, 27, 20, .94);--color-bg-sidebar: #16130e;--color-bg-sidebar-active: rgba(184, 148, 60, .09);--color-bg-modal: #18140f;--color-bg-input: rgba(13, 12, 9, .92);--color-border: rgba(128, 96, 57, .3);--color-border-light: rgba(128, 96, 57, .16);--color-border-dark: rgba(184, 148, 60, .38);--color-border-gold: #b8943c;--color-border-glow: rgba(184, 148, 60, .12);--color-text: #d3c7ad;--color-text-light: #a99b80;--color-text-lighter: #746c5d;--color-text-title: #eadfc6;--color-text-gold: #c8a75a;--color-text-red: #c75b48;--color-text-green: #70a981;--color-text-jade: #72b4a3;--color-text-purple: #aa99c0;--color-text-indigo: #8ba3cf;--color-text-amber: #c8a35a;--color-text-white: #f1ead8;--radius-lg: 8px;--radius-xl: 10px;--glow-immortal: 0 0 10px rgba(184, 148, 60, .1);--glow-spirit: 0 0 10px rgba(60, 139, 122, .1);--glow-seal: 0 0 8px rgba(169, 68, 53, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24);--shadow-card: 0 2px 10px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(238, 216, 160, .035);--shadow-ink: 0 4px 16px rgba(0, 0, 0, .32);--shadow-glow: 0 0 0 1px rgba(184, 148, 60, .1), 0 4px 14px rgba(0, 0, 0, .26);--shadow-inner: inset 0 1px 0 rgba(238, 216, 160, .035), inset 0 -1px 0 rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;-webkit-text-size-adjust:100%;background-color:var(--color-chrome-status);background-image:linear-gradient(180deg,var(--color-chrome-status) 0%,var(--color-chrome-status-bottom) 100%)}[data-theme=pc] html{background:#0a0806}body{font-family:var(--font-family);background:url(../ui-assets/bg-main-dark.png) center center / cover no-repeat,radial-gradient(ellipse 80% 60% at 50% -10%,rgba(120,80,30,.22),transparent 65%),radial-gradient(circle at 20% 15%,rgba(201,168,76,.1) 0%,transparent 45%),linear-gradient(180deg,#18120c,#0c0806);background-attachment:fixed;color:var(--color-text);overflow:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;height:100%;width:100%;display:flex;justify-content:center;align-items:stretch}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 20% at 20% 95%,rgba(60,55,50,.03) 0%,transparent 70%),radial-gradient(ellipse 50% 15% at 80% 90%,rgba(60,55,50,.02) 0%,transparent 70%);background-repeat:no-repeat}body:after{content:"道";position:fixed;top:60px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:20px;font-weight:900;color:#b8302033;border:2px solid rgba(184,48,32,.15);border-radius:4px;pointer-events:none;z-index:0;transform:rotate(15deg)}#app{width:100%;max-width:var(--max-width);height:100%;height:100dvh;position:relative;overflow:hidden;touch-action:manipulation;background:transparent;box-shadow:none;border:none}[class*=overlay],[class*=-overlay]{overscroll-behavior:contain;touch-action:none}[class*=-body],[class*=modal-body],[class*=-list],.modal-box,.sub-page-content,.scroll-area{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#dcdad480}::-webkit-scrollbar-thumb{background:#504e464d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3c3a3473}.diablo-bg{background-color:#14100cf2;background-image:radial-gradient(ellipse at 50% 0%,rgba(120,80,30,.15),transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(200,48,32,.06),transparent 40%),radial-gradient(ellipse at 0% 50%,rgba(201,168,76,.04),transparent 30%),radial-gradient(ellipse at 100% 50%,rgba(201,168,76,.04),transparent 30%);position:relative}.diablo-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(46,36,24,.2),transparent);pointer-events:none;z-index:0}.diablo-bg>*{position:relative;z-index:1}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ink-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);overflow:hidden;font-size:var(--font-base);transition:transform var(--transition-fast),background var(--transition-base),border-color var(--transition-base),filter var(--transition-fast)}.ink-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ink-btn,.diablo-btn{background:linear-gradient(180deg,#2e2418f2,#1c140efa);border:1px solid rgba(201,168,76,.3);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffe6aa14;color:var(--color-text);font-family:var(--font-title);font-weight:700;letter-spacing:1px;cursor:pointer;position:relative;transition:transform var(--transition-fast),background var(--transition-base),border-color var(--transition-base)}.ink-btn:active,.diablo-btn:active{background:linear-gradient(180deg,#261c12fa,#16100afa);transform:translateY(1px) scale(.98)}.ink-btn.sm{font-size:var(--font-sm);padding:4px 10px}.ink-btn.lg{font-size:var(--font-lg);padding:12px 28px}.ink-btn.primary,.ink-btn.fire,.diablo-btn.primary,.diablo-btn.fire{background:linear-gradient(180deg,#c84838,#a83228);border:1px solid rgba(138,40,30,.5);color:var(--color-text-white);box-shadow:var(--shadow-sm),var(--glow-seal)}.ink-btn.gold,.ink-btn.primary-gold,.diablo-btn.gold{background:linear-gradient(180deg,#c8a038,#8a6c22);border:2px solid rgba(80,60,18,.6);color:#faf8f2;box-shadow:0 3px 8px #503c1240,0 0 16px #a8883833,inset 0 1px #fff0c84d;text-shadow:0 1px 3px rgba(40,28,8,.4)}.ink-btn.wood,.ink-btn.green,.diablo-btn.wood,.diablo-btn.green{background:linear-gradient(180deg,#4a8a5a,#3a6e48);border:1px solid rgba(58,110,72,.5);color:var(--color-text-white);box-shadow:var(--shadow-sm),0 0 10px #3a6e481a}.ink-btn.water,.ink-btn.jade,.diablo-btn.water,.diablo-btn.jade{background:linear-gradient(180deg,#3a8a7a,#2a7a6a);border:1px solid rgba(42,122,106,.5);color:var(--color-text-white);box-shadow:var(--shadow-sm),var(--glow-spirit)}.ink-btn.spirit,.ink-btn.purple,.diablo-btn.spirit,.diablo-btn.purple{background:linear-gradient(180deg,#7a5a98,#6a4a80);border:1px solid rgba(106,74,128,.5);color:var(--color-text-white);box-shadow:var(--shadow-sm),0 0 10px #6a4a801a}.ink-btn.sky,.ink-btn.indigo,.diablo-btn.sky,.diablo-btn.indigo{background:linear-gradient(180deg,#5070a0,#3a5080);border:1px solid rgba(58,80,128,.5);color:var(--color-text-white);box-shadow:var(--shadow-sm),0 0 10px #3a50801a}.ink-btn.earth,.ink-btn.amber,.diablo-btn.earth,.diablo-btn.amber{background:linear-gradient(180deg,#c89838,#a87828);border:1px solid rgba(168,120,40,.5);color:var(--color-text-white);box-shadow:var(--shadow-sm),0 0 10px #a878281a}.ink-btn.danger,.diablo-btn.danger{background:linear-gradient(180deg,#c83828,#a02820);border:1px solid rgba(140,35,25,.5);color:var(--color-text-white)}.ink-btn.outline,.diablo-btn.outline-red{background:#b83a2a14;border-color:#b83a2a66;color:var(--color-red)}.ink-btn.outline.green,.diablo-btn.outline-green{background:#3a6e4814;border-color:#3a6e4866;color:var(--color-green)}.ink-btn.outline.jade,.diablo-btn.outline-jade{background:#2a7a6a14;border-color:#2a7a6a66;color:var(--color-jade)}.ink-btn.outline.purple,.diablo-btn.outline-purple{background:#6a4a8014;border-color:#6a4a8066;color:var(--color-purple)}.ink-btn.outline.gold,.diablo-btn.outline-gold{background:#8a6c2814;border-color:#8a6c2866;color:var(--color-gold)}.ink-btn.stamp{background:linear-gradient(135deg,#d04838,#a02820);border:2px solid rgba(120,30,20,.6);color:#faf8f4;letter-spacing:2px;border-radius:var(--radius-md);box-shadow:0 3px 10px #a0281e40,0 0 20px #b83a2a1a}.ink-btn.stamp:active{transform:scale(.97);filter:brightness(1.05)}.ink-btn.stamp.gold{background:linear-gradient(135deg,#a88838,#8a6c28);border:1px solid rgba(100,78,30,.5);box-shadow:var(--glow-immortal)}.btn-gold{background:linear-gradient(180deg,#a88838,#8a6c28);border:1px solid rgba(100,78,30,.4);color:var(--color-text-white);padding:6px 12px;border-radius:4px}.btn-gold:active{background:linear-gradient(180deg,#8a6c28,#6a5018)}.btn-outline{background:transparent;border:1px solid rgba(30,28,22,.3);color:var(--color-text-light);padding:6px 12px;border-radius:4px}.btn-outline:active{background:#1e1c1614}.text-gold{color:var(--color-text-gold)}.text-red,.text-fire{color:var(--color-text-red)}.text-green,.text-wood{color:var(--color-text-green)}.text-jade,.text-water{color:var(--color-text-jade)}.text-purple,.text-spirit{color:var(--color-text-purple)}.text-indigo,.text-sky{color:var(--color-text-indigo)}.text-amber,.text-earth{color:var(--color-text-amber)}.text-cyan{color:var(--color-cyan)}.text-rose{color:var(--color-rose)}.text-bronze{color:var(--color-bronze)}.val-fire{color:var(--color-red-glow);font-weight:700}.val-wood{color:var(--color-green-light);font-weight:700}.val-water{color:var(--color-jade);font-weight:700}.val-earth{color:var(--color-amber);font-weight:700}.val-spirit{color:var(--color-purple-light);font-weight:700}.val-gold{color:var(--color-gold);font-weight:700}.val-sky{color:var(--color-indigo);font-weight:700}.quality-white{color:var(--color-text-light)}.quality-green{color:var(--color-green)}.quality-blue{color:var(--color-indigo)}.quality-purple{color:var(--color-purple)}.quality-orange{color:var(--color-amber)}.quality-red{color:var(--color-red)}.quality-gold{color:var(--color-amber-light);text-shadow:0 0 6px rgba(168,128,32,.2)}.quality-rainbow{background:linear-gradient(90deg,var(--color-red),var(--color-amber),var(--color-gold),var(--color-green),var(--color-indigo),var(--color-purple));-webkit-background-clip:text;color:transparent;font-weight:800}.text-gradient-gold{background:linear-gradient(180deg,var(--color-gold-light),var(--color-gold-dark));-webkit-background-clip:text;color:transparent;font-weight:800}.text-gradient-fire{background:linear-gradient(180deg,var(--color-red-glow),var(--color-red-dark));-webkit-background-clip:text;color:transparent;font-weight:800}.text-gradient-jade{background:linear-gradient(180deg,var(--color-jade),var(--color-teal));-webkit-background-clip:text;color:transparent;font-weight:800}.text-gradient-purple{background:linear-gradient(180deg,var(--color-purple-light),var(--color-purple));-webkit-background-clip:text;color:transparent;font-weight:800}.text-gradient-sky{background:linear-gradient(180deg,var(--color-indigo-light),var(--color-indigo));-webkit-background-clip:text;color:transparent;font-weight:800}.text-highlight{color:var(--color-text-title);text-shadow:0 1px 2px rgba(40,38,32,.1)}.text-glow-gold{text-shadow:0 0 8px rgba(168,128,32,.25)}.text-glow-fire{text-shadow:0 0 8px rgba(184,58,42,.2)}.text-glow-jade{text-shadow:0 0 8px rgba(42,122,106,.2)}.text-glow-purple{text-shadow:0 0 8px rgba(106,74,128,.2)}.text-glow-sky{text-shadow:0 0 8px rgba(58,80,128,.2)}.label-fire{color:var(--color-text-red);background:#b83a2a14;padding:1px 6px;border-radius:3px}.label-wood{color:var(--color-text-green);background:#2a604014;padding:1px 6px;border-radius:3px}.label-water{color:var(--color-text-jade);background:#2a7a6a14;padding:1px 6px;border-radius:3px}.label-earth{color:var(--color-text-amber);background:#90682014;padding:1px 6px;border-radius:3px}.label-spirit{color:var(--color-text-purple);background:#6a4a8014;padding:1px 6px;border-radius:3px}.label-gold{color:var(--color-text-gold);background:#8a6c2814;padding:1px 6px;border-radius:3px}.label-sky{color:var(--color-text-indigo);background:#3a508014;padding:1px 6px;border-radius:3px}.diablo-divider{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(20,18,14,.08) 4%,rgba(20,18,14,.3) 12%,rgba(20,18,14,.55) 25%,rgba(20,18,14,.7) 50%,rgba(20,18,14,.55) 75%,rgba(20,18,14,.3) 88%,rgba(20,18,14,.08) 96%,transparent 100%);margin:10px 0}.page-enter-active,.page-leave-active{transition:opacity .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.stagger-list-enter-active{transition:all .3s ease}.stagger-list-enter-from{opacity:0;transform:translateY(12px)}@keyframes num-pop{0%{transform:scale(1)}50%{transform:scale(1.2);color:var(--color-gold)}to{transform:scale(1)}}.num-changed{animation:num-pop .4s ease}@keyframes item-flash{0%{box-shadow:0 0 #a8883899}70%{box-shadow:0 0 0 8px #a8883800}to{box-shadow:0 0 #a8883800}}.item-gained{animation:item-flash .6s ease}@keyframes ink-splash{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}.tab-active:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#8a6c2833;animation:ink-splash .4s ease-out;pointer-events:none}.ink-btn{overflow:hidden}.ink-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.ink-btn:active:after{opacity:1}[data-theme=pc] .ink-btn:hover,[data-theme=pc] .diablo-btn:hover{filter:brightness(1.06)}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed;inset:0;background:#080604b8;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center}.modal-overlay.contained{position:absolute;z-index:500}.modal-box{background:linear-gradient(180deg,#261c10fa,#120c08fa);border:1px solid rgba(139,90,43,.55);box-shadow:0 16px 48px #000000bf,inset 0 1px #ffe6aa14;color:#c8b898;width:85%;max-width:400px;border-radius:10px;overflow:hidden}[data-theme=pc] .modal-box{max-width:560px}.modal-head{background:linear-gradient(180deg,#36281af2,#1e160ef2);border-bottom:1px solid rgba(139,90,43,.45);color:#f0d896;font-family:var(--font-title);letter-spacing:4px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px;text-shadow:0 0 10px rgba(212,184,90,.4),0 1px 2px rgba(0,0,0,.8)}.modal-body{padding:14px 16px}.modal-foot{background:linear-gradient(180deg,#1e160ee6,#120c08e6);border-top:1px solid rgba(139,90,43,.35);padding:12px;display:flex;justify-content:flex-end;gap:8px}.modal-close-btn{border:1px solid rgba(139,90,43,.4);color:#c4ac6c;background:#16100a99;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:#b83a2a33;color:#ff9070;border-color:#d05a3e80;transform:rotate(90deg)}.ink-decoration{opacity:0}input[type=text],input[type=number]{background:var(--color-bg-input)!important;border:1px solid rgba(30,28,22,.25)!important;color:var(--color-text)!important;box-shadow:inset 0 1px 3px #2826200f!important;border-radius:var(--radius-sm)}.card-name{font-size:15px;font-weight:700;color:var(--color-text-title);margin-bottom:4px}.card-desc{font-size:12px;color:var(--color-text-lighter);line-height:1.4}.card-price{font-size:13px;color:var(--color-text-gold);margin:4px 0}.list-item,.rank-item{background:linear-gradient(180deg,#2e2418e0,#1c140eeb);border:1px solid rgba(201,168,76,.15);border-radius:var(--radius-sm);box-shadow:0 2px 6px #00000040,inset 0 1px #ffe6aa0d;padding:10px;color:var(--color-text);display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;position:relative}button,[role=button],.sidebar-tab,.nav-item,.zone-tab,.server-btn,.menu-btn,.func-card,.item-card{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(184,58,42,.4);outline-offset:1px}.sub-page,.char-tab,.bag-layout,.battle-tab,.func-tab,.menu-tab,.server-page,.auth-page,.login-page{color:var(--color-text)}.sub-page-header,.auth-header,.battle-header,.bag-search-bar{backdrop-filter:blur(6px)}.section-header .title,.title-text,.sec-title,.sp-title,.header-title,.server-title,.login-title,.auth-title{color:var(--color-text-title);font-family:var(--font-title);letter-spacing:2px;text-shadow:0 1px 2px rgba(72,56,32,.08)}.sec-title,.sp-title{font-size:18px;font-weight:700;letter-spacing:4px}.section-header{position:relative}.section-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--ink-brush-border),linear-gradient(90deg,rgba(30,28,22,.35) 0%,rgba(30,28,22,.12) 50%,transparent 100%);background-size:200px 2px,100% 100%}.title-fire,.title-red{color:var(--color-red)}.title-wood,.title-green{color:var(--color-green)}.title-water,.title-jade{color:var(--color-jade)}.title-gold{color:var(--color-text-gold)}.title-spirit,.title-purple{color:var(--color-purple)}.title-sky,.title-indigo{color:var(--color-indigo)}.title-earth,.title-amber{color:var(--color-text-amber)}.sidebar-tab,.zone-tab,.server-btn,.func-card,.menu-btn,.item-card,.diablo-btn{transition:transform var(--transition-fast),background var(--transition-base),border-color var(--transition-base)}.sidebar-tab:hover,.zone-tab:hover,.server-btn:hover,.func-card:hover,.menu-btn:hover,.item-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-dark)}.diablo-btn:hover{border-color:var(--color-border-dark)}.game-content,.sub-page-body,.sidebar-main,.bag-content,.menu-tab,.func-tab,.battle-tab,.char-tab{scrollbar-gutter:stable}.ink-wash{position:relative}.ink-wash:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:radial-gradient(ellipse at 50% 0%,rgba(200,198,190,.25),transparent 65%);pointer-events:none;z-index:0}.ink-wash-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(14,10,6,.5),transparent);pointer-events:none}.ink-card,.card{background:linear-gradient(180deg,#2e2418eb,#1c140ef2);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffe6aa0f;padding:12px;margin-bottom:10px;color:var(--color-text);position:relative}.ink-card:before,.card:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 2px 0 6px #00000014,inset -2px 0 6px #00000014,inset 0 2px 6px #0000000d,inset 0 -2px 8px #0000001a;pointer-events:none}.ink-card:after,.card:after{content:"";position:absolute;inset:0;border:1px solid rgba(201,168,76,.08);border-radius:inherit;pointer-events:none}.ink-card.panel,.diablo-panel{background:linear-gradient(180deg,#2e2418eb,#16100af5);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);box-shadow:0 2px 8px #00000059,0 8px 24px #0003,inset 0 1px #ffe6aa0f;margin-bottom:0;padding:0}.ink-card.panel:before,.diablo-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 2px 0 6px #0000001a,inset -2px 0 6px #0000001a,inset 0 2px 5px #0000000d,inset 0 -2px 6px #0000001a;pointer-events:none}.ink-card.panel:after,.diablo-panel:after{content:"";position:absolute;inset:0;border:1px solid rgba(201,168,76,.08);border-radius:inherit;pointer-events:none}.ink-card.flat{background:var(--color-bg-card);border:var(--border-brush-light);box-shadow:var(--shadow-sm)}.ink-card.hoverable{transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);cursor:pointer}.ink-card.hoverable:hover{box-shadow:var(--shadow-ink);border-color:var(--color-border-dark);transform:translateY(-1px)}.ink-card.hoverable:active{transform:translateY(0) scale(.99)}.ink-stamp{background:linear-gradient(135deg,#d04838,#a02820);border:2px solid rgba(120,30,20,.6);color:var(--color-text-white);font-family:var(--font-title);font-weight:700;letter-spacing:2px;border-radius:var(--radius-md);padding:10px 20px;cursor:pointer;position:relative;transition:transform var(--transition-fast),filter var(--transition-base);box-shadow:0 3px 10px #a0281e40,0 0 20px #b83a2a1a}.ink-stamp:active{transform:scale(.97);filter:brightness(1.05)}.ink-stamp-gold{background:linear-gradient(135deg,#a88838,#8a6c28);border:1px solid rgba(100,78,30,.5);color:var(--color-text-white);font-family:var(--font-title);font-weight:700;letter-spacing:2px;border-radius:var(--radius-md);padding:10px 20px;cursor:pointer;position:relative;transition:transform var(--transition-fast),filter var(--transition-base);box-shadow:var(--glow-immortal)}.ink-stamp-gold:active{transform:scale(.97);filter:brightness(1.05)}.ink-divider{height:2px;background:var(--ink-brush-border),linear-gradient(90deg,transparent 3%,rgba(30,28,22,.25) 20%,rgba(30,28,22,.4) 50%,rgba(30,28,22,.25) 80%,transparent 97%);background-size:200px 2px,100% 100%;margin:16px 0;position:relative}.ink-dot:before{content:"·";color:var(--ink-light);font-size:24px;line-height:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ink-progress{height:8px;background:var(--paper-dark);border-radius:var(--radius-pill);overflow:hidden;box-shadow:inset 0 1px 2px #2826201a}.ink-progress-fill{height:100%;background:linear-gradient(90deg,var(--ink-mid),var(--ink-heavy));border-radius:var(--radius-pill);transition:width var(--transition-base);position:relative}.ink-progress-fill:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#ffffff40;border-radius:50%;filter:blur(2px)}.loading-spirit{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--ink-heavy);border-radius:50%;animation:spirit-spin .8s linear infinite}@keyframes spirit-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flex-center{display:flex!important;justify-content:center!important;align-items:center!important}.game-btn-primary{position:relative;overflow:hidden;padding:.5rem 1.5rem;background:linear-gradient(to bottom,#c9a84c33,#c9a84c0d);border:1px solid rgba(201,168,76,.5);border-radius:9999px;color:#c9a84c;font-weight:700;letter-spacing:.1em;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.game-btn-primary:hover{filter:brightness(1.25);border-color:#c9a84c;box-shadow:0 0 15px #c9a84c80}.game-btn-primary:active{transform:scale(.95)}.game-btn-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.game-btn-disabled:hover{filter:brightness(1) grayscale(1);border-color:#c9a84c80;box-shadow:none}.game-btn-disabled:active{transform:scale(1)}.game-card{position:relative;background-color:#1a1814cc;backdrop-filter:blur(12px);border:1px solid #3e382c;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-card:hover{border-color:#c9a84c80;background-color:#23201ae6;box-shadow:0 4px 20px #c9a84c26}.game-card-gold{border-color:#c9a84c99;background:linear-gradient(to bottom right,#4a3a1666,#1a1814cc);box-shadow:0 0 15px #c9a84c1a}.game-title-gold{background:linear-gradient(to bottom,#fdf5e6,#c9a84c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}body{background:linear-gradient(180deg,#0909079e,#0a0907e6),url(../ui-assets/bg-main-dark.png) center center / cover no-repeat,linear-gradient(180deg,#11100c,#070706);background-attachment:fixed}body:before{background:linear-gradient(180deg,rgba(226,211,168,.035),transparent 28%),repeating-linear-gradient(90deg,rgba(226,211,168,.018) 0,transparent 1px,transparent 5px)}body:after{display:none}.diablo-bg{background-color:#110f0beb;background-image:var(--texture-paper),linear-gradient(180deg,#1f1b149e,#0c0b08db)}.diablo-bg:before{height:72px;background:linear-gradient(180deg,rgba(226,211,168,.045),transparent)}.ink-btn,.diablo-btn{min-height:36px;border-radius:var(--radius-md);background:var(--texture-paper),linear-gradient(180deg,#231e16f5,#12100cfa);border:1px solid rgba(128,96,57,.38);box-shadow:var(--shadow-sm),inset 0 1px #eed8a00d;color:var(--color-text);letter-spacing:.5px;text-shadow:none}.ink-btn:hover,.diablo-btn:hover{border-color:#b8943c7a;filter:brightness(1.04)}.ink-btn:active,.diablo-btn:active{background:var(--texture-paper),linear-gradient(180deg,#181510fa,#0c0b08fa);transform:translateY(1px)}.ink-btn:after{background:linear-gradient(180deg,rgba(238,216,160,.14),transparent)}.ink-btn.primary,.ink-btn.fire,.diablo-btn.primary,.diablo-btn.fire{background:var(--texture-paper),linear-gradient(180deg,#9a3d2feb,#672921f5);border-color:#a9443580;box-shadow:var(--shadow-sm)}.ink-btn.gold,.ink-btn.primary-gold,.diablo-btn.gold{background:var(--texture-paper),linear-gradient(180deg,#8b6826eb,#513d19fa);border:1px solid rgba(208,179,106,.48);box-shadow:var(--shadow-sm),inset 0 1px #eed8a01a;color:var(--color-text-white);text-shadow:none}.ink-btn.wood,.ink-btn.green,.diablo-btn.wood,.diablo-btn.green,.ink-btn.water,.ink-btn.jade,.diablo-btn.water,.diablo-btn.jade,.ink-btn.spirit,.ink-btn.purple,.diablo-btn.spirit,.diablo-btn.purple,.ink-btn.sky,.ink-btn.indigo,.diablo-btn.sky,.diablo-btn.indigo,.ink-btn.earth,.ink-btn.amber,.diablo-btn.earth,.diablo-btn.amber{box-shadow:var(--shadow-sm);filter:saturate(.82)}.ink-card,.card,.ink-card.panel,.diablo-panel,.list-item,.rank-item{background:var(--texture-paper),linear-gradient(180deg,#1c1812e6,#100e0af0);border:1px solid rgba(128,96,57,.28);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.ink-card:after,.card:after,.ink-card.panel:after,.diablo-panel:after{border-color:#d0b36a0d}.ink-card.hoverable:hover{box-shadow:var(--shadow-ink);border-color:#b8943c61;transform:translateY(-1px)}.modal-overlay{background:#050504c7;backdrop-filter:blur(2px)}.modal-box{background:var(--texture-paper),linear-gradient(180deg,#1c1711fa,#0d0c09fa);border-color:#8060397a;border-radius:var(--radius-lg);box-shadow:0 18px 44px #0000009e,inset 0 1px #eed8a00d}.modal-head{background:linear-gradient(180deg,#241e16f5,#14110cf5);border-bottom-color:#80603961;color:var(--color-text-title);letter-spacing:2px;text-shadow:none}.modal-foot{background:#0d0c09b8;border-top-color:#80603947}.modal-close-btn{border-radius:var(--radius-sm);background:#0d0c09bf;box-shadow:none}input[type=text],input[type=number],input[type=password],textarea,select{background:var(--color-bg-input)!important;border:1px solid rgba(128,96,57,.34)!important;color:var(--color-text)!important;box-shadow:inset 0 1px 2px #00000038!important;border-radius:var(--radius-md)}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#d0b36a8a!important;box-shadow:0 0 0 2px #b8943c1f,inset 0 1px 2px #00000038!important}.section-header:after,.ink-divider,.diablo-divider{opacity:.72}.text-gradient-gold,.text-gradient-fire,.text-gradient-jade,.text-gradient-purple,.text-gradient-sky,.game-title-gold{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--color-text-gold);text-shadow:none}.text-glow-gold,.text-glow-fire,.text-glow-jade,.text-glow-purple,.text-glow-sky{text-shadow:none}.game-btn-primary{border-radius:var(--radius-md);background:var(--texture-paper),linear-gradient(180deg,#8b6826c2,#3a2c14eb);border-color:#d0b36a6b;color:var(--color-text-title);letter-spacing:.06em;box-shadow:var(--shadow-sm)}.game-btn-primary:hover{filter:brightness(1.06);box-shadow:var(--shadow-card)}.game-card{background:var(--texture-paper),linear-gradient(180deg,#191611e6,#0f0d0af0);backdrop-filter:none;border-color:#80603947;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.game-card:hover{border-color:#b8943c5c;background:var(--texture-paper),linear-gradient(180deg,#1e1a14eb,#110f0bf2);box-shadow:var(--shadow-ink)}.game-card-gold{border-color:#b8943c6b;background:var(--texture-paper),linear-gradient(180deg,#2a2316c7,#120f0af0);box-shadow:var(--shadow-card)}.ink-paper-texture{background-image:repeating-linear-gradient(0deg,rgba(160,158,150,.08) 0px,transparent 1px,transparent 3px,rgba(160,158,150,.06) 4px),repeating-linear-gradient(90deg,rgba(160,158,150,.06) 0px,transparent 1px,transparent 4px,rgba(160,158,150,.04) 5px)}.ink-wash-bg{background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(190,175,145,.35),transparent 55%),radial-gradient(ellipse 60% 40% at 70% 80%,rgba(200,188,160,.2),transparent 50%),radial-gradient(ellipse 50% 35% at 20% 60%,rgba(190,175,145,.15),transparent 45%)}.ink-mountain-silhouette{position:relative}.ink-mountain-silhouette:before{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:radial-gradient(ellipse 120% 55px at 20% 100%,rgba(170,156,128,.35) 0%,transparent 70%),radial-gradient(ellipse 100% 45px at 58% 100%,rgba(160,146,118,.3) 0%,transparent 65%),radial-gradient(ellipse 80% 35px at 82% 100%,rgba(170,156,128,.25) 0%,transparent 60%);pointer-events:none;z-index:0}.ink-mist{position:relative;overflow:hidden}.ink-mist:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(252,250,248,.15),rgba(255,254,252,.25),rgba(252,250,248,.15),transparent);animation:ink-mist-flow 12s ease-in-out infinite;pointer-events:none}@keyframes ink-mist-flow{0%,to{transform:translate(0)}50%{transform:translate(50%)}}.ink-bamboo-stripe{background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,rgba(160,158,150,.1) 2px,rgba(160,158,150,.1) 3px)}.ink-splash{position:relative}.ink-splash:before{content:"";position:absolute;width:30px;height:30px;top:-6px;right:-6px;background:radial-gradient(circle,rgba(90,78,58,.12) 20%,transparent 70%);border-radius:60% 40% 50% 50%;transform:rotate(-15deg);pointer-events:none}.ink-scroll-border{border-image:linear-gradient(180deg,#8a6c2859,#1e1c1633 20%,#8c78551a,#1e1c1633 80%,#8a6c2859) 1}.ink-brush-border{border:1px solid transparent;border-image:repeating-linear-gradient(90deg,#1e1c1666,#8c785540 3px,#28262073 5px,#1e1c1659 8px) 1}.ink-seal-corner{position:relative}.ink-seal-corner:after{content:"印";position:absolute;top:8px;right:8px;width:22px;height:22px;border:2px solid var(--color-red);color:var(--color-red);font-size:9px;font-family:var(--font-title);display:flex;align-items:center;justify-content:center;border-radius:2px;transform:rotate(5deg);opacity:.35;pointer-events:none}.ink-aged-edges{position:relative}.ink-aged-edges:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 3px 0 10px #b4b2ac4d,inset -3px 0 10px #b4b2ac4d,inset 0 3px 10px #b4b2ac33,inset 0 -3px 12px #b4b2ac59;pointer-events:none}:root{--ink-brush-border: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='4'%3E%3Cpath d='M0,2 Q10,0.5 25,1.8 T50,2.2 T75,1.5 T100,2.5 T125,1.2 T150,2.8 T175,1.5 T200,2' fill='none' stroke='%23282420' stroke-width='1.2' opacity='0.45'/%3E%3C/svg%3E");--ink-wash-texture: none;--ink-paper-fiber: none;--ink-mountains: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 250' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23222018' stop-opacity='0.6'/%3E%3Cstop offset='0.7' stop-color='%23222018' stop-opacity='0.2'/%3E%3Cstop offset='1' stop-color='%23222018' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23383632' stop-opacity='0.38'/%3E%3Cstop offset='1' stop-color='%23383632' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23605c54' stop-opacity='0.22'/%3E%3Cstop offset='1' stop-color='%23605c54' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,250 L0,80 Q30,30 70,55 T140,25 Q180,5 220,40 T300,15 Q350,-5 400,35 T480,10 Q530,0 570,30 T650,20 Q710,5 760,40 L800,25 L800,250Z' fill='url(%23f1)'/%3E%3Cpath d='M0,250 L0,130 Q50,85 110,105 T220,65 Q280,45 340,80 T460,55 Q520,35 580,70 T700,55 Q745,40 800,65 L800,250Z' fill='url(%23f2)'/%3E%3Cpath d='M0,250 L0,170 Q80,130 160,155 T320,115 Q400,95 480,130 T640,110 Q720,95 800,120 L800,250Z' fill='url(%23f3)'/%3E%3C/svg%3E");--ink-clouds: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 120' preserveAspectRatio='none'%3E%3Cpath d='M0,90 Q80,30 180,65 T380,25 T580,55 T800,20 L800,120 L0,120Z' fill='%23eae8e4' opacity='0.7'/%3E%3Cpath d='M0,100 Q120,50 260,78 T520,42 T800,68 L800,120 L0,120Z' fill='%23e4e2dc' opacity='0.5'/%3E%3Cpath d='M0,110 Q200,70 400,95 T800,80 L800,120 L0,120Z' fill='%23dddbd5' opacity='0.3'/%3E%3C/svg%3E");--ink-corner-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0,0 L50,0 Q45,2 40,1 T30,3 Q20,5 15,3 L0,5Z' fill='%23282420' opacity='0.3'/%3E%3Cpath d='M0,0 L5,0 L3,40 Q2,35 4,30 T2,20 Q1,15 3,10 L0,0Z' fill='%23282420' opacity='0.3'/%3E%3C/svg%3E");--ink-corner-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M60,60 L10,60 Q15,58 20,59 T30,57 Q40,55 45,57 L60,55Z' fill='%23282420' opacity='0.3'/%3E%3Cpath d='M60,60 L55,60 L57,20 Q58,25 56,30 T58,40 Q59,45 57,50 L60,60Z' fill='%23282420' opacity='0.3'/%3E%3C/svg%3E")}.ink-frame{position:relative;border:none}.ink-frame:before,.ink-frame:after{content:"";position:absolute;pointer-events:none;z-index:2}.ink-frame:before{top:-2px;left:-2px;width:60px;height:60px;background:var(--ink-corner-tl);background-size:contain;background-repeat:no-repeat}.ink-frame:after{bottom:-2px;right:-2px;width:60px;height:60px;background:var(--ink-corner-br);background-size:contain;background-repeat:no-repeat}.ink-brush-line{height:3px;background:var(--ink-brush-border);background-size:200px 3px;background-repeat:repeat-x;border:none;opacity:.7}.ink-wash-bg{background-image:var(--ink-wash-texture);background-size:300px 300px;background-repeat:repeat}[data-theme=pc] body{background:linear-gradient(180deg,#0909079e,#080806e6),url(../ui-assets/bg-main-dark.png) center center / cover no-repeat,linear-gradient(180deg,#11100c,#070706);display:flex;justify-content:center;align-items:flex-start}[data-theme=pc] #app{width:var(--max-width);max-width:100%;height:100vh;flex-shrink:0;margin:0;border-radius:0;box-shadow:0 0 40px #0006,0 0 0 1px #8b5a2b26;border:none;overflow:hidden;background:linear-gradient(180deg,#0909077a,#080806c7),url(../ui-assets/bg-main-dark.png) center center / cover no-repeat,linear-gradient(180deg,#11100c,#070706)}[data-theme=pc] .pc-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pc-grid-gap)}[data-theme=pc] .pc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pc-grid-gap)}[data-theme=pc] .pc-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pc-grid-gap)}[data-theme=pc] .pc-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pc-card-min-width),1fr));gap:var(--pc-grid-gap)}[data-theme=pc] .pc-sidebar-layout{display:flex;height:100%;overflow:hidden}[data-theme=pc] .pc-sidebar-layout .pc-sidebar{width:var(--pc-sidebar-width);flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border);background:var(--color-bg-sidebar);padding:var(--space-md) 0}[data-theme=pc] .pc-sidebar-layout .pc-sidebar.sm{width:var(--pc-sidebar-width-sm)}[data-theme=pc] .pc-sidebar-layout .pc-content{flex:1;overflow-y:auto;padding:var(--pc-content-padding);min-width:0}[data-theme=pc] .pc-split{display:flex;height:100%;overflow:hidden;gap:0}[data-theme=pc] .pc-split .pc-split-left{flex:1;overflow-y:auto;min-width:0;border-right:1px solid var(--color-border)}[data-theme=pc] .pc-split .pc-split-right{width:var(--pc-detail-panel-width);flex-shrink:0;overflow-y:auto;background:var(--color-bg-card);padding:var(--pc-content-padding)}[data-theme=pc] .pc-table{width:100%;border-collapse:collapse;font-size:var(--font-base)}[data-theme=pc] .pc-table th{background:linear-gradient(180deg,var(--color-bg-header),var(--color-bg-header2));color:var(--color-text-title);font-family:var(--font-title);font-size:var(--font-sm);letter-spacing:2px;padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border);font-weight:700;white-space:nowrap}[data-theme=pc] .pc-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:middle}[data-theme=pc] .pc-table tr:hover td{background:var(--color-bg-card-hover)}[data-theme=pc] .pc-wide-card{display:flex;align-items:center;gap:var(--pc-grid-gap);padding:14px 16px;background:var(--color-bg-card);border:var(--border-brush-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}[data-theme=pc] .pc-wide-card:hover{box-shadow:var(--shadow-ink);border-color:var(--color-border)}[data-theme=pc] .pc-pad{padding:var(--pc-content-padding)}[data-theme=pc] .pc-scroll{overflow-y:auto;scrollbar-gutter:stable}[data-theme=pc] .pc-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}[data-theme=pc] .pc-section-head .pc-section-title{font-family:var(--font-title);font-size:var(--font-lg);font-weight:700;color:var(--color-text-title);letter-spacing:3px}[data-theme=pc] .pc-section-head .pc-section-deco{font-size:9px;color:var(--color-text-lighter);margin:0 8px}[data-theme=pc] .goods-card-grid,[data-theme=pc] .shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pc-grid-gap)}[data-theme=pc] .shop-hub,[data-theme=pc] .rank-list,[data-theme=pc] .trade-list,[data-theme=pc] .activity-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}[data-theme=pc] .filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}[data-theme=pc] .filter-tab{padding:8px 18px;font-size:var(--font-base);border-radius:var(--radius-pill)}[data-theme=pc] .list-item,[data-theme=pc] .rank-item{padding:12px 16px}[data-theme=pc] .modal-box{max-width:var(--modal-max-width, 560px);width:90%}[data-theme=pc] .shop-entry:hover,[data-theme=pc] .func-entry:hover{transform:translateY(-2px);box-shadow:var(--shadow-ink)}[data-theme=pc] .section-title,[data-theme=pc] .sec-title{font-size:var(--font-lg);letter-spacing:5px}[data-theme=pc] .empty-state,[data-theme=pc] .state-tip.empty{min-height:200px;font-size:var(--font-lg)}[data-theme=pc] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=pc] ::-webkit-scrollbar-track{background:transparent}[data-theme=pc] ::-webkit-scrollbar-thumb{background:#8b5a2b59;border-radius:3px}[data-theme=pc] ::-webkit-scrollbar-thumb:hover{background:#c9a84c80}[data-theme=pc]{--line-height-tight: 1.3;--line-height-base: 1.5;--line-height-relaxed: 1.65}[data-theme=pc] .ink-card .s-label,[data-theme=pc] .stat-row .s-label,[data-theme=pc] .item-info .item-name{font-weight:var(--font-weight-medium);color:var(--color-text-light)}[data-theme=pc] .ink-card .s-val,[data-theme=pc] .stat-row .s-val,[data-theme=pc] .item-info .item-qty{font-weight:var(--font-weight-bold);color:var(--color-text-title)}[data-theme=pc] .section-head,[data-theme=pc] .sh-title,[data-theme=pc] .panel-head-title{font-weight:var(--font-weight-heavy);color:var(--color-text-title);letter-spacing:4px}[data-theme=pc] .sidebar-tab.active,[data-theme=pc] .panel-tab.active{color:var(--color-text-gold);border-left-color:var(--color-accent);background:var(--color-accent-soft)}[data-theme=pc] .goods-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}[data-theme=pc] .goods-card{margin-bottom:0}[data-theme=pc] .rank-list-wrap{overflow-x:auto}[data-theme=pc] .trade-goods-list,[data-theme=pc] .market-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}[data-theme=pc] .dungeon-grid,[data-theme=pc] .map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}[data-theme=pc] .task-list,[data-theme=pc] .daily-list,[data-theme=pc] .reward-list,[data-theme=pc] .activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}[data-theme=pc] .list-item:hover,[data-theme=pc] .rank-item:hover,[data-theme=pc] .goods-card:hover,[data-theme=pc] .trade-item:hover,[data-theme=pc] .shop-entry:hover{background:var(--color-bg-card-hover);cursor:pointer;transform:translate(2px);transition:all var(--transition-base)}[data-theme=pc] .sub-page-body{scrollbar-gutter:stable}[data-theme=pc] .gc-buy-btn,[data-theme=pc] .btn-action{padding:8px 20px;font-size:var(--font-md);min-width:80px}[data-theme=pc] .load-more-wrap,[data-theme=pc] .load-more{display:flex;justify-content:center;padding:16px}[data-theme=pc] .modal-head{padding:16px 20px;font-size:var(--font-lg)}[data-theme=pc] .modal-body{padding:16px 20px;max-height:60vh;overflow-y:auto}[data-theme=pc] .modal-foot{padding:14px 20px;gap:12px}[data-theme=pc] .auth-input,[data-theme=pc] .form-input,[data-theme=pc] .diablo-input{height:44px;font-size:var(--font-md);padding:0 16px}[data-theme=pc] .card-title,[data-theme=pc] .section-name{font-size:var(--font-lg);letter-spacing:3px}[data-theme=pc] .attr-row{padding:10px 12px;font-size:var(--font-base)}[data-theme=pc] .harem-grid,[data-theme=pc] .char-grid{grid-template-columns:repeat(3,1fr)}[data-theme=pc] .equip-grid{grid-template-columns:repeat(2,1fr);gap:12px}[data-theme=pc] .faction-item,[data-theme=pc] .rank-row{padding:14px 16px;font-size:var(--font-base)}[data-theme=pc] .vip-perk-grid{grid-template-columns:repeat(3,1fr)}[data-theme=pc] .settings-section{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}[data-theme=pc] .arena-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}[data-theme=pc] .sign-calendar{gap:10px}[data-theme=pc] .welfare-grid{grid-template-columns:repeat(4,1fr)}[data-theme=pc] .collection-grid,[data-theme=pc] .book-grid{grid-template-columns:repeat(3,1fr)}[data-theme=pc] .list-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}[data-theme=pc] .list-row:hover{background:var(--color-bg-card-hover)}