:root{
  --a20-bg:#050806;--a20-panel:#0a0f0c;--a20-panel2:#0d1410;--a20-line:#243127;
  --a20-gold:#d8b34b;--a20-gold2:#8e7228;--a20-green:#55e57d;--a20-green2:#178b49;
  --a20-red:#ff6b73;--a20-text:#eef7f0;--a20-muted:#87968d;--a20-radius:14px;
}
body.a20-ui{
  background:
    radial-gradient(circle at 8% 0%,rgba(41,113,63,.10),transparent 30%),
    linear-gradient(180deg,#050806 0%,#030504 100%)!important;
  color:var(--a20-text)!important;
}
body.a20-ui #a16-shell{grid-template-columns:188px 1fr;grid-template-rows:1fr!important}
body.a20-ui #a16-stage{grid-column:2;grid-row:1;background:transparent!important}
body.a20-ui #a16-custom{
  background:transparent!important;padding:22px 26px 72px!important;
  scrollbar-color:#56655b #07100b
}
body.a20-ui #a16-nav{display:none!important}
#a20-side{
  position:fixed;z-index:3600;left:0;top:0;bottom:0;width:188px;
  background:linear-gradient(180deg,#07100b,#040705);
  border-right:1px solid #1b2a20;padding:16px 10px;display:flex;flex-direction:column;
  color:#d8e5dc;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;
}
#a20-side .brand{color:#87f19f;font-weight:900;letter-spacing:.01em;margin:4px 8px 18px}
#a20-side .brand small{display:block;color:#d2ae48;margin-top:3px;font-size:10px}
#a20-side select{
  width:100%;background:#0b120e;color:#eff8f1;border:1px solid #4a3c15;
  border-radius:8px;padding:9px 8px;margin-bottom:12px;font-weight:800
}
#a20-side button{
  width:100%;text-align:left;border:0;background:transparent;color:#aebcb3;
  border-radius:8px;padding:9px 10px;margin:2px 0;cursor:pointer;font-size:12px
}
#a20-side button:hover,#a20-side button.active{
  color:#eff9f2;background:linear-gradient(90deg,rgba(30,138,66,.28),rgba(15,37,23,.18));
  box-shadow:inset 3px 0 0 var(--a20-gold)
}
#a20-side .spacer{flex:1}
#a20-side .status{font-size:10px;color:#65756b;padding:8px}
#a20-side .status b{color:#67df89}
body.a20-ui .a16-page{max-width:1420px!important;margin:0 auto!important}
body.a20-ui .a16-brand{
  border:1px solid var(--a20-line);background:linear-gradient(180deg,#090e0b,#060906);
  border-radius:12px;padding:12px 14px;margin-bottom:12px!important
}
body.a20-ui .a16-brand h1,body.a20-ui .a16-title,
body.a20-ui h1,body.a20-ui h2,body.a20-ui h3{color:#f8fbf9!important}
body.a20-ui .a16-brand small,body.a20-ui .a16-sub,body.a20-ui .a16-detail-help,
body.a20-ui .a16-trade-summary,body.a20-ui .a16-method,body.a20-ui .a16-privacy-note{color:var(--a20-muted)!important}
body.a20-ui .a16-logout,body.a20-ui .a16-btn{
  background:#0c120e!important;color:#f4f7f5!important;border:1px solid #5b4918!important
}
body.a20-ui .a16-detail-back{
  background:#0b100d!important;border-color:#364338!important;color:#e7efe9!important
}
body.a20-ui .a16-card,body.a20-ui .a16-strategy,body.a20-ui .a16-dashboard-note,
body.a20-ui .a16-legend,body.a20-ui .a16-detail-section,
body.a20-ui .a16-chart-card,body.a20-ui .a16-learning-card,
body.a20-ui .a16-privacy-note,body.a20-ui .a16-method{
  background:linear-gradient(180deg,rgba(13,19,15,.98),rgba(7,10,8,.98))!important;
  border:1px solid var(--a20-line)!important;color:var(--a20-text)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.14)
}
body.a20-ui .a16-detail-kpis{
  grid-template-columns:repeat(8,minmax(95px,1fr))!important;gap:8px!important
}
body.a20-ui .a16-detail-kpi,body.a20-ui .a16-range-kpi{
  background:linear-gradient(180deg,#0d1510,#09100c)!important;border:1px solid #29382d!important;
  color:#dce8df!important;border-radius:10px!important
}
body.a20-ui .a16-detail-kpi span,body.a20-ui .a16-range-kpi span{color:#7f9186!important}
body.a20-ui .a16-detail-kpi b,body.a20-ui .a16-range-kpi b{color:#eff8f1}
body.a20-ui .a16-positive,body.a20-ui .a16-trade-pos{color:var(--a20-green)!important}
body.a20-ui .a16-negative,body.a20-ui .a16-trade-neg{color:var(--a20-red)!important}
body.a20-ui .a16-chart-ranges button{
  background:#09100c!important;color:#bdc9c0!important;border:1px solid #2d3b31!important
}
body.a20-ui .a16-chart-ranges button.active{
  color:#071008!important;background:var(--a20-gold)!important;border-color:var(--a20-gold)!important
}
body.a20-ui #a16-equity-chart svg{background:linear-gradient(180deg,#07100b,#060906);border-radius:10px}
body.a20-ui .a16-chart-caption{border-top-color:#1c2b21!important;color:#89988f!important}
body.a20-ui .a16-chart-caption strong{color:var(--a20-green)}
body.a20-ui .a16-table-wrap{
  border:1px solid #243127!important;border-radius:10px;background:#070b08!important
}
body.a20-ui .a16-table{background:#070b08!important;color:#dce7df!important}
body.a20-ui .a16-table thead th{
  position:sticky;top:0;z-index:3;background:#0b120e!important;color:#b9c6bd!important;
  border-bottom:1px solid #26332a!important
}
body.a20-ui .a16-table td{border-bottom-color:#17221a!important;color:#d5e0d8!important}
body.a20-ui .a16-table tbody tr:hover{background:#0d1710!important}
body.a20-ui .a16-excel-reset{
  background:#0a100c!important;color:#cbd6ce!important;border:1px solid #334239!important
}
body.a20-ui .a16-learning-card{border-color:#5d4b18!important}
body.a20-ui .a16-learning-badge{background:#362c0d!important;color:#f0cd69!important}
body.a20-ui .a16-learning-cell,body.a20-ui .a16-learning-adjust{
  background:#0b110d!important;border-color:#28382d!important;color:#d6e1da!important
}
body.a20-ui .a16-learning-adjust{border-left-color:var(--a20-gold)!important}
body.a20-ui .a16-strategy-grid{gap:10px!important}
body.a20-ui .a16-strategy{border-color:#28372d!important}
body.a20-ui .a16-strategy:hover{border-color:#6d5820!important;box-shadow:0 0 0 1px rgba(216,179,75,.14)}
body.a20-ui .a16-strategy .a16-system-reason{background:#08100b!important;border-color:#223129!important}
.a20-topbar{
  display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 11px;
  border:1px solid var(--a20-line);border-radius:10px;background:#070b08
}
.a20-topbar .title{font-weight:900;color:#f2f7f4}.a20-topbar .muted{font-size:10px;color:#7e8d84}
.a20-topbar .push{margin-left:auto}
.a20-chip{border:1px solid #3e3517;color:#efd273;background:#100e07;border-radius:999px;padding:4px 8px;font-size:10px}
.a20-right-rail{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 14px
}
.a20-rail-card{
  border:1px solid #27372d;background:linear-gradient(180deg,#0a120d,#080c09);border-radius:11px;padding:11px;
  min-height:84px;color:#dbe6df
}
.a20-rail-card h4{margin:0 0 6px;color:#efd16e;font-size:12px}.a20-rail-card p{margin:0;color:#8e9c93;font-size:10px;line-height:1.55}
.a20-rail-card button{
  margin-top:8px;background:#10160f;border:1px solid #5a4818;color:#eecf6b;border-radius:7px;padding:6px 8px;font-size:10px;cursor:pointer
}
.a20-symbol-tools{display:inline-flex;gap:4px;margin-left:5px;vertical-align:middle}
.a20-symbol-tools button{
  border:1px solid #46533f!important;background:#0b120e!important;color:#8fe9a8!important;
  border-radius:5px!important;font-size:9px!important;padding:2px 5px!important;cursor:pointer!important
}
#a20-fullpage{
  position:fixed;z-index:4700;inset:0;background:#030504;color:#eef7f0;
  overflow:auto;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif
}
#a20-fullpage .inner{max-width:1540px;margin:0 auto;padding:18px}
#a20-fullpage .fp-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #26332a;padding-bottom:12px;margin-bottom:14px}
#a20-fullpage .fp-head h1{margin:0;font-size:26px}.fp-back,.fp-close{
  border:1px solid #5a4818;background:#0b100d;color:#f1f5f2;border-radius:8px;padding:7px 10px;cursor:pointer
}
.fp-close{margin-left:auto}
.fp-grid{display:grid;grid-template-columns:1.05fr 1fr .95fr;gap:12px}
.fp-card{background:linear-gradient(180deg,#0b120e,#070a08);border:1px solid #27362c;border-radius:12px;padding:14px}
.fp-card h2,.fp-card h3{margin:0 0 10px;color:#f0cf69}
.fp-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin:10px 0 14px}
.fp-kpi{background:#0b120e;border:1px solid #2a382e;border-radius:9px;padding:10px}
.fp-kpi small{display:block;color:#819087}.fp-kpi b{display:block;color:#f1f8f3;font-size:18px;margin-top:4px}
.fp-list{margin:0;padding-left:18px;color:#cfd9d2;line-height:1.65}
.fp-table{width:100%;border-collapse:collapse;font-size:11px}.fp-table th,.fp-table td{padding:8px;border-bottom:1px solid #1c2820;text-align:left}
.fp-table th{color:#8e9c93}.fp-good{color:var(--a20-green)}.fp-bad{color:var(--a20-red)}.fp-gold{color:#efce68}
.fp-canvas{width:100%;height:480px;background:#050806;border:1px solid #25342a;border-radius:10px}
.fp-tools{display:flex;gap:6px;justify-content:flex-end;margin:6px 0 9px}.fp-tools button{
  background:#09100c;color:#c8d4cc;border:1px solid #334238;border-radius:7px;padding:6px 9px;cursor:pointer
}
.fp-tools button.active{background:#d8b34b;color:#080b09;border-color:#d8b34b}
.fp-note{font-size:10px;color:#7c8b82;margin-top:8px}
@media(max-width:1100px){
  body.a20-ui #a16-shell{grid-template-columns:1fr!important}
  body.a20-ui #a16-stage{grid-column:1}
  #a20-side{display:none}
  body.a20-ui #a16-custom{padding:14px 10px 90px!important}
  body.a20-ui #a16-nav{display:grid!important;background:#07100b!important;border-top-color:#223028!important}
  body.a20-ui .a16-nav-btn{color:#9eaba3!important}
  body.a20-ui .a16-nav-btn.active{color:#f5f8f6!important;background:#0d1710!important;box-shadow:inset 0 2px 0 var(--a20-gold)!important}
  body.a20-ui .a16-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .a20-right-rail{grid-template-columns:1fr}
  .fp-grid{grid-template-columns:1fr}.fp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  body.a20-ui .a16-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #a20-fullpage .inner{padding:10px}
  .fp-canvas{height:340px}
}