.top-banner[data-v-5419ac11]{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(90deg,#d4a017,#e2b04a,#d4a017);color:#1a1a2e;font-weight:700;font-size:13px;height:28px;display:flex;align-items:center;overflow:hidden;cursor:pointer}.banner-scroll[data-v-5419ac11]{flex:1;overflow:hidden;white-space:nowrap}.banner-text[data-v-5419ac11]{display:inline-block;animation:marquee-5419ac11 20s linear infinite;padding-left:100%}@keyframes marquee-5419ac11{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner-close[data-v-5419ac11]{padding:0 10px;font-size:18px;cursor:pointer;opacity:.7;flex-shrink:0}.banner-close[data-v-5419ac11]:hover{opacity:1}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #e8e8e8;--text-secondary: #a0a0b0;--text-accent: #e2b04a;--text-danger: #ff6b6b;--border-color: #2a2a4a;--border-glow: #533483;--accent-gold: #e2b04a;--accent-purple: #8b5cf6;--accent-blue: #4a9eff;--accent-green: #4ade80;--accent-red: #ef4444;--xp-bar-bg: #1a1a2e;--xp-bar-fill: linear-gradient(90deg, #4a9eff, #8b5cf6);--hp-color: #4ade80;--def-color: #a0a0b0;--atk-color: #ef4444;--magic-color: #8b5cf6;--agi-color: #4a9eff;--btn-primary-bg: linear-gradient(135deg, #533483, #0f3460);--btn-primary-text: #fff;--btn-danger-bg: linear-gradient(135deg, #7f1d1d, #991b1b);--btn-disabled-bg: #333;--btn-disabled-text: #666;--tab-height: 56px;--nav-height: 48px;--header-height: 44px;--header-height-pc: 52px;--sidebar-width: 120px;--chat-panel-width: 500px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-xs: 12px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .4);--shadow-glow: 0 0 12px rgba(139, 92, 246, .3);--transition: .2s ease}:root[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: #e8eaf0;--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-accent: #b8860b;--text-danger: #dc2626;--border-color: #d1d5db;--border-glow: #8b5cf6;--accent-gold: #d4a017;--accent-purple: #7c3aed;--accent-blue: #2563eb;--accent-green: #16a34a;--accent-red: #dc2626;--xp-bar-bg: #e8eaf0;--xp-bar-fill: linear-gradient(90deg, #2563eb, #7c3aed);--hp-color: #16a34a;--def-color: #6b7280;--atk-color: #dc2626;--magic-color: #7c3aed;--agi-color: #2563eb;--btn-primary-bg: linear-gradient(135deg, #6366f1, #3b82f6);--btn-primary-text: #fff;--btn-danger-bg: linear-gradient(135deg, #dc2626, #ef4444);--btn-disabled-bg: #e5e7eb;--btn-disabled-text: #9ca3af;--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-glow: 0 0 8px rgba(124, 58, 237, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-md);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{color:var(--accent-blue);text-decoration:none}button{border:none;outline:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:none}input,textarea{border:none;outline:none;font-family:inherit;font-size:inherit;color:inherit;background:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.page-container{padding-top:0;padding-bottom:calc(var(--tab-height) + var(--safe-bottom));min-height:100%;overflow-x:hidden}@media(min-width:768px){.page-container{padding-bottom:0}}.page-content{padding:16px;max-width:480px;margin:0 auto}@media(min-width:768px){.page-content{max-width:100%;padding:20px}}.section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-card)}.section-title{font-size:var(--font-lg);font-weight:700;color:var(--text-accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition);min-height:40px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-glow)}.btn-danger{background:var(--btn-danger-bg);color:#fff}.btn-sm{padding:6px 12px;font-size:var(--font-sm);min-height:32px}.btn-block{width:100%}.btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);box-shadow:none;cursor:not-allowed}.text-gold{color:var(--text-accent)}.text-danger{color:var(--text-danger)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-purple)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px}.loading-spinner:after{content:"";width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--bg-overlay);color:#fff;padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-sm);z-index:9999;pointer-events:none;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}