:root{--primary:#1976d2;--primary-50:#e3f2fd;--primary-100:#bbdefb;--primary-200:#90caf9;--primary-300:#64b5f6;--primary-400:#42a5f5;--primary-500:#2196f3;--primary-600:#1e88e5;--primary-700:#1976d2;--primary-800:#1565c0;--primary-900:#0d47a1;--bullish:#00c853;--bullish-light:#69f0ae;--bullish-bg:rgba(0,200,83,0.1);--bearish:#f44336;--bearish-light:#ef5350;--bearish-bg:rgba(244,67,54,0.1);--neutral:#9e9e9e;--warning:#ff9800;--info:#2196f3;--success:#4caf50;--error:#f44336;--surface:#fff;--surface-variant:#f8f9fa;--surface-container:#f1f3f4;--background:#fafbfc;--background-dark:#121212;--text-primary:#212121;--text-secondary:#757575;--text-tertiary:#9e9e9e;--text-disabled:#bdbdbd;--text-inverse:#fff;--text-on-primary:#fff;--text-on-surface:#212121;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*{box-sizing:border-box}html{line-height:var(--leading-normal);-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--font-family-base);-webkit-font-feature-settings:normal;font-feature-settings:normal}body{margin:0;line-height:inherit;background-color:var(--background);color:var(--text-primary);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-bullish{color:var(--bullish)}.text-bearish{color:var(--bearish)}.bg-surface{background-color:var(--surface)}.bg-surface-variant{background-color:var(--surface-variant)}.bg-primary{background-color:var(--primary)}.bg-bullish{background-color:var(--bullish)}.bg-bearish{background-color:var(--bearish)}.bg-bullish-light{background-color:var(--bullish-bg)}.bg-bearish-light{background-color:var(--bearish-bg)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.price-display{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.change-positive{color:var(--bullish);background-color:var(--bullish-bg)}.change-negative{color:var(--bearish);background-color:var(--bearish-bg)}.btn-buy{background-color:var(--bullish);color:var(--text-inverse);border:none;-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease}.btn-buy:hover{background-color:var(--bullish-light)}.btn-sell{background-color:var(--bearish);color:var(--text-inverse);border:none;-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease}.btn-sell:hover{background-color:var(--bearish-light)}@media (max-width:640px){.hidden-mobile{display:none!important}.text-mobile-sm{font-size:var(--text-xs)}.text-mobile-base{font-size:var(--text-sm)}.p-mobile-sm{padding:var(--space-xs)}}@media (min-width:641px){.hidden-desktop{display:none!important}}.transition-all{-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease}.transition-colors{-webkit-transition:color var(--duration-200) ease,background-color var(--duration-200) ease,border-color var(--duration-200) ease;transition:color var(--duration-200) ease,background-color var(--duration-200) ease,border-color var(--duration-200) ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{-webkit-animation:fadeIn var(--duration-300) ease-in-out;animation:fadeIn var(--duration-300) ease-in-out}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp{0%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.animate-slide-up{-webkit-animation:slideUp var(--duration-300) ease-out;animation:slideUp var(--duration-300) ease-out}.trade{width:100%;height:100%;background:var(--background);font-family:var(--font-family-base)}.trade .van-tabs--line .van-tabs__wrap{height:24px}.trade .van-tabs__wrap--scrollable .van-tab{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.trade .van-ellipsis{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.trade .van-dropdown-menu{width:100%}.trade .van-dropdown-menu__item{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.trade .top-bar-right .van-dropdown-menu__item{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.header{height:48px;background-color:var(--surface);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 var(--space-md);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--surface-container)}.title{line-height:48px;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.btn-back{padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);-webkit-transition:background-color var(--duration-200) ease;transition:background-color var(--duration-200) ease}.btn-back:hover{background-color:var(--surface-variant)}.main-container{display:-webkit-box;display:-webkit-flex;display:flex;background-color:var(--surface);margin:var(--space-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.main-container,.trade .main-container{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;flex-direction:row!important}.trade .main-container{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important}.trade-buy-left{width:65%;padding:var(--space-md);background:var(--surface);border-right:1px solid var(--surface-container)}.buy-right{width:35%;height:100%;padding:var(--space-xs) var(--space-sm);background:var(--surface-variant);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.buy-right .van-skeleton{padding-left:2px}.buy-right .van-skeleton__row{width:90%!important;margin-bottom:3px;height:12px}.buy-price{font-size:var(--text-lg);line-height:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-mono);text-align:right;padding:var(--space-xs);background:var(--surface);border-radius:var(--radius-md);margin:var(--space-xs) 0}.trade .buy{height:unset}.sell,.trade .buy{-webkit-box-flex:1;-webkit-flex:1;flex:1}.sell{width:100%}.buy-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;line-height:22px;font-size:var(--text-xs);padding:var(--space-xs);margin:1px 0;cursor:pointer;-webkit-transition:background-color var(--duration-150) ease;transition:background-color var(--duration-150) ease}.buy-item:hover{background-color:var(--surface)}.bar,.buy-item:hover{border-radius:var(--radius-sm)}.bar{height:100%;position:absolute;right:0}.bar-red{background:rgba(244,67,54,.2)}.bar-green{background:rgba(0,200,83,.2)}.trade-green{color:var(--bullish)}.trade-green,.trade-red{font-weight:var(--font-weight-medium)}.trade-red{color:var(--bearish)}.btn-buy-contain{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.btn-buy-contain .van-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:32px;border:none!important;border-radius:var(--radius-md)!important;font-size:var(--text-sm)!important;font-weight:var(--font-weight-semibold)!important;cursor:pointer;-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease;position:relative;overflow:hidden}.btn-buy-contain .btn-buy{background:var(--surface-container)!important;color:var(--text-secondary)!important}.btn-buy-contain .btn-buy:hover{background:var(--surface-variant)!important;color:var(--text-primary)!important}.btn-buy-contain .btn-sell{background:var(--surface-container)!important;color:var(--text-secondary)!important}.btn-buy-contain .btn-sell:hover{background:var(--surface-variant)!important;color:var(--text-primary)!important}.btn-buy-contain .btn-buy.active-green,.btn-buy-contain .van-button.active-green{background:var(--bullish)!important;color:var(--text-inverse)!important;box-shadow:var(--shadow-md)!important}.btn-buy-contain .btn-sell.active-red,.btn-buy-contain .van-button.active-red{background:var(--bearish)!important;color:var(--text-inverse)!important;box-shadow:var(--shadow-md)!important}.trade .van-button--default{border:none!important;background:transparent!important}.trade .van-button--default:active:before{opacity:0!important}.trade .van-button__content,.trade .van-button__text{color:inherit!important}.btn-buy-contain .van-button--default{background:var(--surface-container)!important}.btn-buy-contain .van-button.active-green{background:var(--bullish)!important}.btn-buy-contain .van-button.active-red{background:var(--bearish)!important}.btn-buy-contain .van-button:active:before,.btn-buy-contain .van-button:before{display:none!important}.btn-buy-2{background:var(--bullish);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease;margin:var(--space-xs) 0;padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm)}.btn-buy-2:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-sell-2{background:var(--bearish);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease;margin:var(--space-xs) 0;padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm)}.btn-sell-2:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.active-red{background:var(--bearish);color:var(--text-inverse);box-shadow:var(--shadow-md)}.trade .van-cell{padding:var(--space-sm)}.input-contain{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;background:var(--surface);padding:0 var(--space-sm);border:1px solid var(--surface-container);border-radius:var(--radius-md);height:40px;-webkit-transition:border-color var(--duration-200) ease;transition:border-color var(--duration-200) ease}.input-contain:hover{border-color:var(--primary-300)}.input-active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(25,118,210,.1)}.input-symbol{line-height:40px;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);min-width:50px;text-align:right;padding-left:var(--space-sm)}.contract-input{margin-bottom:var(--space-sm)}.btn-duishou{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--primary-100);color:var(--primary);border-radius:var(--radius-md);padding:0 var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease;margin-left:var(--space-sm);min-width:60px}.btn-duishou:hover{background:var(--primary-200)}.custom-button{width:35px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:#4a83c0;border-radius:100px}.trade .van-dropdown-menu__bar{height:28px}.share-box .van-cell{background-color:initial;padding:0 16px}.trade .v-slider-button-wrap{position:absolute!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;z-index:10!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;-webkit-box-align:center!important;-webkit-align-items:center!important;align-items:center!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;justify-content:center!important}.trade .v-slider-button{width:16px!important;height:16px!important;background:var(--primary)!important;border:2px solid #fff!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important;-webkit-transition:all var(--duration-200) ease!important;transition:all var(--duration-200) ease!important;border-radius:50%!important;position:relative!important;top:0!important;left:0!important;margin:0!important;-webkit-transform:none!important;transform:none!important;display:block!important}.trade .v-slider-button:hover{width:18px!important;height:18px!important;box-shadow:var(--shadow-lg)!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.trade .v-slider-dot{width:8px!important;height:8px!important;background:var(--surface-container)!important;border:1px solid var(--surface-variant)!important;-webkit-transition:all var(--duration-150) ease!important;transition:all var(--duration-150) ease!important;position:absolute!important;margin-top:0!important;border-radius:50%!important}.trade .v-slider-dot,.trade .v-slider-dot.active{top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.trade .v-slider-dot.active{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 0 8px rgba(25,118,210,.3)!important}.van-dropdown-menu__bar{box-shadow:0 0 0 transparent;border:1px solid #f0f0f0;border-radius:2px}.trade .amount{color:#111;font-size:10px;font-weight:500}.symbol-select{min-width:80px;font-size:var(--text-lg);font-weight:var(--font-weight-bold);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:48px;padding-left:var(--space-sm);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);-webkit-transition:background-color var(--duration-200) ease;transition:background-color var(--duration-200) ease}.symbol-select:hover{background-color:var(--surface-variant)}.top-bar-right{padding-right:var(--space-sm);height:48px;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;min-width:80px;font-size:var(--text-sm)}.top-bar-right,.top-bar-right .van-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.top-bar-right .van-icon img{width:20px;height:20px}.top-bar-right .van-dropdown-menu__bar{height:22px;background-color:#fafafa}.top-bar-right .van-dropdown-menu__title{font-size:12px}.top-bar-right .van-dropdown-menu__item{width:60px}.top-bar-right .van-dropdown-menu{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-right:20px}.top-bar-right .van-cell__value{-webkit-box-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end}.empty-box,.top-bar-right .van-cell__value{display:-webkit-box;display:-webkit-flex;display:flex}.empty-box{width:100%;height:140px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.empty-box img{width:80px;height:80px;object-fit:contain}.trade .van-button:active:before{opacity:0}.chart-loading-view{position:absolute;height:25vh;left:0;right:0;top:0;background-color:hsla(0,0%,100%,.8);z-index:999}.cang-box,.chart-loading-view{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cang-box{font-size:var(--text-xs);height:32px;border:1px solid var(--surface-container);margin:var(--space-sm) 0;font-weight:var(--font-weight-semibold);padding:0 var(--space-sm);border-radius:var(--radius-md);cursor:pointer;-webkit-transition:all var(--duration-200) ease;transition:all var(--duration-200) ease;background:var(--surface);color:var(--text-secondary)}.cang-box:hover{border-color:var(--primary-300);background:var(--surface-variant);color:var(--text-primary)}.contract-opt-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;gap:var(--space-sm)}.cang-long{color:#16c784;margin-left:5px}.cang-short{color:#ea3943;margin-left:5px}.contract-input{height:25px}.contract-input .van-cell{padding:5px 8px}.contract-input .input-symbol{line-height:25px;font-size:12px}.btn-small{margin:5px auto;height:25px;font-size:12px}.trade .van-dialog__header--isolated{padding:24px 15px}.trade .van-dropdown-menu__item{width:115px}.trade .top-bar-right{width:95px}.gangang-calc-box{line-height:20px}.charting-cryptos-box,.charting-cryptos-box .crypto-contain{background-color:#fff}.charting-cryptos-box .crypto-contain .symbol{color:#222}.test{margin-top:10px;height:50px;background-color:#fff;color:#555;padding:10px 10px;font-size:15px}.contract-tag{background-color:#eee;padding:3px 5px;border-radius:2px}.btn-contract-amount-popver{width:60px;background-color:initial;height:33px;font-size:12px}.amount-popver{margin-top:-4px;display:-webkit-box;display:-webkit-flex;display:flex}.cang-order-title{font-size:10px;color:#aaa}.cang-order-value{font-size:13px;color:#222;font-weight:500;line-height:20px}.v-slider-bar{background:-webkit-linear-gradient(left,var(--primary),var(--primary-600))!important;background:linear-gradient(90deg,var(--primary),var(--primary-600))!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)!important;top:50%!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.v-slider-bar,.v-slider-runway{height:4px!important;border-radius:2px!important;position:relative!important}.v-slider-runway{background-color:var(--surface-container)!important;display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;-webkit-box-align:center!important;-webkit-align-items:center!important;align-items:center!important}.trade .v-slider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:24px}.trade .iv-slider{padding:var(--space-sm) 0!important}.trade .v-slider{position:relative;margin:var(--space-sm) 0}.trade .v-slider-scales{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:var(--space-xs)}.trade .v-slider-scales span{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium);background:var(--surface);padding:4px 6px;border-radius:var(--radius-sm);border:1px solid var(--surface-container);min-width:28px;text-align:center;cursor:pointer;-webkit-transition:all var(--duration-150) ease;transition:all var(--duration-150) ease;-webkit-user-select:none;user-select:none;position:relative}.trade .v-slider-scales span:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);background:var(--surface-variant);border-color:var(--primary-200);color:var(--text-secondary);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trade .v-slider-scales span:active{-webkit-transform:translateY(0);transform:translateY(0);background:var(--primary-100);border-color:var(--primary-400)}.trade .v-slider-scales span.active{color:var(--primary);background:var(--primary-50);border-color:var(--primary-300);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px rgba(25,118,210,.2)}.trade .v-slider-scales span:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(25,118,210,.3);-webkit-transition:all var(--duration-300) ease;transition:all var(--duration-300) ease;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.trade .v-slider-scales span:active:before{width:30px;height:30px}.trade .v-slider-button:active{-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important;box-shadow:0 0 12px rgba(25,118,210,.4)!important}.trade .v-slider-button:focus{outline:none;box-shadow:0 0 0 3px rgba(25,118,210,.2)!important;-webkit-transform:none!important;transform:none!important}.slider-container{height:50px;padding:var(--space-sm) var(--space-md);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--surface-container);margin:var(--space-sm) 0;position:relative;overflow:visible}.slider-container:hover{border-color:var(--primary-300);box-shadow:0 0 0 3px rgba(25,118,210,.05)}.slider-container:before{content:"持仓比例";left:var(--space-sm);background:var(--surface);color:var(--text-secondary);padding:0 var(--space-xs);font-weight:var(--font-weight-medium)}.slider-container:before,.slider-percentage{position:absolute;top:-8px;font-size:var(--text-xs)}.slider-percentage{right:var(--space-sm);background:var(--primary);color:var(--text-inverse);padding:2px var(--space-xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);min-width:30px;text-align:center}.trade-stats-container{background:var(--surface);border:1px solid var(--surface-container);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;position:relative;overflow:hidden;margin-top:20px}.trade-stats-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-linear-gradient(left,var(--primary),var(--primary-600));background:linear-gradient(90deg,var(--primary),var(--primary-600))}.trade-stat-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:var(--space-xs) 0;border-radius:var(--radius-sm);-webkit-transition:background-color var(--duration-150) ease;transition:background-color var(--duration-150) ease}.trade-stat-item:hover{background-color:var(--surface-variant);padding-left:var(--space-xs);padding-right:var(--space-xs)}.trade-stat-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.trade-stat-label:before{content:"●";color:var(--primary);margin-right:var(--space-xs);font-size:8px}.trade-stat-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono)}.trade-stat-currency{color:var(--text-tertiary);font-size:var(--text-xs);margin-left:var(--space-xs);font-weight:var(--font-weight-medium)}.trade-stat-value.positive{color:var(--bullish)}.trade-stat-value.negative{color:var(--bearish)}.trade-stat-value.zero{color:var(--text-tertiary)}@media (max-width:640px){.trade .v-slider-button{width:20px!important;height:20px!important;border:3px solid #fff!important;position:relative!important;-webkit-transform:none!important;transform:none!important}.trade .v-slider-button:hover{width:22px!important;height:22px!important;-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.trade .v-slider-button:active{-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important}.slider-container{height:55px;padding:var(--space-md)}}.control .van-radio{font-size:12px}.cang-sel-box{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.cang-opt{width:40%;height:28px;line-height:28px;font-size:12px;text-align:center;background-color:#f0f0f0;color:#222;border-radius:3px}.cang-select{border:1px solid #1960fa;background-color:rgba(25,96,250,.11372549019607843);color:#1960fa}.gangangRate-box{width:calc(100% - 60px);margin:0 auto;display:-webkit-box;display:-webkit-flex;display:flex;overflow-x:scroll;padding:0 12px;border:1px solid #eee;border-radius:15px;padding:2px 10px;-ms-overflow-style:none;scrollbar-width:none}.gangangRate-box::-webkit-scrollbar{display:none}.gangangRate{width:60px;-webkit-flex-shrink:0;flex-shrink:0;font-size:13px;color:#222;text-align:center;line-height:25px;border-radius:14px}.gan-sel{background-color:#1960fa;color:#f0f0f0}.gangang-calc-box{border-radius:8px;color:#666;font-size:10px;padding:5px 8px;background-color:#f5f5f5;width:calc(100% - 30px);margin:0 auto;line-height:16px;font-weight:400}.g-price{color:#1960fa}.cha-zheng{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zheng-box{width:45px;-webkit-flex-shrink:0;flex-shrink:0;font-size:11px;color:#555;margin:5px;border:1px solid #888;border-radius:2px;text-align:center;height:20px;line-height:20px}.k-line-control{width:calc(100% - 30px);margin:0 auto}.control-light{width:10px;height:10px;border-radius:5px;background-color:red;margin-left:10px}.light-active{background-color:green}