.workbench.has-market-status{--stock-panel:#1c1c1e;--stock-state:#2c2c30;--stock-line:#343438;--stock-text:#dfe0e3;--stock-muted:#95979d}
.market-content.stock-detail-page{inset:calc(var(--market-navigation-height) + 8px) 8px calc(var(--market-status-height) + 8px);padding:0;grid-template-columns:clamp(184px,18cqw,224px) minmax(0,1fr) 280px;gap:8px;overflow:auto;color:var(--stock-text);font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.stock-detail-page :is(button,span,small,strong,dt,dd,time){min-width:0;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.stock-detail-page :is(.stock-detail-list,.market-chart,.stock-quote){background:var(--stock-panel);border-radius:6px;min-height:0;min-width:0;overflow:hidden}
.stock-detail-page .action{box-shadow:none!important;border-radius:4px}
.stock-detail-page .action:hover{background:var(--stock-state)!important}
.stock-detail-page .action.selected,.stock-detail-page .action[aria-pressed=true]{background:var(--stock-state)!important}
.stock-detail-list{display:flex;flex-direction:column}
.stock-list-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 58px;gap:6px;align-items:center;width:100%;min-height:64px;padding:10px;border-bottom:1px solid var(--stock-line);text-align:right;font-size:13px;flex-shrink:0}
.stock-list-name{display:flex;flex-direction:column;gap:2px;overflow:hidden;text-align:left}
.stock-list-name>span{overflow:hidden;text-overflow:ellipsis}
.stock-list-name small{font-size:12px;color:var(--stock-muted)}
.stock-list-price{color:var(--stock-muted)}
.stock-up{color:#ef525f}.stock-down{color:#22b985}
.stock-detail-page .market-chart{height:100%;grid-template-rows:90px minmax(200px,1.8fr) minmax(110px,.8fr) minmax(156px,.85fr);gap:0}
.stock-chart-toolbar{min-width:0;overflow:hidden;border-bottom:1px solid var(--stock-line)}
.stock-scroll-tabs{display:flex;align-items:center;gap:2px;min-width:0;max-width:100%;height:32px;padding:3px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:1px solid var(--stock-line);flex-shrink:0}
.stock-scroll-tabs::-webkit-scrollbar{display:none}
.stock-scroll-tabs button{flex:none;padding:3px 8px;font-size:13px;color:var(--stock-muted);line-height:20px}
.stock-scroll-tabs button[aria-pressed=true]{color:var(--stock-text)}
.stock-chart-signals{display:flex;gap:16px;height:28px;align-items:center;padding:0 12px;overflow-x:auto;scrollbar-width:none}
.stock-chart-signals button{font-size:12px;padding:2px 0;flex:none}
.stock-chart-averages{display:flex;align-items:center;gap:6px;height:29px;padding:0 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;font-size:12px;color:var(--stock-muted)}
.stock-chart-averages span{flex:none;line-height:20px!important}
.stock-detail-page .market-chart>.fragment{width:100%!important;height:100%!important;margin:0!important;min-height:0;border-bottom:1px solid var(--stock-line);overflow:hidden}
.stock-detail-page .candles{cursor:crosshair}
.stock-detail-page .plot-art p{color:var(--stock-muted)!important}
.stock-detail-page .plot-art .stock-chart-scale{white-space:nowrap;background:var(--stock-panel);font-size:12px!important;line-height:16px!important}
.stock-detail-page .chart-crosshair{z-index:2}
.stock-news{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.stock-news .stock-scroll-tabs{height:30px}
.stock-news-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 8px;scrollbar-width:thin}
.stock-news-row{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:8px;width:100%;height:28px;padding:2px 4px;text-align:left;font-size:13px;line-height:20px}
.stock-news-tag{color:#2c94ef;font-size:12px}
.stock-news-title{overflow:hidden;text-overflow:ellipsis}
.stock-news-row time{color:var(--stock-muted);font-size:12px;text-align:right}
.stock-detail-page .stock-quote{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.stock-quote>*{flex-shrink:0}
.stock-quote-header{padding:12px;border-bottom:1px solid var(--stock-line)}
.stock-quote-title{display:flex;align-items:center;gap:8px;min-width:0}
.stock-quote-title strong{font-weight:500;font-size:18px;overflow:hidden;text-overflow:ellipsis}
.stock-quote-title>span{font-size:13px;color:var(--stock-muted);flex-shrink:0}
.stock-settings{display:grid;place-items:center;width:24px;height:24px;padding:3px;margin-left:auto;flex:none;color:var(--stock-muted)}
.stock-settings svg{width:18px;height:18px}
.stock-quote-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:8px}
.stock-quote-price strong{font-size:26px;line-height:30px;font-weight:500}
.stock-quote-price>span{font-size:14px}
.stock-quote-ratio{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;font-size:13px;color:var(--stock-muted)}
.stock-quote-actions{display:flex;gap:6px;align-items:center;padding:4px 12px 8px;border-bottom:1px solid var(--stock-line)}
.stock-quote-actions button{height:25px;min-width:34px;padding:2px 10px;border-radius:4px;background:var(--stock-state);font-size:13px;line-height:20px}
.stock-quote-actions .stock-buy{background:#49202a;color:#f5808a}.stock-quote-actions .stock-sell{background:#173e2e;color:#58cba2}
.stock-open-account{margin-left:auto}
.stock-orderbook-side{padding:4px 12px}
.stock-orderbook-side+.stock-orderbook-side{border-top:1px solid var(--stock-line)}
.stock-orderbook-row{display:grid;grid-template-columns:48px minmax(0,1fr) 56px;align-items:center;gap:8px;height:22px;font-size:13px}
.stock-orderbook-row>span:first-child,.stock-orderbook-row>span:last-child{color:var(--stock-muted)}
.stock-orderbook-row>span:nth-child(2){text-align:center}.stock-orderbook-row>span:last-child{text-align:right}
.stock-large-order{display:flex;align-items:center;gap:12px;padding:6px 12px;border-block:1px solid var(--stock-line);font-size:12px;color:var(--stock-muted)}
.stock-large-order button{margin-left:auto;padding:0;color:#2c94ef;font-size:12px}
.stock-quote-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin:0;padding:6px 12px}
.stock-quote-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:4px;height:23px;font-size:12px}
.stock-quote-metrics dt{color:var(--stock-muted)}.stock-quote-metrics dd{margin:0;text-align:right}
.stock-quote-alerts{border-top:1px solid var(--stock-line);padding-bottom:6px}
.stock-quote-alerts header{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 10px;border-bottom:1px solid var(--stock-line)}
.stock-quote-alerts header button{padding:2px;font-size:13px;color:var(--stock-muted)}
.stock-alert-row{display:grid;grid-template-columns:52px minmax(0,1fr) 48px 52px;gap:5px;align-items:center;height:25px;padding:0 10px;font-size:12px;color:var(--stock-muted)}
.stock-alert-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.stock-alert-row>span:last-child{text-align:right}
.market-category-placeholder{inset:var(--market-navigation-height) 0 var(--market-status-height);background:#1c1d21}
.market-category-placeholder .wf-heading{margin-bottom:28px}
.has-market-tool-panel .market-category-placeholder{left:var(--market-tool-width)}
.workbench.has-market-tool-panel .stock-detail-page{left:calc(var(--market-tool-width) + 8px);grid-template-columns:minmax(0,1fr) 280px}
.has-market-tool-panel .stock-detail-list{display:none}
@container(max-width:960px){
 .market-content.stock-detail-page{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:64px minmax(560px,1fr)}
 .stock-detail-list{grid-column:1/-1;flex-direction:row;overflow-x:auto!important;scrollbar-width:none}
 .stock-list-row{flex:1 0 184px;width:auto;border-bottom:0;border-right:1px solid var(--stock-line)}
 .stock-detail-page .market-chart{grid-column:1;grid-row:2}
 .stock-quote{grid-column:2;grid-row:2}
 .workbench.has-market-tool-panel .stock-detail-page{left:8px;grid-template-columns:minmax(0,1fr) 260px}
 .has-market-tool-panel .stock-detail-list{display:flex}
 .has-market-tool-panel .market-category-placeholder{left:0}
}
@container(max-width:620px){
 .market-content.stock-detail-page{grid-template-columns:minmax(0,1fr);grid-template-rows:64px 620px auto}
 .stock-detail-page .market-chart{grid-column:1;grid-row:2}
 .stock-quote{grid-column:1;grid-row:3}
 .stock-quote-header{padding:12px}.stock-quote-alerts{padding-bottom:12px}
 .stock-quote-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
 .workbench.has-market-tool-panel .stock-detail-page{grid-template-columns:minmax(0,1fr)}
}
@container(max-width:540px){
 .market-content.stock-detail-page{bottom:86px}
 .market-category-placeholder{bottom:80px}
}

.stock-news-row{grid-template-columns:80px minmax(0,1fr) 42px}.stock-news-tag{overflow:hidden;text-overflow:ellipsis}
.stock-detail-list.fuyao-live .stock-list-row[aria-pressed=true]{background:var(--stock-state)}

.stock-quote-alerts.stock-movements{display:flex;flex-direction:column;flex:1 0 208px;min-height:208px;padding-bottom:0;overflow:hidden}
.stock-movements .stock-movements-header{height:32px;flex:none;gap:6px;padding:0 8px;font-size:11px}
.stock-movements-title{flex:1;min-width:0;color:var(--stock-muted);font-size:11px;letter-spacing:-.2px;white-space:nowrap}
.stock-movements-date{width:104px;min-width:0;flex:none;height:24px;padding:1px 3px;border:1px solid #3d4145;border-radius:3px;background:#26292b;color:var(--stock-text);font:inherit;font-size:11px;color-scheme:dark}
.stock-movements-date:focus-visible,.stock-movements-feed:focus-visible{outline:1px solid #4d9ce4;outline-offset:-1px}
.stock-movements-feed{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 8px 12px;scrollbar-width:thin}
.stock-movement+.stock-movement{margin-top:20px}
.stock-movement-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;font-size:12px;line-height:20px}
.stock-movement-head time{color:#d0d2d5}
.stock-movement-summary{overflow:hidden;text-overflow:ellipsis;color:#a9acb1}
.stock-movement-quotes{margin:4px 0 0 46px;display:grid;gap:2px}
.stock-movement-quote{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:2px;align-items:center;font-size:12px;line-height:20px}
.stock-movement-quote>span{padding:0 3px;background:#252729;overflow:hidden;text-overflow:ellipsis}
.stock-movement-name{color:#c9ac7e}
.stock-movement-quote>span:last-child{text-align:right;font-variant-numeric:tabular-nums}