/* ─────────────────────────────────────────────
   ORIGINODE 全站公共 · 页头 + 页脚（单一样式源）
   本文件由 _partials/header.html + _partials/footer.html 配套使用
   所有页面在 </head> 前引用本文件，覆盖各页内联的旧样式
   ───────────────────────────────────────────── */

/* 固定壳：页头 */
.chrome{
  position:fixed;z-index:20;top:0;left:0;right:0;height:76px;
  display:flex;align-items:center;justify-content:space-between;padding:0 34px;
  background:linear-gradient(rgba(255,255,255,.045),rgba(255,255,255,0)),rgba(10,13,11,.55);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border-bottom:1px solid rgba(242,239,233,.16);box-shadow:0 10px 34px rgba(0,0,0,.38);
}
.chrome.scrolled{
  background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,0)),rgba(10,13,11,.88);
  box-shadow:0 14px 44px rgba(0,0,0,.58);border-bottom-color:rgba(255,122,47,.24);
}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em}
.brand-mark{color:var(--accent);font-size:14px}
.brand-name{font-size:15px}
.mainnav{display:flex;gap:26px;font-size:13px;color:var(--mut)}
.mainnav a{transition:color .2s;letter-spacing:.08em;position:relative}
.mainnav a:hover{color:var(--ink)}
.mainnav a.is-on{color:var(--accent2)}
.mainnav a::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.mainnav a:hover::after,.mainnav a.is-on::after{transform:scaleX(1)}
.nav-toggle,.menu-btn{display:none}
.nav-contact{display:none}
.cta{
  padding:9px 18px;border:1px solid rgba(255,122,47,.5);color:var(--accent2);
  border-radius:999px;font-size:13px;letter-spacing:.08em;transition:all .2s;
  position:relative;overflow:hidden;
}
.cta:hover{box-shadow:0 0 22px rgba(255,122,47,.30);border-color:var(--accent2)}

/* 固定壳：页脚（全站统一，置底常驻） */
.stage-foot{
  position:fixed;z-index:20;bottom:0;left:0;right:0;min-height:84px;
  display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;
  padding:10px 34px;
  background:linear-gradient(rgba(255,255,255,.045),rgba(255,255,255,0)),rgba(10,13,11,.55);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border-top:1px solid rgba(242,239,233,.16);box-shadow:0 -10px 34px rgba(0,0,0,.30);
  font-size:11.5px;color:var(--mut);letter-spacing:.06em;
}
.foot-line{display:flex;align-items:center;justify-content:space-between;gap:18px}
.foot-links{display:flex;gap:18px;margin-left:auto}
.foot-links a{color:rgba(242,239,233,.65);transition:color .2s}
.foot-friends{display:flex;align-items:center;gap:16px;font-size:11px;flex-wrap:wrap}
.foot-friends-label{color:var(--mut);letter-spacing:.24em;border-left:2px solid var(--accent);padding-left:8px}
.foot-friends a{color:rgba(242,239,233,.45);transition:color .2s}
.foot-beian{font-size:11px;color:rgba(242,239,233,.45);transition:color .2s}
.foot-map{color:rgba(242,239,233,.55);transition:color .2s}
.foot-legal{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:rgba(242,239,233,.45)}
.foot-legal .sep{color:rgba(242,239,233,.25)}
.foot-legal a{color:rgba(242,239,233,.45);transition:color .2s}
.foot-slg{color:rgba(242,239,233,.55)}
.stage-foot a:hover{color:var(--accent2)}
.legal-title{text-align:center}
.legal-title::after{content:"";display:block;width:64px;height:2px;margin:14px auto 0;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;box-shadow:0 0 12px rgba(255,122,47,.35)}
.doc-sign{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);text-align:center;color:var(--mut);font-size:12px;letter-spacing:.16em;line-height:2}

/* 窄屏：导航折叠 + 页脚换行 */
@media (max-width:900px){
  .chrome{height:auto;min-height:76px;padding:0 16px;flex-wrap:wrap}
  .mainnav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(10,13,11,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(242,239,233,.16);padding:6px 18px 14px}
  .mainnav a{display:block;padding:13px 2px;font-size:14px;border-bottom:1px solid rgba(242,239,233,.16);letter-spacing:.06em}
  .mainnav a:last-child{border-bottom:none}
  .nav-toggle:checked ~ .mainnav{display:flex}
  .menu-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;letter-spacing:.12em;color:var(--mut);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
  .nav-contact{display:block}
  .cta{display:none}
  .stage-foot{min-height:auto;padding:12px 18px;gap:8px}
  .foot-line{flex-wrap:wrap;gap:4px}
  .foot-slg{display:none}
  .foot-friends{flex-wrap:wrap;gap:8px 14px}
}