/* 全相派共享页眉页脚样式（v2026.09.13 · v6 青绿山水色板）
   作用域：#pir2-shared-header / #pir2-shared-footer
   避免与页面自有样式冲突 */
#pir2-shared-header,
#pir2-shared-footer{
  --sh-bg:#F6F2E9;
  --sh-bg2:#EFE9DB;
  --sh-purple:#33544F;
  --sh-magenta:#9E3B32;
  --sh-rose:#B08A45;
  --sh-gold:#B08A45;
  --sh-ink:#26241F;
  --sh-ink2:#4F4A41;
  --sh-muted:#867E70;
  --sh-grad:linear-gradient(135deg,#33544F,#4A7C8C 55%,#4A7C8C);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}

/* ===== 稀缺条 ===== */
#pir2-shared-header .sh-scarcity{
  background:rgba(176,138,69,.10);
  color:#7A5A16;
  font-size:12.5px;
  padding:8px 16px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(176,138,69,.22);
}
#pir2-shared-header .sh-scarcity .dot{
  display:inline-block;width:7px;height:7px;background:var(--sh-gold);border-radius:50%;
  animation:pir2-pulse 1.5s infinite;
}
@keyframes pir2-pulse{0%,100%{opacity:1}50%{opacity:.3}}
#pir2-shared-header .sh-scarcity .num{color:var(--sh-gold);font-weight:700}
#pir2-shared-header .sh-scarcity .cta{color:var(--sh-gold);text-decoration:underline;font-weight:600;margin-left:4px}

/* ===== Header ===== */
#pir2-shared-header .sh-header{
  position:sticky;top:0;z-index:100;
  background:rgba(246,242,233,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(38,36,31,.12);
}
#pir2-shared-header .sh-bar{
  max-width:1180px;margin:0 auto;padding:9px 20px 7px;
  display:flex;align-items:center;justify-content:space-between;
  min-height:62px;gap:14px;flex-wrap:wrap;
}
#pir2-shared-header .sh-brand{
  display:flex;align-items:center;gap:10px;
  font-weight:800;font-size:18px;color:var(--sh-ink);text-decoration:none;
  flex-shrink:0;
}
#pir2-shared-header .sh-brand img{width:36px;height:36px;border-radius:50%;display:block}
#pir2-shared-header .sh-brand small{
  display:block;font-size:10px;font-weight:400;color:var(--sh-muted);letter-spacing:.08em;
}
#pir2-shared-header nav.sh-nav{
  display:flex;gap:16px;font-size:13.5px;color:var(--sh-ink2);
  order:3;width:100%;justify-content:center;flex-wrap:wrap;padding-bottom:3px;
}
#pir2-shared-header nav.sh-nav a{
  opacity:.9;transition:.25s;position:relative;
  display:inline-flex;align-items:center;gap:5px;
  color:var(--sh-ink2);text-decoration:none;white-space:nowrap;
}
#pir2-shared-header nav.sh-nav a:hover{opacity:1;color:var(--sh-gold)}
#pir2-shared-header nav.sh-nav a.active{color:var(--sh-gold)}
#pir2-shared-header nav.sh-nav a[href="/haixia.html"]::before,
#pir2-shared-header nav.sh-nav a[href="haixia.html"]::before{
  content:"";display:inline-block;width:15px;height:15px;border-radius:50%;
  background:url(haixia/nihaixia-icon.png) center/cover no-repeat;flex-shrink:0;
}
#pir2-shared-header .sh-right{
  display:flex;align-items:center;gap:6px;flex-shrink:0;
}
#pir2-shared-header .sh-lang{
  display:flex;align-items:center;gap:2px;
  background:rgba(51,84,79,.14);border:1px solid rgba(51,84,79,.28);
  border-radius:999px;padding:2px;
}
#pir2-shared-header .sh-lang button{
  border:none;background:transparent;color:var(--sh-ink2);
  font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;cursor:pointer;transition:.25s;
}
#pir2-shared-header .sh-lang button.on{background:var(--sh-grad);color:#fff;box-shadow:0 2px 8px rgba(51,84,79,.35)}
#pir2-shared-header .sh-btn{
  display:inline-flex;align-items:center;gap:4px;
  font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:999px;
  text-decoration:none;white-space:nowrap;transition:.25s;cursor:pointer;border:none;
}
#pir2-shared-header .sh-btn.app{
  color:var(--sh-gold);border:1px solid rgba(176,138,69,.32);background:rgba(176,138,69,.06);
}
#pir2-shared-header .sh-btn.app:hover{background:rgba(176,138,69,.12)}
#pir2-shared-header .sh-btn.auth{
  color:var(--sh-ink2);border:1px solid rgba(51,84,79,.24);background:transparent;
}
#pir2-shared-header .sh-btn.auth:hover{color:var(--sh-gold);border-color:var(--sh-gold)}
#pir2-shared-header .sh-btn.cta{
  background:var(--sh-grad);color:#fff;box-shadow:0 4px 16px rgba(51,84,79,.35);
}
#pir2-shared-header .sh-btn.cta:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(51,84,79,.5)}
#pir2-shared-header .sh-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;border-radius:8px;background:rgba(51,84,79,.15)}
#pir2-shared-header .sh-burger span{width:22px;height:2px;background:#3A362E;border-radius:2px}

/* ===== Footer ===== */
#pir2-shared-footer{
  background:rgba(51,84,79,.07);
  border-top:1px solid rgba(38,36,31,.12);
  padding:46px 0 28px;
}
#pir2-shared-footer .sh-fwrap{
  max-width:1200px;margin:0 auto;padding:0 20px;
}
#pir2-shared-footer .sh-fgrid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;margin-bottom:30px;
}
#pir2-shared-footer .sh-fbrand a{
  display:flex;align-items:center;gap:10px;
  font-weight:800;font-size:18px;color:var(--sh-ink);text-decoration:none;
}
#pir2-shared-footer .sh-fbrand img{width:36px;height:36px;border-radius:50%}
#pir2-shared-footer .sh-fbrand p{
  font-size:12.5px;color:var(--sh-muted);margin-top:12px;max-width:300px;line-height:1.7;
}
#pir2-shared-footer .sh-fcol h5{
  font-size:12.5px;color:var(--sh-gold);letter-spacing:.1em;margin-bottom:13px;font-weight:700;
}
#pir2-shared-footer .sh-fcol a{
  display:block;font-size:12.5px;color:var(--sh-ink2);margin-bottom:8px;opacity:.9;transition:.25s;text-decoration:none;
}
#pir2-shared-footer .sh-fcol a:hover{opacity:1;color:var(--sh-gold)}
#pir2-shared-footer .sh-fcol a[href="/haixia.html"]::before,
#pir2-shared-footer .sh-fcol a[href="haixia.html"]::before{
  content:"";display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:-2px;margin-right:4px;
  background:url(haixia/nihaixia-icon.png) center/cover no-repeat;
}
#pir2-shared-footer .sh-fcontact{
  margin:14px 0 6px;font-size:12.5px;color:var(--sh-muted);line-height:2;
}
#pir2-shared-footer .sh-fcontact a{color:var(--sh-magenta);text-decoration:none}
#pir2-shared-footer .sh-fbottom{
  text-align:center;font-size:11.5px;color:var(--sh-muted);
  border-top:1px solid rgba(38,36,31,.12);padding-top:20px;line-height:1.9;
}

/* ===== 兼容：隐藏页面原有的简易页眉页脚，避免与共享布局重复 ===== */
/* 优先用 body> 提高特异性；若页面被插件/框架额外包裹，再用全局选择器兜底 */
body>.top,body>.brandbar,body>header,body>.foot,body>footer{display:none !important}
.top,.brandbar,.foot,footer{display:none !important}
header:not(.sh-header){display:none !important}

/* ===== 响应式 ===== */
@media (max-width:980px){
  #pir2-shared-header nav.sh-nav{display:none}
  #pir2-shared-header .sh-burger{display:flex}
  #pir2-shared-header .sh-right .sh-btn.app,
  #pir2-shared-header .sh-right .sh-btn.auth{display:none}
  #pir2-shared-header .sh-right .sh-btn.cta{padding:7px 12px;font-size:12px}
  #pir2-shared-footer .sh-fgrid{grid-template-columns:1fr 1fr;gap:22px}
}
@media (max-width:640px){
  #pir2-shared-header .sh-bar{height:56px;padding:0 14px}
  #pir2-shared-header .sh-brand{font-size:15px}
  #pir2-shared-header .sh-brand img{width:30px;height:30px}
  #pir2-shared-header .sh-lang button{padding:4px 7px;font-size:10px}
  #pir2-shared-header .sh-scarcity{font-size:11px;padding:6px 10px}
  #pir2-shared-footer{padding:34px 0 22px}
  #pir2-shared-footer .sh-fgrid{grid-template-columns:1fr;gap:18px;margin-bottom:22px}
}
/* 汉堡菜单展开 */
#pir2-shared-header .sh-header.menu-open nav.sh-nav{
  display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
  background:rgba(246,242,233,.98);border-bottom:1px solid rgba(51,84,79,.15);
  padding:16px 20px;gap:12px;z-index:99;
}
#pir2-shared-header .sh-header.menu-open .sh-right .sh-btn.app,
#pir2-shared-header .sh-header.menu-open .sh-right .sh-btn.auth{
  display:inline-flex;
}

/* v2026.09.13b: nav 第二行布局（11 项频道对齐 v6bar），修复单行溢出竖排 */

/* v2026.09.22a: 超窄屏（≤420px / ≤340px）页眉横排收紧
   问题：.sh-brand 与 .sh-right 均 flex-shrink:0，两者相加在 320px 下超出内容框 23px，
        产生整页横向滚动（实测 320px 溢出 23px）。
   修法：窄屏收紧留白与控件尺寸，使两簇能并排容纳；≤340px 再隐藏副标题。 */
@media (max-width:420px){
  #pir2-shared-header .sh-bar{gap:6px;padding:0 12px}
  #pir2-shared-header .sh-brand{gap:7px;font-size:13.5px}
  #pir2-shared-header .sh-brand img{width:26px;height:26px}
  #pir2-shared-header .sh-brand small{font-size:9px;letter-spacing:.04em}
  #pir2-shared-header .sh-lang{gap:1px;padding:1px}
  #pir2-shared-header .sh-lang button{padding:3px 6px;font-size:9.5px}
  #pir2-shared-header .sh-burger{padding:7px}
  #pir2-shared-header .sh-burger span{width:18px}
  #pir2-shared-header .sh-scarcity{padding:5px 10px;font-size:10.5px}
}
@media (max-width:340px){
  #pir2-shared-header .sh-brand small{display:none}
  #pir2-shared-header .sh-brand{font-size:13px}
  #pir2-shared-header .sh-lang button{padding:3px 5px;font-size:9px}
  #pir2-shared-header .sh-bar{gap:5px;padding:0 10px}
}