/* ===================================================================
   序引 · 品牌出海 — 全站共用样式（单一真源）
   目前覆盖：冷白页眉 .sq-head / 深色页眉 .site-head / 页脚 .sq-foot。
   改这里 = 全站同步（各页 <link> 引用本文件）。
   样式刻意用字面值、不依赖各页 :root 变量，确保深/浅主题页面都一致。
   =================================================================== */

/* ---------- 内容页共用页眉（冷白）---------- */
.sq-head{position:sticky;top:0;z-index:40;background:rgba(250,250,250,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid #E3E6EA;font-family:Inter,"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.sq-head a{color:inherit;text-decoration:none}
.sq-head-inner{width:min(1240px,calc(100% - 48px));margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px}
.sq-brand{display:grid;gap:2px;line-height:1.12}
.sq-brand strong{font-family:Fraunces,"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;font-size:22px;font-weight:600;color:#0F172A;letter-spacing:-.01em}
.sq-brand span{font-family:Fraunces,"Noto Serif SC","Songti SC",serif;font-size:11.5px;color:#6B7280}
.sq-brand span small{font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:9px;color:#9CA3AF;letter-spacing:.16em;text-transform:uppercase;margin-left:7px}
.sq-nav{display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:12px;color:#6B7280;letter-spacing:.08em;text-transform:uppercase}
.sq-nav a{position:relative;padding:12px 0}
.sq-nav a:hover{color:#0F172A}
.sq-nav a.active{color:#0F172A}
.sq-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#8B1A1A}
@media(max-width:680px){
  .sq-head{position:static}
  .sq-head-inner{flex-wrap:wrap;gap:10px;min-height:0;padding:14px 24px}
  .sq-brand strong{font-size:20px}
  .sq-nav{gap:16px;font-size:12px}
}

/* ---------- 深色页眉 .site-head（主页 / 市场地图等地球页共用）---------- */
.site-head{position:sticky;top:0;z-index:36;background:#0A1322;border-bottom:1px solid rgba(255,255,255,.07)}
.site-head a{color:inherit;text-decoration:none}
.site-head .head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;width:min(1320px,calc(100% - clamp(44px,8vw,160px)));margin:0 auto}
.hbrand strong{display:block;font-family:Fraunces,"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;font-size:23px;font-weight:600;color:#fff;line-height:1.1}
.hbrand span{display:block;margin-top:3px;font-family:Fraunces,"Noto Serif SC","Songti SC",serif;font-size:12.5px;font-weight:500;color:#8FB9F2;letter-spacing:.02em}
.hbrand span small{font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:9px;color:#5E6E85;letter-spacing:.16em;text-transform:uppercase;margin-left:7px}
.hnav{display:flex;align-items:center;gap:22px;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:12px;color:#9DA9BC;letter-spacing:.04em;margin-left:auto}
.hnav a:hover,.hnav a.active{color:#fff}
.atlas-link{position:relative;display:inline-block}
.atlas-link>a{color:#9DA9BC}
.atlas-link>a:hover{color:#fff}
.atlas-tip{position:absolute;top:calc(100% + 12px);right:0;white-space:nowrap;background:rgba(46,50,58,.97);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 12px;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:10px;color:#E8EAED;letter-spacing:.03em;z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.atlas-tip:after{content:"";position:absolute;bottom:100%;right:16px;border:6px solid transparent;border-bottom-color:rgba(46,50,58,.97)}
@media(max-width:760px){
  /* 手机端：导航不隐藏，改为品牌行下方的整行横滑链接条 */
  .site-head .head-inner{flex-wrap:wrap;gap:4px;padding:12px 0 4px}
  .hnav{margin-left:0;width:100%;overflow-x:auto;gap:20px;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hnav::-webkit-scrollbar{display:none}
  .hnav a{padding:10px 0;white-space:nowrap;flex:none}
  .atlas-tip{display:none}
}

/* ---------- 数据速览条（深色页顶部 LIVE 横条，内容由页面 JS 从 GLOBE_DATA 填充）---------- */
.live-banner{background:#070D18;color:#D8D2C7;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:11px;letter-spacing:.05em;text-align:center;padding:8px;position:relative;z-index:30}
.live-banner .livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#E03A3A;vertical-align:middle;margin-right:5px;animation:lhblink 1.6s infinite}
.live-banner b{color:#fff}
@keyframes lhblink{0%,100%{opacity:1}50%{opacity:.35}}

/* ---------- 全站共用页脚 ---------- */
.sq-foot{
  padding:50px 0 26px;background:#0F172A;color:#A8A098;position:relative;z-index:10;
  font-family:Inter,"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.sq-foot a{color:inherit;text-decoration:none}
.sq-foot-inner{width:min(1740px,calc(100% - clamp(44px,8vw,160px)));margin:0 auto}
.sq-foot-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding-bottom:24px;border-bottom:1px solid rgba(250,250,247,.12)}

.sq-foot-brand strong{display:block;color:#fff;font-family:Fraunces,"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;font-size:24px;font-weight:600}
.sq-foot-sub{display:block;margin-top:6px;font-size:14px;color:#C9C2B8}
.sq-foot-brand em{display:block;margin-top:7px;color:#80776E;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:11px;font-style:normal;letter-spacing:.05em}
.sq-foot-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:11px;color:#C9C2B8}
.sq-foot-nav a:hover{color:#fff}

.sq-foot-contact{display:grid;justify-items:end;gap:10px;text-align:right;font-size:13px;line-height:1.7}
.sq-foot-contact p{margin:0}
.sq-foot-contact a{color:#D8D2C7;border-bottom:1px solid rgba(216,210,199,.5)}
.sq-foot-contact a:hover{color:#fff}
.sq-foot-wechat{display:flex;gap:16px;align-items:flex-start;justify-content:flex-end}
.sq-foot-wechat img{width:88px;height:88px;display:block;object-fit:cover;background:#fff;padding:4px;border:1px solid rgba(250,250,247,.14)}
.sq-foot-wechat>div{text-align:left}
.sq-foot-wxname{color:#D8D2C7;font-weight:500;text-align:right}

.sq-foot-copy{margin-top:18px;color:#6B6560;font-family:"JetBrains Mono","SF Mono",Consolas,Monaco,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:900px){
  .sq-foot-main{grid-template-columns:1fr;gap:28px}
  .sq-foot-contact{justify-items:start;text-align:left}
  .sq-foot-wechat{justify-content:flex-start}
  .sq-foot-wxname{text-align:left}
}
