/* ============================================================
   OASIS 品牌皮肤（产品站：社区 / 资讯）
   在原有 CSS 之后加载：只覆盖颜色/圆角/字体变量 + 注入顶部品牌条与行情条。
   不改变布局结构，避免破坏现有交互。
   ============================================================ */

/* ── 社区（Telegram 风格）变量映射到品牌 v1.1 ── */
body.oasis-brand[data-site="community"]{
  --c-bg:#06070B;
  --c-panel:#0B0E14;
  --c-panel2:#0E1219;
  --c-hover:#151B26;
  --c-active:#0E3A2B;
  --c-bubble-in:#0E131C;
  --c-bubble-out:#12503A;
  --c-accent:#00FFA3;
  --c-link:#5FE8BC;
  --c-text:#EEF2FA;
  --c-text2:#B9C2D6;
  --c-text3:#7B86A0;
  --c-line:#090C12;
  --c-line2:#1A2330;
  --c-green:#00FFA3;
  --c-red:#FF6B8A;
  --c-amber:#FFC24B;
  --c-violet:#B49BFF;
  --c-cyan:#54D8F5;
  --c-badge:#00FFA3;
  --c-online:#00FFA3;
  --r:14px;
}

/* ── 资讯（报纸风格）变量映射 ── */
body.oasis-brand[data-site="news"]{
  --n-bg:#06070B;
  --n-panel:#0B0E14;
  --n-panel2:#0E1219;
  --n-hover:#151B26;
  --n-line:#090C12;
  --n-line2:#1A2330;
  --n-text:#EEF2FA;
  --n-text2:#B9C2D6;
  --n-text3:#7B86A0;
  --n-green:#00FFA3;
  --n-cyan:#54D8F5;
  --n-amber:#FFC24B;
  --n-red:#FF6B8A;
  --n-violet:#B49BFF;
  --n-accent:#00FFA3;
  --n-font:"Inter","PingFang SC","Hiragino Sans","Noto Sans KR","Microsoft YaHei",system-ui,sans-serif;
  --n-mono:"JetBrains Mono",Consolas,ui-monospace,monospace;
}

/* ── 顶部品牌条 + 行情条 ── */
#oasis-brand-shell{
  position:fixed;top:0;left:0;right:0;z-index:9999;
  background:rgba(6,7,11,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:"Inter","PingFang SC","Noto Sans KR","Microsoft YaHei",system-ui,sans-serif;
}
#oasis-brand-shell .ob-bar{
  height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;
}
#oasis-brand-shell .ob-logo{width:26px;height:26px;display:block}
#oasis-brand-shell .ob-name{
  font-family:"Archivo Black","Arial Black",Inter,sans-serif;font-size:13.5px;letter-spacing:.14em;color:#EEF2FA;
}
#oasis-brand-shell .ob-sep{width:1px;height:16px;background:rgba(255,255,255,.12);margin:0 4px}
#oasis-brand-shell a.ob-link{
  color:#8A93A8;text-decoration:none;font-size:12.5px;padding:5px 9px;border-radius:7px;transition:.15s;
}
#oasis-brand-shell a.ob-link:hover{color:#EEF2FA;background:rgba(255,255,255,.06)}
#oasis-brand-shell a.ob-link.on{color:#00FFA3;background:rgba(0,255,163,.08)}
#oasis-brand-shell .ob-right{margin-left:auto;display:flex;align-items:center;gap:8px}
#oasis-brand-shell .ob-sim{
  font-family:"JetBrains Mono",Consolas,monospace;font-size:9px;letter-spacing:.1em;color:#FFC24B;
  border:1px solid rgba(255,194,75,.35);background:rgba(255,194,75,.08);border-radius:999px;padding:3px 8px;
}
#oasis-brand-shell .ob-cta{
  font-size:12px;font-weight:700;color:#04120C;background:#00FFA3;border-radius:999px;padding:6px 13px;text-decoration:none;
}
#oasis-brand-shell .ob-cta:hover{box-shadow:0 6px 18px rgba(0,255,163,.25)}
/* 行情条 */
#oasis-brand-shell .ob-ticker{
  height:34px;display:flex;align-items:center;gap:0;border-top:1px solid rgba(255,255,255,.06);overflow:hidden;
}
#oasis-brand-shell .ob-live{
  display:flex;align-items:center;gap:6px;font-family:"JetBrains Mono",Consolas,monospace;font-size:9px;
  letter-spacing:.14em;color:#00FFA3;padding:0 12px;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;
}
#oasis-brand-shell .ob-live i{width:5px;height:5px;border-radius:50%;background:#00FFA3;box-shadow:0 0 8px #00FFA3;display:block}
#oasis-brand-shell .ob-tk-wrap{flex:1;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
#oasis-brand-shell .ob-tk{
  display:flex;align-items:center;gap:20px;width:max-content;
  animation:ob-tk 46s linear infinite;will-change:transform;
}
#oasis-brand-shell .ob-tk-wrap:hover .ob-tk{animation-play-state:paused}
@keyframes ob-tk{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}
#oasis-brand-shell .ob-i{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",Consolas,monospace;
  font-size:10.5px;white-space:nowrap;color:#8A93A8}
#oasis-brand-shell .ob-i b{color:#C7D0E4;font-weight:600}
#oasis-brand-shell .ob-i .p{color:#EEF2FA;font-variant-numeric:tabular-nums}
#oasis-brand-shell .ob-i .u{color:#00FFA3}
#oasis-brand-shell .ob-i .d{color:#FF6B8A}

/* 给原页面让出顶部空间 */
body.oasis-brand{padding-top:78px !important}

/* 统一圆角与焦点态（温和覆盖） */
body.oasis-brand *{border-radius:inherit}
body.oasis-brand button,body.oasis-brand .btn,body.oasis-brand .nw-btn{border-radius:999px}
body.oasis-brand input,body.oasis-brand textarea,body.oasis-brand select{border-radius:12px}
body.oasis-brand ::selection{background:rgba(0,255,163,.28)}
body.oasis-brand a{color:inherit}
/* 品牌口径声明 */
#oasis-brand-note{
  margin-top:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;
  font-family:"Inter","PingFang SC",system-ui,sans-serif;font-size:11.5px;line-height:1.7;color:#7B86A0;
  background:rgba(255,255,255,.02);
}