html:has(body.alpha-mode) { background: #0a0f2e; }
body.alpha-mode {
  --bg: #0a0f2e;
  --card: rgba(16, 18, 48, .52);
  --line: rgba(86, 162, 255, .42);
  --green: #2ee59d;
  --red: #ff5c7a;
  --muted: #8ea6c4;
  --text: #e8f3ff;
  color: var(--text);
  font-family: "WenQuanYi Micro Hei", "Noto Sans TC", "Segoe UI", sans-serif;
  background-color: #0a0f2e;
  background-image:
    radial-gradient(ellipse 80% 48% at 0% 0%, rgba(70, 130, 255, .55), transparent 62%),
    radial-gradient(ellipse 62% 42% at 100% 0%, rgba(176, 64, 230, .52), transparent 58%),
    radial-gradient(ellipse 48% 34% at 55% 45%, rgba(90, 40, 170, .28), transparent 68%),
    radial-gradient(ellipse 72% 42% at 70% 100%, rgba(120, 36, 170, .5), transparent 55%),
    linear-gradient(180deg, #0a0f2e 0%, #1a1045 52%, #2a0f4a 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.alpha-mode.fit-home { overflow: auto; height: auto; }
body.alpha-mode.fit-home .app { height: auto; overflow: visible; }
.alpha-shell { position: relative; isolation: isolate; display: grid; grid-template-columns: 196px minmax(0, 1fr); min-height: 100dvh; }
.alpha-shell::before {
  content: "";
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 22px 28px, rgba(255, 255, 255, .72) 0 1.05px, transparent 1.7px),
    radial-gradient(circle at 94px 46px, rgba(226, 234, 255, .55) 0 .85px, transparent 1.45px),
    radial-gradient(circle at 168px 22px, rgba(255, 255, 255, .62) 0 1.15px, transparent 1.8px),
    radial-gradient(circle at 214px 78px, rgba(255, 255, 255, .48) 0 .8px, transparent 1.35px),
    radial-gradient(circle at 48px 96px, rgba(210, 220, 255, .52) 0 .9px, transparent 1.5px),
    radial-gradient(circle at 132px 112px, rgba(255, 255, 255, .68) 0 1.2px, transparent 1.85px),
    radial-gradient(circle at 236px 128px, rgba(230, 220, 255, .45) 0 .75px, transparent 1.3px),
    radial-gradient(circle at 18px 156px, rgba(255, 255, 255, .5) 0 .85px, transparent 1.4px),
    radial-gradient(circle at 108px 168px, rgba(255, 255, 255, .58) 0 1px, transparent 1.6px),
    radial-gradient(circle at 188px 174px, rgba(220, 230, 255, .46) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 70px 40px, rgba(190, 210, 255, .14) 0 14px, transparent 28px),
    radial-gradient(circle at 190px 130px, rgba(220, 170, 255, .12) 0 16px, transparent 32px),
    radial-gradient(ellipse 78% 46% at 0% 0%, rgba(72, 132, 255, .48), transparent 64%),
    radial-gradient(ellipse 58% 40% at 100% 6%, rgba(180, 70, 230, .46), transparent 60%),
    radial-gradient(ellipse 42% 30% at 48% 38%, rgba(110, 50, 190, .22), transparent 70%),
    radial-gradient(ellipse 70% 38% at 78% 100%, rgba(130, 40, 180, .42), transparent 58%),
    linear-gradient(180deg, rgba(10, 15, 46, 0) 0%, rgba(26, 16, 69, .28) 48%, rgba(42, 15, 74, .55) 100%);
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 260px 200px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
}
body.alpha-mode .alpha-side::after,
body.alpha-mode .alpha-ticker::after,
body.alpha-mode .a-page .panel::after,
body.alpha-mode .a-page .a-kpi::after {
  content: "";
  position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background-image:
    radial-gradient(circle at 22px 28px, rgba(255, 255, 255, .55) 0 1.05px, transparent 1.7px),
    radial-gradient(circle at 94px 46px, rgba(226, 234, 255, .4) 0 .85px, transparent 1.45px),
    radial-gradient(circle at 168px 22px, rgba(255, 255, 255, .48) 0 1.15px, transparent 1.8px),
    radial-gradient(circle at 214px 78px, rgba(255, 255, 255, .36) 0 .8px, transparent 1.35px),
    radial-gradient(circle at 48px 96px, rgba(210, 220, 255, .38) 0 .9px, transparent 1.5px),
    radial-gradient(circle at 132px 112px, rgba(255, 255, 255, .5) 0 1.2px, transparent 1.85px),
    radial-gradient(circle at 236px 128px, rgba(230, 220, 255, .34) 0 .75px, transparent 1.3px),
    radial-gradient(circle at 18px 156px, rgba(255, 255, 255, .36) 0 .85px, transparent 1.4px),
    radial-gradient(circle at 108px 168px, rgba(255, 255, 255, .42) 0 1px, transparent 1.6px),
    radial-gradient(circle at 188px 174px, rgba(220, 230, 255, .34) 0 .8px, transparent 1.4px);
  background-size: 260px 200px;
  background-repeat: repeat;
}
.alpha-side, .alpha-main { position: relative; z-index: 1; }
.alpha-side {
  position: sticky; top: 0; height: 100dvh; overflow: auto;
  padding: 14px 10px 24px;
  background: linear-gradient(180deg, rgba(12, 18, 52, .62), rgba(26, 16, 69, .48));
  backdrop-filter: blur(16px);
  border-right: 1px solid rgba(140, 160, 255, .28);
}
.alpha-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; margin: 2px 8px 16px; }
.logo-gem { width: 22px; height: 22px; border-radius: 7px; background: linear-gradient(135deg, #7ad7ff, #2f6bff); box-shadow: 0 0 14px #3aa0ff; }
.alpha-brand b { color: #e7f4ff; letter-spacing: .02em; font-size: 18px; text-shadow: 0 0 12px rgba(80, 170, 255, .55); }
.alpha-nav, body.alpha-mode .tabs { display: grid; gap: 2px; }
.alpha-nav a, body.alpha-mode .tabs a {
  display: flex; align-items: center; gap: 8px;
  min-height: 34px; padding: 5px 10px; border-radius: 10px;
  color: #b7cbe4; text-decoration: none; font-size: 13px;
}
.alpha-nav svg, body.alpha-mode .tabs svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; flex: none; }
.alpha-nav a.on, body.alpha-mode .tabs a.on {
  color: #fff;
  background: linear-gradient(90deg, rgba(47, 125, 255, .95), rgba(47, 125, 255, .28));
  box-shadow: 0 0 16px rgba(47, 125, 255, .35);
}
.alpha-side-label { margin: 14px 10px 6px; color: #6e86a6; font-size: 11px; letter-spacing: .16em; }
body.alpha-mode .tabs { position: static; background: transparent; border: 0; padding: 0; grid-template-columns: 1fr; }
body.alpha-mode .tab-short { display: none; }
.alpha-main { min-width: 0; }
.alpha-ticker {
  position: sticky; top: 0; z-index: 8;
  display: flex; align-items: center; gap: 12px;
  min-height: 52px; padding: 6px 14px;
  background: rgba(10, 15, 46, .55);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(140, 160, 255, .28);
}
.ticker-search { display: flex; align-items: center; gap: 6px; color: #8ea6c4; font-size: 12px; }
.ticker-search input {
  width: 168px; background: rgba(7, 20, 35, .45); color: #e8f3ff;
  border: 1px solid rgba(120, 180, 255, .35); border-radius: 999px; padding: 6px 10px;
}
.a-ticks { display: flex; flex-wrap: wrap; gap: 10px 14px; flex: 1; min-width: 0; }
.a-tick { display: inline-flex; gap: 5px; align-items: baseline; font-variant-numeric: tabular-nums; white-space: nowrap; }
.a-tick em { color: #8ea6c4; font-style: normal; font-size: 11px; }
.a-tick b { font-size: 13px; }
.a-tick i { font-style: normal; font-size: 12px; }
.a-user { margin-left: auto; display: flex; align-items: center; gap: 8px; flex: none; }
.a-user img, body.alpha-mode .avatar {
  width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
  border: 2px solid rgba(120, 200, 255, .9);
  box-shadow: 0 0 12px rgba(70, 170, 255, .8);
}
.a-user b { display: block; font-size: 13px; }
.a-user small { color: #ffb020; font-size: 11px; }
body.alpha-mode .app { width: 100%; max-width: none; margin: 0; padding: 14px 14px 32px; }
.alpha-ticker .up, body.alpha-mode .a-page td.up, body.alpha-mode .a-page .bubble .up, body.alpha-mode .a-page .a-kpi .up { color: #ff4d57 !important; }
.alpha-ticker .down, body.alpha-mode .a-page td.down, body.alpha-mode .a-page .bubble .down, body.alpha-mode .a-page .a-kpi .down { color: #1ed760 !important; }
body.alpha-mode .a-page .ops .up, body.alpha-mode .a-page .tally .up { color: #3dff9a !important; }
body.alpha-mode .a-page .ops .down, body.alpha-mode .a-page .tally .down { color: #ff5c7a !important; }

body.alpha-mode .a-page { display: grid; gap: 12px; }
body.alpha-mode .a-page .panel {
  position: relative;
  border: 1px solid transparent;
  border-radius: 16px;
  background:
    radial-gradient(700px 120px at 0 0, rgba(192, 132, 252, .2), transparent 46%) padding-box,
    linear-gradient(rgba(14, 18, 48, .58), rgba(18, 14, 46, .5)) padding-box,
    linear-gradient(135deg, #c084fc, #3ec6ff 42%, #2ee6c7 68%, #ffd166) border-box;
  backdrop-filter: blur(14px);
  box-shadow: 0 0 18px rgba(124, 92, 255, .22), 0 12px 28px rgba(0, 0, 0, .28);
  padding: 14px 14px 12px;
  min-width: 0;
}
body.alpha-mode .a-page .panel:nth-of-type(3n+2) {
  background:
    radial-gradient(700px 120px at 100% 0, rgba(255, 106, 213, .18), transparent 46%) padding-box,
    linear-gradient(rgba(18, 14, 42, .56), rgba(22, 12, 40, .48)) padding-box,
    linear-gradient(135deg, #ff9f1a, #ff6ad5 50%, #c084fc) border-box;
  backdrop-filter: blur(14px);
  box-shadow: 0 0 18px rgba(255, 106, 213, .2), 0 12px 28px rgba(0, 0, 0, .28);
}
body.alpha-mode .a-page .panel:nth-of-type(3n+3) {
  background:
    radial-gradient(700px 120px at 0 100%, rgba(255, 209, 102, .16), transparent 46%) padding-box,
    linear-gradient(rgba(12, 22, 48, .56), rgba(16, 18, 44, .48)) padding-box,
    linear-gradient(135deg, #3dff9a, #3ec6ff 45%, #ffd166) border-box;
  backdrop-filter: blur(14px);
  box-shadow: 0 0 18px rgba(62, 198, 255, .2), 0 12px 28px rgba(0, 0, 0, .28);
}
body.alpha-mode .a-page .panel > h2,
body.alpha-mode .a-page .panel > h2:first-of-type {
  margin: 0 0 10px; padding: 0;
  font-size: 15px; font-weight: 700; letter-spacing: 0;
  color: #f4f8ff; text-shadow: none;
  background: none;
}
body.alpha-mode .a-page .hero .badge { top: 12px; left: 12px; }
body.alpha-mode .a-page .badge {
  position: absolute; top: -9px; left: -9px; z-index: 2;
  width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center;
  background: #7c3aed; color: #fff; font-size: 11px; font-weight: 700;
  box-shadow: 0 0 12px #c084fc;
  border: 1px solid #fff;
}
body.alpha-mode .a-page .badge.c1 { background: #7c3aed; box-shadow: 0 0 12px #c084fc; }
body.alpha-mode .a-page .badge.c2 { background: #0284c7; box-shadow: 0 0 12px #3ec6ff; }
body.alpha-mode .a-page .badge.c3 { background: #c2410c; box-shadow: 0 0 12px #ff9f1a; }
body.alpha-mode .a-page .badge.c4 { background: #047857; box-shadow: 0 0 12px #3dff9a; }
body.alpha-mode .a-page .badge.c5 { background: #be185d; box-shadow: 0 0 12px #ff6ad5; }
body.alpha-mode .a-page .badge.c6 { background: #a16207; box-shadow: 0 0 12px #ffd166; }
body.alpha-mode .a-page .badge.c7 { background: #5b21b6; box-shadow: 0 0 12px #a78bfa; }
body.alpha-mode .a-page .badge.c8 { background: #0f766e; box-shadow: 0 0 12px #2ee6c7; }
body.alpha-mode .a-page .badge.c9 { background: #b45309; box-shadow: 0 0 12px #fdba74; }
body.alpha-mode .a-page .badge.c10 { background: #1d4ed8; box-shadow: 0 0 12px #93c5fd; }
body.alpha-mode .a-page .hero {
  display: grid; grid-template-columns: 1.15fr .85fr; min-height: 228px; align-items: center;
  border-radius: 18px; overflow: hidden; position: relative;
  border: 1px solid rgba(86, 162, 255, .42);
  background:
    linear-gradient(90deg, rgba(6, 14, 28, .94) 0%, rgba(6, 14, 28, .62) 46%, rgba(6, 14, 28, .12) 100%),
    url("./assets/hero-earth.jpg") right center / cover no-repeat;
  padding: 28px 32px;
  box-shadow: 0 0 0 1px rgba(192, 132, 252, .65), 0 0 22px rgba(62, 198, 255, .28);
}
body.alpha-mode .a-page .hero.bull {
  background:
    linear-gradient(90deg, rgba(6, 14, 28, .9) 0%, rgba(6, 14, 28, .35) 55%, rgba(6, 14, 28, .15) 100%),
    url("./assets/hero-bull.jpg") right center / cover no-repeat;
  min-height: 168px;
}
body.alpha-mode .a-page .mkt-status {
  justify-self: end; align-self: start;
  background: rgba(6, 16, 32, .78);
  border: 1px solid rgba(120, 190, 255, .45);
  border-radius: 14px; padding: 12px 14px; min-width: 148px;
}
body.alpha-mode .a-page .mkt-status b { display: block; margin-bottom: 4px; }
body.alpha-mode .a-page .mkt-status p { margin: 0; color: #d7ecff; }
body.alpha-mode .a-page .hero h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.25; letter-spacing: .01em; }
body.alpha-mode .a-page .hero p { margin: 0 0 14px; color: #c5d7ee; max-width: 560px; font-size: 14px; }
body.alpha-mode .a-page .hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
body.alpha-mode .a-page .btn,
body.alpha-mode .a-page .hero-actions .ghost,
body.alpha-mode .a-page button.primary {
  border: 0; border-radius: 999px; padding: 8px 16px; color: #fff; cursor: pointer; text-decoration: none;
  background: linear-gradient(90deg, #2f7dff, #49b4ff);
  box-shadow: 0 0 14px rgba(47, 125, 255, .45);
  font: inherit;
}
body.alpha-mode .a-page .ghost,
body.alpha-mode .a-page a.ghost {
  background: transparent; border: 1px solid rgba(120, 190, 255, .75); box-shadow: none; color: #d7ecff;
}
body.alpha-mode .a-page button:disabled, body.alpha-mode .a-page .na-select { opacity: .55; cursor: not-allowed; }
body.alpha-mode .a-page .kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body.alpha-mode .a-page .a-kpi {
  position: relative;
  padding: 12px 14px; border-radius: 14px;
  border: 1px solid rgba(86, 162, 255, .38);
  background: radial-gradient(400px 80px at 0 0, rgba(60, 140, 255, .16), transparent 50%), rgba(8, 20, 40, .55);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 0 18px rgba(40, 100, 180, .08);
}
body.alpha-mode .a-page .a-kpi p,
body.alpha-mode .a-page .a-kpi small { margin: 0; color: #8ea6c4; font-size: 12px; }
body.alpha-mode .a-page .a-kpi b { display: block; margin: 6px 0 2px; font-size: 22px; font-variant-numeric: tabular-nums; color: #f4f8ff; }
body.alpha-mode .a-page .kpis .a-kpi:nth-child(4n+1) {
  border-color: rgba(192, 132, 252, .8);
  background: linear-gradient(155deg, rgba(124, 58, 237, .5), rgba(10, 15, 46, .42) 62%);
}
body.alpha-mode .a-page .kpis .a-kpi:nth-child(4n+2) {
  border-color: rgba(62, 198, 255, .8);
  background: linear-gradient(155deg, rgba(2, 132, 199, .48), rgba(10, 15, 46, .4) 62%);
}
body.alpha-mode .a-page .kpis .a-kpi:nth-child(4n+3) {
  border-color: rgba(255, 209, 102, .85);
  background: linear-gradient(155deg, rgba(180, 110, 16, .5), rgba(10, 15, 46, .4) 62%);
}
body.alpha-mode .a-page .kpis .a-kpi:nth-child(4n+4) {
  border-color: rgba(255, 106, 213, .8);
  background: linear-gradient(155deg, rgba(190, 24, 93, .46), rgba(10, 15, 46, .4) 62%);
}
body.alpha-mode .a-page .split { display: grid; grid-template-columns: 1.05fr .95fr; gap: 12px; align-items: start; margin: 0; }
body.alpha-mode .a-page .ops { list-style: none; margin: 0; padding: 0; }
body.alpha-mode .a-page .ops li { border-bottom: 1px solid rgba(90, 150, 220, .16); padding: 8px 0; }
body.alpha-mode .a-page .ops li > b { display: block; }
body.alpha-mode .a-page .ops li > p { margin: 2px 0 0; color: #8ea6c4; font-size: 12px; }
body.alpha-mode .a-page .ops a {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: center;
  padding: 8px 0; color: inherit; text-decoration: none;
}
body.alpha-mode .a-page .ops b { display: block; font-size: 14px; }
body.alpha-mode .a-page .ops p {
  margin: 2px 0 0; color: #8ea6c4; font-size: 12px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
body.alpha-mode .a-page .ops em { font-style: normal; color: #9fd4ff; font-size: 12px; white-space: nowrap; }
body.alpha-mode .a-page .src, body.alpha-mode .a-page .a-note { display: block; margin-top: 6px; color: #8ea6c4; font-size: 12px; }
body.alpha-mode .a-page .map-wrap { position: relative; height: 340px; border-radius: 14px; overflow: hidden; background: #071427; }
body.alpha-mode .a-page .map-wrap img { width: 100%; height: 100%; object-fit: cover; opacity: .92; }
body.alpha-mode .a-page .bubble {
  position: absolute; min-width: 88px; padding: 6px 8px; border-radius: 12px;
  background: rgba(8, 20, 40, .86); border: 1px solid rgba(120, 190, 255, .6);
  box-shadow: 0 0 16px rgba(60, 150, 255, .4); font-size: 12px;
}
body.alpha-mode .a-page .bubble b { display: block; font-size: 13px; }
body.alpha-mode .a-page .mini-charts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.alpha-mode .a-page .plot-na, body.alpha-mode .a-page .heat, body.alpha-mode .a-page .radar {
  min-height: 140px; border-radius: 12px;
  background: rgba(5, 12, 24, .55);
  border: 1px solid rgba(80, 140, 220, .2);
}
body.alpha-mode .a-page .plot-na { display: grid; place-items: center; color: #8ea6c4; text-align: center; padding: 12px; }
body.alpha-mode .a-page .plot-svg { width: 100%; height: 160px; display: block; }
body.alpha-mode .a-page .sparkline { width: 72px; height: 26px; display: block; }
body.alpha-mode .a-page .spark-na { color: #8ea6c4; font-size: 11px; }
body.alpha-mode .a-page .heat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 10px; }
body.alpha-mode .a-page .heat i {
  display: grid; place-items: center; min-height: 48px; border-radius: 8px;
  background: rgba(36, 64, 102, .55); color: #c5d4e6; font-style: normal; font-size: 12px; text-align: center;
}
body.alpha-mode .a-page .month-heat { grid-template-columns: 28px repeat(12, minmax(0, 1fr)); gap: 3px; }
body.alpha-mode .a-page .month-heat i { min-height: 22px; font-size: 10px; border-radius: 4px; }
body.alpha-mode .a-page .radar { display: grid; grid-template-columns: 180px 1fr; gap: 8px; align-items: center; padding: 8px; }
body.alpha-mode .a-page .radar svg { width: 168px; height: 168px; }
body.alpha-mode .a-page .radar ul { list-style: none; margin: 0; padding: 0; color: #9fb4cc; font-size: 12px; }
body.alpha-mode .a-page .seg, body.alpha-mode .a-page .pills, body.alpha-mode .a-page .a-pills, body.alpha-mode .a-page .hot-chips {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
}
body.alpha-mode .a-page .pills button,
body.alpha-mode .a-page .a-pills button,
body.alpha-mode .a-page .hot-chips button,
body.alpha-mode .a-page .seg button {
  background: #10243f; color: #d5e6f8; border: 1px solid rgba(120, 180, 255, .28);
  box-shadow: none; border-radius: 999px; padding: 6px 12px; min-height: 32px; font: inherit; cursor: pointer;
}
body.alpha-mode .a-page .pills button.on,
body.alpha-mode .a-page .a-pills button.on,
body.alpha-mode .a-page .seg button.on { background: linear-gradient(90deg, #2f7dff, #49b4ff); color: #fff; border-color: transparent; }
body.alpha-mode .a-page .field-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 10px; margin-top: 8px; }
body.alpha-mode .a-page .field-grid label, body.alpha-mode .a-page .a-search, body.alpha-mode .a-page .stack label {
  display: grid; gap: 4px; color: #8ea6c4; font-size: 12px; min-width: 0;
}
body.alpha-mode .a-page input, body.alpha-mode .a-page select {
  background: #071423; color: #e8f3ff; border: 1px solid rgba(120, 180, 255, .35);
  border-radius: 8px; padding: 6px 8px; font: inherit; width: 100%;
}
body.alpha-mode .a-page .screen-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 12px; align-items: start; }
body.alpha-mode .a-page .screen-main, body.alpha-mode .a-page .screen-rail { display: grid; gap: 12px; min-width: 0; }
body.alpha-mode .a-page .screen-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-end; }
body.alpha-mode .a-page .screen-head h1 { margin: 0 0 4px; font-size: 26px; }
body.alpha-mode .a-page .screen-head p { margin: 0; color: #c5d7ee; }
body.alpha-mode .a-page .result-pill { text-align: right; }
body.alpha-mode .a-page .result-pill span { display: block; color: #8ea6c4; font-size: 12px; }
body.alpha-mode .a-page .result-pill b { font-size: 28px; color: #7ee0ff; text-shadow: 0 0 12px rgba(80, 190, 255, .45); }
body.alpha-mode .a-page .result-actions { display: flex; gap: 6px; justify-content: flex-end; margin-top: 6px; }
body.alpha-mode .a-page table { width: 100%; border-collapse: collapse; font-size: 12px; }
body.alpha-mode .a-page th, body.alpha-mode .a-page td { border-bottom: 1px solid rgba(90, 150, 220, .16); padding: 7px 6px; text-align: left; }
body.alpha-mode .a-page th { color: #8ea6c4; font-weight: 600; }
body.alpha-mode .a-page a { color: #8ec8ff; }
body.alpha-mode .a-page .fit-table { table-layout: fixed; }
body.alpha-mode .a-page .fit-table th, body.alpha-mode .a-page .fit-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.alpha-mode .a-page .name-cell small { display: block; color: #8ea6c4; font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
body.alpha-mode .a-page .scorebar { display: grid; grid-template-columns: 1fr auto; gap: 6px; align-items: center; }
body.alpha-mode .a-page .scorebar i { display: block; height: 8px; border-radius: 99px; background: #16324f; position: relative; }
body.alpha-mode .a-page .scorebar i b { position: absolute; inset: 0 auto 0 0; border-radius: 99px; background: linear-gradient(90deg, #1f8f5b, #2ee59d); box-shadow: 0 0 8px rgba(46, 229, 157, .45); }
body.alpha-mode .a-page .a-links { white-space: nowrap; }
body.alpha-mode .a-page .a-links a, body.alpha-mode .a-page .a-links span { margin-right: 6px; }
body.alpha-mode .a-page .consensus { display: grid; grid-template-columns: 132px 1fr; gap: 8px; align-items: center; }
body.alpha-mode .a-page .a-gauge { position: relative; width: 120px; height: 120px; margin: 0 auto; }
body.alpha-mode .a-page .a-gauge svg { width: 100%; height: 100%; }
body.alpha-mode .a-page .a-gauge .track { fill: none; stroke: rgba(126, 200, 255, .18); stroke-width: 10; }
body.alpha-mode .a-page .a-gauge .arc { fill: none; stroke: #3ec6ff; stroke-width: 10; stroke-linecap: round; filter: drop-shadow(0 0 6px #3ec6ff); }
body.alpha-mode .a-page .a-gauge-label { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; text-align: center; }
body.alpha-mode .a-page .a-gauge-label b { font-size: 26px; color: #f4f8ff; }
body.alpha-mode .a-page .a-gauge-label small { color: #8ea6c4; }
body.alpha-mode .a-page .tally { list-style: none; margin: 6px 0 0; padding: 0; font-size: 12px; }
body.alpha-mode .a-page .tally li { margin: 2px 0; }
body.alpha-mode .a-page .stance { font-size: 18px; }
body.alpha-mode .a-page .faces { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
body.alpha-mode .a-page .faces a, body.alpha-mode .a-page .face {
  width: 62px; text-align: center; text-decoration: none; color: inherit; font-size: 11px;
}
body.alpha-mode .a-page .faces img { width: 46px; height: 46px; }
body.alpha-mode .a-page .faces span { display: block; color: #9fd4ff; }
body.alpha-mode .a-page .face.bull span { color: #2ee59d; }
body.alpha-mode .a-page .face.bear span { color: #ff5c7a; }
body.alpha-mode .a-page .factor-bars { list-style: none; margin: 0; padding: 0; }
body.alpha-mode .a-page .factor-bars li { display: grid; grid-template-columns: 42px 1fr 36px; gap: 8px; align-items: center; margin: 6px 0; font-size: 12px; }
body.alpha-mode .a-page .factor-bars i { height: 8px; border-radius: 99px; background: #1c314c; display: block; }
body.alpha-mode .a-page .bars { list-style: none; margin: 0; padding: 0; }
body.alpha-mode .a-page .bars li { display: grid; grid-template-columns: 64px 1fr 36px; gap: 8px; align-items: center; margin: 6px 0; font-size: 12px; }
body.alpha-mode .a-page .bars i { height: 8px; border-radius: 99px; background: #1c314c; display: block; }
body.alpha-mode .a-page .bars i b { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #1a5ea8, #7ec8ff); }
body.alpha-mode .a-page .wheel { position: relative; height: 520px; }
body.alpha-mode .a-page .wheel::before {
  content: ""; position: absolute; left: 8%; top: 8%; width: 84%; height: 84%; border-radius: 50%;
  border: 1px dashed rgba(120, 190, 255, .45);
  box-shadow: 0 0 40px rgba(40, 120, 255, .2), inset 0 0 40px rgba(40, 120, 255, .08);
}
body.alpha-mode .a-page .seat {
  position: absolute; width: 84px; transform: translate(-50%, -50%); text-align: center; text-decoration: none; color: inherit;
}
body.alpha-mode .a-page .seat b, body.alpha-mode .a-page .seat span { display: block; font-size: 12px; }
body.alpha-mode .a-page .seat img { width: 58px; height: 58px; }
body.alpha-mode .a-page .wheel-core {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 196px; height: 196px; border-radius: 50%;
  display: grid; place-items: center; text-align: center; padding: 16px;
  background: radial-gradient(circle at 50% 40%, #1a4e86, #0a1830 72%);
  border: 1px solid rgba(140, 200, 255, .6);
  box-shadow: 0 0 40px rgba(50, 140, 255, .5), inset 0 0 24px rgba(80, 170, 255, .28);
}
body.alpha-mode .a-page .wheel-core strong { font-size: 20px; line-height: 1.35; }
body.alpha-mode .a-page .council-stage { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 8px; align-items: center; }
body.alpha-mode .a-page .donut-wrap { display: grid; grid-template-columns: 240px 1fr; gap: 16px; align-items: center; padding: 8px; }
body.alpha-mode .a-page .donut {
  width: 210px; height: 210px; border-radius: 50%; margin: 0 auto; position: relative;
  box-shadow: 0 0 24px rgba(60, 150, 255, .28);
}
body.alpha-mode .a-page .donut span {
  position: absolute; inset: 52px; border-radius: 50%; background: #0c1730;
  display: grid; place-items: center; text-align: center; font-size: 13px;
}
body.alpha-mode .a-page .lock-pill { display: inline-block; color: #ffb020; border: 1px solid rgba(255, 176, 32, .7); border-radius: 999px; padding: 2px 8px; font-size: 12px; }
body.alpha-mode .a-page .ticket { display: grid; gap: 8px; align-content: start; }
body.alpha-mode .a-page .news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.alpha-mode .a-page .news-card {
  display: grid; grid-template-columns: 42px 1fr; gap: 8px; align-items: center;
  border: 0; background: transparent; box-shadow: none; padding: 4px 0;
}
body.alpha-mode .a-page .news-card h3 { margin: 0; font-size: 13px; }
body.alpha-mode .a-page .news-card i {
  width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center;
  background: #14345f; color: #9fd4ff; font-style: normal;
  box-shadow: 0 0 12px rgba(60, 150, 255, .35);
}
body.alpha-mode .a-page .profile { display: grid; grid-template-columns: 84px 1fr; gap: 14px; align-items: center; }
body.alpha-mode .a-page .profile img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(120, 200, 255, .9); box-shadow: 0 0 16px rgba(70, 170, 255, .75); }
body.alpha-mode .a-page .year-bars { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; align-items: end; height: 140px; padding: 8px; }
body.alpha-mode .a-page .year-bars div { display: grid; align-items: end; justify-items: center; height: 100%; }
body.alpha-mode .a-page .year-bars i { width: 18px; height: 8%; border-radius: 4px 4px 0 0; background: rgba(80, 150, 220, .35); display: block; }
body.alpha-mode .a-page .year-bars span { color: #8ea6c4; font-size: 11px; margin-top: 4px; }
body.alpha-mode .a-page .decade-top { display: grid; grid-template-columns: 1.45fr .55fr; gap: 12px; }
body.alpha-mode .a-page .decade-body { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 12px; align-items: start; }
body.alpha-mode .a-page .stack { display: grid; gap: 12px; }
body.alpha-mode .a-page .chart-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; }
body.alpha-mode .a-page .mkt-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
body.alpha-mode .a-page .filter-foot { color: #8ea6c4; font-size: 12px; }
body.alpha-mode .a-page .topbar, body.alpha-mode .a-page .home-top, body.alpha-mode .a-page .focus-head { display: none; }
body.alpha-mode .a-page .a-focus { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.alpha-mode .a-page .a-risk-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
body.alpha-mode .a-page .a-focus h3, body.alpha-mode .a-page .a-risk-row h3 { margin: 0 0 6px; font-size: 13px; }
body.alpha-mode .a-page .switch button, body.alpha-mode .a-page .danger {
  border-radius: 999px; min-height: 36px;
}
body.alpha-mode .a-page form.filters { display: grid; gap: 8px; margin: 0 0 8px; }
body.alpha-mode .a-page form.filters label { min-width: 0; }
body.alpha-mode .a-page form.filters button {
  background: linear-gradient(90deg, #2f7dff, #49b4ff);
  border: 0; border-radius: 999px; color: #fff; min-height: 36px; cursor: pointer;
}
.alpha-nav a:nth-child(1) svg { stroke: #c084fc; }
.alpha-nav a:nth-child(2) svg { stroke: #3ec6ff; }
.alpha-nav a:nth-child(3) svg { stroke: #ff9f1a; }
.alpha-nav a:nth-child(4) svg { stroke: #3dff9a; }
.alpha-nav a:nth-child(5) svg { stroke: #ff6ad5; }
.alpha-nav a:nth-child(6) svg { stroke: #ffd166; }
.alpha-nav a:nth-child(7) svg { stroke: #a78bfa; }
.alpha-nav a:nth-child(8) svg { stroke: #2ee6c7; }
.alpha-nav a:nth-child(9) svg { stroke: #fb7185; }
.alpha-nav a:nth-child(10) svg { stroke: #60a5fa; }
.alpha-nav a:nth-child(11) svg { stroke: #f472b6; }
.alpha-nav a:nth-child(12) svg { stroke: #a3e635; }
.alpha-nav a:nth-child(13) svg { stroke: #fbbf24; }
.alpha-nav a.on svg, body.alpha-mode .tabs a.on svg { stroke: #fff; }
body.alpha-mode .tabs a:nth-child(odd) svg { stroke: #3ec6ff; }
body.alpha-mode .tabs a:nth-child(even) svg { stroke: #ffd166; }
body.alpha-mode .avatar.tone-fundamental { border-color: #c084fc; box-shadow: 0 0 12px #c084fc; }
body.alpha-mode .avatar.tone-technical { border-color: #3ec6ff; box-shadow: 0 0 12px #3ec6ff; }
body.alpha-mode .avatar.tone-chips { border-color: #ff9f1a; box-shadow: 0 0 12px #ff9f1a; }
body.alpha-mode .avatar.tone-news { border-color: #3dff9a; box-shadow: 0 0 12px #3dff9a; }
body.alpha-mode .avatar.tone-crypto { border-color: #ff6ad5; box-shadow: 0 0 12px #ff6ad5; }
body.alpha-mode .avatar.tone-macro { border-color: #ffd166; box-shadow: 0 0 12px #ffd166; }
body.alpha-mode .avatar.tone-futures { border-color: #a78bfa; box-shadow: 0 0 12px #a78bfa; }
body.alpha-mode .avatar.tone-options { border-color: #2ee6c7; box-shadow: 0 0 12px #2ee6c7; }
body.alpha-mode .avatar.tone-bonds { border-color: #fb7185; box-shadow: 0 0 12px #fb7185; }
body.alpha-mode .avatar.tone-fx { border-color: #60a5fa; box-shadow: 0 0 12px #60a5fa; }
body.alpha-mode .avatar.tone-user, .a-user img, body.alpha-mode .a-page .profile img { border-color: #ffd166; box-shadow: 0 0 14px #ffd166; }
body.alpha-mode .a-page .a-pills button[data-value="S1"] { color: #ffd166; border-color: #ffd166; }
body.alpha-mode .a-page .a-pills button[data-value="S2"] { color: #d8b4fe; border-color: #c084fc; }
body.alpha-mode .a-page .a-pills button[data-value="S3"] { color: #ffc078; border-color: #ff9f1a; }
body.alpha-mode .a-page .a-pills button[data-value="S4"] { color: #f9a8d4; border-color: #ff6ad5; }
body.alpha-mode .a-page .a-pills button[data-value="不適用"] { color: #cbd5e1; border-color: #64748b; }
body.alpha-mode .a-page .a-pills button[data-value="S1"].on { background: #ffd166; color: #1a1204; }
body.alpha-mode .a-page .a-pills button[data-value="S2"].on { background: #7c3aed; color: #fff; }
body.alpha-mode .a-page .a-pills button[data-value="S3"].on { background: #ff9f1a; color: #1a1004; }
body.alpha-mode .a-page .a-pills button[data-value="S4"].on { background: #db2777; color: #fff; }
body.alpha-mode .a-page .a-pills button[data-value="不適用"].on { background: #334155; color: #f8fafc; }
body.alpha-mode .a-page .fit-table td.name-cell { white-space: normal; }
body.alpha-mode .a-page .klass { display: inline-block; margin-top: 3px; padding: 0 6px; border-radius: 999px; font-style: normal; font-size: 11px; line-height: 1.6; }
body.alpha-mode .a-page .k-S1 { background: #ffd166; color: #1a1204; }
body.alpha-mode .a-page .k-S2 { background: #7c3aed; color: #fff; }
body.alpha-mode .a-page .k-S3 { background: #ff9f1a; color: #1a1004; }
body.alpha-mode .a-page .k-S4 { background: #db2777; color: #fff; }
body.alpha-mode .a-page .k-不適用 { background: #334155; color: #f8fafc; }
body.alpha-mode .a-page .a-focus h3.sq-green { color: #ffd166; }
body.alpha-mode .a-page .a-focus h3.sq-amber { color: #c084fc; }
body.alpha-mode .a-page .heat i:nth-child(6n+1) { background: rgba(124, 58, 237, .45); color: #f5f3ff; border: 1px solid #c084fc; }
body.alpha-mode .a-page .heat i:nth-child(6n+2) { background: rgba(2, 132, 199, .45); color: #ecfeff; border: 1px solid #3ec6ff; }
body.alpha-mode .a-page .heat i:nth-child(6n+3) { background: rgba(180, 83, 9, .5); color: #fff7ed; border: 1px solid #ff9f1a; }
body.alpha-mode .a-page .heat i:nth-child(6n+4) { background: rgba(190, 24, 93, .45); color: #fdf2f8; border: 1px solid #ff6ad5; }
body.alpha-mode .a-page .heat i:nth-child(6n+5) { background: rgba(21, 128, 61, .45); color: #f0fdf4; border: 1px solid #3dff9a; }
body.alpha-mode .a-page .heat i:nth-child(6n+6) { background: rgba(161, 98, 7, .5); color: #fffbeb; border: 1px solid #ffd166; }
body.alpha-mode .a-page .month-heat i:nth-child(13n+1) { background: #10243f; color: #dbeafe; border-color: #334155; }
body.alpha-mode .a-page .scorebar i b { background: linear-gradient(90deg, #c084fc, #3ec6ff 55%, #ffd166); box-shadow: 0 0 8px rgba(62, 198, 255, .45); }
body.alpha-mode .a-page .bars li:nth-child(5n+1) i b { background: linear-gradient(90deg, #6d28d9, #c084fc); }
body.alpha-mode .a-page .bars li:nth-child(5n+2) i b { background: linear-gradient(90deg, #0369a1, #3ec6ff); }
body.alpha-mode .a-page .bars li:nth-child(5n+3) i b { background: linear-gradient(90deg, #b45309, #ffd166); }
body.alpha-mode .a-page .bars li:nth-child(5n+4) i b { background: linear-gradient(90deg, #be185d, #ff6ad5); }
body.alpha-mode .a-page .bars li:nth-child(5n+5) i b { background: linear-gradient(90deg, #047857, #3dff9a); }
body.alpha-mode .a-page .factor-bars li:nth-child(1) span { color: #ffd166; }
body.alpha-mode .a-page .factor-bars li:nth-child(2) span { color: #3dff9a; }
body.alpha-mode .a-page .factor-bars li:nth-child(3) span { color: #3ec6ff; }
body.alpha-mode .a-page .factor-bars li:nth-child(4) span { color: #ff9f1a; }
body.alpha-mode .a-page .factor-bars li:nth-child(5) span { color: #ff6ad5; }
body.alpha-mode .a-page .factor-bars li:nth-child(1) i { box-shadow: inset 0 0 0 1px #ffd166; }
body.alpha-mode .a-page .factor-bars li:nth-child(2) i { box-shadow: inset 0 0 0 1px #3dff9a; }
body.alpha-mode .a-page .factor-bars li:nth-child(3) i { box-shadow: inset 0 0 0 1px #3ec6ff; }
body.alpha-mode .a-page .factor-bars li:nth-child(4) i { box-shadow: inset 0 0 0 1px #ff9f1a; }
body.alpha-mode .a-page .factor-bars li:nth-child(5) i { box-shadow: inset 0 0 0 1px #ff6ad5; }
body.alpha-mode .a-page .bub-cyan { border-color: #3ec6ff; box-shadow: 0 0 16px rgba(62, 198, 255, .45); }
body.alpha-mode .a-page .bub-purple { border-color: #c084fc; box-shadow: 0 0 16px rgba(192, 132, 252, .45); }
body.alpha-mode .a-page .bub-gold { border-color: #ffd166; box-shadow: 0 0 16px rgba(255, 209, 102, .4); }
body.alpha-mode .a-page .bub-pink { border-color: #ff6ad5; box-shadow: 0 0 16px rgba(255, 106, 213, .4); }
body.alpha-mode .a-page .bub-orange { border-color: #ff9f1a; box-shadow: 0 0 16px rgba(255, 159, 26, .4); }
body.alpha-mode .a-page .a-gauge .arc { stroke: #c084fc; filter: drop-shadow(0 0 4px #3ec6ff) drop-shadow(0 0 6px #ffd166); }
body.alpha-mode .a-page .wheel::before { border-color: rgba(192, 132, 252, .7); box-shadow: 0 0 28px rgba(62, 198, 255, .28), inset 0 0 28px rgba(255, 209, 102, .12); }
body.alpha-mode .a-page .wheel-core {
  background:
    radial-gradient(circle at 50% 40%, #3b1d78, #0a1830 72%) padding-box,
    linear-gradient(135deg, #c084fc, #3ec6ff, #ffd166, #ff6ad5) border-box;
  border: 2px solid transparent;
}
body.alpha-mode .a-page .news-card:nth-child(6n+1) i { background: #5b21b6; color: #f5f3ff; }
body.alpha-mode .a-page .news-card:nth-child(6n+2) i { background: #075985; color: #ecfeff; }
body.alpha-mode .a-page .news-card:nth-child(6n+3) i { background: #9a3412; color: #fff7ed; }
body.alpha-mode .a-page .news-card:nth-child(6n+4) i { background: #9d174d; color: #fdf2f8; }
body.alpha-mode .a-page .news-card:nth-child(6n+5) i { background: #166534; color: #f0fdf4; }
body.alpha-mode .a-page .news-card:nth-child(6n+6) i { background: #854d0e; color: #fffbeb; }
body.alpha-mode .a-page .radar li:nth-child(1) { color: #ffd166; }
body.alpha-mode .a-page .radar li:nth-child(2) { color: #3dff9a; }
body.alpha-mode .a-page .radar li:nth-child(3) { color: #3ec6ff; }
body.alpha-mode .a-page .radar li:nth-child(4) { color: #ff9f1a; }
body.alpha-mode .a-page .radar li:nth-child(5) { color: #ff6ad5; }
@media (max-width: 1100px) {
  .alpha-shell { grid-template-columns: 1fr; }
  .alpha-side { position: static; height: auto; }
  body.alpha-mode .a-page .hero,
  body.alpha-mode .a-page .split,
  body.alpha-mode .a-page .kpis,
  body.alpha-mode .a-page .news-grid,
  body.alpha-mode .a-page .donut-wrap,
  body.alpha-mode .a-page .mini-charts,
  body.alpha-mode .a-page .screen-layout,
  body.alpha-mode .a-page .field-grid,
  body.alpha-mode .a-page .decade-top,
  body.alpha-mode .a-page .decade-body,
  body.alpha-mode .a-page .chart-grid,
  body.alpha-mode .a-page .council-stage,
  body.alpha-mode .a-page .consensus,
  body.alpha-mode .a-page .radar { grid-template-columns: 1fr; }
}
