/* IGNIREE — B1 Set (H, E, R) */
:root{
  --brand-50:#fff7ec; --brand-100:#fff1e3; --brand-200:#ffd6ad; --brand-300:#ffb65c;
  --brand-400:#ffa133; --brand-500:#ff8a00; --brand-600:#ff6a00; --brand-700:#d95500;
  --ink:#0f172a; --muted:#475569; --paper:#fffaf5; --line:#efe6db;
  --cw-lg:1280px; --cw-xl:1360px; --gutter:20px;
}
@media (min-width:1200px){ .container{width:var(--cw-lg)!important;max-width:var(--cw-lg)!important;margin:0 auto;} }
@media (min-width:1400px){ .container{width:var(--cw-xl)!important;max-width:var(--cw-xl)!important;} }

.b1-btn{ display:inline-block; padding:12px 18px; border-radius:12px; font-weight:800; letter-spacing:.2px;
  text-decoration:none; border:1px solid var(--brand-600); background:var(--brand-600); color:#fff!important; transition:.2s ease; }
.b1-btn:hover{ background:var(--brand-700); border-color:var(--brand-700); }
.b1-btn--ghost{ background:#fff; color:var(--brand-700)!important; border-color:var(--brand-300); }
.b1-btn--ghost:hover{ background:var(--brand-50); border-color:var(--brand-400); }

/* B1 H */
.b1-hero{ background: radial-gradient(1200px 600px at 80% -10%, var(--brand-50), transparent), var(--paper);
  border-bottom:1px solid var(--line); padding:48px 0 28px; }
.b1-hero h1{ font-size: clamp(34px, 4.2vw, 56px); line-height:1.08; font-weight:900; color:var(--ink); margin:0 0 12px; }
.b1-hero .lead{ font-size: clamp(16px, 1.65vw, 20px); line-height:1.6; color:var(--muted); margin:8px 0 16px; }
.b1-hero .kpis{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.b1-hero .k{ font-weight:800; font-size:14px; color:#9a6b2b; padding:8px 10px; border-radius:10px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc); border:1px solid #f3ddc8; }

/* B1 E */
.b1-explore{ padding:28px 0; }
.b1-grid{ display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:768px){ .b1-grid{ grid-template-columns:repeat(3,1fr);} }
.b1-card{ padding:18px; border-radius:16px; background:#fff; border:1px solid var(--line); box-shadow:0 1px 0 rgba(0,0,0,.02); }
.b1-card .badge{ display:inline-block; font-size:12px; letter-spacing:.06em; color:#9a6b2b; background:#fff3e0; border:1px solid #f4d9b4; padding:6px 10px; border-radius:999px; margin-bottom:8px; }
.b1-card h3{ margin:4px 0 6px; font-size:20px; color:var(--ink); }
.b1-card p{ margin:0 0 12px; color:var(--muted); }
.b1-card .actions{ display:flex; gap:8px; }

/* B1 R */
.b1-reviews{ background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:16px 0; }
.b1-reviews .row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; }
.b1-reviews .pill{ font-weight:800; color:#a16207; background:linear-gradient(180deg,#fff7ee,#ffe9cc);
  border:1px solid #f3ddc8; padding:8px 12px; border-radius:10px; }

/* Utilities */
.b1-section{ padding:28px 0; }
.b1-h{ font-weight:900; font-size: clamp(22px, 3vw, 28px); color:var(--ink); margin-bottom:10px; }
.b1-p{ max-width:820px; color:var(--muted); }

/* ===== B1 基础变量（与你全站一致） ===== */
:root{
  --ink:#0f172a;         /* 正文深色 */
  --muted:#475569;       /* 次级文字 */
  --paper:#fffaf5;       /* 温和底色 */
  --line:#efe6db;        /* 分割线 */
  --accent:#ff6a00;      /* LOGO 橙 */
  --accent-2:#ffa133;
  --radius:14px; --r-sm:10px;
}

/* ===== B1 Hero ===== */
.b1-hero{
  position: relative;
  overflow: clip;
  border:1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255,250,245,.92), rgba(255,250,245,.88)) ,
    url("/images/banner2.jpg") center 40% / cover no-repeat;
  /* 如果看不到图：确认 /images/hero/hero-a.jpg 是否存在 */
  margin: 14px 0 22px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 12px 36px -24px rgba(0,0,0,.18);
}
.b1-hero .container{ padding: 44px 24px 40px; }

.b1-hero h1{
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.06;
  font-weight: 900;
  color: var(--ink);
  margin: 0 0 10px;
}
.b1-hero .lead{
  color: var(--muted);
  font-size: 18px;
  max-width: 900px;
  margin: 0 0 16px;
}

/* 按钮 */
.b1-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:40px; padding:0 16px; border-radius: var(--r-sm);
  border:1px solid var(--accent); background: var(--accent); color:#fff;
  font-weight:800; text-decoration:none; transition:.2s;
}
.b1-btn:hover{ background: var(--accent-2); border-color: var(--accent-2); }
.b1-btn--ghost{ background:#fff; color:var(--accent); }
.b1-btn--ghost:hover{ background:#fff3e0; }

/* 关键卖点胶囊 */
.kpis{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.kpis .k{
  font-weight:800; font-size:12px; color:#a16207;
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc);
  border:1px solid #f3ddc8;
}

/* ===== B1 Explore 三卡片 ===== */
.b1-explore{ margin: 16px 0 26px; }
.b1-grid{
  display:grid; gap:16px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.b1-card{
  background:#fff; border:1px solid var(--line); border-radius: var(--radius);
  padding:18px; box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.b1-card .badge{
  display:inline-block; padding:6px 10px; border-radius:999px;
  font-weight:900; font-size:12px; color:#a16207;
  background:#fff7ee; border:1px solid #f3ddc8;
}
.b1-card h3{ margin:8px 0 6px; font-size:20px; font-weight:900; color:var(--ink);}
.b1-card p{ color:var(--muted); margin:0 0 10px; }

/* ===== B1 Reviews / Trust ribbon ===== */
.b1-reviews{ padding: 4px 0 12px; }
.b1-reviews .row{
  display:flex; gap:12px; flex-wrap:wrap; justify-content:space-between;
  border-top:1px solid var(--line); padding-top:16px;
}
.b1-reviews .pill{
  font-weight:800; font-size:12px; color:#a16207;
  padding:8px 12px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc);
  border:1px solid #f3ddc8;
}

/* 响应式 */
@media (max-width: 1024px){
  .b1-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .b1-hero .container{ padding: 28px 16px; }
  .b1-grid{ grid-template-columns: 1fr; }
}
.b1-hero{
  position: relative;
}
.b1-hero::before{
  content:"";
  position:absolute; inset:0;
  background:rgba(0,0,0,0.04); /* 微弱暗化 */
  backdrop-filter: blur(2px);  /* 景深模糊，提升层级 */
  pointer-events:none;
}
.b1-hero .container{
  position:relative; /* 保证内容不被遮盖 */
  z-index:2;
}
/* ===================== FEATURED PRODUCT (A1) ===================== */
.fp { margin: 26px 0 18px; }
.fp-card{
  display:grid;
  grid-template-columns: 1.05fr 1fr; /* 左文案略宽，右图略窄，显得稳重 */
  gap:24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 16px 48px -28px rgba(0,0,0,.18);
  padding: 22px;
}
.fp-body{ display:flex; flex-direction:column; gap:14px; }
.fp-tag{
  display:inline-block; font-weight:900; font-size:12px; color:#a16207;
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc); border:1px solid #f3ddc8;
}
.fp-title{
  font-size: 34px; line-height:1.15; letter-spacing:.01em;
  font-weight: 900; color: var(--ink); margin: 2px 0 2px;
}
.fp-lead{ color: var(--muted); font-size: 16px; }
.fp-specs{ margin: 0; padding-left: 18px; color:#334155; }
.fp-specs li{ margin: 6px 0; }
.fp-ctas{ display:flex; gap:10px; margin-top: 4px; }
.fp-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 8px; }
.fp-badges .pill{
  font-weight:800; font-size:12px; color:#a16207;
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc); border:1px solid #f3ddc8;
}
.fp-media{
  position:relative; border-radius: calc(var(--radius) - 6px); overflow:hidden;
  border:1px solid var(--line);
  background: linear-gradient(180deg,#fffdf9,#fff6eb);
}
.fp-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* 响应式 */
@media (max-width: 1024px){
  .fp-card{ grid-template-columns: 1fr; }
  .fp-media{ order: -1; } /* 移动端：产品图置顶 */
  .fp-title{ font-size: 28px; }
}
@media (max-width: 640px){
  .fp-card{ padding:16px; gap:16px; }
  .fp-ctas{ flex-direction:column; }
}