:root{--primary:#1677ff;--success:#52c41a;--danger:#ff4d4f;--warning:#faad14;--bg-dark:#0b0e11;--bg-darker:#060d14;--bg-card:#161a1e;--bg-input:#1e2329;--bg-hover:#2b3139;--text-primary:#eaecef;--text-secondary:#848e9c;--text-third:#5e6673;--border-color:#2b3139;--green:#0ecb81;--red:#f6465d;--gold:#f0b90b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.buy-color{color:var(--green)}.sell-color{color:var(--red)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out!important}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out!important}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out!important}input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out!important}select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out!important}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out!important}.ant-input,.ant-input-password .ant-input,.ant-select-selector,.ant-picker{background:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-input:focus,.ant-input-focused,.ant-input-password:focus-within .ant-input,.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 2px #1677ff26!important}.ant-input::placeholder{color:var(--text-third)!important}.ant-table{background:0 0!important}.ant-table-thead>tr>th,.ant-table-thead>tr>td{background:var(--bg-card)!important;border-bottom-color:var(--border-color)!important;color:var(--text-secondary)!important}.ant-table-tbody>tr>td{border-bottom-color:#2b313980!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-empty-description{color:var(--text-third)!important}.ant-select-dropdown{background:var(--bg-card)!important}.ant-select-item{color:var(--text-secondary)!important}.ant-select-item-option-active,.ant-select-item-option-selected{background:var(--bg-hover)!important}.ant-message-notice-content{background:var(--bg-card)!important;box-shadow:0 4px 16px #0006!important}.ant-dropdown-menu{background:var(--bg-card)!important}.ant-dropdown-menu-item{color:var(--text-secondary)!important}.ant-dropdown-menu-item:hover{background:var(--bg-hover)!important}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:28px;display:flex}.header-logo{color:var(--gold);letter-spacing:-.5px;font-size:19px;font-weight:800;text-decoration:none}.header-nav{gap:4px;display:flex}.header-nav-link{color:var(--text-secondary);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.header-nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header-nav-link.active{color:var(--text-primary);font-weight:600}.header-right,.header-auth-btns{align-items:center;gap:8px;display:flex}.header-login-btn{color:var(--text-secondary);border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.header-login-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.header-register-btn{color:#fff;background:var(--primary);border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.header-register-btn:hover{opacity:.85}.header-user-wrap{position:relative}.header-user-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.header-user-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-user-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:50;border-radius:8px;min-width:180px;padding:4px 0;animation:.15s ease-out authFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.header-menu-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:13px;text-decoration:none;transition:background .1s,color .1s;display:block}.header-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.header-menu-divider{background:var(--border-color);height:1px;margin:4px 0}.header-menu-logout{color:var(--red)}.header-menu-logout:hover{color:var(--red);background:#f6465d14}.exchange-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.symbol-bar{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.symbol-bar-pair{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:16px;font-weight:700;display:flex;position:relative}.symbol-bar-pair:hover{background:var(--bg-hover)}.symbol-bar-divider{background:var(--border-color);width:1px;height:24px;margin:0 4px}.symbol-bar-price{margin-right:8px;font-size:20px;font-weight:700}.symbol-bar-stat{flex-direction:column;padding:0 12px;line-height:1.2;display:flex}.symbol-bar-stat-label{color:var(--text-third);font-size:10px}.symbol-bar-stat-value{color:var(--text-secondary);font-size:12px}.pair-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:8px;flex-direction:column;width:320px;max-height:420px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.pair-dropdown-search{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 12px;display:flex}.pair-dropdown-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.pair-dropdown-filters{border-bottom:1px solid var(--border-color);gap:4px;padding:6px 12px;display:flex}.pair-dropdown-list{flex:1;overflow-y:auto}.exchange-main{flex:1;min-height:0;display:flex;overflow:hidden}.exchange-chart-area{border-right:1px solid var(--border-color);flex-direction:column;flex:1;min-width:0;display:flex}.exchange-book-area{border-right:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;width:360px;min-width:360px;display:flex}.exchange-form-area{background:var(--bg-card);flex-direction:column;width:300px;min-width:300px;display:flex;overflow-y:auto}.exchange-bottom{border-top:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;flex-shrink:0;height:200px;min-height:100px;display:flex;overflow:hidden}.exchange-bottom-tabs{border-bottom:1px solid var(--border-color);gap:0;padding:0 12px;display:flex}.exchange-bottom-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;transition:color .15s}.exchange-bottom-tab:hover{color:var(--text-primary)}.exchange-bottom-tab.active{color:var(--text-primary);border-bottom-color:var(--gold)}.exchange-bottom-content{flex:1;overflow:auto}.ob-scroll{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.ob-scroll::-webkit-scrollbar{width:4px}.ob-scroll::-webkit-scrollbar-track{background:0 0}.ob-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ob-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.ob-row{cursor:pointer;justify-content:space-between;padding:1px 8px;font-family:Roboto Mono,SF Mono,monospace;font-size:12px;line-height:20px;display:flex;position:relative}.ob-row:hover{background:#ffffff08}.ob-bar{opacity:.12;height:100%;position:absolute;top:0}.ob-bar-ask{background:var(--red);right:0}.ob-bar-bid{background:var(--green);right:0}.ob-spread{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.ob-spread-price{font-family:Roboto Mono,SF Mono,monospace;font-size:18px;font-weight:700}.ob-spread-arrow{margin-left:4px;font-size:12px}.coin-row{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.coin-row:hover{background:var(--bg-hover)}.coin-row.active{background:#f0b90b14}.tf-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 8px;font-size:12px}.tf-btn:hover{color:var(--text-primary)}.tf-btn.active{color:var(--gold);background:#f0b90b1f}.trade-row{justify-content:space-between;padding:1px 8px;font-family:Roboto Mono,SF Mono,monospace;font-size:12px;line-height:20px;display:flex}.order-form{flex-direction:column;gap:12px;padding:16px;display:flex}.order-form-toggle{background:var(--bg-input);border-radius:6px;gap:2px;padding:2px;display:flex}.order-form-toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex:1;padding:8px 0;font-size:14px;font-weight:600;transition:all .15s}.order-form-toggle-btn.active-buy{background:var(--green);color:#fff}.order-form-toggle-btn.active-sell{background:var(--red);color:#fff}.order-type-tabs{border-bottom:1px solid var(--border-color);gap:16px;padding-bottom:8px;display:flex}.order-type-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.order-type-tab.active{color:var(--text-primary);font-weight:600}.order-input-group{flex-direction:column;gap:4px;display:flex}.order-input-label{color:var(--text-secondary);font-size:12px}.order-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;align-items:center;height:40px;padding:0 12px;transition:border-color .15s;display:flex}.order-input:focus-within{border-color:var(--gold)}.order-input input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px}.order-input-suffix{color:var(--text-secondary);white-space:nowrap;margin-left:8px;font-size:12px}.pct-slider{justify-content:space-between;align-items:center;padding:4px 0;display:flex;position:relative}.pct-slider-track{background:var(--border-color);height:2px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.pct-slider-dot{border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.pct-slider-dot:hover{border-color:var(--text-secondary)}.pct-slider-dot.active{border-color:var(--gold);background:var(--gold)}.pct-slider-dot-label{color:var(--text-third);font-size:10px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.order-submit-btn{cursor:pointer;color:#fff;border:none;border-radius:4px;width:100%;padding:10px 0;font-size:15px;font-weight:600;transition:opacity .15s}.order-submit-btn:hover{opacity:.85}.order-submit-btn:disabled{opacity:.5;cursor:not-allowed}.panel-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.view-toggle{border-bottom:1px solid var(--border-color);gap:4px;padding:6px 8px;display:flex}.view-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 10px;font-size:12px}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{color:var(--text-primary);background:var(--bg-hover)}.exchange-book-area::-webkit-scrollbar{width:4px}.exchange-form-area::-webkit-scrollbar{width:4px}.exchange-bottom-content::-webkit-scrollbar{width:4px}.pair-dropdown-list::-webkit-scrollbar{width:4px}.exchange-book-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.exchange-form-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.exchange-bottom-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.pair-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.exchange-book-area::-webkit-scrollbar-track{background:0 0}.exchange-form-area::-webkit-scrollbar-track{background:0 0}.exchange-bottom-content::-webkit-scrollbar-track{background:0 0}.pair-dropdown-list::-webkit-scrollbar-track{background:0 0}.hero-banner{background:linear-gradient(135deg,#0a0e27 0%,#0d1538 50%,#0a1628 100%);align-items:center;min-height:420px;padding:80px 0 48px;display:flex;position:relative;overflow:hidden}.hero-deco{pointer-events:none;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#00d4aa0a 1px,#0000 1px),linear-gradient(90deg,#00d4aa0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-circle{border:1px solid;border-radius:50%;position:absolute}.hero-circle-1{border-color:#00d4aa14;width:360px;height:360px;top:50%;right:5%;transform:translateY(-50%)}.hero-circle-2{border-color:#0099ff1a;width:280px;height:280px;top:50%;right:8%;transform:translateY(-50%)}.hero-circle-3{border-color:#00d4aa1f;width:200px;height:200px;top:50%;right:11%;transform:translateY(-50%)}.hero-candles{opacity:.25;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:15%;right:8%}.candle{border-radius:2px;width:12px;position:relative}.candle.up{background:var(--green);box-shadow:0 0 6px #0ecb814d}.candle.down{background:var(--red);box-shadow:0 0 6px #f6465d4d}.candle:before{content:"";background:inherit;opacity:.6;width:2px;height:calc(100% + 24px);position:absolute;top:-12px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.hero-logo{align-items:center;gap:14px;margin-bottom:32px;display:flex}.hero-logo-mark{color:#00d4aa;outline-offset:-2px;border:none;border-radius:12px;outline:2px solid #00d4aa;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.hero-logo-title{color:#fff;letter-spacing:1px;font-size:26px;font-weight:700}.hero-logo-sub{color:#00d4aa;letter-spacing:3px;margin-top:2px;font-size:11px}.hero-headline{color:#fff;margin-bottom:12px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.25}.hero-subline{color:#8892b0;max-width:560px;margin-bottom:36px;font-size:clamp(14px,1.5vw,17px)}.hero-cta{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.hero-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4aa,#09f);border:none;border-radius:24px;padding:13px 40px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 24px #00d4aa4d}.hero-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px #00d4aa66}.hero-btn-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:24px;padding:13px 40px;font-size:15px;font-weight:600;transition:background .15s}.hero-btn-secondary:hover{background:#ffffff1f}.hero-stats{flex-wrap:wrap;gap:40px;display:flex}.hero-stat{flex-direction:column;gap:4px;display:flex}.hero-stat-value{color:#00d4aa;font-size:22px;font-weight:700}.hero-stat-label{color:#5a6b8a;font-size:12px}.hero-accent-line{opacity:.6;background:linear-gradient(90deg,#00d4aa,#09f);height:3px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.hero-banner{min-height:360px;padding:60px 0 36px}.hero-content{padding:0 20px}.hero-logo-mark{width:40px;height:40px;font-size:18px}.hero-logo-title{font-size:22px}.hero-candles{display:none}.hero-circle-1{width:240px;height:240px;right:-5%}.hero-circle-2{width:180px;height:180px;right:-2%}.hero-circle-3{width:120px;height:120px;right:1%}.hero-stats{gap:24px}.hero-stat-value{font-size:18px}.hero-btn-primary,.hero-btn-secondary{padding:11px 28px;font-size:14px}}@media (max-width:480px){.hero-banner{min-height:auto;padding:48px 0 28px}.hero-logo,.hero-subline{margin-bottom:24px}.hero-cta{margin-bottom:28px}.hero-stats{gap:20px}}.market-table-row{white-space:nowrap;grid-template-columns:36px minmax(100px,1.2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(90px,1fr);align-items:center;padding:10px 16px;font-size:13px;display:grid;overflow:hidden}.market-table-header{color:var(--text-third);border-bottom:1px solid var(--border-color)}.market-table-data{cursor:pointer;border-bottom:1px solid #2b313980;transition:background .15s}.market-table-data:hover{background:#ffffff05}.market-col-fav{text-align:center;overflow:hidden}.market-col-pair{text-overflow:ellipsis;overflow:hidden}.market-col-price{text-align:right;text-overflow:ellipsis;font-family:Roboto Mono,SF Mono,monospace;overflow:hidden}.market-col-chg{text-align:right;overflow:hidden}.market-col-hl{text-align:right;text-overflow:ellipsis;font-family:Roboto Mono,SF Mono,monospace;font-size:12px;overflow:hidden}.market-col-vol,.market-col-turnover{text-align:right;text-overflow:ellipsis;font-family:Roboto Mono,SF Mono,monospace;overflow:hidden}@keyframes flashUp{0%{background-color:#0ecb8140}to{background-color:#0000}}@keyframes flashDown{0%{background-color:#f6465d40}to{background-color:#0000}}.market-table-data.flash-up,.coin-row.flash-up{animation:.6s ease-out flashUp}.market-table-data.flash-down,.coin-row.flash-down{animation:.6s ease-out flashDown}.chart-toolbar-wrapper{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;display:flex;position:relative}.chart-toolbar{flex:1;align-items:center;gap:4px;min-width:0;padding:4px 8px;display:flex;overflow-x:auto}.chart-toolbar::-webkit-scrollbar{height:0}.chart-toolbar-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.chart-toolbar-divider{background:var(--border-color);flex-shrink:0;width:1px;height:16px;margin:0 4px}.chart-ind-group{flex-shrink:0;align-items:center;display:inline-flex}.chart-ind-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:2px 8px;font-size:12px}.chart-ind-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.chart-ind-btn.active{color:var(--primary);background:#1677ff1f}.chart-ind-gear{color:var(--text-third);cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:-2px;padding:0 2px;font-size:10px}.chart-ind-gear:hover{opacity:1;color:var(--text-primary)}.chart-settings-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:10px;padding:5px 12px;font-size:12px;display:flex}.chart-settings-title{color:var(--primary);margin-right:4px;font-weight:600}.chart-settings-param{color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.chart-settings-param input{border:1px solid var(--border-color);background:var(--bg-input);width:48px;color:var(--text-primary);text-align:center;border-radius:3px;padding:2px 6px;font-size:12px}.chart-settings-param input:focus{border-color:var(--primary);outline:none}.chart-settings-apply{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:2px 10px;font-size:11px}.chart-settings-apply:hover{opacity:.85}.chart-settings-reset,.chart-settings-close{color:var(--text-third);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:11px}.chart-settings-reset:hover,.chart-settings-close:hover{color:var(--text-primary);background:var(--bg-hover)}.chart-drawing-wrapper{flex-shrink:0;padding-right:8px;position:relative}.chart-drawing-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:50;border-radius:6px;min-width:140px;max-height:360px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 16px #0006}.chart-drawing-group-label{color:var(--text-third);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px 2px;font-size:10px}.chart-drawing-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12px;display:block}.chart-drawing-item:hover{color:var(--text-primary);background:var(--bg-hover)}.chart-drawing-clear{color:var(--red)}.chart-drawing-sep{background:var(--border-color);height:1px;margin:4px 0}.chart-drawing-banner{color:var(--primary);background:#1677ff1f;border-bottom:1px solid #1677ff40;flex-shrink:0;justify-content:space-between;align-items:center;padding:5px 12px;font-size:12px;display:flex}.chart-drawing-banner button{color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:3px;margin-left:6px;padding:2px 10px;font-size:11px}.chart-drawing-banner button:hover{color:var(--text-primary);background:#fff3}.chart-order-popup{z-index:20;background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:8px;min-width:130px;padding:10px 12px;position:absolute;box-shadow:0 4px 20px #00000080}.chart-order-popup-price{color:var(--text-primary);margin-bottom:8px;font-family:Roboto Mono,SF Mono,monospace;font-size:15px;font-weight:700}.chart-order-popup-actions{gap:6px;display:flex}.chart-order-btn-buy,.chart-order-btn-sell{cursor:pointer;color:#fff;border:none;border-radius:4px;flex:1;padding:6px 0;font-size:12px;font-weight:600;transition:opacity .15s}.chart-order-btn-buy{background:var(--green)}.chart-order-btn-sell{background:var(--red)}.chart-order-btn-buy:hover,.chart-order-btn-sell:hover{opacity:.85}.chart-order-popup-hint{color:var(--text-third);margin-top:6px;font-size:10px}@keyframes orderFormHighlight{0%{box-shadow:0 0 0 2px #f0b90b99}to{box-shadow:none}}.order-form-highlight{animation:1.2s ease-out orderFormHighlight}.auth-page{background:var(--bg-darker);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-bg-glow{pointer-events:none;background:radial-gradient(circle,#1677ff14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-100px}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);z-index:1;border-radius:16px;width:100%;max-width:420px;padding:40px 32px 32px;animation:.4s ease-out authFadeIn;position:relative}.auth-card-wide{max-width:460px}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;color:var(--gold);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800;text-decoration:none;display:block}.auth-title{text-align:center;color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.auth-subtitle{text-align:center;color:var(--text-third);margin:0 0 28px;font-size:13px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);font-size:13px;font-weight:500}.auth-optional{color:var(--text-third);font-size:11px;font-weight:400}.auth-input-wrap{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 12px;transition:border-color .2s;display:flex}.auth-input-wrap:focus-within{border-color:var(--primary)}.auth-input-icon{color:var(--text-third);flex-shrink:0}.auth-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-size:14px}.auth-input::placeholder{color:var(--text-third)}.auth-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:14px}.auth-select option{background:var(--bg-card);color:var(--text-primary)}.auth-pw-toggle{color:var(--text-third);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;font-size:11px;display:flex}.auth-pw-toggle:hover{color:var(--text-secondary)}.auth-match-icon{flex-shrink:0;align-items:center;display:flex}.auth-input-with-btn{padding-right:4px}.auth-code-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.auth-code-btn:hover:not(:disabled){opacity:.85}.auth-code-btn:disabled{opacity:.5;cursor:default}.auth-pw-strength{align-items:center;gap:8px;margin-top:2px;display:flex}.auth-pw-bars{gap:3px;display:flex}.auth-pw-bar{border-radius:2px;width:40px;height:3px;transition:background .3s}.auth-checkbox{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.auth-checkbox input{display:none}.auth-checkmark{border:1.5px solid var(--border-color);border-radius:4px;flex-shrink:0;width:16px;height:16px;margin-top:1px;transition:all .15s;position:relative}.auth-checkbox input:checked+.auth-checkmark{background:var(--primary);border-color:var(--primary)}.auth-checkbox input:checked+.auth-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.auth-link-inline{color:var(--primary);text-decoration:none}.auth-link-inline:hover{text-decoration:underline}.auth-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:4px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.auth-btn-primary:hover:not(:disabled){background:#3b8bff;transform:translateY(-1px);box-shadow:0 4px 12px #1677ff4d}.auth-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-btn-primary:disabled{opacity:.6;cursor:default}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite authSpin;display:inline-block}.auth-spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite authSpin;display:inline-block}.auth-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}.auth-footer-text{color:var(--text-third);font-size:13px}.auth-link{color:var(--primary);font-size:13px;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-steps{justify-content:center;align-items:center;gap:0;margin-bottom:28px;display:flex}.auth-step{color:var(--text-third);align-items:center;gap:6px;font-size:12px;display:flex}.auth-step.active{color:var(--primary)}.auth-step-num{border:1.5px solid var(--text-third);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}.auth-step.active .auth-step-num{border-color:var(--primary);background:var(--primary);color:#fff}.auth-step-line{background:var(--border-color);width:40px;height:1px;margin:0 10px}.promo-page{max-width:1100px;min-height:calc(100vh - 56px);margin:0 auto;padding:0 20px 60px}.promo-hero{border:1px solid var(--border-color);background:linear-gradient(135deg,#0b1628 0%,#162038 50%,#0f1b2d 100%);border-radius:16px;margin:24px 0;padding:48px 32px;position:relative;overflow:hidden}.promo-hero-bg{pointer-events:none;background:radial-gradient(circle at 20%,#1677ff1f 0%,#0000 50%),radial-gradient(circle at 80% 30%,#f0b90b14 0%,#0000 40%);position:absolute;inset:0}.promo-hero-content{z-index:1;position:relative}.promo-hero-title{color:#fff;letter-spacing:-.5px;margin:0 0 10px;font-size:28px;font-weight:800}.promo-hero-desc{color:var(--text-secondary);max-width:500px;margin:0;font-size:14px;line-height:1.6}.promo-share-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px 24px}.promo-share-row{flex-wrap:wrap;gap:16px;display:flex}.promo-share-block{flex-direction:column;gap:6px;display:flex}.promo-share-block-link{flex:1;min-width:240px}.promo-share-label{color:var(--text-third);font-size:12px;font-weight:500}.promo-share-value{align-items:center;gap:8px;display:flex}.promo-code{color:var(--gold);letter-spacing:2px;font-family:Roboto Mono,SF Mono,monospace;font-size:22px;font-weight:700}.promo-link-text{color:var(--text-secondary);word-break:break-all;font-family:Roboto Mono,SF Mono,monospace;font-size:13px}.promo-copy-btn{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.promo-copy-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.promo-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}@media (max-width:768px){.promo-stats{grid-template-columns:repeat(2,1fr)}}.promo-stat-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.promo-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.promo-stat-icon-blue{color:var(--primary);background:#1677ff1f}.promo-stat-icon-purple{color:#a050f0;background:#a050f01f}.promo-stat-icon-green{color:var(--green);background:#0ecb811f}.promo-stat-icon-gold{color:var(--gold);background:#f0b90b1f}.promo-stat-value{color:var(--text-primary);font-family:Roboto Mono,SF Mono,monospace;font-size:24px;font-weight:700}.promo-stat-label{color:var(--text-third);font-size:12px}.promo-table-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;overflow:hidden}.promo-tabs{border-bottom:1px solid var(--border-color);display:flex}.promo-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:14px 24px;font-size:14px;font-weight:500;display:flex;position:relative}.promo-tab:hover{color:var(--text-primary)}.promo-tab.active{color:var(--primary)}.promo-tab.active:after{content:"";background:var(--primary);border-radius:1px;height:2px;position:absolute;bottom:0;left:16px;right:16px}.promo-tab-count{color:var(--primary);background:#1677ff26;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.promo-table-wrap{min-height:200px;position:relative}.promo-table{border-collapse:collapse;width:100%;font-size:13px}.promo-table thead th{text-align:left;color:var(--text-third);border-bottom:1px solid var(--border-color);padding:10px 16px;font-size:12px;font-weight:500}.promo-table tbody td{color:var(--text-secondary);border-bottom:1px solid #2b313980;padding:12px 16px}.promo-table tbody tr:hover td{background:#2b31394d}.promo-table-empty{text-align:center!important;color:var(--text-third)!important;padding:40px 16px!important}.promo-reward-amount{font-family:Roboto Mono,SF Mono,monospace;font-weight:600;color:var(--green)!important}.promo-level-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.promo-level-1{color:var(--primary);background:#1677ff1f}.promo-level-2{color:#a050f0;background:#a050f01f}.promo-level-3{color:var(--gold);background:#f0b90b1f}.promo-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;padding:12px;font-size:13px;display:flex}.promo-pagination button{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 14px;font-size:12px}.promo-pagination button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.promo-pagination button:disabled{opacity:.4;cursor:default}.promo-table-loading{background:#161a1e99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promo-how{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:32px 24px}.promo-how-title{color:var(--text-primary);text-align:center;margin:0 0 24px;font-size:18px;font-weight:700}.promo-how-steps{justify-content:center;align-items:flex-start;gap:12px;display:flex}@media (max-width:640px){.promo-how-steps{flex-direction:column;align-items:center}.promo-how-arrow{transform:rotate(90deg)}}.promo-how-step{text-align:center;flex:0 200px}.promo-how-num{width:36px;height:36px;color:var(--primary);background:#1677ff1f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px;font-weight:700;display:inline-flex}.promo-how-step h4{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:600}.promo-how-step p{color:var(--text-third);margin:0;font-size:12px;line-height:1.5}.promo-how-arrow{color:var(--text-third);flex-shrink:0;padding-top:8px}.announcement-bar{background:linear-gradient(90deg,#f0b90b14 0%,#f0b90b08 100%);border-bottom:1px solid #f0b90b26}.announcement-inner{align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex}.announcement-icon{color:var(--gold);flex-shrink:0;font-size:18px}.announcement-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.announcement-item{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:13px;text-decoration:none;transition:color .2s;display:flex;overflow:hidden}.announcement-item:hover{color:var(--gold)}.announcement-pin{background:var(--gold);color:#000;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.announcement-title{text-overflow:ellipsis;overflow:hidden}.announcement-date{color:var(--text-third);flex-shrink:0;margin-left:auto;font-size:12px}.announcement-more{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:13px;text-decoration:none;transition:color .2s}.announcement-more:hover{color:var(--gold)}.chat-toggle-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.chat-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-toggle-btn.active{color:var(--primary);background:#1677ff1a}.chat-panel{background:var(--bg-card);border:1px solid var(--border-color);z-index:200;border-radius:12px;flex-direction:column;width:360px;height:calc(100vh - 68px);max-height:600px;animation:.2s ease-out chatSlideIn;display:flex;position:fixed;top:56px;right:12px;box-shadow:0 8px 32px #00000080}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.chat-status-dot{background:var(--text-third);border-radius:50%;width:8px;height:8px}.chat-status-dot.connected{background:var(--green);box-shadow:0 0 6px #0ecb8180}.chat-panel-close{width:28px;height:28px;color:var(--text-third);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.chat-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.chat-empty{color:var(--text-third);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.chat-msg{flex-direction:column;max-width:80%;display:flex}.chat-msg-other{align-self:flex-start}.chat-msg-me{align-self:flex-end}.chat-msg-name{color:var(--text-third);margin-bottom:2px;padding-left:4px;font-size:11px}.chat-msg-bubble{word-break:break-word;border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.4}.chat-msg-other .chat-msg-bubble{background:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg-me .chat-msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-msg-time{color:var(--text-third);margin-top:2px;font-size:10px}.chat-msg-other .chat-msg-time{padding-left:4px}.chat-msg-me .chat-msg-time{text-align:right;padding-right:4px}.chat-input-area{border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 16px}.chat-disconnected{color:var(--warning);text-align:center;margin-bottom:8px;font-size:11px}.chat-input-wrap{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:4px 4px 4px 12px;transition:border-color .2s;display:flex}.chat-input-wrap:focus-within{border-color:var(--primary)}.chat-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;height:32px;font-size:13px}.chat-input::placeholder{color:var(--text-third)}.chat-send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s;display:flex}.chat-send-btn:hover:not(:disabled){opacity:.85}.chat-send-btn:disabled{opacity:.4;cursor:default}@media (max-width:480px){.chat-panel{border-radius:0;width:100%;height:calc(100vh - 56px);max-height:none;right:0}}