html,body{height:100%;overflow:hidden}#app{height:100%}:root{--diablo-bg-dark: #000000;--diablo-bg-card: #1c1c1e;--diablo-bg-input: #2c2c2e;--diablo-primary: #0a84ff;--diablo-primary-dark: #0066cc;--diablo-accent: #5856d6;--diablo-accent-glow: rgba(88, 86, 214, .25);--diablo-text: #f5f5f7;--diablo-text-muted: #86868b;--diablo-border: rgba(255, 255, 255, .12);--diablo-border-glow: rgba(10, 132, 255, .35);--diablo-shadow: rgba(0, 0, 0, .5);--diablo-fire: #ff6b2d;--diablo-fire-glow: rgba(255, 107, 45, .3);--diablo-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--diablo-font-family-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--glass-bg: rgba(30, 30, 30, .55);--glass-bg-hover: rgba(45, 45, 48, .65);--glass-bg-active: rgba(55, 55, 60, .7);--glass-bg-card: rgba(28, 28, 30, .6);--glass-bg-sidebar: rgba(20, 20, 22, .65);--glass-bg-topbar: rgba(25, 25, 28, .55);--glass-bg-overlay: rgba(0, 0, 0, .55);--glass-blur: 24px;--glass-blur-heavy: 48px;--glass-blur-light: 12px;--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .2);--glass-border-glow: rgba(10, 132, 255, .2);--glass-border-glow-accent: rgba(88, 86, 214, .15);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .4);--glass-inner-glow: inset 0 .5px 0 rgba(255, 255, 255, .08);--glass-tint: rgba(10, 132, 255, .02);--glass-tint-hover: rgba(10, 132, 255, .05)}:root,.theme-light{--diablo-bg-dark: #f5f5f7;--diablo-bg-card: #ffffff;--diablo-bg-input: #f0f2f5;--diablo-primary: #007aff;--diablo-primary-dark: #0056cc;--diablo-accent: #ff9500;--diablo-accent-glow: rgba(255, 149, 0, .25);--diablo-text: #1d1d1f;--diablo-text-muted: #86868b;--diablo-border: rgba(0, 0, 0, .08);--diablo-border-glow: rgba(0, 122, 255, .3);--diablo-shadow: rgba(0, 0, 0, .08);--diablo-fire: #ff3b30;--diablo-fire-glow: rgba(255, 59, 48, .25);--diablo-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--diablo-font-family-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .75);--glass-bg-active: rgba(248, 248, 250, .8);--glass-bg-card: rgba(255, 255, 255, .65);--glass-bg-sidebar: rgba(255, 255, 255, .55);--glass-bg-topbar: rgba(255, 255, 255, .6);--glass-bg-overlay: rgba(240, 242, 245, .55);--glass-blur: 28px;--glass-blur-heavy: 50px;--glass-blur-light: 14px;--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--glass-border-glow: rgba(0, 122, 255, .15);--glass-border-glow-accent: rgba(255, 149, 0, .12);--glass-shadow: 0 2px 16px rgba(0, 0, 0, .06);--glass-shadow-hover: 0 4px 24px rgba(0, 0, 0, .1);--glass-inner-glow: inset 0 .5px 0 rgba(255, 255, 255, .9);--glass-tint: rgba(0, 122, 255, .02);--glass-tint-hover: rgba(0, 122, 255, .04)}.theme-diablo{--diablo-bg-dark: #000000;--diablo-bg-card: #1c1c1e;--diablo-bg-input: #2c2c2e;--diablo-primary: #0a84ff;--diablo-primary-dark: #0066cc;--diablo-accent: #5856d6;--diablo-accent-glow: rgba(88, 86, 214, .25);--diablo-text: #f5f5f7;--diablo-text-muted: #86868b;--diablo-border: rgba(255, 255, 255, .12);--diablo-border-glow: rgba(10, 132, 255, .35);--diablo-shadow: rgba(0, 0, 0, .5);--diablo-fire: #ff6b2d;--diablo-fire-glow: rgba(255, 107, 45, .3);--diablo-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--diablo-font-family-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--glass-bg: rgba(30, 30, 30, .55);--glass-bg-hover: rgba(45, 45, 48, .65);--glass-bg-active: rgba(55, 55, 60, .7);--glass-bg-card: rgba(28, 28, 30, .6);--glass-bg-sidebar: rgba(20, 20, 22, .65);--glass-bg-topbar: rgba(25, 25, 28, .55);--glass-bg-overlay: rgba(0, 0, 0, .55);--glass-blur: 24px;--glass-blur-heavy: 48px;--glass-blur-light: 12px;--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .2);--glass-border-glow: rgba(10, 132, 255, .2);--glass-border-glow-accent: rgba(88, 86, 214, .15);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .4);--glass-inner-glow: inset 0 .5px 0 rgba(255, 255, 255, .08);--glass-tint: rgba(10, 132, 255, .02);--glass-tint-hover: rgba(10, 132, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--diablo-font-family-ui);background:var(--diablo-bg-dark);color:var(--diablo-text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .5s ease,color .3s ease}.diablo-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--diablo-bg-dark);z-index:-1;transition:background .5s ease}.diablo-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x, 30%) var(--mouse-y, 30%),rgba(10,132,255,.06),transparent 60%),radial-gradient(400px circle at 70% 60%,rgba(88,86,214,.04),transparent 60%);z-index:0;pointer-events:none;transition:background .3s ease}.diablo-border{border:1px solid var(--glass-border);border-radius:12px;backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));box-shadow:var(--glass-shadow),var(--glass-inner-glow)}.diablo-border-glow{border:1px solid var(--glass-border-glow);border-radius:12px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),0 0 16px var(--glass-border-glow)}.diablo-gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border-glow),transparent)}.diablo-fire{background:linear-gradient(180deg,var(--diablo-fire),transparent);box-shadow:0 0 16px var(--diablo-fire-glow)}.diablo-input{width:100%;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--diablo-text);font-size:14px;backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));box-shadow:var(--glass-inner-glow);transition:all .3s cubic-bezier(.25,.1,.25,1)}.diablo-input::placeholder{color:var(--diablo-text-muted)}.diablo-input:focus{outline:none;border-color:var(--glass-border-hover);box-shadow:0 0 0 3px var(--glass-border-glow),var(--glass-inner-glow);background:var(--glass-bg-active)}.diablo-input:disabled{opacity:.5;cursor:not-allowed}.diablo-btn{padding:10px 20px;background:var(--diablo-primary);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1);position:relative;overflow:hidden}.diablo-btn:hover{background:var(--diablo-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--glass-border-glow)}.diablo-btn:active{transform:translateY(0) scale(.98);transition-duration:.1s}.diablo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.diablo-btn-secondary{background:transparent;border:1px solid var(--glass-border);color:var(--diablo-text);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light))}.diablo-btn-secondary:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow),var(--glass-inner-glow)}.diablo-title{font-family:var(--diablo-font-family);font-size:28px;font-weight:700;color:var(--diablo-text);letter-spacing:-.5px}.diablo-card{background:var(--glass-bg-card);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--glass-shadow),var(--glass-inner-glow);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.1,.25,1)}.diablo-card:not(.diablo-corner):before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);pointer-events:none;z-index:1;border-radius:14px 14px 0 0}.diablo-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),0 0 12px var(--glass-border-glow);transform:translateY(-1px)}.diablo-corner{position:relative}.diablo-corner:before,.diablo-corner:after{content:"";position:absolute;width:16px;height:16px;border:1.5px solid var(--glass-border-glow)}.diablo-corner:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-radius:3px 0 0}.diablo-corner:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-radius:0 0 3px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inner-glow)}.glass-heavy{background:var(--glass-bg-card);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.2);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inner-glow)}.glass-light{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-light)) saturate(1.1);-webkit-backdrop-filter:blur(var(--glass-blur-light)) saturate(1.1);border:1px solid var(--glass-border)}.glass-interactive{transition:all .3s cubic-bezier(.25,.1,.25,1);cursor:pointer;border-radius:10px}.glass-interactive:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),0 0 10px var(--glass-border-glow);transform:translateY(-1px)}.glass-interactive:active{transform:translateY(0) scale(.98);transition-duration:.1s}.glass-enter-stagger>*{animation:glass-enter .5s cubic-bezier(.25,.1,.25,1) both}.glass-enter-stagger>*:nth-child(1){animation-delay:.03s}.glass-enter-stagger>*:nth-child(2){animation-delay:.06s}.glass-enter-stagger>*:nth-child(3){animation-delay:.09s}.glass-enter-stagger>*:nth-child(4){animation-delay:.12s}.glass-enter-stagger>*:nth-child(5){animation-delay:.15s}.glass-enter-stagger>*:nth-child(6){animation-delay:.18s}.glass-enter-stagger>*:nth-child(7){animation-delay:.21s}.glass-enter-stagger>*:nth-child(8){animation-delay:.24s}.glass-enter-stagger>*:nth-child(9){animation-delay:.27s}.glass-enter-stagger>*:nth-child(10){animation-delay:.3s}.modal-overlay,.dialog-overlay,.confirm-dialog-overlay{backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15)}.modal-content,.dialog-content,.confirm-dialog-content{background:var(--glass-bg-card)!important;border:1px solid var(--glass-border)!important;border-radius:14px!important;backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.2);box-shadow:var(--glass-shadow-hover),var(--glass-inner-glow)!important;animation:glass-slide-up .35s cubic-bezier(.25,.1,.25,1)}@keyframes diablo-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes diablo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.diablo-pulse{animation:diablo-pulse 2s ease-in-out infinite}.diablo-float{animation:diablo-float 3s ease-in-out infinite}@keyframes glass-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glass-pulse{0%,to{box-shadow:0 0 0 0 var(--glass-border-glow)}50%{box-shadow:0 0 0 6px transparent}}@keyframes diablo-spin{to{transform:rotate(360deg)}}@keyframes diablo-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}.diablo-loading{display:inline-block;width:18px;height:18px;border:2px solid var(--glass-border);border-top-color:var(--diablo-primary);border-radius:50%;animation:diablo-spin .8s linear infinite}.diablo-input-wrapper{position:relative}.diablo-input-wrapper .diablo-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--diablo-text-muted);width:18px;height:18px;display:flex;align-items:center;justify-content:center}.diablo-input-wrapper .diablo-input-icon svg{width:100%;height:100%}.diablo-input-wrapper .diablo-input{padding-left:38px}.diablo-error{color:#ff3b30;font-size:13px;margin-top:6px;animation:diablo-shake .4s ease}.page-fade-enter-active{animation:glass-enter .4s cubic-bezier(.25,.1,.25,1)}.page-fade-leave-active{transition:opacity .2s ease}.page-fade-enter-from{opacity:0;transform:translateY(10px)}.page-fade-leave-to{opacity:0}html.native-app,html.native-app body{height:100%;overflow:hidden}html.native-app body>#app{height:100%;overflow:hidden}