/* Shared stock card & region tab styles */
.hot-stocks .region-tabs{display:flex;gap:6px;margin-bottom:24px;align-items:center}
.hot-stocks .region-tabs button{padding:6px 18px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s;font-family:var(--font-body);display:inline-flex;align-items:center;gap:6px}
.hot-stocks .region-tabs button .rt-flag{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}
.hot-stocks .region-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.stock-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;min-width:0}
.stock-card{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:box-shadow .2s,transform .15s;display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none;color:inherit}
.stock-card:hover{box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 25%,transparent),0 2px 8px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-4px)}
.stock-card .sc-header{display:flex;align-items:center;gap:8px}
.stock-card .sc-logo{width:38px;height:38px;border-radius:7px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--muted);flex-shrink:0}
.stock-card .sc-header img.sc-logo{object-fit:cover;display:block}
.stock-card .sc-header img.sc-logo[src]{background:var(--surface)}
.stock-card .sc-hcode{font-size:17px;font-weight:700;color:var(--accent);letter-spacing:-.01em}
.stock-card .sc-hmkt{font-size:10px;color:var(--muted);font-weight:400}
.stock-card .sc-name{font-size:15px;font-weight:550;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stock-card .sc-stat{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:2px 0;border-bottom:1px solid var(--border);margin:0}
.stock-card .sc-stat:last-of-type{border-bottom:none}
.stock-card .sc-stat .sc-val{font-size:11px}
.stock-card .sc-stat .sc-val.bg-green{background:color-mix(in srgb,var(--positive) 15%,transparent);color:var(--positive);padding:1px 8px;border-radius:4px}
.stock-card .sc-stat .sc-val.bg-yellow{background:color-mix(in srgb,#eab308 15%,transparent);color:#b8860b;padding:1px 8px;border-radius:4px}
.stock-card .sc-stat .sc-val.bg-gray{background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);padding:1px 8px;border-radius:4px}

@media(max-width:900px){
  .stock-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .stock-card .sc-header{flex-wrap:wrap;gap:4px 8px}
  .stock-card .sc-hmkt{display:none}
  .stock-card .sc-stat{flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0}
  .stock-card .sc-stat.sc-score{flex-direction:row;align-items:center;gap:4px}
  .stock-card .sc-stat .sc-val{font-size:12px;font-weight:550;color:var(--fg)}
}
@media(max-width:600px){
  .stock-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .stock-card{padding:12px;width:100%;overflow:hidden}
  .hot-stocks .region-tabs{flex-wrap:wrap}
}