.stock-perp-panel,.stock-perp-orders{background:#0c1821;color:#edf4fa;font:14px/1.5 Arial,Microsoft YaHei,sans-serif;padding:18px;box-sizing:border-box}.stock-perp-panel header{display:flex;justify-content:space-between;gap:10px}.stock-perp-panel strong{color:#f1c75b}.stock-perp-panel p{margin:12px 0}.stock-perp-panel small,.stock-perp-orders small{display:block;color:#9daebc;font-size:12px}.stock-perp-panel label{display:flex;align-items:center;justify-content:space-between;margin:14px 0;gap:10px}.stock-perp-panel input{width:130px;max-width:55%;background:#12232e;color:#fff;border:1px solid #34505f;border-radius:5px;padding:9px;font-size:16px;box-sizing:border-box}.stock-perp-panel input[type=checkbox]{width:22px;height:22px}.stock-perp-panel button,.stock-perp-orders button{cursor:pointer;color:#dce8f1;border:1px solid #34505f;border-radius:5px;background:#142631;padding:9px 12px;min-height:38px}.stock-perp-panel button:disabled,.stock-perp-orders button:disabled{opacity:.45;cursor:default}.stock-tabs{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.stock-tabs button{flex:1}.stock-tabs button.active{color:#00d7ff;border-color:#00cbea}.stock-cost{padding:12px;border:1px solid #243a48;border-radius:6px;margin:16px 0}.stock-cost dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 6px;margin-bottom:0}.stock-cost dd{margin:0;text-align:right}.stock-cost dt{color:#b9c8d2}.stock-risk{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:12px 0}.stock-risk span:first-child{color:#ead323}.stock-risk span:nth-child(2){color:#ffa833}.stock-risk span:last-child,.stock-red,.stock-error{color:#ff4b69}.stock-green{color:#00dc8c}.stock-actions{display:flex;gap:10px;margin:18px 0}.stock-actions button{flex:1;font-size:18px;font-weight:700;color:#fff}.stock-actions .stock-long{background:#00ae6a;border-color:#00ce7b}.stock-actions .stock-short{background:#e82e4e;border-color:#ff4d69}.stock-perp-panel a{color:#00d5ff}.stock-table-wrap{overflow:auto}.stock-perp-orders table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.stock-perp-orders td,.stock-perp-orders th{border-bottom:1px solid #253b49;padding:12px 10px;text-align:left}.stock-perp-orders td button{margin:3px}.stock-modal{position:fixed;inset:0;background:#000a;z-index:10020;display:flex;justify-content:center;align-items:center;padding:20px}.stock-modal>section{width:480px;max-width:100%;max-height:85vh;overflow:auto;border:1px solid #537080;border-radius:8px}.stock-perp-panel :focus-visible,.stock-perp-orders :focus-visible{outline:2px solid #00d5ff;outline-offset:2px}html.stock-perp-active .constract-page .top-right>.place-order-container-common,html.stock-perp-active .constract-page .trade-box-bottom>.position-wrapper,html.stock-perp-active .constract-page .trade-box-bottom>.asset-block{display:none!important}html.stock-perp-active .constract-page .trade-box-bottom{display:block!important}.stock-orders-root{width:100%}html.stock-perp-mobile #app{display:none!important}.stock-mobile-root{min-height:100vh;background:#0c1821;padding-bottom:35px}.stock-mobile-root .stock-perp-panel{padding:16px}.stock-mobile-root .stock-perp-orders{padding:12px}html.stock-perp-active,html.stock-perp-active body{background:#09121a!important;min-height:100vh}html.stock-perp-active .constract-page{background:#09121a!important;color:#eaf1f8}.stock-estimate-time{margin:0 0 10px;font-size:10px!important;line-height:1.5}html.stock-perp-active .constract-page .trade-box{max-width:none;width:calc(100% - 24px);box-sizing:border-box;margin:18px auto 0;border:1px solid #30414e;border-radius:10px;overflow:hidden}html.stock-perp-active .constract-page .trade-box-top{display:flex!important;align-items:stretch;width:100%!important;max-width:100%;margin:0!important;left:auto!important;transform:none!important}html.stock-perp-active .constract-page .top-left{flex:1 1 69%;min-width:0;width:69%;background:#0c1720!important}html.stock-perp-active .constract-page .top-right{flex:0 0 360px;width:360px;background:#0c1821;border-color:#253746}html.stock-perp-active .constract-page .trade-box-bottom{height:auto!important;min-height:210px;margin-bottom:0;background:#0c1821!important}html.stock-perp-active .trade-header-box{background:#0b151e!important;height:auto!important;padding:18px 18px 10px!important;box-sizing:border-box}html.stock-perp-active .ticker-xl-box{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important;width:100%!important}html.stock-perp-active .watch-drop-box{font-size:20px!important;font-weight:700;white-space:nowrap;margin-right:14px;color:#f0f6fb!important}html.stock-perp-active .ticker-top-box{flex:1;gap:16px!important;align-items:center}html.stock-perp-active .ticker-item{min-width:auto!important;margin:0!important}html.stock-perp-active .ticker-item .label{font-size:11px!important;color:#a3b4c3!important}html.stock-perp-active .ticker-item .value{font-size:13px!important}html.stock-perp-active .ticker-item:first-child .value{font-size:30px!important;font-weight:700;color:#f0f6fb!important;line-height:1.2}html.stock-perp-active .ticker-xl-box>div:last-child{flex-basis:100%;padding:0!important}html.stock-perp-active .k-toolbar{height:auto!important;min-height:38px;background:#0c1720!important}html.stock-perp-active .k-toolbar-btn{display:flex;flex-wrap:wrap;gap:5px}html.stock-perp-active .k-toolbar-right{margin-left:auto}html.stock-perp-active .periods li{font-size:12px!important;padding:0 7px!important}html.stock-perp-active .periods .selected{color:#00d8f8!important}html.stock-perp-active .search-dialog{z-index:200!important}.stock-perp-panel{padding:14px 16px;font-size:13px;background:linear-gradient(110deg,#0c1821,#0a141c);font-variant-numeric:tabular-nums}.stock-perp-panel header{font-size:12px;color:#b3c4d2;align-items:center;margin-bottom:8px}.stock-perp-panel header strong{color:#bacbd8;font-weight:500}.stock-perp-panel p{margin:10px 0}.stock-perp-panel label{margin:10px 0;min-height:36px}.stock-perp-panel input{height:36px;padding:6px 9px;background:#12202b;border-color:#2a3f50;font-size:15px;border-radius:5px}.stock-perp-panel input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.stock-perp-panel .stock-tabs{margin:0 0 12px}.stock-tabs button{background:linear-gradient(#182632,#111e29);border-color:#263946;min-height:38px;font-size:15px}.stock-tabs button.active{background:linear-gradient(#0e3444,#10222e);box-shadow:inset 0 2px #00d5ff;color:#00dcff;border-color:#18637a}.stock-stepper{display:flex;width:176px;max-width:60%;border:1px solid #2a3f50;border-radius:5px;overflow:hidden;background:#12202b}.stock-stepper input{width:100%;min-width:0;max-width:none;border:0!important}.stock-stepper button{flex:0 0 32px;padding:7px;border:0;border-left:1px solid #2a3f50;border-radius:0;min-height:34px;background:transparent}.stock-stepper svg{width:16px;height:16px}.stock-stops-box{padding:0 10px 8px;border:1px solid #253746;border-radius:6px;margin-top:12px}.stock-stops-box .stock-switch{font-size:15px;font-weight:600;margin-bottom:6px}.stock-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px!important;max-width:38px;height:22px!important;min-height:22px;border-radius:20px;position:relative;background:#334655;padding:0;border:0;cursor:pointer}.stock-switch input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#f5f9fc;top:2px;left:2px;transition:transform .15s}.stock-switch input:checked{background:#00c97f}.stock-switch input:checked:before{transform:translate(16px)}.stock-cost{padding:10px;margin:12px 0;background:#0a141c;border-color:#253746}.stock-cost>strong{font-size:15px}.stock-cost dl{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;margin-top:9px;font-size:12px}.stock-cost dt,.stock-cost dd{line-height:1.6}.stock-cost dd{max-width:166px;overflow-wrap:anywhere}.stock-cost dt:nth-last-of-type(2),.stock-cost dd:nth-last-of-type(2){border-top:1px solid #263846;padding-top:7px;color:#fff;font-weight:600}.stock-risk-box{border:1px solid #253746;border-radius:6px;padding:10px}.stock-risk{border-top:4px solid transparent;-o-border-image:linear-gradient(90deg,#e6d526,#ff9d3c,#ff365f) 1;border-image:linear-gradient(90deg,#e6d526,#ff9d3c,#ff365f) 1;margin:12px 0 5px;padding-top:7px;font-size:12px}.stock-risk-box>small:last-child{font-size:10px;line-height:1.6}.stock-actions{margin:12px 0 3px;gap:8px}.stock-actions button{min-height:44px;font-size:17px;box-shadow:inset 0 1px #ffffff20}.stock-actions .stock-long{background:linear-gradient(110deg,#00bc79,#00a968)}.stock-actions .stock-short{background:linear-gradient(110deg,#f32251,#e92d4b)}.stock-perp-orders{padding:0 16px 18px;font-variant-numeric:tabular-nums}.stock-perp-orders>.stock-tabs{margin:0;border-bottom:1px solid #263846;gap:0;flex-wrap:nowrap}.stock-perp-orders>.stock-tabs button{flex:0 1 auto;background:transparent;border:0;border-radius:0;padding:16px 20px;font-size:14px;white-space:nowrap;box-shadow:none}.stock-perp-orders>.stock-tabs button.active{border-bottom:2px solid #00d7ff;background:linear-gradient(transparent,#0a2a37)}.stock-perp-orders>.stock-tabs button:last-child{margin-left:auto;color:#a9bac8}.stock-empty{padding:38px 16px;text-align:center;color:#acbdcb}.stock-empty strong{font-size:15px;font-weight:500}.stock-empty p{font-size:12px;color:#7f94a6;margin-top:8px}.stock-perp-orders th{font-size:12px;font-weight:500;color:#aebfcc;background:#0a151e}.stock-perp-orders td{font-size:12px}.stock-perp-orders td button{font-size:12px;padding:5px 8px;min-height:30px}.stock-mobile-market{color:#ecf4fa;background:#0b151e;font-family:Arial,Microsoft YaHei,sans-serif}.stock-brand{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #253745}.stock-brand a{color:#dfbc61;text-decoration:none;font-size:12px}.stock-brand a:first-child{font-size:24px;font-weight:700;display:flex;gap:8px;align-items:center}.stock-brand img{width:36px;height:30px;-o-object-fit:contain;object-fit:contain}.stock-quote{padding:14px 14px 8px}.stock-quote>div:first-child{display:flex;align-items:baseline;gap:10px}.stock-quote strong{font-size:21px}.stock-quote>div:first-child>span{color:#a7bdca;font-size:12px}.stock-quote-price{font-size:30px;font-weight:700;margin:8px 0 4px}.stock-quote-price small{font-size:12px;font-weight:400}.stock-quote-price>span{font-size:13px;margin-left:10px}.stock-quote>small{font-size:10px;color:#a7bacb}.stock-quote dl{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;font-size:10px;gap:5px;margin:10px 0 2px}.stock-quote dt{color:#8fa6b9}.stock-quote dd{margin:0;text-align:right}.stock-chart-tabs{display:flex;border-bottom:1px solid #203746;margin:0 12px}.stock-chart-tabs button{flex:1;background:none;color:#d2e0ea;padding:10px 0;border:0;font-size:13px}.stock-chart-tabs button.active{color:#00d8ff;border-bottom:2px solid #00d8ff}.stock-chart-surface{position:relative}.stock-chart-canvas{height:300px;width:100%}.stock-chart-message{position:absolute;left:0;right:0;top:35%;text-align:center;background:#0a1722d9;padding:12px;color:#aec5d4;font-size:12px}.stock-mobile-root{padding-bottom:28px}.stock-mobile-root .stock-perp-panel{padding:14px;border-top:1px solid #263847}.stock-mobile-root>.stock-perp-panel header{display:none}.stock-mobile-root .stock-perp-orders{padding:0 10px 16px}.stock-mobile-root .stock-perp-orders>.stock-tabs button{padding:14px 10px;font-size:12px}.stock-mobile-root .stock-cost dd{max-width:190px}.stock-mobile-root .stock-modal p{overflow-wrap:anywhere}@media (min-width:1600px){html.stock-perp-active .constract-page .top-right{flex-basis:410px;width:410px}.stock-perp-panel{padding:16px 20px;font-size:14px}.stock-cost dl{font-size:13px;gap:7px 10px}}@media (max-width:1100px){html.stock-perp-active .constract-page .trade-box{margin:8px 6px 0}html.stock-perp-active .constract-page .top-right{flex-basis:330px;width:330px}html.stock-perp-active .ticker-top-box{gap:10px!important}html.stock-perp-active .ticker-item:first-child .value{font-size:25px!important}}@media (prefers-reduced-motion:reduce){.stock-switch input:before{transition:none}}html.stock-perp-active .ticker-item:nth-child(2) .value{color:#00cf88!important}html.stock-perp-active.stock-quote-down .ticker-item:nth-child(2) .value{color:#ff4165!important}.us-stocks-container-box .market-chart,.us-stocks-container-box .etf-container>.chart-box,.us-stocks-container-box .etf-container>.other-etf-ranking{display:none!important}.stock-mobile-root .stock-perp-panel>header{display:none}
