:root {
  --wb-bg: #f9f9ff;
  --wb-surface: #ffffff;
  --wb-text: #111827;
  --wb-muted: #667085;
  --wb-line: #e5e7eb;
  --wb-primary: #006c49;
  --wb-primary-soft: #eff8f2;
  --wb-up: #e11d48;
  --wb-down: #008f5d;
  --wb-warning: #a16207;
  --wb-shadow: 0 1px 2px rgba(17, 24, 39, .035);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-width: 0; background: var(--wb-bg); color: var(--wb-text); }
.wb-shared {
  --ink: var(--wb-text);
  --muted: var(--wb-muted);
  --line: var(--wb-line);
  --accent: var(--wb-primary);
  --surface: var(--wb-surface);
}
.wb-shared .card,
.wb-shared .panel,
.wb-shared .section-card {
  background: var(--wb-surface);
  border-color: var(--wb-line);
  box-shadow: var(--wb-shadow);
}
.wb-shared .card h2,
.wb-shared .panel h2,
.wb-shared .section-card h2 { color: var(--wb-text); }
.wb-shared .timeNote,
.wb-shared .secondary,
.wb-shared .muted { color: var(--wb-muted); }
.wb-app { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 24px 36px; font-family: "PingFang SC", "Microsoft YaHei", Inter, system-ui, sans-serif; }
.wb-header { height: 56px; display: flex; align-items: center; gap: 18px; margin: 0 -24px 22px; padding: 0 24px; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--wb-line); }
.wb-brand { font-size: 20px; font-weight: 760; letter-spacing: -.03em; white-space: nowrap; }
.wb-nav { display: flex; align-items: stretch; gap: 4px; margin-left: auto; height: 100%; }
.wb-nav a { display: inline-flex; align-items: center; padding: 0 12px; color: var(--wb-muted); text-decoration: none; font-size: 13px; font-weight: 650; border-bottom: 2px solid transparent; }
.wb-nav a:hover, .wb-nav a.is-active { color: var(--wb-primary); border-bottom-color: var(--wb-primary); }
.wb-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 0 0 16px; }
.wb-page-heading h1 { margin: 0; font-size: 29px; letter-spacing: -.04em; line-height: 1.15; }
.wb-page-heading p { margin: 6px 0 0; font-size: 13px; color: var(--wb-muted); }
.wb-date-card { min-width: 190px; padding: 10px 13px; border-left: 3px solid var(--wb-primary); background: var(--wb-surface); box-shadow: var(--wb-shadow); }
.wb-date-card span, .wb-label { display: block; color: var(--wb-muted); font-size: 12px; }
.wb-date-card strong { display: block; margin-top: 3px; font-size: 18px; }
.wb-data-time { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 12px; margin: 0 0 14px; border: 1px solid var(--wb-line); background: var(--wb-surface); color: var(--wb-muted); font-size: 13px; box-shadow: var(--wb-shadow); }
.wb-data-time strong { color: var(--wb-text); }
.wb-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; white-space: nowrap; font-size: 12px; font-weight: 700; background: #f2f4f7; color: var(--wb-muted); }
.wb-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .88; }
.wb-status.is-fresh { color: var(--wb-primary); background: var(--wb-primary-soft); }
.wb-status.is-delayed { color: var(--wb-warning); background: #fffaeb; }
.wb-section { position: relative; padding: 16px; border: 1px solid var(--wb-line); border-radius: 4px; background: var(--wb-surface); box-shadow: var(--wb-shadow); }
.wb-section::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--wb-primary); }
.wb-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.wb-section-head h2 { margin: 0; font-size: 18px; line-height: 1.3; }
.wb-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.wb-tab { border: 1px solid #d5ddd8; border-radius: 4px; padding: 8px 13px; background: #fff; color: #344054; font: inherit; font-size: 14px; cursor: pointer; }
.wb-tab strong { margin-left: 6px; color: var(--wb-text); }
.wb-tab[aria-selected="true"] { color: var(--wb-primary); border-color: var(--wb-primary); background: var(--wb-primary-soft); box-shadow: inset 0 -2px 0 var(--wb-primary); }
.wb-table-wrap { overflow-x: auto; border-top: 1px solid var(--wb-line); }
.wb-table { width: 100%; min-width: 1120px; border-collapse: collapse; text-align: left; }
.wb-table th { padding: 12px 11px; background: #fbfcfc; color: var(--wb-muted); font-size: 12px; font-weight: 650; white-space: nowrap; }
.wb-table td { padding: 13px 11px; border-top: 1px solid var(--wb-line); vertical-align: middle; color: #344054; font-size: 14px; }
.wb-stock { display: grid; gap: 3px; min-width: 96px; }
.wb-stock strong { color: var(--wb-text); font-size: 15px; }
.wb-stock small, .wb-secondary { color: var(--wb-muted); font-size: 12px; }
.wb-pullback { color: var(--wb-primary); font-size: 19px; letter-spacing: -.03em; }
.wb-score { color: var(--wb-text); font-weight: 760; }
.wb-risk { display: grid; gap: 3px; min-width: 185px; font-size: 13px; }
.wb-fact { display: grid; gap: 3px; min-width: 164px; font-size: 13px; }
.wb-fact strong { color: var(--wb-text); font-size: 13px; }
.wb-fact small { color: var(--wb-muted); font-size: 12px; line-height: 1.35; }
.wb-fact-danger strong { color: #b42318; }
.wb-positive { color: var(--wb-primary) !important; }
.wb-observe { color: var(--wb-warning) !important; }
.wb-risk { color: #b42318; }
.wb-secondary { color: var(--wb-muted); }
.wb-exit-table { min-width: 1080px; }
.wb-empty { margin: 0; padding: 22px 4px 4px; color: var(--wb-muted); font-size: 14px; }
.leader-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.leader-card { border:1px solid var(--wb-line); border-radius:12px; padding:18px; background:var(--wb-surface); }
.leader-card h3 { margin:0 0 10px; font-size:20px; }
.leader-card p { margin:7px 0; }
.leader-roles { margin:14px 0; border-top:1px solid var(--wb-line); }
.leader-roles div { padding:9px 0; border-bottom:1px solid var(--wb-line); }
.leader-roles small, .wb-data-time small { display:block; color:var(--wb-muted); margin-top:4px; }
@media (max-width:760px) { .leader-grid { grid-template-columns:1fr; } }
@media (max-width: 650px) {
  .wb-app { padding: 0 16px 24px; }
  .wb-header { min-height: 56px; height: auto; flex-wrap: wrap; gap: 5px 12px; margin: 0 -16px 16px; padding: 8px 16px 0; }
  .wb-brand { flex: 1 1 100%; font-size: 19px; }
  .wb-nav { order: 2; width: 100%; margin-left: 0; height: 36px; justify-content: space-between; }
  .wb-nav a { flex: 1; justify-content: center; padding: 0 4px; font-size: 12px; }
  .wb-page-heading { align-items: start; flex-direction: column; gap: 10px; }
  .wb-page-heading h1 { font-size: 25px; }
  .wb-date-card { min-width: 0; width: 100%; }
  .wb-data-time { align-items: flex-start; flex-direction: column; }
  .wb-section { padding: 13px; }
  .wb-section-head { align-items: flex-start; flex-direction: column; margin-bottom: 12px; }
  .wb-tabs { width: 100%; }
  .wb-tab { flex: 1; padding: 8px 8px; }
  .wb-table { min-width: 980px; }
}
.leader-ladder-series{display:flex;align-items:flex-end;gap:2px;min-height:38px;flex:1;border-bottom:1px solid var(--line,#dfe5e1);padding:0 4px}.leader-ladder-series i{display:block;width:3px;background:#6b8f7a;border-radius:2px 2px 0 0;opacity:.75}.leader-ladder-item{display:flex;align-items:center;gap:8px;margin:8px 0}.leader-ladder-item>span{width:42px}.leader-ladder-item>b{width:28px;text-align:right}