:root{--bg:#ffffff;--surface:#f4f7fb;--line:#e1e7ef;--text:#0f1724;--muted:#5b6675;--chip:#edf2f8;--ink-2:#3a4452;
  --brand:#00b4ff;--brand-ink:#0069c2;--brand-soft:#e6f6ff;--on-brand:#04121f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1220;--surface:#131c2e;--line:#26324a;--text:#e8eef6;--muted:#93a1b5;--chip:#1a2438;--ink-2:#c9d4e3;
  --brand:#3dd6ff;--brand-ink:#3dd6ff;--brand-soft:#0d2a3d;--on-brand:#04121f}}
:root[data-theme="dark"]{--bg:#0b1220;--surface:#131c2e;--line:#26324a;--text:#e8eef6;--muted:#93a1b5;--chip:#1a2438;--ink-2:#c9d4e3;
  --brand:#3dd6ff;--brand-ink:#3dd6ff;--brand-soft:#0d2a3d;--on-brand:#04121f}
body{background:var(--bg)}

/* 頁首上緣：改用 theme.css 的掃描光條（AI 第 27 輪），這裡只加一點螢光藍光暈。標誌照本站用報馬仔紅（AI 第 22 輪） */
.nav::before{box-shadow:0 0 10px rgba(0,180,255,.45)}

/* 分類列表的示意小縮圖：原本是橘褐漸層，藍色版改成深藍到螢光藍（行內樣式，要用 !important） */
.cs-th{background:linear-gradient(135deg,#0a3a66,#00b4ff)!important}


.ticker{position:relative;background:
  radial-gradient(48% 95% at var(--g1) var(--gy1),rgba(0,170,255,.68),transparent 72%),
  radial-gradient(42% 85% at var(--g2) var(--gy2),rgba(190,230,120,.62),transparent 72%),
  radial-gradient(48% 95% at var(--g3) var(--gy3),rgba(0,130,255,.60),transparent 72%)}
.ticker .card{background:var(--bg);box-shadow:0 1px 2px rgba(15,23,36,.05)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ticker{background:
  radial-gradient(48% 95% at var(--g1) var(--gy1),rgba(0,190,255,.95),transparent 72%),
  radial-gradient(42% 85% at var(--g2) var(--gy2),rgba(150,240,130,.62),transparent 72%),
  radial-gradient(48% 95% at var(--g3) var(--gy3),rgba(30,120,255,.92),transparent 72%)}
  :root:not([data-theme="light"]) .ticker .card{background:var(--surface)}}
:root[data-theme="dark"] .ticker{background:
  radial-gradient(48% 95% at var(--g1) var(--gy1),rgba(0,190,255,.95),transparent 72%),
  radial-gradient(42% 85% at var(--g2) var(--gy2),rgba(150,240,130,.62),transparent 72%),
  radial-gradient(48% 95% at var(--g3) var(--gy3),rgba(30,120,255,.92),transparent 72%)}
:root[data-theme="dark"] .ticker .card{background:var(--surface)}

@property --g1{syntax:"<percentage>";inherits:false;initial-value:12%}
@property --g2{syntax:"<percentage>";inherits:false;initial-value:50%}
@property --g3{syntax:"<percentage>";inherits:false;initial-value:90%}
@property --gy1{syntax:"<percentage>";inherits:false;initial-value:118%}
@property --gy2{syntax:"<percentage>";inherits:false;initial-value:122%}
@property --gy3{syntax:"<percentage>";inherits:false;initial-value:118%}
@keyframes ticker-drift{
  0%{--g1:6%;--g2:44%;--g3:84%;--gy1:122%;--gy2:118%;--gy3:112%}
  50%{--g1:32%;--g2:72%;--g3:62%;--gy1:108%;--gy2:126%;--gy3:122%}
  100%{--g1:6%;--g2:44%;--g3:84%;--gy1:122%;--gy2:118%;--gy3:112%}}
.ticker{animation:ticker-drift 14s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ticker{animation:none}}

.wm2 b{color:#3DD6FF}

@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes edge-spin{to{--ang:360deg}}
.ticker .card{position:relative;transition:box-shadow .25s,transform .25s}
.ticker .card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--ang),#00B4FF,#7CF0C8,#C8F078,#3D7BFF,#9B6BFF,#00B4FF);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0;transition:opacity .25s}
.ticker .card:hover,.ticker .card:focus-within{transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(0,180,255,.18),0 6px 22px rgba(0,150,255,.28)}
.ticker .card:hover::after,.ticker .card:focus-within::after{opacity:1;animation:edge-spin 3.2s linear infinite}
@media (prefers-reduced-motion:reduce){.ticker .card:hover,.ticker .card:focus-within{transform:none}
  .ticker .card:hover::after,.ticker .card:focus-within::after{animation:none}}

.mark svg [fill="#D93625"],.mark svg [fill="#d93625"]{fill:#F25C45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mark svg [fill="#D93625"]{fill:#FF7A66}}
:root[data-theme="dark"] .mark svg [fill="#D93625"]{fill:#FF7A66}

.flashs-list li,.hero-list li{position:relative}
.flashs-list li::after,.hero-list li::after{content:"";position:absolute;inset:-6px -8px;border-radius:12px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--ang),#00B4FF,#7CF0C8,#C8F078,#3D7BFF,#9B6BFF,#00B4FF);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0;transition:opacity .25s;z-index:1}
.flashs-list li:hover::after,.flashs-list li:focus-within::after,.hero-list li:hover::after,.hero-list li:focus-within::after{opacity:1;animation:edge-spin 3.2s linear infinite}
.flashs-list li:hover,.hero-list li:hover{box-shadow:0 6px 22px rgba(0,150,255,.16);border-radius:12px}
@media (prefers-reduced-motion:reduce){.flashs-list li:hover::after,.flashs-list li:focus-within::after,.hero-list li:hover::after,.hero-list li:focus-within::after{animation:none}}

.tags .tag:nth-of-type(-n+3){border:1px solid transparent;color:var(--text);
  background:linear-gradient(100deg,rgba(0,180,255,.22),rgba(124,240,200,.22),rgba(155,107,255,.22)) padding-box,
    linear-gradient(var(--bg),var(--bg)) padding-box,
    linear-gradient(100deg,#00B4FF,#7CF0C8,#9B6BFF) border-box}
.tags .tag:nth-of-type(1)::after{content:"HOT";font:700 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#fff;
  background:linear-gradient(100deg,#0069C2,#6741D9);padding:3px 5px;border-radius:999px;margin-left:6px;vertical-align:2px}

/* AI 第 53 輪：深色時指標條下方螢光更強（底部補一層霓虹光帶） */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ticker{padding-bottom:18px;background:
  linear-gradient(0deg,rgba(0,200,255,.55),rgba(0,200,255,0) 62%),
  radial-gradient(48% 120% at var(--g1) 112%,rgba(0,200,255,1),transparent 72%),
  radial-gradient(42% 110% at var(--g2) 118%,rgba(170,255,120,.8),transparent 72%),
  radial-gradient(48% 120% at var(--g3) 114%,rgba(40,130,255,1),transparent 72%)}}
:root[data-theme="dark"] .ticker{padding-bottom:18px;background:
  linear-gradient(0deg,rgba(0,200,255,.55),rgba(0,200,255,0) 62%),
  radial-gradient(48% 120% at var(--g1) 112%,rgba(0,200,255,1),transparent 72%),
  radial-gradient(42% 110% at var(--g2) 118%,rgba(170,255,120,.8),transparent 72%),
  radial-gradient(48% 120% at var(--g3) 114%,rgba(40,130,255,1),transparent 72%)}


.csec-mid a,.csec-right li,.csec-body a.feat{position:relative}
.csec-mid a::after,.csec-right li::after,.csec-body a.feat::after{content:"";position:absolute;inset:-2px;border-radius:10px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--ang),#00B4FF,#7CF0C8,#C8F078,#3D7BFF,#9B6BFF,#00B4FF);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0;transition:opacity .25s}
.csec-mid a:hover,.csec-mid a:focus-visible,.csec-right li:hover,.csec-right li:focus-within,.csec-body a.feat:hover,.csec-body a.feat:focus-visible{border-color:transparent;box-shadow:0 6px 22px rgba(0,150,255,.18)}
.csec-mid a:hover::after,.csec-mid a:focus-visible::after,.csec-right li:hover::after,.csec-right li:focus-within::after,.csec-body a.feat:hover::after,.csec-body a.feat:focus-visible::after{opacity:1;animation:edge-spin 3.2s linear infinite}
@media (prefers-reduced-motion:reduce){.csec-mid a:hover::after,.csec-mid a:focus-visible::after,.csec-right li:hover::after,.csec-right li:focus-within::after,.csec-body a.feat:hover::after,.csec-body a.feat:focus-visible::after{animation:none}}


.cframe,.feat .photo-card,.feat .thumb{position:relative}
.cframe::before,.feat .photo-card::before,.feat .thumb::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;pointer-events:none;z-index:2;
  background:linear-gradient(120deg,#00B4FF,#7CF0C8,#C8F078,#3D7BFF,#9B6BFF);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.feat .photo-card,.feat .thumb{border-radius:12px}
.hub-links a.cframe{border-radius:12px}

/* 2026-10-27 側欄補內容（總監反映太空）：文章頁右欄「最新」卡、首頁日間快訊右欄；沿用 side-box／cat-label，不加色條 */
.side-new h3{margin:0 0 8px}
.sn-list,.sn-text{list-style:none;margin:0;padding:0}
.sn-list li,.sn-text li{border-top:1px solid var(--line)}
.sn-list li:first-child,.sn-text li:first-child{border-top:0}
.sn-list a{display:flex;gap:10px;padding:9px 0;align-items:flex-start}
.sn-th{flex:none;width:84px;aspect-ratio:1200/630;object-fit:cover;border-radius:4px;background:var(--chip)}
.sn-tx{min-width:0;display:flex;flex-direction:column;gap:3px}
.sn-tx b,.sn-text b{font-weight:600;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sn-tx time,.sn-text time{font-size:12px}
.sn-text a{display:flex;flex-direction:column;gap:2px;padding:9px 0}
.sn-list a:hover b,.sn-text a:hover b{color:var(--brand)}
.fs-sub{padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.fs-sub:first-of-type{border-top:0}
.fs-cat{font-weight:700;display:block;margin-bottom:3px}
.fs-sub span a{display:inline-block;margin:0 10px 2px 0;color:var(--muted)}
.fs-sub span a:hover,.fs-cat:hover{color:var(--brand)}
@media (min-width:1100px){
  .flashs-body{grid-template-columns:minmax(0,1fr) 340px;gap:24px}
  .flashs-side{display:block}
}
@media (max-width:1099px){.flashs-body{grid-template-columns:minmax(0,1fr)}.flashs-side{display:none}}