/* ============================================================
   自有产品板块皮肤:SEED 森林绿 V1(2026-07-04 用户拍板)
   背景改版(2026-07-12 用户拍板):底色从森林绿 #1B2E22 改为与
   商务合作页同档的深黑绿 #0E1813 家族;奶油白点缀/浅底摄影区不变。
   在 产品页样式_V1.css 之后加载,只覆盖令牌与关键组件,结构不动。
   衬线标题 = 自有产品板块专属(消费气质),首页/商务合作维持 Sora。
   ============================================================ */
:root{
  --bg:#0E1813;          /* 深黑绿(与商务合作页 --bg 同值) */
  --bg-2:#13211A;
  --bg-3:#182A20;
  --line:#24382E;  --line-2:#3A574699;
  --paper:#F4F1E6;       /* 奶油白 */
  --mut:#C2CDB8;         /* 鼠尾草绿(次级文字) */
  --mut-2:#8FA189;
  --accent:#E9E4D2;      /* SEED 手法:点缀不用霓虹,用奶油色 */
  --accent-2:#D8D2BC;
  --accent-glow:rgba(233,228,210,.25);
  --mint-dim:rgba(233,228,210,.05);
  --mint-soft:rgba(233,228,210,.12);
  --photo:#F1EEE2; --photo-2:#E7E3D4;   /* 产品摄影区 = 奶油底 */
}
/* 去掉霓虹网格底纹 */
body::before{display:none}
/* 字体沿用首页/V1 的 Sora 体系(2026-07-04 用户定:不用衬线) */
.hero h1 em{color:var(--paper)}
.nav-brand em{color:var(--mut)}
/* 导航融入深黑绿(rgb = #0E1813) */
.nav{background:rgba(14,24,19,.9)}
/* 窄屏导航右缘渐隐同步新底色(覆盖 样式V1 里写死的近黑) */
@media(max-width:700px){
  .nav .wrap::after{background:linear-gradient(90deg,rgba(14,24,19,0),rgba(14,24,19,.88))}
}
/* logo 光晕:霓虹绿→深色投影 */
.hero-logo img{filter:drop-shadow(0 18px 44px rgba(0,0,0,.4))}
/* 数字带大数字用奶油白 */
.stat b{color:var(--paper)}
/* L1 总览 Hero + 数字带收紧缩小(2026-07-04 用户反馈:争取一屏放下) */
.hero{padding:24px 0 42px}
.hero .sec-eyebrow{margin-bottom:8px}
.hero h1{font-size:clamp(2.2rem,3.8vw,3.6rem)}
.hero-sub{margin-top:14px;line-height:1.6;font-size:1rem}
.hero-logo img{width:min(240px,70%)}
.statband{margin-top:30px}
.stat{padding:15px 22px}
.stat b{font-size:clamp(1.3rem,2vw,1.75rem)}
.stat span{font-size:.8rem}
/* 品质徽章带:奶油胶囊版 */
.badges{
  background:transparent;
  border-top:0;
  border-bottom:0;
  color:var(--paper);
}
.badges .wrap{
  gap:10px;
  padding-top:10px;
  padding-bottom:10px;
  justify-content:center;
  border-left:0;
  border-right:0;
}
.badge{
  position:relative;
  flex:0 1 auto;
  min-height:0;
  padding:9px 18px;
  border:1px solid rgba(244,241,230,.18);
  border-radius:999px;
  background:linear-gradient(145deg,#6F8875,#536D5B);
  box-shadow:
    inset 0 1px 0 rgba(244,241,230,.2),
    0 12px 26px rgba(0,0,0,.14);
  overflow:hidden;
}
.badge::before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(244,241,230,.1);
  border-radius:999px;
  pointer-events:none;
}
.badge::after{
  content:"";
  position:absolute;
  right:-18px;
  top:-28px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(244,241,230,.08);
  pointer-events:none;
}
.badge .mono{display:none}
.badge b{
  color:#F4F1E6;
  font-size:.88rem;
  margin-top:0;
  text-align:center;
  position:relative;
  z-index:1;
  white-space:nowrap;
  letter-spacing:0;
}
.badge > span:not(.mono){display:none}
@media(max-width:900px){
  .badges .wrap{gap:8px}
  .badge{flex:1 1 calc(50% - 12px);border-radius:28px}
  .badge::before{border-radius:22px}
}
@media(max-width:560px){
  .badge{flex-basis:100%}
}
/* 类别头整体收紧(2026-07-04 用户反馈:太散) */
.cat-hero{padding:60px 0 40px}
.cat-hero .crumb{margin-bottom:10px}
.cat-hero .sec-eyebrow{margin-bottom:6px}
.sec-title small{margin-top:5px}
/* 类故事:左竖线改 SEED 细线标注(上方横线+端点圆点) */
.cat-story{border-left:0;padding-left:0;position:relative;padding-top:14px;margin-top:12px;max-width:620px;line-height:1.6}
.cat-story::before{content:"";position:absolute;top:0;left:0;width:220px;height:1px;background:var(--paper)}
.cat-story::after{content:"";position:absolute;top:-3px;left:220px;width:7px;height:7px;border-radius:50%;background:var(--paper)}
/* 产品图比例统一(2026-07-04 用户反馈):保留网格收敛,但产品主体占奶油白图片区约80-85% */
.grid,.feat{max-width:950px;margin-left:auto;margin-right:auto;gap:48px 40px}
.p-img img{width:88%;height:88%}
/* 卡片文字块收紧(2026-07-04 用户反馈:太散) */
.p-body{padding-top:12px}
.p-pitch{margin-top:5px;line-height:1.5}
.p-spec{margin-top:3px}
.p-buy{margin-top:4px}
/* 产品卡:购买链接改奶油下划线 */
.p-buy{color:var(--paper);border-bottom:1px solid var(--line-2)}
.p-buy:hover{border-color:var(--paper)}
.p-card:hover .p-img{box-shadow:0 14px 44px rgba(0,0,0,.35)}
.p-tag{background:#F4F1E6;color:#0E1813}
/* 按钮:SEED 奶油胶囊 */
.btn-solid{background:#F4F1E6;color:#0E1813}
.btn-solid:hover{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.btn-ghost{border-color:var(--line-2);color:var(--paper)}
.btn-ghost:hover{border-color:var(--paper);color:var(--paper)}
/* mono 小标签用鼠尾草 */
.sec-eyebrow{color:var(--mut)}
.mono{letter-spacing:.12em}
/* 占位灰块融进深绿 */
.p-img.ph{background:var(--bg-2);border-color:var(--line-2)}

/* ============================================================
   2026-07-12 二轮(用户拍板):卡片/毛玻璃浅于背景+标号+NPN号
   ============================================================ */
/* 卡片令牌:与商务合作页完全同值 */
:root{
  --card:#1C2F24; --card-2:#213A2C;
  --grad-card:radial-gradient(120% 100% at 0% 0%,rgba(55,224,125,.06),transparent 55%),
    linear-gradient(152deg,var(--card-2),var(--card) 52%,var(--bg-3));
}
/* L1 三类入口卡:浅于背景的斜向渐变(原 bg-2→bg 比背景还深) */
.cat-card{background:var(--grad-card)}
/* 数字带:拆成商务合作 .stat 同款独立毛玻璃卡(圆角+间距,不再连体) */
.statband{gap:16px;border:0;border-radius:0;overflow:visible;background:none}
.stat{border:1px solid rgba(255,255,255,.10);border-radius:16px;
  background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);
  box-shadow:0 12px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07)}
.stat:last-child{border-right:1px solid rgba(255,255,255,.10)}   /* 抵消基础层连体时代的 border-right:0 */
/* 产品介绍卡:商务合作同款卡盒(--grad-card),浅底图区嵌在卡内 */
.p-card{background:var(--grad-card);border:1px solid var(--line);border-radius:18px;padding:14px 14px 20px;
  transition:transform .35s var(--ease),border-color .35s}
.p-card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.p-img{border-radius:12px}
.p-body{padding-left:8px;padding-right:8px}
/* 标号(01 / 产品品类 等):商务合作 .eyebrow 口径(Sora 700 .95rem + 30px 引线) */
.mono.sec-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--fd);font-weight:700;
  font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.mono.sec-eyebrow::before{content:"";width:30px;height:1px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}
/* NPN 号:奶油底提实 + 深黑绿字,确保可读 */
.p-npn{background:rgba(244,241,230,.92);border-color:rgba(14,24,19,.25);color:#0E1813}
/* 左上角品牌:与首页/商务合作同造型(logo 圆点群 + SmartPEP + 绿点),
   二级页在 <em> 里显示当前分类名(2026-07-12 用户拍板) */
.nav-brand{display:flex;align-items:center}
.nav-brand .brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.navmark{width:30px;height:30px;flex:none}
.nav-brand .dot{color:#37E07D;text-shadow:0 0 10px rgba(55,224,125,.45)}  /* 与首页同色,不随皮肤奶油化 */
.nav-brand em{font-style:normal;font-weight:500;font-size:.86rem;color:#37E07D;margin-left:10px;white-space:nowrap}  /* 字号=一级菜单(.nav-links .86rem),色=全站翡翠绿 --accent 同值 */