/* ==========================================================================
   首页（offer）主题层：在 style.css 之后加载，把产品页、购买页、更新日志、
   对比页、条款与隐私页的配色、按钮、卡片、页脚统一到新首页的暖白 + 橙色。
   只覆盖令牌与少量组件外观，不改页面结构。
   ========================================================================== */
:root{
  --bg:#fffaf5;
  --bg-soft:#fff3e9;
  --card:#ffffff;
  --card-hover:#fffdfb;
  --line:#efe2d5;
  --line-strong:#e2d2c2;
  --text:#221a14;
  --muted:#7b6d61;
  --faint:#8a7f72;
  --accent:#d24e1c;
  --accent-bright:#b03e12;
  --accent-glow:rgba(210,78,28,.16);
  --accent-btn:#d24e1c;
  --accent-btn-hover:#b03e12;
  --promo-bg:#ffe9dc;
  --stage-a:#f8e7d7;
  --stage-b:#f2d2bb;
  --stage-c:#e6b492;
  --stage-bar:rgba(255,255,255,.64);
  --stage-win-bg:#fff;
  --stage-win-border:#ecd2bd;
}
.btn--primary{background:var(--accent-btn);border-color:var(--accent-btn)}
.btn--primary:hover{background:var(--accent-btn-hover);border-color:var(--accent-btn-hover)}
.footer{background:#221a14;color:#c9b9ac}
.footer a:hover{color:#fff}
.promo-bar{background:var(--accent);color:#fff}

/* ---------- 统一导航（首页结构） ---------- */
.nav__in{display:flex;align-items:center;gap:18px;height:60px}
.nav__in .brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:16px;letter-spacing:-.02em}
.nav__in .brand img{width:27px;height:27px;border-radius:7px}
.nav__mid{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:13px;color:var(--muted)}
.nav__mid a:hover{color:var(--ink)}
.nav__buy{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:10px;background:var(--accent);color:#fff;font-size:13.5px;font-weight:650;box-shadow:0 8px 18px -10px rgba(210,78,28,.8);transition:background .2s,transform .2s var(--ease)}
.nav__buy:hover{background:var(--accent-btn-hover);transform:translateY(-1px)}
@media(max-width:820px){.nav__mid a:not(.nav__buy){display:none}.nav__buy{margin-left:auto}}

/* ---------- 统一页脚（分组） ---------- */
.footer{background:#221a14;color:#c9b9ac;padding:44px 0 110px;font-size:12.5px}
.footer__in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;align-items:start}
.footer__brandcol{max-width:300px}
.footer__brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:650;font-size:14px}
.footer__brand img{width:24px;height:24px;border-radius:6px}
.footer__col{display:grid;gap:9px;align-content:start;justify-items:start}
.footer__col h4{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#8d7d70;margin:0 0 2px}
.footer__col a{color:#c9b9ac;font-size:12.5px;transition:color .2s}
.footer__col a:hover{color:#fff}
.footer__bar{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:#8d7d70}
@media(max-width:700px){
  .footer__in{grid-template-columns:1fr 1fr;gap:26px 24px}
  .footer__brandcol{grid-column:span 2;max-width:none}
}

/* ---------- 粘性购买条（非购买页） ---------- */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,250,245,.95);border-top:1px solid var(--line-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -12px 30px -20px rgba(80,40,20,.4);transform:translateY(110%);transition:transform .35s var(--ease)}
.sticky.in{transform:none}
.sticky__in{display:flex;align-items:center;gap:14px;padding:10px 0}
.sticky__id{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:650}
.sticky__id img{width:27px;height:27px;border-radius:6px}
.sticky__price{margin-left:auto;display:flex;align-items:baseline;gap:7px;font-size:12px;color:var(--muted)}
.sticky__price b{font-size:19px;color:var(--ink);letter-spacing:-.03em}
.sticky .btn{height:42px;font-size:14px;padding:0 18px;border-radius:9px}
@media(max-width:520px){.sticky__id span{display:none}.sticky__price span{display:none}}