:root{--bg-base:#0a0f1e;--bg-card:#121a2e;--bg-elevated:#1a2540;--bg-input:#0e1424;--accent:#00d9ff;--accent-2:#09f;--accent-soft:rgba(0,217,255,.12);--accent-glow:rgba(0,217,255,.45);--accent-glow-strong:rgba(0,217,255,.65);--gradient-accent:linear-gradient(135deg,#00d9ff,#09f);--gradient-accent-soft:linear-gradient(135deg,rgba(0,217,255,.15),rgba(0,153,255,.1));--text-primary:#e8f4ff;--text-secondary:#7a93b8;--text-muted:#4a5d7a;--text-on-accent:#0a0f1e;--success:#00ffa3;--success-soft:rgba(0,255,163,.12);--warning:#ffb648;--warning-soft:rgba(255,182,72,.12);--danger:#ff3d6e;--danger-soft:rgba(255,61,110,.12);--border:rgba(0,217,255,.18);--border-strong:rgba(0,217,255,.32);--divider:rgba(122,147,184,.12);--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--shadow-card:0 4px 24px rgba(0,0,0,.4),0 0 0 1px var(--border);--shadow-glow:0 0 24px var(--accent-glow);--shadow-glow-strong:0 0 32px var(--accent-glow-strong);--shadow-elevated:0 12px 48px rgba(0,0,0,.6),0 0 0 1px var(--border-strong);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:0.15s;--dur:0.25s;--dur-slow:0.4s;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,"Courier New",monospace;--container-w:1200px;--nav-h:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;font-size:14px;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 1200px 600px at 50% -200px,rgba(0,217,255,.08),transparent 60%),radial-gradient(circle at 1px 1px,rgba(0,217,255,.04) 1px,transparent 0);background-size:100% 100%,32px 32px;background-attachment:fixed}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-2)}button,input,select,textarea{font:inherit;color:inherit}ol,ul{list-style:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--text-on-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:8px;border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}.container{max-width:var(--container-w);margin:0 auto;padding:0 var(--sp-5);width:100%}.page{min-height:calc(100vh - var(--nav-h));padding:var(--sp-6) 0 var(--sp-8)}.page-head{margin-bottom:var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-title{font-size:24px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.page-subtitle{color:var(--text-secondary);font-size:13px;margin-top:var(--sp-1)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4;transition:opacity var(--dur) var(--ease-out)}.card-hover:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.card-hover:hover:before{opacity:1}.grid{display:grid;grid-gap:var(--sp-5);gap:var(--sp-5)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-aside{grid-template-columns:1fr 360px}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 20px;border-radius:var(--r-md);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--dur) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-accent);color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 4px 16px rgba(0,217,255,.25)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-strong);filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);border-color:var(--border-strong);box-shadow:var(--shadow-glow)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:0 0 24px rgba(255,61,110,.4)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn-block{width:100%}.field{margin-bottom:var(--sp-4)}.field-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--sp-2);font-weight:500}.field-label .req{color:var(--danger);margin-left:2px}.input,.select,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;color:var(--text-primary);font-size:14px;transition:all var(--dur) var(--ease-out);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 0 16px var(--accent-glow);background:var(--bg-card)}.textarea{min-height:100px;resize:vertical;font-family:inherit}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;color:var(--text-secondary);font-size:13px}.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-input);cursor:pointer;position:relative;transition:all var(--dur-fast) var(--ease-out)}.checkbox input[type=checkbox]:checked{background:var(--gradient-accent);border-color:var(--accent)}.checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:12px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);letter-spacing:.3px}.badge-success{background:var(--success-soft);color:var(--success);border-color:var(--success)}.badge-success:before{content:"●";margin-right:2px}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.badge-muted{background:rgba(122,147,184,.1);color:var(--text-secondary);border-color:var(--divider)}.green-mark{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;border-radius:999px;background:linear-gradient(135deg,rgba(0,255,163,.2),rgba(0,217,255,.15));color:var(--success);border:1px solid var(--success);text-shadow:0 0 8px rgba(0,255,163,.5)}.green-mark:before{content:"✓";font-weight:900}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:13px;margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);border:1px solid}.alert-info{background:var(--accent-soft);border-color:var(--border);color:var(--accent)}.alert-success{background:var(--success-soft);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.alert-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--nav-h);background:rgba(10,15,30,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center}.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.nav-inner{justify-content:space-between;gap:var(--sp-5);width:100%}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{gap:var(--sp-3);font-weight:800;font-size:18px;letter-spacing:.5px}.nav-brand .logo-mark{width:36px;height:36px;border-radius:var(--r-md);background:var(--gradient-accent);display:grid;place-items:center;color:var(--text-on-accent);font-size:18px;font-weight:900;box-shadow:var(--shadow-glow);flex-shrink:0}.nav-brand .brand-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--sp-1);flex:1 1;margin-left:var(--sp-5)}.nav-link{padding:8px 14px;font-size:14px;color:var(--text-secondary);border-radius:var(--r-md);transition:all var(--dur-fast) var(--ease-out);position:relative}.nav-link.active,.nav-link:hover{color:var(--accent);background:var(--accent-soft)}.nav-link.active{box-shadow:inset 0 0 0 1px var(--border)}.nav-right{display:flex;align-items:center;gap:var(--sp-3)}.nav-balance{font-family:var(--font-mono);font-size:13px;padding:4px 10px;border-radius:999px;background:var(--accent-soft)}.nav-balance,.nav-toggle{color:var(--accent);border:1px solid var(--border)}.nav-toggle{display:none;width:40px;height:40px;border-radius:var(--r-md);background:var(--bg-card);align-items:center;justify-content:center;cursor:pointer;font-size:18px}.hero{position:relative;padding:var(--sp-8) 0 var(--sp-7);text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,var(--accent-soft) 0,transparent 60%);transform:translateX(-50%);pointer-events:none}.hero-title{position:relative;font-size:48px;font-weight:900;line-height:1.1;margin-bottom:var(--sp-4);background:linear-gradient(135deg,#fff 0,var(--accent) 60%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.hero-subtitle{position:relative;font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto var(--sp-6)}.hero-actions{position:relative;display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.account-card{cursor:pointer;padding:0;overflow:hidden}.account-card .img-wrap{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));overflow:hidden;display:flex;align-items:center;justify-content:center}.account-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.account-card:hover .img-wrap img{transform:scale(1.06)}.account-card .img-wrap .placeholder{color:var(--text-muted);font-size:13px}.account-card .body{padding:var(--sp-4)}.account-card .title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.account-card .meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:12px;color:var(--text-secondary)}.account-card .meta .item{display:inline-flex;align-items:center;gap:4px}.account-card .price{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.account-card .price small{font-size:12px;color:var(--text-secondary);margin-right:2px;font-weight:400}.slide-confirm{position:relative;width:100%;height:52px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide-confirm .track-fill{position:absolute;top:0;left:0;bottom:0;background:var(--gradient-accent-soft);width:0;transition:width .05s linear}.slide-confirm .track-text{inset:0;font-size:13px;color:var(--text-secondary);letter-spacing:1px;pointer-events:none}.slide-confirm .slider,.slide-confirm .track-text{position:absolute;display:flex;align-items:center;justify-content:center}.slide-confirm .slider{top:0;left:0;width:52px;height:52px;background:var(--gradient-accent);color:var(--text-on-accent);border-radius:var(--r-md);cursor:-webkit-grab;cursor:grab;font-size:18px;box-shadow:var(--shadow-glow);transition:transform .05s linear;z-index:2}.slide-confirm .slider:active{cursor:-webkit-grabbing;cursor:grabbing}.slide-confirm.done .slider{background:var(--success)}.slide-confirm.done .track-text{color:var(--success)}.chat-box{display:flex;flex-direction:column;height:400px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.chat-msgs{flex:1 1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.chat-msg{max-width:75%;padding:8px 14px;border-radius:var(--r-md);font-size:13px;word-break:break-word;position:relative}.chat-msg.mine{align-self:flex-end;background:var(--gradient-accent);color:var(--text-on-accent);border-bottom-right-radius:4px}.chat-msg.other{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-msg .meta{font-size:10px;opacity:.7;margin-bottom:4px}.chat-input-row{display:flex;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border);background:var(--bg-card)}.chat-input-row .input{flex:1 1}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table td,.table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--divider)}.table th{font-weight:600;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase;background:var(--bg-elevated);position:-webkit-sticky;position:sticky;top:0}.table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.table tbody tr:hover{background:var(--accent-soft)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg)}.empty{text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--text-muted);font-size:14px}.empty .icon{font-size:48px;margin-bottom:var(--sp-3);opacity:.4}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton 1.4s linear infinite;border-radius:var(--r-md)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mb-4{margin-bottom:var(--sp-4)}.hidden{display:none}.balance-display{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--accent);text-shadow:0 0 16px var(--accent-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px var(--accent-glow)}50%{box-shadow:0 0 28px var(--accent-glow-strong)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .5s var(--ease-out) both}@media (max-width:768px){:root{--sp-5:16px;--sp-6:24px;--sp-7:32px;--sp-8:40px}.container{padding:0 var(--sp-4)}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.grid-aside{grid-template-columns:1fr}.hero-title{font-size:32px}.hero-subtitle{font-size:14px}.nav-toggle{display:flex}.nav-links{position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;background:rgba(10,15,30,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--sp-3);gap:0;border-bottom:1px solid var(--border);transform:translateY(-100%);transition:transform var(--dur) var(--ease-out);margin-left:0;align-items:stretch}.nav-links.open{transform:translateY(0)}.nav-link{padding:12px 16px}.nav-brand{font-size:16px}.nav-brand .logo-mark{width:32px;height:32px;font-size:16px}}@media (max-width:480px){.grid-2,.grid-3,.grid-4,.grid-aside{grid-template-columns:1fr}.hero-title{font-size:26px}.page-title{font-size:20px}.nav-balance{display:none}.card{padding:var(--sp-4)}.table{font-size:12px}.table td,.table th{padding:var(--sp-2) var(--sp-2)}.btn-lg{padding:10px var(--sp-4);font-size:14px}}