/* FinanceAIpro shared visual layer: original terminal-style background + live section motion. */
:root{
  --display:"Inter",-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang HK","PingFang TC","PingFang SC","Heiti TC","Noto Sans TC",Arial,sans-serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang HK","PingFang TC","PingFang SC","Heiti TC","Noto Sans TC",Arial,sans-serif;
  
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --motion-red:255,56,72;
  --motion-amber:255,177,42;
  --motion-green:79,209,124;
  --motion-cyan:91,201,255;
  --motion-violet:177,139,255;
}
html[data-lang="zh-HK"]{
  --display:"Microsoft YaHei","PingFang HK","PingFang TC","PingFang SC","Heiti TC","Noto Sans TC","Noto Sans CJK TC",Arial,sans-serif;
  --sans:"Microsoft YaHei","PingFang HK","PingFang TC","PingFang SC","Heiti TC","Noto Sans TC","Noto Sans CJK TC",Arial,sans-serif;
}
html[data-lang="ja"]{
  --display:"Inter","Hiragino Sans","Yu Gothic","Noto Sans JP","Meiryo",Arial,sans-serif;
  --sans:"Inter","Hiragino Sans","Yu Gothic","Noto Sans JP","Meiryo",Arial,sans-serif;
}
html,body{font-family:var(--sans)!important;background:#07090d!important;}
h1,h2,h3,h4,.section-title,.hero-main h1,.news-card h3,.deep-card h3,.quake-meter .mag,.quake-item .qm,.quake-item h4,.opinion-lead h3,.signal-card b,.watch-panel h3,.evidence-card h3,.ask-copy h2,.product-card h3{font-family:var(--display)!important;}
body{position:relative;min-height:100vh;overflow-x:hidden;color:#e9edf3;}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;}
body::before{
  background:
    radial-gradient(circle at 18% 18%,rgba(var(--motion-red),.18),transparent 28%),
    radial-gradient(circle at 78% 8%,rgba(var(--motion-cyan),.16),transparent 30%),
    radial-gradient(circle at 62% 78%,rgba(var(--motion-amber),.11),transparent 34%),
    linear-gradient(180deg,#03050a 0%,#060910 52%,#07090d 100%);
  background-size:120% 120%,130% 130%,110% 110%,auto;
  animation:financeai-field 24s ease-in-out infinite alternate;
}
body::after{
  z-index:-2;
  opacity:.42;
  background:
    linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 84% 16%,rgba(var(--motion-cyan),.12) 0 1px,transparent 2px);
  background-size:88px 88px,88px 88px,180px 180px,260px 260px;
  animation:financeai-grid 38s linear infinite;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.38));
}
@keyframes financeai-field{0%{background-position:0% 0%,100% 0%,40% 100%,0 0}100%{background-position:18% 8%,76% 16%,62% 72%,0 0}}
@keyframes financeai-grid{to{background-position:88px 88px,-88px 44px,90px 160px,-130px 80px}}
@keyframes financeai-drift{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.025)}100%{transform:translate3d(0,2%,0) scale(1.01)}}
@keyframes financeai-scan{0%{transform:translateY(-105%);opacity:0}18%{opacity:.45}60%{opacity:.2}100%{transform:translateY(105%);opacity:0}}
@keyframes financeai-globe{0%{transform:rotate(-7deg) translate3d(0,0,0) scale(1)}100%{transform:rotate(-2deg) translate3d(-18px,8px,0) scale(1.018)}}
#headline{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.08) 0 1px,transparent 1.6px),
    radial-gradient(circle at 31% 58%,rgba(255,255,255,.06) 0 1px,transparent 1.7px),
    radial-gradient(circle at 84% 16%,rgba(var(--motion-cyan),.08) 0 1px,transparent 2px),
    linear-gradient(180deg,#03050a 0%,#060910 54%,#07090d 100%)!important;
  background-size:180px 180px,220px 220px,260px 260px,auto!important;
}
#headline::before{
  content:""!important;position:absolute!important;width:min(1180px,79vw)!important;aspect-ratio:1!important;right:clamp(-420px,-24vw,-120px)!important;top:clamp(-48px,-2vw,12px)!important;border-radius:50%!important;
  background:
    radial-gradient(circle at 23% 30%,rgba(255,255,255,.12) 0 9%,rgba(255,255,255,0) 22%),
    url('https://eoimages.gsfc.nasa.gov/images/imagerecords/57000/57723/globe_west_2048.jpg') no-repeat 50% 50%/108%!important;
  background-blend-mode:screen,normal!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 120px rgba(var(--motion-cyan),.18),-90px 0 180px rgba(48,124,255,.10),inset 0 0 18px rgba(255,255,255,.08),inset -96px 6px 120px rgba(0,0,0,.42),inset 18px 0 24px rgba(150,214,255,.08)!important;
  filter:saturate(1.14) contrast(1.03) brightness(1.06)!important;opacity:.96!important;pointer-events:none!important;z-index:-1!important;animation:financeai-globe 18s ease-in-out infinite alternate!important;
}
#headline::after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:-1!important;
  background:
    radial-gradient(circle at 77% 44%,rgba(var(--motion-cyan),.12) 0%,rgba(var(--motion-cyan),0) 22%),
    linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.90) 28%,rgba(7,9,13,.18) 56%,rgba(7,9,13,.58) 100%),
    linear-gradient(180deg,rgba(7,9,13,.12),rgba(7,9,13,.58) 58%,#07090d 100%)!important;
}
.band:not(#headline){position:relative;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.065);border-radius:4px;background:linear-gradient(180deg,rgba(11,15,21,.84),rgba(7,9,13,.74));box-shadow:0 18px 70px rgba(0,0,0,.24);isolation:isolate;}
.band:not(#headline)::before,.band:not(#headline)::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;}
.band:not(#headline)::before{background:radial-gradient(circle at var(--sx,18%) var(--sy,18%),rgba(var(--accent,91,201,255),.22),transparent 35%),radial-gradient(circle at 80% 78%,rgba(var(--accent2,255,177,42),.11),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,0) 42%);animation:financeai-drift var(--speed,18s) ease-in-out infinite alternate;}
.band:not(#headline)::after{opacity:.32;background:linear-gradient(transparent 0,rgba(255,255,255,.05) 48%,transparent 52%),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px);background-size:100% 42%,72px 72px,72px 72px;animation:financeai-scan var(--scan,9s) linear infinite;}
#video{--accent:91,201,255;--accent2:255,56,72;--sx:14%;--sy:18%;--speed:20s;--scan:8s;}
#overview{--accent:79,209,124;--accent2:91,201,255;--sx:76%;--sy:16%;--speed:22s;--scan:10s;}
#deep{--accent:217,178,107;--accent2:255,56,72;--sx:12%;--sy:68%;--speed:24s;--scan:11s;}
#markets{--accent:91,201,255;--accent2:79,209,124;--sx:86%;--sy:52%;--speed:19s;--scan:8.6s;}
#quake{--accent:255,177,42;--accent2:255,56,72;--sx:52%;--sy:12%;--speed:17s;--scan:7.6s;}
#opinion{--accent:177,139,255;--accent2:91,201,255;--sx:24%;--sy:20%;--speed:21s;--scan:9.4s;}
#radar{--accent:255,56,72;--accent2:217,178,107;--sx:80%;--sy:24%;--speed:23s;--scan:10.2s;}
#evidence{--accent:79,209,124;--accent2:217,178,107;--sx:18%;--sy:74%;--speed:20s;--scan:8.8s;}
#ask{--accent:79,209,124;--accent2:177,139,255;--sx:72%;--sy:18%;--speed:18s;--scan:8s;}
#products{--accent:91,201,255;--accent2:255,177,42;--sx:48%;--sy:82%;--speed:25s;--scan:11.4s;}
.panel,.news-card,.signal-card,.rank,.quake-meter,.quake-item,.opinion-lead,.op-card,.radar-card,.evidence-card,.product-card,.chat,.side-card,.lead,.feature-card,.drawer-card,.source,.brief,.event,.topic{backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.locale-select{height:34px;min-width:132px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(7,9,13,.72);color:#e9edf3;padding:0 9px;font:900 11px var(--mono);letter-spacing:.2px;outline:0;}
.locale-select:focus{border-color:rgba(var(--motion-cyan),.75);box-shadow:0 0 0 3px rgba(var(--motion-cyan),.16);}
html[data-lang="zh-HK"] .locale-select{font-family:var(--sans);}
@media(max-width:720px){.locale-select{min-width:104px}.band:not(#headline){padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}