.mainnav{display:flex;align-items:center;gap:7px;overflow:auto}
.nav-hint{color:#93a4c4;font-size:13px;margin-left:8px}
dialog.stock-center-dialog{width:min(1180px,calc(100% - 24px));height:min(900px,calc(100vh - 24px));max-height:calc(100vh - 24px);overflow:hidden;background:#f7f9fc;border-radius:18px}
.stock-center-shell{height:100%;display:flex;flex-direction:column}
.stock-center-head{background:#fff;padding:18px 22px 0;border-bottom:1px solid var(--line);position:relative;z-index:4}
.stock-center-top{display:grid;grid-template-columns:minmax(260px,1fr) minmax(230px,340px) auto;align-items:center;gap:20px}
.stock-identity{display:flex;align-items:center;gap:13px}
.stock-identity .badge{width:auto;min-width:48px;padding:0 9px}
.stock-identity h2{margin:0;font-size:25px}
.stock-identity h2 small{font-size:18px;color:#7c8798;font-weight:600;margin-left:7px}
.stock-quote{display:flex;align-items:baseline;gap:10px;margin-top:5px}
.stock-quote strong{font-size:25px}
.stock-quote span{font-weight:800}
.stock-switch{position:relative}
.stock-switch label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.stock-switch-row{display:flex;border:1px solid #d7dde8;border-radius:9px;background:#fff;overflow:hidden}
.stock-switch input{flex:1;min-width:0;width:auto;height:40px;border:0;padding:0 11px;outline:0}
.stock-switch input:focus{box-shadow:inset 0 0 0 2px rgba(37,99,235,.18)}
.stock-switch-toggle{flex:0 0 42px;height:40px;border:0;border-left:1px solid #e2e6ee;background:#fff;color:#506078;font-size:20px}
.stock-switch-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:280px;overflow:auto;background:#fff;border:1px solid #d7dde8;border-radius:10px;box-shadow:0 12px 30px rgba(27,39,69,.16);padding:5px}
.stock-switch-list[hidden]{display:none}
.stock-switch-list button{display:grid;grid-template-columns:62px 1fr auto;align-items:center;width:100%;min-width:0;height:auto;border:0;border-radius:7px;background:#fff;padding:9px 10px;text-align:left;color:var(--ink);white-space:normal}
.stock-switch-list button:hover,.stock-switch-list button:focus{background:#eef4ff;outline:0}
.stock-switch-list button strong{color:var(--brand)}
.stock-switch-list button span{font-weight:700}
.stock-switch-list button small{color:var(--muted)}
.stock-switch-list p{margin:0;padding:14px;color:var(--muted);text-align:center;font-size:13px}
.stock-close{align-self:start}
.stock-data-date{color:var(--muted);font-size:12px;margin-top:5px}
.stock-tabs{display:flex;gap:3px;overflow-x:auto;margin-top:16px;scrollbar-width:thin}
.stock-tabs button{border:0;background:transparent;color:#657084;padding:12px 14px;border-bottom:3px solid transparent;white-space:nowrap;font-weight:700}
.stock-tabs button.active{color:var(--brand);border-color:var(--brand)}
.stock-center-scroll{overflow:auto;flex:1}
.stock-tab-panel{display:none}
.stock-tab-panel.active{display:block}
.stock-center-dialog .detail-body,.stock-center-dialog .valuation-body{padding:20px}
.stock-center-dialog .valuation-toolbar>label{display:none}
.stock-overview{padding:20px}
.stock-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stock-overview-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}
.stock-overview-card label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.stock-overview-card strong{font-size:21px}
.stock-overview-card small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.stock-section-title{font-size:16px;margin:22px 0 11px}
.stock-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stock-shortcut{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px;text-align:left;color:var(--ink)}
.stock-shortcut:hover{border-color:#9ebdf5;background:#f8fbff}
.stock-shortcut strong{display:block;color:var(--brand);margin-bottom:5px}
.stock-shortcut span{font-size:12px;color:var(--muted)}
.stock-groups{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.stock-group-chip{background:#edf3ff;color:#285fbd;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
@media(max-width:900px){
  .stock-center-top{grid-template-columns:1fr auto}
  .stock-switch{grid-column:1/-1;grid-row:2}
  .stock-overview-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nav-hint{font-size:12px}
  .stock-center-head{padding:14px 14px 0}
  .stock-center-top{gap:10px}
  .stock-identity h2{font-size:21px}
  .stock-quote strong{font-size:22px}
  .stock-data-date{font-size:11px}
  .stock-tabs{margin-top:11px}
  .stock-tabs button{padding:10px 11px}
  .stock-center-dialog .detail-body,.stock-center-dialog .valuation-body,.stock-overview{padding:12px}
  .stock-overview-card{padding:12px}
  .stock-overview-card strong{font-size:18px}
  .stock-shortcuts{grid-template-columns:1fr}
  .stock-overview-grid{grid-template-columns:1fr 1fr}
}