#stocks-header{
    padding:18px 20px;
    background:
      radial-gradient(900px 180px at 12% -40%,color-mix(in srgb,var(--link) 16%,transparent),transparent 60%),
      var(--panel);
  }
  #stocks-header .stk-headline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  #stocks-header .stk-headline h1{margin:0;font-size:26px;letter-spacing:-.035em;line-height:1.1}
  #stocks-header .stk-head-meta{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  #stocks-header .stk-status{
    display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 10px;
    border:1px solid var(--line);border-radius:999px;background:var(--panel2);
    color:color-mix(in srgb,var(--text) 76%,transparent);font-size:12px;font-weight:650;
  }
  #stocks-header .stk-status strong{color:var(--text);font-weight:750}
  /* Health dot, NOT a market-direction read: --ok / --warn, never --up. The zh
     红涨绿跌 flip swaps --up/--down at html scope, so the original var(--up) dot
     painted "Fresh" RED on the zh US board — an alarm colour for a healthy state.
     --ok and --warn are direction-neutral and are never flipped (theme.css §zh). */
  #stocks-header .stk-fresh-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}
  #stocks-header .stk-status.is-delayed .stk-fresh-dot{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent)}
  #stocks-header .stk-header-links{display:flex;gap:16px;margin-top:11px;font-size:12px;font-weight:650}
  #stocks-header .stk-header-links a{color:var(--muted);text-decoration:none}
  #stocks-header .stk-header-links a:hover{color:var(--ink-link, var(--link))}

  @media(max-width:900px){
    #stocks-header .stk-head-meta{margin-left:0;width:100%}
  }
  @media(max-width:560px){
    #stocks-header{padding:15px 14px}
    #stocks-header .stk-headline h1{font-size:22px}
    #stocks-header .stk-head-meta{gap:6px}
    #stocks-header .stk-status{font-size:11px}
    #stocks-header .stk-header-links{gap:12px;overflow-x:auto;white-space:nowrap;padding-bottom:2px}
  }