/* 7388winners 全站外皮 B「我獨自升級」系統視窗（2026-10-30 使用者選定，樣本 AI助手\design\樣本頁\winners_scifi_1030\B_solo_system.html）
   只改外觀：顏色、框線、光暈、背景。不改字級、欄位、數字、燈號；紅漲綠跌照舊（深底版的亮紅／亮綠）。
   掛法：各頁最後一個 <style> 之後 <link rel="stylesheet" href="/scifi_theme.css?v=…">（舊頁由 radar_legacy.add_banner 補上）。
   原始檔在 飆股研究\code\radar_support\theme_b\，發布用的是 site\ 根目錄這份。 */

/* ---------- 1. 色票（html:root 權重高於各頁 :root，不怕順序） ---------- */
html:root{color-scheme:dark;
 --bg:#070b1d;--bg-top:#0b1230;--bg2:#0b1230;--card:#0d1533;--raise:#132048;--line:#24346a;--line2:#2f4a8a;
 --ink:#eaf0ff;--ink2:#c3cff0;--ink3:#9fb0da;--accent:#6cd0ff;--accent2:#b39bff;--accent-bg:#132a55;
 --up:#ff6b6b;--dn:#3ddc84;--flat:#a3aecb;--warn:#f2c14e;--up-fill:#ff5a5a;--dn-fill:#2fbf72;
 --up-bg:rgba(255,90,90,.14);--dn-bg:rgba(61,220,132,.12);--warn-bg:#2a2410;--warn-soft:#2a2410;--warnbg:#2a2410;
 --acc:#6cd0ff;--acc2:#132048;--mu:#9fb0da;--no:#8391b5;--ok:#3ddc84;--q:#f2c14e;
 --q-ebb:#3ddc84;--q-rot:#f2c14e;--q-up:#ff6b6b;--q-wait:#8fb3e0;
 --shadow:0 0 14px rgba(59,168,255,.18);--glow:0 0 0 1px rgba(59,168,255,.35),0 0 18px rgba(59,168,255,.3);
 --sys:#3ba8ff;--gold:#ffd36b}

/* ---------- 2. 底：深藍星空（固定偽元素，iPhone 不卡） ---------- */
html body{background:
 radial-gradient(900px 480px at 85% -80px,rgba(125,80,255,.30),transparent 65%),
 radial-gradient(800px 520px at -10% 10%,rgba(40,120,255,.22),transparent 65%),
 linear-gradient(180deg,#070b1d,#0a0a26 60%,#070b1d) fixed;background-color:#070b1d;color:var(--ink)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
 background:radial-gradient(circle,rgba(160,200,255,.55) 0 1px,transparent 1.5px) 0 0/140px 140px,
            radial-gradient(circle,rgba(180,150,255,.45) 0 1px,transparent 1.5px) 70px 50px/190px 190px;
 -webkit-mask-image:none;mask-image:none}
main::before{display:none}
a{color:var(--accent)}
::selection{background:rgba(59,168,255,.45);color:#fff}

/* ---------- 3. 頁首標題：發光字＋藍紫底線 ---------- */
main>h1,.wrap>h1,.hdr h1,body>h1{color:#f2f7ff;text-shadow:0 0 10px rgba(108,208,255,.75),0 0 22px rgba(59,168,255,.45);
 border-left:0;padding-left:0;padding-bottom:6px;
 background:linear-gradient(90deg,var(--sys),rgba(179,155,255,.8) 45%,transparent 85%) left bottom/100% 2px no-repeat}
main>h1::before,.wrap>h1::before,.hdr h1::before,body>h1::before{content:"◆";position:static;display:inline;width:auto;height:auto;background:none;
 -webkit-mask:none;mask:none;color:var(--accent);margin-right:8px;font-size:.7em;vertical-align:.18em;text-shadow:0 0 8px var(--accent)}
main>h1:first-child::after{display:none}
main>h1:first-child~p:not(.warn){background-color:transparent}
h2,h3,h4{color:#f2f7ff}
.note,.meta,.lead{color:var(--ink3)}
.warn,.warning,.capital-warning,p.warn,.warnline,.mgwarn,.edq{background:#2a2410!important;color:#f4d891!important;border-color:#7a6526!important}

/* 區塊標題（各頁 h2 漸層條） */
.ch>h2,.wrap>h2,.t075 h2,main>h2,section>h2{color:#fff;background:linear-gradient(90deg,rgba(59,168,255,.30),transparent 75%);
 border-left:3px solid var(--sys);border-bottom:1px solid rgba(59,168,255,.45);padding-left:8px}
#intra>h1.pg{color:#f2f7ff;padding-left:10px;border-left:3px solid var(--sys);text-shadow:0 0 10px rgba(108,208,255,.6)}

/* ---------- 4. 導覽列：系統按鈕 ---------- */
nav,nav.top,.stickybar,body>main>nav,body>nav.stickybar,header.top{background:rgba(7,11,29,.92)!important;border-color:rgba(59,168,255,.45)!important;
 box-shadow:0 1px 0 rgba(59,168,255,.55),0 6px 16px -10px rgba(59,168,255,.7)!important}
main>nav a,main>nav button,nav.top a,.tabs button{background:rgba(13,21,51,.9);color:#bfe6ff;border:1px solid rgba(59,168,255,.55)}
main>nav a,main>nav button{padding:0 10px;border-radius:2px}
nav.top b,.stickybar b{color:#fff;text-shadow:0 0 8px rgba(108,208,255,.7)}
main>nav button:first-child,.tabs button.on,.tabs button[aria-selected="true"]{background:linear-gradient(rgba(59,168,255,.35),rgba(59,168,255,.12));color:#fff;border-color:var(--sys);box-shadow:0 0 10px rgba(59,168,255,.45)}
.toc a{background:rgba(13,21,51,.9);color:#bfe6ff;border-color:rgba(59,168,255,.5)}
.toc a:hover,.tabs button:hover,.fwcard:hover{background:rgba(59,168,255,.18)!important}
.topnav{border-color:var(--line2)}

/* 表單元件 */
button,select,input,textarea,.rp button{background:var(--card);color:var(--ink);border-color:var(--line2)}
input::placeholder{color:var(--ink3)}

/* ---------- 5. 系統視窗：卡片、群組、浮窗 ---------- */
.status-group,.card,.stk,.fig,.kpi,#tip,html #intraday-radar,.story-row,.analogue-row,.fwcard,.sum>div,.lines,.ledger,.rule{
 background:linear-gradient(180deg,rgba(18,30,72,.96),rgba(11,17,44,.96))!important;color:var(--ink);
 border:1px solid var(--sys)!important;box-shadow:0 0 0 1px rgba(59,168,255,.18),0 0 14px rgba(59,168,255,.26),inset 0 0 22px rgba(59,168,255,.10)!important}
.status-group,.card,.stk,.fig,.kpi,#intraday-radar,.story-row{position:relative}
/* 四角亮角標 */
.status-group::before,.card::before,.stk::before,.fig::before,.kpi::before,#tip::before,#intraday-radar::before{content:"";position:absolute;inset:-3px;pointer-events:none;z-index:1;border-radius:0;
 background:linear-gradient(#8fd6ff,#8fd6ff) 0 0/16px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 0 0/2px 16px no-repeat,
 linear-gradient(#8fd6ff,#8fd6ff) 100% 0/16px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 100% 0/2px 16px no-repeat,
 linear-gradient(#8fd6ff,#8fd6ff) 0 100%/16px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 0 100%/2px 16px no-repeat,
 linear-gradient(#8fd6ff,#8fd6ff) 100% 100%/16px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 100% 100%/2px 16px no-repeat}
.kpi .v{color:var(--accent);text-shadow:0 0 8px rgba(108,208,255,.5)}

/* 一般收合塊、半透明白底（舊 bull_theme 的白底改成深色玻璃） */
details{border-color:var(--line2)}
summary{color:var(--ink)}
:where(main>p,main>ul,main>details,main>div:not(.footnav):not(.fab),main>section>p,main>section>ul,main>section>div,main>section>details,.filters,details.stock,.pager){background-color:transparent}
details.txt,details.dash,details.card,.more,.body,.talk,.stance,.mini,.kn .k,.chk,.bd.ok,.set,.t075 .status,.t075 .research-status,.hold.cg,.mb,.seg,.chip,.det td,.mgt tr.dv td,.adjn,.pin a{
 background-color:rgba(13,21,51,.75)!important;color:var(--ink2);border-color:var(--line2)}
.chk,.bd.ok{color:#9ff0c4!important}
.set{color:#ffd9a8!important}
.bd,details.sub>summary,h3{color:#bfe6ff}

/* ---------- 6. 表格 ---------- */
table{color:var(--ink);border-color:var(--line2)}
th{color:#bfe6ff!important;background-color:rgba(59,168,255,.16)!important;border-color:var(--line2)!important}
td{border-color:var(--line)!important}
.tbl,table.t{border-color:var(--line2)}
.tbl tbody tr:nth-child(even) td,tbody tr:nth-child(even) td{background-color:rgba(59,168,255,.05)}
tbody tr:hover,tbody tr:hover td,.tb tr.g:hover td{background-color:rgba(59,168,255,.10)!important}
.tbl[data-columns] tbody tr{background:var(--card)!important;border-color:var(--line2)!important}
.tbl[data-columns] tbody td:first-child{background:var(--raise)!important}
table.cand td,table.risk td,table.weak td,table.stk td{color:var(--ink2)}

/* ---------- 7. 首頁雷達（飆股雷達＋盤中小框＋觀察燈） ---------- */
.status-group>summary{color:#fff;background:linear-gradient(90deg,rgba(59,168,255,.30),rgba(59,168,255,.06) 70%,transparent);border-bottom:1px solid rgba(59,168,255,.5);position:relative;padding-right:78px}
.status-group>summary::after{content:"SYSTEM";position:absolute;right:10px;top:10px;font:600 12px/18px var(--num);letter-spacing:.18em;color:#8fd6ff;opacity:.85}
.group-count{font-family:var(--num);color:var(--gold);text-shadow:0 0 8px rgba(255,211,107,.6)}
.group-empty{color:var(--ink3)}
.stock{border-bottom:1px solid rgba(59,168,255,.16)}
.stock:last-of-type{border-bottom:0}
.stock>summary{position:relative;padding-bottom:9px}
.stock>summary:hover{background:rgba(59,168,255,.08)}
.stage{color:var(--ink2)}
.stock .stage{display:flex;flex-wrap:wrap;align-items:center;gap:2px 5px}
.name.chart-trigger{text-decoration:underline dotted rgba(108,208,255,.5);text-underline-offset:3px}
.raw-close{color:#fff}
.risk-note,.fetch-error{color:#ff8a8a}
.event-note{color:var(--ink)}
/* 等級徽章（scifi_fx.js 依亮燈數加上，aria-hidden） */
.lv{display:inline-block;font:700 12px/16px var(--num);padding:0 4px;color:#061033;background:linear-gradient(#cfeeff,#6cd0ff);border-radius:2px;box-shadow:0 0 6px rgba(108,208,255,.65);white-space:nowrap}
.lv.hi{color:#2a1700;background:linear-gradient(110deg,#ffe9a8 0%,#ffc94a 40%,#fff6d6 50%,#ffc94a 60%,#ffb732 100%) 0 0/250% 100%;box-shadow:0 0 9px rgba(255,201,74,.8);animation:lvshine 3.2s linear infinite}
@keyframes lvshine{from{background-position:100% 0}to{background-position:-150% 0}}
/* 經驗值條：近 20 日漲幅，滿格 +50%（--p 由 scifi_fx.js 設） */
.stock>summary::before{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:3px;background:rgba(59,168,255,.14);pointer-events:none}
.stock>summary::after{content:"";position:absolute;left:10px;bottom:3px;height:3px;width:calc((100% - 20px)*var(--p,0));pointer-events:none;
 background:linear-gradient(90deg,#3ba8ff,#ff6b6b 70%,#ffd36b);
 -webkit-mask:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 12px);mask:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 12px);box-shadow:0 0 8px rgba(255,107,107,.6)}
.stock.neg>summary::after{background:linear-gradient(90deg,#1f8f55,#3ddc84);box-shadow:0 0 6px rgba(61,220,132,.5)}
/* 燈號 */
.lamp{color:var(--ink2)}
.dot{border-color:#4a5d94}
.dot.on{background:radial-gradient(circle at 35% 35%,#e6f8ff,#58c6ff 50%,#1d6fd6);border-color:#58c6ff;box-shadow:0 0 7px rgba(88,198,255,.95)}
.dot.risk{background:radial-gradient(circle at 35% 35%,#ffe1e1,#ff5a5a 55%,#b21f2c);border-color:#ff5a5a;box-shadow:0 0 7px rgba(255,90,90,.9)}
.dot.off{background:#0b1230;border:1.5px solid #4a5d94}
.dot.missing{border:1px dashed #8597c6;color:#8597c6;background:transparent}
.body{background:rgba(7,11,29,.6)!important;border-top:1px solid rgba(59,168,255,.2);color:var(--ink2)}
.src{color:var(--ink3)}
.footnav,.fab a,.fab button,.sample-return{background:rgba(13,21,51,.95)!important;border-color:var(--sys)!important;color:#bfe6ff;box-shadow:0 0 10px rgba(59,168,255,.35)}
/* 觀察燈（obs_display.py） */
.obs-lamps{background:rgba(179,155,255,.08)!important;border:1px solid rgba(179,155,255,.45)!important;color:var(--ink2)!important}
.obs-lamps small{color:var(--ink3)!important}
.obs-on{color:#8fe3ff!important;text-shadow:0 0 6px rgba(108,208,255,.7)}
/* 首頁盤中小框 */
html #intraday-radar{color:var(--ink)}
html #intraday-radar a{color:var(--accent)}
html #intraday-radar .intraday-new{color:#ffb3b3}
html #intraday-radar .intraday-warning,html #state.warn{background:#2a2410!important;color:#f4d891!important;border-color:#7a6526!important}

/* ---------- 8. 盤中即時頁 ---------- */
#state{background:rgba(13,21,51,.9);border:1px solid var(--line2);color:var(--ink2)}
.sumbar a{background:linear-gradient(180deg,rgba(18,30,72,.96),rgba(11,17,44,.96));border-color:var(--sys);color:var(--ink);box-shadow:0 0 10px rgba(59,168,255,.25)}
.sumbar a b{color:var(--gold);text-shadow:0 0 8px rgba(255,211,107,.55)}
h2 small{color:var(--ink3)}
.tag{border:1px solid var(--line2);color:var(--ink2);border-radius:2px;background:transparent}
.tag.new{color:#ffe4a0;border-color:#c99a2e;background:rgba(255,201,74,.14);box-shadow:0 0 6px rgba(255,201,74,.35)}
.tag.run{color:#ffb3b3;border-color:#c04a55;background:rgba(255,90,90,.12)}
.tag.pull{color:var(--warn);border-color:#8a7330;background:rgba(242,193,78,.1)}
.iq{color:var(--ink2)}
.iq .px{text-shadow:0 0 8px currentColor}
/* 離高點條（scifi_fx.js 加，aria-hidden）：滿格＝就在高點 */
.hpbar{height:5px;margin:3px 0 5px;position:relative;overflow:hidden;background:rgba(59,168,255,.12);border:1px solid rgba(59,168,255,.35)}
.hpbar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0)*100%);background:linear-gradient(90deg,#3ba8ff,#b39bff 55%,#ffd36b);box-shadow:0 0 8px rgba(179,155,255,.8);
 -webkit-mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 11px);mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 11px)}
/* 走勢儀表框 */
.ch2 figure{position:relative;padding:3px 5px 7px;border-top:0;background:
 linear-gradient(rgba(59,168,255,.10) 1px,transparent 1px) 0 0/100% 12px,
 linear-gradient(90deg,rgba(59,168,255,.10) 1px,transparent 1px) 0 0/12.5% 100%,#081030;
 border:1px solid rgba(59,168,255,.55);box-shadow:inset 0 0 12px rgba(59,168,255,.18),0 0 8px rgba(59,168,255,.18)}
.ch2 figure::before{content:"";position:absolute;inset:-1px;pointer-events:none;
 background:linear-gradient(#8fd6ff,#8fd6ff) 0 0/8px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 0 0/2px 8px no-repeat,
 linear-gradient(#8fd6ff,#8fd6ff) 100% 0/8px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 100% 0/2px 8px no-repeat,
 linear-gradient(#8fd6ff,#8fd6ff) 0 100%/8px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 0 100%/2px 8px no-repeat,
 linear-gradient(#8fd6ff,#8fd6ff) 100% 100%/8px 2px no-repeat,linear-gradient(#8fd6ff,#8fd6ff) 100% 100%/2px 8px no-repeat}
.ch2 figure::after{content:"";position:absolute;left:5px;right:5px;bottom:1px;height:4px;pointer-events:none;
 background:repeating-linear-gradient(90deg,rgba(108,208,255,.7) 0 1px,transparent 1px 10%)}
.ch2 figcaption{color:#a9dcff;font-weight:600;position:relative}
.ch2 svg{position:relative}
.ch2 svg polyline,.ch2 svg path,#tip svg path{filter:drop-shadow(0 0 2px rgba(108,208,255,.55))}
.miss{background:#081030!important;color:var(--ink3)}
.line{border-color:var(--line)}
.line .nm small{color:var(--ink3)}
details.fold>summary,.more{color:var(--accent)}
.empty{color:var(--ink3)}
/* 端點脈衝 */
svg .pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.8s ease-out infinite;pointer-events:none}
@keyframes pulse{0%{transform:scale(1);opacity:.85}70%{transform:scale(3.2);opacity:0}100%{transform:scale(3.2);opacity:0}}

/* ---------- 9. 走勢浮窗 ---------- */
#tipbg{background:rgba(3,6,20,.62)!important}
#tip .t{border-bottom:1px solid rgba(59,168,255,.45);padding-bottom:5px}
#tip .t::after{content:"SYSTEM";margin-left:auto;font:600 12px var(--num);letter-spacing:.18em;color:#8fd6ff}
#tip .t b{color:#fff}
#tip svg{background:linear-gradient(rgba(59,168,255,.08) 1px,transparent 1px) 0 0/100% 20px,#081030;border:1px solid rgba(59,168,255,.35)}
#tip .x{background:rgba(59,168,255,.16);border:1px solid var(--sys);color:#e6f6ff}

/* ---------- 10. 飆股故事、舊頁共用元件 ---------- */
.stickybar a{color:#bfe6ff}
html .story-row,html .analogue-row{border-color:rgba(59,168,255,.45)!important;box-shadow:inset 0 0 16px rgba(59,168,255,.08)!important}
.chip{color:var(--ink2)}
.chip.up{color:#ffb3b3}.chip.ebb{color:#9ff0c4}.chip.rot{color:#ffe08a}.chip.wait{color:#bcd3f0}
.quad.up h3{color:#ff8a8a}.quad.ebb h3{color:#7fe8ad}.quad.rot h3{color:#ffd36b}.quad.wait h3{color:#a9c6ea}
.hold.cg{color:var(--ink2)}
.mb::after{background:#4a6aa8}
.dvtag{background:#8a6a12;color:#fff}
.ann .k-upd{color:#ffd36b}
.capital-warning{color:#f0c4ff!important}
.t075-charts figcaption{color:var(--ink3)}
table.cand td:nth-child(3),table.cand td:nth-child(9),table.risk td:nth-child(4),table.stk.i2 td:nth-child(n+3),table.stk.i3 td:nth-child(n+4),table.weak td:nth-child(4),table.weak td:nth-child(6){color:var(--ink3)}
img{background:#fff}
/* 舊頁「已整併」橫幅（radar_legacy 的行內樣式） */
aside[role="note"]{background:rgba(59,168,255,.16)!important;color:var(--ink)!important;border-bottom:1px solid var(--sys)}
/* SVG 圖表的淺色底與文字（各頁行內 SVG） */
svg [fill="#fff"],svg [fill="#ffffff"],svg [fill="white"],svg [fill="#f8fcff"],svg [fill="#f5fbfd"],svg [fill="#eef8fc"]{fill:#0d1533}


/* 主色底上的白字：主色變亮青，字改深藍才看得清楚 */
html #tip .cl,html .ch>h2 .k,html .chip .h,html .chips button.on,html .cnt,html .pin .go,html .rank,html .seg button.on,html .steptabs button.on .n,html nav.toc .tg,html .rp button.on,html button.tg,html button.top{color:#061033!important;text-shadow:none}
html .cnt{background:var(--accent);border-radius:9px;padding:0 6px}
html .fab{background:rgba(7,11,29,.92)!important;border-color:var(--sys)!important}

/* ---------- 11. 首頁「週末總覽」片段（weekend_fragment.html 自帶淺色樣式） ---------- */
html .weekend-fragment details{background:rgba(13,21,51,.82);border-color:rgba(59,168,255,.45)}
html .weekend-fragment summary .sub,html .weekend-fragment .mu,html .weekend-fragment .nt,html .weekend-fragment .note,html .weekend-fragment td::before{color:var(--ink3)}
html .weekend-fragment .up,html .weekend-fragment .b-up{color:var(--up)}
html .weekend-fragment .dn,html .weekend-fragment .ok{color:var(--dn)}
html .weekend-fragment .no{color:var(--no)}
html .weekend-fragment small,html .weekend-fragment code{color:var(--ink3)}
html .weekend-fragment th,html .weekend-fragment td{border-color:var(--line)}
html .weekend-fragment th{background:rgba(59,168,255,.16)}
html .weekend-fragment .day{background:rgba(59,168,255,.08)}
html .weekend-fragment tr{border-color:var(--line2)}
html .weekend-fragment td:first-child{background:rgba(59,168,255,.10)}

@media (prefers-reduced-motion:reduce){.lv.hi,svg .pulse{animation:none!important}}
@media print{html body{background:#fff;color:#000}body::before{display:none}}