三版共用同一份 HTML：.db-a 控制台（預設）／.db-b 橫幅／.db-c 終端。面板永遠深色，不跟頁面主題切換 */
.dbw{max-width:1040px;margin:0 auto;padding:72px 20px 56px}
.dbw .nw{display:inline-block}
.db{--p:#03172b;--p2:#062541;--ln:rgba(179,203,225,.14);--tx:#e8eff6;--dm:#8fa8c2;--ac:#B3CBE1;--ok:#B3CBE1;--brand:#02539C;
  background:var(--p);color:var(--tx);border:1px solid var(--ln);border-radius:18px;padding:26px 28px;display:grid;gap:18px;
  font-variant-numeric:tabular-nums;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.db .mono,.db-big,.db-spend-n,.db-stat b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-feature-settings:"tnum" 1}
.db-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.db-title{font-size:clamp(20px,3vw,28px);font-weight:800;color:#fff;line-height:1.25;margin:0}
.db-sub{margin:4px 0 0;color:var(--dm);font-size:15px}
.db-live{display:inline-flex;align-items:center;gap:7px;font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--ok);border:1px solid rgba(179,203,225,.35);border-radius:99px;padding:6px 10px;white-space:nowrap}
.db-live i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:dbPulse 1.6s ease-in-out infinite}
@keyframes dbPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(179,203,225,.6)}50%{opacity:.55;box-shadow:0 0 0 6px rgba(179,203,225,0)}}
.db-label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--dm)}
.db-big{font-size:clamp(34px,7.4vw,84px);font-weight:700;color:#fff;line-height:1.05;letter-spacing:-.02em;white-space:nowrap;margin:6px 0 4px}
.db-read{font-size:18px;color:var(--tx)}
.db-read b{color:var(--ac)}
.db-spend{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 16px;background:var(--p2);border:1px solid var(--ln);border-radius:12px}
.db-spend .db-label{width:100%}
.db-spend-n{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--ac)}
.db-star{font-size:.5em;color:var(--dm);vertical-align:.9em;margin-left:2px}
.db-usd{color:var(--dm);font-size:15px}
.db-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.db-stat{background:var(--p2);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;display:grid;gap:3px}
.db-stat b{font-size:clamp(18px,2.4vw,24px);color:#fff;font-weight:700;white-space:nowrap}
.db-stat small{font-size:12px;color:var(--dm)}
.db-spark{display:grid;gap:6px}
.db-svg{width:100%;height:56px;display:block}
.db-svg polyline{fill:none;stroke:var(--ac);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.db-svg circle{fill:var(--ok);animation:dbPulse 1.6s ease-in-out infinite}
.db-foot{text-align:center;margin-top:22px}
.db-claim{font-size:clamp(17px,2.4vw,22px);font-weight:700;color:var(--text);margin:0 0 12px;line-height:1.5}
.aiu-src{max-width:760px;margin:0 auto 8px;font-size:13px;line-height:1.7;color:var(--dim,#94a3b8)}
.aiu-foot{max-width:760px;margin:12px auto 0;font-size:13px;color:var(--dim,#94a3b8)}
@media (max-width:720px){.db{padding:20px 18px;border-radius:14px}.db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* B 橫幅：數字與曲線並排，指標一條排開 */
.db-b{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"top top" "main spark" "spend spend" "stats stats";border-radius:0;border-left:4px solid var(--ac)}
.db-b .db-top{grid-area:top}.db-b .db-main{grid-area:main}.db-b .db-spark{grid-area:spark;align-self:end}.db-b .db-spend{grid-area:spend;background:none;border:0;border-top:1px solid var(--ln);border-radius:0;padding:14px 0 0}.db-b .db-stats{grid-area:stats}
.db-b .db-svg{height:96px}
.db-b .db-stat{background:none;border:0;border-left:1px solid var(--ln);border-radius:0;padding:4px 14px}
@media (max-width:720px){.db-b{grid-template-columns:1fr;grid-template-areas:"top" "main" "spark" "spend" "stats"}}
/* C 終端：全部等寬、綠色提示字、游標閃爍 */
.db-c{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;background:#021120;border-color:rgba(2,83,156,.6)}
.db-c .db-title{font-family:inherit;font-size:clamp(16px,2.4vw,20px);color:var(--ok)}
.db-c .db-title::before{content:"$ ";color:var(--dm)}
.db-c .db-label::before{content:"> ";color:var(--ok)}
.db-c .db-big::after{content:"▍";color:var(--ok);margin-left:4px;animation:dbBlink 1s steps(1) infinite}
@keyframes dbBlink{50%{opacity:0}}
.db-c .db-stat,.db-c .db-spend{background:none;border-style:dashed}
.db-c .db-spend-n{color:#fff}
@media (prefers-reduced-motion:reduce){.db-live i,.db-svg circle,.db-c .db-big::after{animation:none}}
.db-b .db-big{font-size:clamp(32px,5.4vw,60px)}
.db-stat b.db-vend{white-space:normal;font-size:clamp(16px,2vw,22px);line-height:1.3}
.dbw .db .nw{display:inline-block}
.db-c .db-live{background:var(--brand);border-color:var(--brand);color:#fff}
.db-c .db-live i{background:#fff}
.db-c .db-svg polyline{stroke:var(--ac)}
.db-c .db-svg circle{fill:#fff}

#aiuDb .db-stats--2x2{grid-template-columns:repeat(2,minmax(0,1fr))}
#aiuDb .db-stats--2x2 .db-stat--wide{grid-column:1/-1}