/* flow 基础页面 · 设计基底（模块共用；改这里 = 全站视觉）
   品牌：鎏·Terminal（鎏金渐变标题 / 标语 / 右下角常驻水印）
   槽位说明：
   - #slot-strip：顶部通栏，吸顶（sticky）。行情条等横幅类模块的家。
   - #slot-main ：内容区，后续模块按 order 依次挂载。 */
:root{
  color-scheme: light dark;
  --bg:#f2f2f7; --card:#fff; --text:#1c1c1e; --muted:#6e6e73;
  --sep:rgba(60,60,67,.14); --accent:#007aff;
  --seg-bg:rgba(118,118,128,.12); --seg-thumb:#fff;
  --press:rgba(120,120,128,.09); --shadow:0 1px 2px rgba(0,0,0,.04);
  --up:#248a3d; --down:#d70015; --up-soft:rgba(36,138,61,.16); --down-soft:rgba(215,0,21,.14);
  --amber:#b25000; --amber-soft:rgba(255,149,0,.18);
  --gild-a:#d4a017; --gild-b:#b8860b; --gild-c:#8a6408; /* 鎏金渐变（浅色主题） */
  --slogan:#8c6a15;
  --wm:rgba(60,60,67,.20);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#000; --card:#1c1c1e; --text:#f2f2f7; --muted:#98989e;
    --sep:rgba(84,84,88,.6); --accent:#0a84ff;
    --seg-bg:rgba(118,118,128,.24); --seg-thumb:#636366;
    --press:rgba(120,120,128,.16); --shadow:none;
    --up:#30d158; --down:#ff453a; --up-soft:rgba(48,209,88,.22); --down-soft:rgba(255,69,58,.22);
    --amber:#ff9f0a; --amber-soft:rgba(255,159,10,.22);
    --gild-a:#ffe9a3; --gild-b:#e9c455; --gild-c:#d4a017; /* 鎏金渐变（深色主题） */
    --slogan:#d9bd6b;
    --wm:rgba(235,235,245,.14);
  }
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;
}
/* —— 槽位 —— */
#slot-strip{
  position:sticky;top:0;z-index:60;
}
.wrap{max-width:680px;margin:0 auto;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 36px);}
/* —— 品牌区（鎏·Terminal） —— */
header{padding:18px 0 8px;}
h1.brand{font-size:clamp(34px,8.5vw,42px);line-height:1.06;font-weight:800;letter-spacing:.5px;margin:0 0 7px;}
.gild{
  background:linear-gradient(115deg,var(--gild-a) 0%,var(--gild-b) 52%,var(--gild-c) 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .gild{background:none;color:var(--gild-b);-webkit-text-fill-color:currentColor;}
}
.subtitle{margin:0 0 9px;font-size:11.5px;line-height:1.3;font-weight:600;letter-spacing:.16em;color:var(--muted);}
.slogan{
  display:block;max-width:100%;min-height:1.45em;margin:0;padding:0;border:0;background:none;
  font:inherit;font-size:13px;font-weight:500;line-height:1.45;letter-spacing:.02em;text-align:left;
  color:var(--slogan);cursor:pointer;
  opacity:0;transition:opacity .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.slogan.on{opacity:1;transition-duration:.5s;}
.slogan:focus-visible{outline:2px solid var(--slogan);outline-offset:3px;border-radius:4px;}
/* —— 右下角常驻水印 —— */
.wm{
  position:fixed;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;
  font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap;
  color:var(--wm);pointer-events:none;user-select:none;-webkit-user-select:none;
}
[hidden]{display:none !important;}
@media (prefers-reduced-motion: reduce){
  .slogan{transition:none;}
}
/* —— 桌面端 —— */
@media (min-width:768px){
  .wrap{max-width:720px;}
}
@media (min-width:1024px){
  .wrap{max-width:1180px;padding:0 24px calc(env(safe-area-inset-bottom,0px) + 48px);}
}