/*
 Theme Name: EggPrinters
 Theme URI: https://www.eggprinters.com
 Description: Clean, fast, conversion-focused WordPress theme for an overseas egg coding / inkjet printing machine independent site. English-first, SEO & GEO ready.
 Author: EggPrinters Team
 Author URI: https://www.eggprinters.com
 Version: 1.7.41
 Requires at least: 5.6
 Tested up to: 7.0
 License: GPL-2.0-or-later
 Text Domain: eggprinters
*/

:root{
  --bg:#ffffff;
  --bg-soft:#f6f8fb;
  --bg-dark:#0f1722;
  --text:#1f2430;
  --muted:#5b6472;
  --primary:#e8a33d;        /* egg-yolk amber */
  --primary-dark:#c9872a;
  --primary-soft:#fff4e0;
  --accent:#2e7d5b;         /* fresh / trust green */
  --accent-soft:#e6f4ec;
  --border:#e7eaf0;
  --shadow:0 12px 34px rgba(20,30,50,.08);
  --shadow-sm:0 4px 14px rgba(20,30,50,.06);
  --radius:16px;
  --radius-sm:10px;
  --maxw:1180px;
  --header-h:72px;
  --font:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:var(--bg);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--accent);text-decoration:none;transition:color .2s;}
a:hover{color:var(--primary-dark);}
h1,h2,h3,h4,h5{line-height:1.2;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em;}
p{margin:0 0 1em;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:84px 0;}
/* 首个 section 顶部留白收紧，与导航条高度形成一致节奏 */
body > .section:first-of-type{padding-top:52px;}
.section--soft{background:var(--bg-soft);}
.section--dark{background:var(--bg-dark);color:#dfe6f0;}
.section--dark h1,.section--dark h2,.section--dark h3{color:#fff;}
.section--dark p{color:#aeb9c9;}

.eyebrow{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent);margin-bottom:14px;
}
.section-title{font-size:clamp(28px,4vw,42px);margin-bottom:14px;}
/* 首页 FAQ 是唯一居中的区块：eyebrow / 标题 / 列表必须在同一条中线上。
   以前 h2 挂了 inline text-align:center，左侧小标签还是左对齐，两个起点拧着。 */
.section-head--center{text-align:center;}
.section-head--center .section-title{margin-bottom:22px;}
.section-lead{max-width:680px;color:var(--muted);font-size:18px;margin-bottom:40px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 24px;border-radius:999px;font-weight:600;font-size:15px;
  border:1.5px solid transparent;cursor:pointer;transition:all .2s;line-height:1;
}
.btn--primary{background:var(--primary);color:#2a1c00;box-shadow:var(--shadow-sm);}
.btn--primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px);}
.btn--accent{background:var(--accent);color:#fff;}
.btn--accent:hover{background:#245f46;transform:translateY(-1px);}
.btn--ghost{background:transparent;border-color:var(--border);color:var(--text);}
.btn--ghost:hover{border-color:var(--text);}
.btn--light{background:#fff;color:var(--text);}
.btn--light:hover{background:var(--primary-soft);}
.btn--lg{padding:16px 30px;font-size:16px;}
/* WhatsApp CTA（全站通用）：官方绿 + 内联 logo 图标，与相邻主按钮等高 */
.btn--wa{background:#25d366;color:#fff;box-shadow:var(--shadow-sm);}
.btn--wa:hover{background:#1da851;color:#fff;transform:translateY(-1px);}
.btn--wa svg{width:18px;height:18px;flex:0 0 18px;}
/* 与左侧 accent 实心绿相邻时，实心 WhatsApp 绿会跟主按钮抢视觉（两个绿块并排），
   改用「白底 + 绿边 + 深绿字」：图标仍是官方绿，按钮退一级，主按钮依旧唯一焦点 */
.btn--wa-soft{background:#fff;border-color:#25d366;color:#0d6e62;box-shadow:none;}
.btn--wa-soft:hover{background:#25d366;border-color:#25d366;color:#fff;transform:translateY(-1px);}
.btn--wa-soft svg{width:18px;height:18px;flex:0 0 18px;color:#25d366;}
.btn--wa-soft:hover svg{color:#fff;}
/* 表单内「左 Request Quote / 右 WhatsApp」两列等宽（minmax(0,1fr) 防止被 WhatsApp 的 min-content 撑偏） */
.ep-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ep-form-actions .btn{width:100%;justify-content:center;white-space:nowrap;}
/* 浮泡面板只有 284px 内容宽，按钮需收内边距与字号才能一行放下 */
.bubble-panel .ep-form-actions .btn{padding:12px 8px;font-size:13px;gap:6px;}
.bubble-panel .ep-form-actions .btn--wa svg{width:16px;height:16px;flex:0 0 16px;}
/* 窄屏也保持左右并排（浮泡面板 284px 内容宽下两列各 137px 容得下），只收字号与内边距 */
@media(max-width:480px){
  .ep-form-actions .btn{padding:12px 8px;font-size:13px;gap:6px;}
  .ep-form-actions .btn--wa svg{width:16px;height:16px;flex:0 0 16px;}
}
/* ---------- Header ---------- */
/* 导航不吸顶：随页面滚走，把顶部空间让给产品页的机型条（条滚到顶部会以胶囊形式浮停）。*/
/* 仍保留 position:relative —— 折叠菜单是 position:absolute;top:var(--header-h)，需要定位上下文。*/
.site-header{
  position:relative;z-index:70;height:var(--header-h);
  background:rgba(255,255,255,.88);backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--border);
}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%;}
/* 品牌锁定：logo + 双行（名称 / 副行）。单行 "Egg Printers & Coding Machines" 会横向占掉 246px，
   把导航挤到中段；双行后文字宽度降到 ~120px，品牌区整体 358px -> ~235px。 */
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--text);}
.brand img{height:34px;width:auto;}
.brand img.brand__mark{height:40px;width:auto;flex:0 0 auto;display:block;}
.brand__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;white-space:nowrap;min-width:0;}
.brand__name{font-size:18px;font-weight:800;line-height:1.06;letter-spacing:-.015em;color:var(--text);}
.brand__more{font-size:10px;font-weight:700;line-height:1.2;margin-top:4px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.main-nav{display:flex;align-items:center;gap:28px;}
/* Header WhatsApp：≤1000 折叠菜单下隐藏（气泡里已有入口）；1001–1180 用紧凑版，避免顶到品牌区 */
.header-cta .btn--wa{display:none;}
@media(min-width:1001px){
  .header-cta .btn--wa{display:inline-flex;}
  .main-nav{gap:22px;}
}
@media(min-width:1001px) and (max-width:1180px){
  .site-header .main-nav{gap:18px;}
  .site-header .main-nav a{font-size:14px;}
  .header-cta .btn--primary{padding:11px 16px;font-size:14px;}
  .header-cta .btn--wa{padding:11px 12px;font-size:13px;gap:6px;}
  .header-cta .btn--wa svg{width:16px;height:16px;flex:0 0 16px;}
}
.main-nav ul{display:contents;list-style:none;margin:0;padding:0;}
.main-nav li{list-style:none;flex:0 0 auto;}
.main-nav a{font-weight:600;color:var(--text);font-size:15px;white-space:nowrap;}
.main-nav a:hover{color:var(--accent);}
/* Contact 已并入主菜单（About Us 之后），不再在桌面隐藏 */
.header-cta{display:flex;align-items:center;gap:14px;}
.nav-toggle{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:var(--text);}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(1200px 500px at 80% -10%,var(--primary-soft),transparent 60%),
             radial-gradient(900px 500px at -10% 10%,var(--accent-soft),transparent 55%);
}
.hero .container{
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;
  padding-top:52px;padding-bottom:76px;
}
.hero h1{font-size:clamp(34px,5vw,56px);}
.hero p.lead{font-size:19px;color:var(--muted);max-width:520px;margin-bottom:28px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px;}
/* 三个 CTA（Quote / WhatsApp / Products）在 981–1100 的两列 hero 里需要收内边距才能同行 */
@media(max-width:1100px){
  .hero-actions{gap:10px;}
  .hero-actions .btn{padding:14px 20px;font-size:15px;}
}
/* 手机：Quote 与 WhatsApp 各半并排，View Products 独占整行 */
@media(max-width:560px){
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;}
  .hero-actions .btn{justify-content:center;}
  .hero-actions .btn--ghost{grid-column:1/-1;}
}
/* 4 项固定 2×2：原来 flex+wrap 在 520px 栏宽下排成 3+1，「100+ / Export countries」孤零零掉到第二行 */
.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;}
.hero-stats div{font-size:14px;color:var(--muted);}
.hero-stats strong{display:block;font-size:26px;color:var(--text);font-weight:800;}
.hero-art{position:relative;}
.hero-art > img{width:100%;filter:drop-shadow(0 24px 40px rgba(20,30,50,.12));}

/* Hero product carousel (4 machines) */
.hero-slider{position:relative;}
.hero-slides{
  position:relative;aspect-ratio:1 / 1;border-radius:calc(var(--radius) + 6px);
  background:transparent;border:0;overflow:visible;
  box-shadow:none;
}
.hero-slide{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:2px 0 54px;background:transparent;
  opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;
}
.hero-slide.is-active{opacity:1;visibility:visible;}
.hero-slide__frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.hero-slide img{
  max-width:110%;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:drop-shadow(0 30px 40px rgba(24,38,60,.22));   /* 透明底产品，投影沿轮廓走 */
}
.hero-slide img:not(.is-cut){
  filter:none;
  mix-blend-mode:multiply;   /* 回退：媒体库原图是白底 JPG，与浅色背景相乘后白底消失 */
}
.hero-slide__cap{
  position:absolute;left:24px;right:24px;bottom:18px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  gap:3px;text-align:center;
}
.hero-slide__cap-t{font-weight:800;font-size:15px;color:var(--text);line-height:1.25;}
.hero-slide__cap-m{
  font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);
  line-height:1.2;min-height:13px;   /* 无型号时也占位，避免轮播切换时名称上下跳动 */
}
/* 9px 的小圆点做点击区太小（手机上手点不准）。视觉仍是 9px 圆点，画在 ::after 上，
   按钮本身撑到 26×34 —— 命中面积翻倍，行高只多 25px。 */
.hero-dots{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:8px;}
.hero-dot{
  position:relative;width:34px;height:34px;padding:0;border:0;background:none;
  border-radius:999px;cursor:pointer;
}
.hero-dot::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:9px;height:9px;border-radius:999px;background:#d5dce6;
  transition:width .25s ease,background .25s ease;
}
.hero-dot:hover::after{background:#b8c3d1;}
.hero-dot.is-active::after{width:26px;background:var(--primary);}
@media (prefers-reduced-motion: reduce){
  .hero-slide{transition:none;}
}

/* ---------- Trust bar ---------- */
.trustbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;}
.trustbar .container{display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between;padding:22px 24px;}
.trustbar .item{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--muted);font-size:14px;}
.trustbar .item svg{flex:0 0 auto;}

/* ---------- Product grid ---------- */
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.product-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;
}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.product-card .thumb{aspect-ratio:1 / 1;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;padding:26px;}
/* 原来写 aspect-ratio:4/3 + img{max-height:100%;width:auto}，图片的固有尺寸会把 flex 容器撑成 551×551，
   4:3 从未生效。改成固定方框 + contain，尺寸由容器决定，换任意比例的图都不会再把卡片撑高。 */
.product-card .thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.product-card .body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.product-card .tag{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;}
.product-card h3{font-size:21px;margin:0;}
/* 型号做标题后缀而不是独立一行：有型号的顶在标题尾部，没型号的不留空行，
   四张卡片的描述起点仍在同一水平线上。 */
.product-card .model{font-size:13px;color:var(--muted);font-weight:600;margin-left:8px;white-space:nowrap;letter-spacing:.02em;}
.product-card p{color:var(--muted);font-size:15px;margin:0;flex:1;}
.product-card .more{font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:6px;}

/* ---------- Features ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feature{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;
  transition:box-shadow .25s;
}
.feature:hover{box-shadow:var(--shadow);}
.feature .ic{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.feature h3{font-size:19px;margin-bottom:8px;}
.feature p{color:var(--muted);font-size:15px;margin:0;}

/* ---------- About preview ---------- */
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.about-wrap img{border-radius:var(--radius);box-shadow:var(--shadow);}
.timeline{list-style:none;margin:24px 0 0;padding:0;border-left:2px solid var(--border);}
.timeline li{position:relative;padding:0 0 22px 24px;}
.timeline li::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--primary);}
.timeline b{color:var(--text);}
.timeline span{color:var(--muted);}

/* ---------- FAQ ---------- */
.faq-list{display:grid;gap:14px;max-width:820px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}
.faq-item summary{
  list-style:none;cursor:pointer;padding:20px 22px;font-weight:700;font-size:17px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .plus{flex:0 0 auto;width:22px;height:22px;position:relative;transition:transform .25s;}
.faq-item summary .plus::before,.faq-item summary .plus::after{content:"";position:absolute;background:var(--accent);border-radius:2px;}
.faq-item summary .plus::before{top:10px;left:2px;right:2px;height:2px;}
.faq-item summary .plus::after{left:10px;top:2px;bottom:2px;width:2px;transition:opacity .25s;}
.faq-item[open] summary .plus::after{opacity:0;}
.faq-item .ans{padding:0 22px 22px;color:var(--muted);}

/* ---------- CTA band ---------- */
.cta-band{text-align:center;}
.cta-band h2{font-size:clamp(26px,3.5vw,38px);}
.cta-band p{color:#aeb9c9;max-width:560px;margin:0 auto 26px;font-size:18px;}
.cta-band__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}

/* ---------- 404 ---------- */
.nf-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 22px;}
.nf-note{font-size:14.5px;color:var(--muted);max-width:520px;margin:0 auto;}

/* ---------- Contact / form ---------- */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.contact-info .row{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start;}
.contact-info .row .ic{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.contact-info .row b{display:block;font-size:15px;}
.contact-info .row a,.contact-info .row span{color:var(--muted);font-size:15px;}
/* 窄屏快捷入口默认不显示，单列布局时才出现（见 ≤980 断点） */
.contact-quick{display:none;}
/* 左栏在桌面端比右侧表单矮，下半屏原本是空白 —— 用应答流程把这段变成信息。 */
.contact-next{margin-top:26px;padding-top:24px;border-top:1px solid var(--border);}
.contact-next h3{font-size:16px;margin:0 0 16px;}
.contact-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;}
.contact-steps li{display:flex;gap:12px;}
.contact-steps .n{
  width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
  font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.contact-steps strong{display:block;font-size:15px;color:var(--text);margin-bottom:2px;}
.contact-steps div{font-size:14.5px;color:var(--muted);line-height:1.55;}

.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm);}
.field{margin-bottom:16px;}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);
  font-family:inherit;font-size:15px;color:var(--text);background:#fff;transition:border-color .2s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);}
.field textarea{resize:vertical;min-height:110px;}
.form-note{font-size:13px;color:var(--muted);margin-top:8px;}
.form-msg{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;display:none;}
.form-msg.ok{display:block;background:var(--accent-soft);color:var(--accent);}
.form-msg.err{display:block;background:#fdecec;color:#c0392b;}

/* ---------- Footer ---------- */
.site-footer{background:var(--bg-dark);color:#aeb9c9;padding:60px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;}
.site-footer .brand{color:#fff;margin-bottom:14px;font-size:17px;font-weight:800;}
.site-footer h4{color:#fff;font-size:15px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em;}
.site-footer ul{list-style:none;margin:0;padding:0;}
.site-footer ul li{margin-bottom:10px;}
.site-footer ul a,.site-footer ul span{color:#aeb9c9;font-size:14px;}
.site-footer ul a:hover{color:var(--primary);}
.footer-bottom{border-top:1px solid #1d2a39;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#7e8aa0;}
.socials{display:flex;gap:12px;}
.socials a{width:36px;height:36px;border-radius:50%;background:#1d2a39;display:flex;align-items:center;justify-content:center;color:#aeb9c9;}
.socials a:hover{background:var(--primary);color:#2a1c00;}

/* ---------- Floating bubble ---------- */
.floating-bubble{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.bubble-trigger{
  width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;
  background:var(--primary);color:#2a1c00;box-shadow:0 10px 26px rgba(232,163,61,.5);
  display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;
  animation:pulse 2.4s infinite;
}
.bubble-trigger:hover{background:var(--primary-dark);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(232,163,61,.5);}70%{box-shadow:0 0 0 16px rgba(232,163,61,0);}100%{box-shadow:0 0 0 0 rgba(232,163,61,0);}}
.bubble-panel{
  width:330px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--border);
  border-radius:18px;box-shadow:var(--shadow);padding:22px;display:none;transform:translateY(8px);
  animation:rise .25s ease;
}
.bubble-panel.open{display:block;}
@keyframes rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.bubble-panel h4{margin:0 0 4px;font-size:18px;}
.bubble-panel p.sub{margin:0 0 14px;font-size:13px;color:var(--muted);}
.bubble-panel .field{margin-bottom:10px;}
.bubble-panel .field label{font-size:13px;}
.bubble-panel .field input,.bubble-panel .field select,.bubble-panel .field textarea{padding:9px 11px;font-size:14px;}
.bubble-panel .btn{width:100%;justify-content:center;}
.bubble-close{position:absolute;top:12px;right:14px;background:none;border:0;font-size:20px;color:var(--muted);cursor:pointer;line-height:1;}

/* ---------- Breadcrumb ---------- */
.breadcrumb{font-size:13px;color:var(--muted);padding:0;margin-bottom:12px;}
.breadcrumb a{color:var(--muted);}
.breadcrumb span.sep{margin:0 8px;}

/* ---------- Single product ---------- */
.product-single{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;}
.product-single h1{font-size:clamp(28px,3.5vw,40px);}
.spec-table{width:100%;border-collapse:collapse;margin:18px 0;}
.spec-table th,.spec-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:15px;vertical-align:top;}
.spec-table th{width:42%;color:var(--muted);font-weight:600;}
.feature-list{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px;}
.feature-list li{display:flex;gap:10px;align-items:flex-start;}
.feature-list li svg{flex:0 0 auto;margin-top:3px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

/* ---------- Responsive ---------- */
/* 品牌区改成双行锁定后省出约 118px，导航折叠断点从 1040 下移到 1000：
   1024 平板横屏可以完整展开导航。1001–1120 区间先把导航间距与字号收紧一档，避免贴边。 */
@media(max-width:1120px){
  .main-nav{gap:20px;}
  .main-nav a{font-size:14.5px;}
}
@media(max-width:1000px){
  .main-nav,.header-cta .btn--ghost{display:none;}
  .nav-toggle{display:block;}
  .main-nav.open{display:flex;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:14px 24px 18px;gap:0;border-bottom:1px solid var(--border);box-shadow:var(--shadow);}
  .main-nav.open li{list-style:none;margin:0;}
  .main-nav.open li + li{border-top:1px solid var(--border);}
  .main-nav.open li a{display:block;padding:12px 0;font-size:16px;font-weight:600;color:var(--text);text-decoration:none;}
  .main-nav.open li a:hover{color:var(--accent);}
}
@media(max-width:980px){
  .hero .container,.about-wrap,.contact-wrap,.product-single{grid-template-columns:1fr;}
  /* 单列后表单排到联系信息前面（询价才是这一页的目的），
     被推到后面的电话/WhatsApp 由页面上方的三个快捷按钮补位。 */
  .contact-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 24px;}
  .contact-quick .btn{padding:12px 8px;font-size:14px;justify-content:center;}
  .form-card{order:1;}
  .contact-info{order:2;margin-top:34px;}
  .feature-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .related-grid{grid-template-columns:1fr 1fr;}
  .hero-slides{aspect-ratio:1/1;max-width:560px;margin:0 auto;}
  .hero-slide img{max-width:100%;}
  /* 导航提前折叠，避免中等宽度下品牌区与导航互相挤压 */
  .brand{gap:10px;flex:0 1 auto;min-width:0;}
  .brand img.brand__mark{height:34px;}
  .brand__name{font-size:15px;}
  .brand__more{font-size:9px;letter-spacing:.04em;margin-top:3px;}
  .header-cta{gap:10px;}
  .header-cta .btn{padding:11px 16px;font-size:14px;white-space:nowrap;}
}
@media(max-width:760px){
  .brand{gap:9px;flex:0 1 auto;min-width:0;}
  .brand img.brand__mark{height:28px;}
  .brand__name{font-size:15px;}
  .brand__more{display:none;}
  .header-cta .btn{padding:11px 15px;font-size:13px;white-space:nowrap;}
  .header-cta{gap:10px;}
  .hero-slide{padding:16px 16px 58px;}
  .hero-slide__cap{left:16px;right:16px;bottom:14px;}
  .hero-slide__cap-t{font-size:14px;}
  .main-nav,.header-cta .btn--ghost{display:none;}
  .nav-toggle{display:block;}
  .main-nav.open{display:flex;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;background:#fff;padding:18px 24px;gap:14px;border-bottom:1px solid var(--border);box-shadow:var(--shadow);}
  .product-grid,.feature-grid,.footer-grid,.related-grid{grid-template-columns:1fr;}
  .section{padding:60px 0;}
  body > .section:first-of-type{padding-top:38px;}
  .hero .container{padding-top:38px;padding-bottom:56px;}
  .hero-stats{gap:16px 22px;}
}

@media(max-width:430px){
  /* 手机窄屏（375–390）：品牌名与 Get a Quote 之间余量只剩个位数，左右各收一档 */
  .brand{gap:8px;}
  .brand img.brand__mark{height:25px;}
  .brand__name{font-size:14px;}
  .header-cta .btn{padding:11px 13px;}
}
@media(max-width:360px){
  .brand{gap:7px;}
  .brand img.brand__mark{height:24px;}
  .brand__name{font-size:13.5px;}
  .header-cta .btn{padding:10px 12px;font-size:12px;}
}
@media(max-width:350px){
  /* 340px 一带（老款小屏）品牌名与按钮会贴在一起，两边各收一档 */
  .brand img.brand__mark{height:22px;}
  .brand__name{font-size:12.5px;}
  .header-cta .btn{padding:9px 11px;font-size:11.5px;}
  .nav-toggle{font-size:22px;}
}
@media(max-width:330px){
  .brand span.brand__text{display:none;}
}

/* ---------- FAQ / Quora style ---------- */
.topic-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px;}
.topic-pill{display:inline-block;padding:7px 15px;border-radius:999px;background:var(--bg-soft);color:var(--text);font-size:14px;font-weight:600;border:1px solid var(--border);text-decoration:none;transition:.15s;}
.topic-pill:hover{background:#fff;border-color:var(--accent);color:var(--accent);}
.topic-pill.is-active{background:var(--accent);color:#fff;border-color:var(--accent);}
.topic-pill.sm{padding:4px 11px;font-size:12.5px;font-weight:600;}

.quora-feed{display:flex;flex-direction:column;gap:16px;margin:26px 0 8px;}
.quora-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);transition:.15s;}
.quora-card:hover{border-color:var(--accent);transform:translateY(-2px);}
.quora-q{font-size:21px;line-height:1.35;margin:0 0 10px;font-weight:700;}
.quora-q a{color:var(--text);text-decoration:none;}
.quora-q a:hover{color:var(--accent);}
.quora-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.quora-ans{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:12px;}
.quora-read{font-weight:600;color:var(--accent);font-size:14.5px;text-decoration:none;}
.quora-read:hover{text-decoration:underline;}

.faq-cta{margin-top:40px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:30px;text-align:center;}
.faq-cta h3{margin:0 0 6px;font-size:22px;}
.faq-cta p{margin:0 0 16px;color:var(--muted);}
.faq-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:18px 0 0;}
/* 三个按钮总宽 ~612px：≤767 时自动换行会变成「2+1」的错落排列（孤零零一个按钮居中很难看），
   直接改成一列等宽，顺带把拇指热区拉满 */
@media(max-width:767px){
  .faq-cta-actions{flex-direction:column;align-items:stretch;gap:10px;}
  .faq-cta-actions .btn{justify-content:center;}
}
@media(max-width:600px){
  .faq-cta{padding:24px 20px;}
}

/* Per-answer SHICAI soft-sell block (injected into FAQ body) */
.shicai-cta{margin-top:26px;background:linear-gradient(180deg,var(--accent-soft),#fff);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:20px 22px;}
.shicai-cta-lead{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--text);}
.shicai-cta-lead strong{color:var(--accent);}
.shicai-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px;}
.shicai-cta-note{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted);border-top:1px dashed var(--border);padding-top:12px;}

/* Archive / topic / single shared SHICAI CTA box */
.shicai-cta-box{background:linear-gradient(180deg,var(--primary-soft),#fff);border-color:var(--primary);}
.shicai-cta-box h3{color:var(--primary-dark);}
.shicai-cta-box p{color:var(--muted);}

.faq-single{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;}
.faq-single-main .faq-answer{font-size:17px;line-height:1.75;color:var(--text);margin:18px 0 26px;}
/* 与 .solution-single__side 保持一致：两张卡之间要有 22px 间距（原本只有一张卡，
   没有间距也不会露馅，加了机型卡就会贴在一起） */
.faq-single-side{position:sticky;top:16px;display:grid;gap:22px;}
/* 话题归档页已经按该话题筛选过了，每张卡再挂一遍话题标签是纯噪音 */
.tax-faq_topic .quora-meta{display:none;}

.related-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);}
.related-box h4{margin:0;font-size:16px;}
/* 侧栏的六个问题原本挤成一片（每条都两行、间距 12px），扫读时分不清条目边界。
   改成带分隔线的行，每条自己占一块，鼠标经过整行都响应。 */
.related-list{list-style:none;padding:0;margin:0;}
.related-list li + li{border-top:1px solid var(--border);}
.related-list li a{color:var(--text);font-size:14.5px;font-weight:600;text-decoration:none;line-height:1.4;display:block;padding:11px 0;transition:color .2s,padding-left .2s;}
.related-list li:first-child a{padding-top:14px;}
.related-list li:last-child a{padding-bottom:2px;}
.related-list li a:hover{color:var(--accent);padding-left:3px;}

/* 侧栏机型卡：缩略图 + 名称。刻意沿用 .related-list 的行分隔节奏（同样的
   上下内边距、同样的 1px 分隔线），这样它和下面的 Similar questions 叠在
   一起时，行距和对齐看不出是两套样式。 */
.machine-list{list-style:none;padding:0;margin:0;}
.machine-list li + li{border-top:1px solid var(--border);}
.machine-list li a{display:flex;align-items:center;gap:11px;padding:9px 0;text-decoration:none;}
.machine-list li:first-child a{padding-top:12px;}
.machine-list li:last-child a{padding-bottom:2px;}
.machine-list__thumb{display:block;flex:0 0 auto;width:40px;height:40px;padding:3px;background:#fff;border:1px solid var(--border);border-radius:9px;transition:border-color .2s,box-shadow .2s;}
.machine-list__thumb img{display:block;width:100%;height:100%;object-fit:contain;}
.machine-list__name{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--text);transition:color .2s;}
.machine-list li a:hover .machine-list__thumb{border-color:var(--accent);box-shadow:0 0 0 2px rgba(29,122,90,.10);}
.machine-list li a:hover .machine-list__name{color:var(--accent);}
.related-block{margin-top:34px;border-top:1px solid var(--border);padding-top:24px;}
.related-block h3{font-size:19px;margin:0 0 14px;}
.muted{color:var(--muted);}

/* ---------- Solutions（SEO 软文线） ---------- */
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:26px;}
.solution-grid--3{grid-template-columns:repeat(3,1fr);}
.solution-grid--3 > .solution-card:nth-child(4){display:none;}
.solution-grid--3 .solution-card__title{font-size:18px;}
.solution-more-link{margin:30px 0 0;text-align:center;}
.solution-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;}
.solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.solution-card__media{display:block;aspect-ratio:16/9;background:var(--bg-soft);overflow:hidden;}
.solution-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.solution-card:hover .solution-card__media img{transform:scale(1.03);}
.solution-card__body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.solution-card__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);}
.solution-card__title{font-size:20px;line-height:1.35;margin:0;}
.solution-card__title a{color:var(--text);text-decoration:none;}
.solution-card__title a:hover{color:var(--accent);}
.solution-card__excerpt{color:var(--muted);font-size:15px;margin:0;flex:1;}
.solution-card__more{font-weight:700;color:var(--accent);font-size:14.5px;text-decoration:none;}
.solution-empty{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:34px;margin-top:26px;}
.solution-empty p{margin:0;color:var(--muted);}

.solution-single{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;}
/* 网格项默认 min-width:auto，正文里 min-width 的表格会把整列撑破（手机整页横向溢出）
   给它 0，让表格只在 .ep-table-wrap 内滚动 */
.solution-single__main{min-width:0;}
.solution-single__side{position:sticky;top:16px;display:grid;gap:22px;}
.solution-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13.5px;margin:8px 0 22px;}
.solution-meta .dot{opacity:.45;}
.solution-toc{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 22px;margin:0 0 28px;}
.solution-toc strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;}
.solution-toc ol{margin:0;padding-left:20px;display:grid;gap:6px;}
.solution-toc a{color:var(--text);font-size:14.5px;text-decoration:none;}
.solution-toc a:hover{color:var(--accent);}

.solution-body{font-size:17px;line-height:1.78;color:var(--text);}
.solution-body h2{font-size:26px;margin:38px 0 14px;scroll-margin-top:16px;clear:both;}
.solution-body h3{font-size:20px;margin:26px 0 10px;}
.solution-body p{margin:0 0 18px;}
.solution-body ul,.solution-body ol{margin:0 0 20px;padding-left:22px;display:grid;gap:8px;}
.solution-body a{color:var(--accent);text-decoration:underline;}
.solution-body table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;}
.solution-body th,.solution-body td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;}
.solution-body th{background:var(--bg-soft);font-weight:700;}
:is(.solution-body,.faq-answer) .lead{font-size:18.5px;line-height:1.7;color:var(--text);}

/* 正文表格（ep-table-wrap）：外框 + 斑马行 + 窄屏横向滚动
   包一层 div 是为了在手机上只让表格横向滚，不把整页撑宽 */
:is(.solution-body,.faq-answer) .ep-table-wrap{margin:0 0 28px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;}
:is(.solution-body,.faq-answer) .ep-table-wrap table{margin:0;min-width:520px;border:0;font-size:15px;}
:is(.solution-body,.faq-answer) .ep-table-wrap th,:is(.solution-body,.faq-answer) .ep-table-wrap td{border:0;border-bottom:1px solid var(--border);padding:12px 14px;}
:is(.solution-body,.faq-answer) .ep-table-wrap thead th{background:var(--bg-soft);font-weight:700;white-space:nowrap;font-size:13.5px;letter-spacing:.01em;}
:is(.solution-body,.faq-answer) .ep-table-wrap tbody tr:nth-child(even){background:#fbfcfe;}
:is(.solution-body,.faq-answer) .ep-table-wrap tbody th{width:23%;min-width:120px;background:transparent;font-weight:700;white-space:nowrap;color:var(--text);}
:is(.solution-body,.faq-answer) .ep-table-wrap tbody tr:last-child th,:is(.solution-body,.faq-answer) .ep-table-wrap tbody tr:last-child td{border-bottom:0;}
:is(.solution-body,.faq-answer) .ep-table-wrap td{color:var(--muted);}

/* 正文内嵌「四机型对照表」：机器列带缩略图 + 本机行浅高亮
   数据与产品页 .pd-compare 同源（_ep_best_for / _ep_eggs_per_hour / _ep_specs），
   但正文是 772px 窄栏，7 列挤不下，Coverage 四机型相同 → 收进引言，正文表降到 6 列 */
:is(.solution-body,.faq-answer) .ep-compare{margin:36px 0 30px;padding:22px 22px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);}
:is(.solution-body,.faq-answer) .ep-compare h3{margin:0 0 6px;font-size:19px;line-height:1.35;}
:is(.solution-body,.faq-answer) .ep-compare__intro{margin:0 0 14px;font-size:15px;line-height:1.62;color:var(--muted);}
:is(.solution-body,.faq-answer) .ep-compare .ep-table-wrap{margin:0 0 10px;box-shadow:0 1px 3px rgba(20,28,45,.05);}
/* 正文栏只有 ~728px，5 列是可用上限：速度与分辨率合并成一列，数据一个不删 */
:is(.solution-body,.faq-answer) .ep-compare table{min-width:640px;font-size:13px;table-layout:fixed;}
:is(.solution-body,.faq-answer) .ep-compare thead th{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;background:#fff;color:var(--muted);white-space:normal;line-height:1.35;}
:is(.solution-body,.faq-answer) .ep-compare thead th:nth-child(1){width:26%;}
:is(.solution-body,.faq-answer) .ep-compare thead th:nth-child(2){width:26%;}
:is(.solution-body,.faq-answer) .ep-compare thead th:nth-child(3){width:19%;}
:is(.solution-body,.faq-answer) .ep-compare thead th:nth-child(4){width:15%;}
:is(.solution-body,.faq-answer) .ep-compare thead th:nth-child(5){width:14%;}
:is(.solution-body,.faq-answer) .ep-compare th,:is(.solution-body,.faq-answer) .ep-compare td{padding:11px 11px;vertical-align:middle;}
:is(.solution-body,.faq-answer) .ep-compare tbody th{width:auto;min-width:0;white-space:normal;}
:is(.solution-body,.faq-answer) .ep-compare tbody tr:nth-child(even){background:#fff;}
:is(.solution-body,.faq-answer) .ep-compare tbody tr.is-pick{background:var(--accent-soft);}
:is(.solution-body,.faq-answer) .ep-compare tbody tr.is-pick th{box-shadow:inset 3px 0 0 var(--accent);}
:is(.solution-body,.faq-answer) .ep-compare tbody tr.is-pick .ep-cmp__model{color:var(--accent);}
:is(.solution-body,.faq-answer) .ep-compare td strong{color:var(--text);font-weight:700;}
.ep-cmp{display:flex;align-items:center;gap:9px;}
.ep-cmp__thumb{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden;}
.ep-cmp__thumb img{width:40px;height:40px;object-fit:contain;display:block;border-radius:0;mix-blend-mode:multiply;}
.ep-cmp__id{display:flex;flex-direction:column;gap:1px;line-height:1.25;min-width:0;}
.ep-cmp__id a{font-weight:700;color:var(--text);text-decoration:none;font-size:13px;}
.ep-cmp__id a:hover{color:var(--accent);text-decoration:underline;}
.ep-cmp__model{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);}
.ep-cmp__rate{display:block;font-weight:700;color:var(--text);white-space:nowrap;font-size:12.5px;}
.ep-cmp__basis{display:block;font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;}
.ep-cmp__res{display:block;font-size:11px;color:var(--muted);margin-top:4px;}
.ep-cmp__nowrap{white-space:nowrap;}
:is(.solution-body,.faq-answer) .ep-compare__note{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted);}

/* 正文配图（figure.ep-fig）：图注在图下，四种版式按「原图宽度」选，避免小图被放大糊掉
   --float ≥761 右侧浮动让正文绕排，≤760 取消浮动整宽下沉
   --pair 两图并排（原图 ≥300px 用）；--strip 三图成条（212px 样张图专用，手机降两列=缩小显示更清晰） */
:is(.solution-body,.faq-answer) .ep-fig{margin:26px 0 28px;}
:is(.solution-body,.faq-answer) .ep-fig img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;}
:is(.solution-body,.faq-answer) .ep-fig figcaption{margin-top:9px;font-size:13px;line-height:1.6;color:var(--muted);}
:is(.solution-body,.faq-answer) .ep-fig figcaption strong{color:var(--text);font-weight:700;}
@media(min-width:761px){
  :is(.solution-body,.faq-answer) .ep-fig--float{float:right;width:260px;margin:4px 0 16px 24px;}
  :is(.solution-body,.faq-answer) .ep-fig--float figcaption{font-size:12.5px;}
}
/* 原图只有 300px 出头时，铺满 772px 正文栏等于放大 2.4 倍，糊且喧宾夺主 */
@media(min-width:601px){
  :is(.solution-body,.faq-answer) .ep-fig--narrow{max-width:420px;margin-left:auto;margin-right:auto;}
  /* 800×800 产品实拍：520px 是 772px 正文栏里既不显得孤零零、也不压过正文的比例 */
  :is(.solution-body,.faq-answer) .ep-fig--mid{max-width:520px;margin-left:auto;margin-right:auto;}
}
:is(.solution-body,.faq-answer) .ep-fig--pair,:is(.solution-body,.faq-answer) .ep-fig--strip{display:grid;gap:14px;align-items:start;}
:is(.solution-body,.faq-answer) .ep-fig--pair{grid-template-columns:repeat(2,minmax(0,1fr));}
:is(.solution-body,.faq-answer) .ep-fig--strip{grid-template-columns:repeat(3,minmax(0,1fr));}
:is(.solution-body,.faq-answer) .ep-fig--pair figure,:is(.solution-body,.faq-answer) .ep-fig--strip figure{margin:0;}
/* 并排图的原图比例不一致（316×279 / 316×259），不统一裁切会让两条图注错位 */
:is(.solution-body,.faq-answer) .ep-fig--pair img{aspect-ratio:1.18;object-fit:cover;}
:is(.solution-body,.faq-answer) .ep-fig--pair figcaption,:is(.solution-body,.faq-answer) .ep-fig--strip figcaption{font-size:12.5px;margin-top:7px;}
@media(max-width:600px){
  :is(.solution-body,.faq-answer) .ep-fig--pair{grid-template-columns:1fr;}
  /* 单列堆叠时两图不在同一行，不需要为对齐而裁切，还原本来的构图 */
  :is(.solution-body,.faq-answer) .ep-fig--pair img{aspect-ratio:auto;}
  :is(.solution-body,.faq-answer) .ep-fig--strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  :is(.solution-body,.faq-answer) .ep-fig--strip figcaption{font-size:11.5px;}
}

/* 正文信息图：用 CSS 画的图示，不依赖照片（设备实拍铭牌是中文，英文站不能用）
   底图容器沿用 .ep-fig--diagram，图注在容器内 */
:is(.solution-body,.faq-answer) .ep-fig--diagram{padding:20px 20px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);}
:is(.solution-body,.faq-answer) .ep-fig--diagram figcaption{margin-top:14px;}

/* ① 年历刻度：12 个月按真实天数分宽，pin 标出某个 Julian 日落在哪 */
.ep-scale{padding:14px 0 4px;}
.ep-scale__track{position:relative;padding-bottom:30px;}
.ep-scale__months{display:flex;height:42px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;}
.ep-scale__months span{display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--border);min-width:0;overflow:hidden;}
.ep-scale__months span:nth-child(even){background:#f7f9fc;}
.ep-scale__months span:last-child{border-right:0;}
.ep-scale__pin{position:absolute;top:-8px;width:2px;height:58px;background:var(--accent);border-radius:1px;}
.ep-scale__pin::before{content:'';position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);}
.ep-scale__pin i{position:absolute;top:56px;left:50%;transform:translateX(-50%);font-style:normal;font-size:12.5px;font-weight:700;color:var(--accent);white-space:nowrap;background:var(--bg-soft);padding:0 5px;}

/* ② 格式对照：同一日期三种写法，pick 行是推荐的那种 */
.ep-formats{display:grid;gap:9px;}
.ep-formats__row{display:grid;grid-template-columns:58px 1fr;gap:0 12px;padding:11px 14px 12px;background:#fff;border:1px solid var(--border);border-radius:9px;align-items:baseline;}
.ep-formats__tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-row:1;}
.ep-formats__val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:700;color:var(--text);letter-spacing:.01em;grid-row:1;word-break:break-word;}
.ep-formats__note{grid-column:2;font-size:12.5px;line-height:1.55;color:var(--muted);margin-top:4px;}
.ep-formats__row--pick{border-color:var(--accent);background:var(--accent-soft);}
.ep-formats__row--pick .ep-formats__val,.ep-formats__row--pick .ep-formats__tag{color:var(--accent);}
/* 说明只有一两个词时（代码→含义的映射），排成一行，否则右下角留出一大片空 */
.ep-formats--inline .ep-formats__row{grid-template-columns:40px auto 1fr;column-gap:14px;align-items:center;}
.ep-formats--inline .ep-formats__note{grid-column:3;grid-row:1;margin-top:0;font-size:13.5px;color:var(--text);}

/* ④ 代码拆解：把一个编码串按段拆开，每段下面标含义（如 3UK12345） */
.ep-code{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:4px 0 2px;}
.ep-code__seg{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 17px;background:#fff;border:1px solid var(--border);border-radius:10px;min-width:100px;}
.ep-code__seg b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:23px;font-weight:800;letter-spacing:.04em;color:var(--text);line-height:1;}
.ep-code__seg i{font-style:normal;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;}

/* ③ 步骤流程：横向 3-4 步，窄屏纵向 */
.ep-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.ep-flow__step{position:relative;background:#fff;border:1px solid var(--border);border-radius:9px;padding:13px 14px 14px;}
.ep-flow__n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11.5px;font-weight:800;margin-bottom:8px;}
.ep-flow__t{display:block;font-size:14px;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:4px;}
.ep-flow__d{display:block;font-size:12.5px;line-height:1.5;color:var(--muted);}

@media(max-width:600px){
  :is(.solution-body,.faq-answer) .ep-fig--diagram{padding:16px 14px 13px;}
  .ep-scale__months span{font-size:9px;letter-spacing:0;}
  .ep-formats__row{grid-template-columns:52px 1fr;padding:10px 12px 11px;}
  .ep-formats__val{font-size:15.5px;}
  .ep-flow{grid-template-columns:1fr;}
  /* 三段代码在 342px 里放不下自然宽度，改三列等分并允许标签折行，避免掉成 2+1 */
  .ep-code{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .ep-code__seg{min-width:0;padding:11px 7px;gap:6px;}
  .ep-code__seg b{font-size:20px;}
  .ep-code__seg i{font-size:9px;letter-spacing:.02em;white-space:normal;text-align:center;line-height:1.25;}
  .ep-formats--inline .ep-formats__row{grid-template-columns:32px auto 1fr;column-gap:10px;}
  .ep-formats--inline .ep-formats__note{font-size:12.5px;}
}

.solution-product{display:grid;grid-template-columns:240px 1fr;gap:24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:34px 0;box-shadow:var(--shadow);align-items:center;}
.solution-product__media{background:var(--bg-soft);border-radius:var(--radius-sm);padding:16px;display:flex;align-items:center;justify-content:center;}
.solution-product__media img{max-width:100%;height:auto;max-height:190px;object-fit:contain;mix-blend-mode:multiply;}
.solution-product__body h3{margin:6px 0 4px;font-size:21px;}
.solution-product__body h3 a{color:var(--text);text-decoration:none;}
.solution-product__body .model{font-size:13px;color:var(--muted);font-weight:600;margin:0 0 8px;}
.solution-product__list{margin:10px 0 16px;padding-left:20px;color:var(--muted);display:grid;gap:6px;font-size:15px;}
.product-card__taglabel{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;}

/* 步骤块（HowTo） */
.solution-steps{margin:34px 0;padding:26px 28px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);}
.solution-steps h2{font-size:24px;margin:0 0 18px;}
.solution-steps__list{list-style:none;margin:0;padding:0;counter-reset:epstep;display:grid;gap:14px;}
.solution-steps__list li{counter-increment:epstep;position:relative;padding-left:42px;}
.solution-steps__list li::before{content:counter(epstep);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.solution-steps__list strong{display:block;font-size:16px;margin-bottom:3px;}
.solution-steps__list span{color:var(--muted);font-size:15.5px;line-height:1.7;}

/* 问答块（FAQPage） */
.solution-faq{margin:34px 0;padding:26px 28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);}
.solution-faq h2{font-size:24px;margin:0 0 16px;}
.solution-faq__list{margin:0;}
.solution-faq__item{border-top:1px solid var(--border);padding:14px 0;}
.solution-faq__item:first-child{border-top:0;padding-top:0;}
.solution-faq__item:last-child{padding-bottom:0;}
.solution-faq__item dt{font-weight:700;font-size:16px;margin-bottom:5px;}
.solution-faq__item dd{margin:0;color:var(--muted);font-size:15.5px;line-height:1.72;}

@media(max-width:1199px){
  .solution-grid--3{grid-template-columns:repeat(2,1fr);}
  .solution-grid--3 > .solution-card:nth-child(4){display:flex;}
  .solution-grid--3 .solution-card__title{font-size:20px;}
}
@media(max-width:760px){
  .solution-grid--3{grid-template-columns:1fr;}
  .solution-grid--3 > .solution-card:nth-child(4){display:none;}
}
@media(max-width:980px){
  .solution-single{grid-template-columns:1fr;}
  .solution-single__side{position:static;}
}
/* 侧栏变整宽后，四行机器列表会拖出大片空白，改成 2×2 更紧凑。
   但只在 601px 以上这么做：390px 下每格只剩 173px，机型名会被挤成三行，
   反而比单列更高、更难读。 */
@media(min-width:601px) and (max-width:980px){
  .machine-list{display:grid;grid-template-columns:1fr 1fr;}
  .machine-list li + li{border-top:0;}
  .machine-list li:nth-child(n+3){border-top:1px solid var(--border);}
  .machine-list li:nth-child(odd){padding-right:18px;}
  .machine-list li:nth-child(even){padding-left:18px;border-left:1px solid var(--border);}
}
@media(max-width:760px){
  .solution-grid{grid-template-columns:1fr;}
  .solution-product{grid-template-columns:1fr;}
  .solution-product__media{padding:12px;}
  .solution-body{font-size:16.5px;}
  .solution-body h2{font-size:23px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap{margin-left:-2px;margin-right:-2px;border-radius:8px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap th,:is(.solution-body,.faq-answer) .ep-table-wrap td{padding:10px 11px;font-size:14px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap table{min-width:460px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap tbody th{width:auto;min-width:96px;}
  /* 对照表窄屏：只让表格横向滚，不撑破页面 */
  :is(.solution-body,.faq-answer) .ep-compare{padding:16px 14px 4px;margin:30px 0 26px;}
  :is(.solution-body,.faq-answer) .ep-compare table{min-width:480px;font-size:12px;}
  :is(.solution-body,.faq-answer) .ep-compare th,:is(.solution-body,.faq-answer) .ep-compare td{padding:9px 8px;}
  :is(.solution-body,.faq-answer) .ep-compare tbody th{min-width:0;}
  .ep-cmp{gap:7px;}
  .ep-cmp__thumb{flex:0 0 34px;width:34px;height:34px;}
  .ep-cmp__thumb img{width:34px;height:34px;}
  .ep-cmp__id a{font-size:12.5px;}
  :is(.solution-body,.faq-answer) .ep-compare h3{font-size:17.5px;}
  /* 兜底：万一某个表格没包 ep-table-wrap（比如后台手工建的），窄屏也不撑破页面 */
  .solution-body > table{font-size:14px;}
  .solution-body > table th,.solution-body > table td{padding:9px 8px;word-break:break-word;}
}

/* 平板与窄桌面（601–1100）：正文栏在 527–674px 之间，强制 640px 会横向滚，
   这一段允许表格收到容器宽并让速度行折行，避免溢出邻列 */
@media(min-width:601px) and (max-width:1100px){
  :is(.solution-body,.faq-answer) .ep-compare table{min-width:0;}
  .ep-cmp__rate,.ep-cmp__basis{white-space:normal;}
}

/* 手机（≤600px）：对照表改卡片堆叠，彻底去掉横向滚动
   单元格用 data-label + 悬挂缩进，标签不占正文词数 */
@media(max-width:600px){
  :is(.solution-body,.faq-answer) .ep-compare{padding:16px 14px 18px;}
  :is(.solution-body,.faq-answer) .ep-compare .ep-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;margin:0;}
  :is(.solution-body,.faq-answer) .ep-compare table,
  :is(.solution-body,.faq-answer) .ep-compare tbody,
  :is(.solution-body,.faq-answer) .ep-compare tr,
  :is(.solution-body,.faq-answer) .ep-compare th,
  :is(.solution-body,.faq-answer) .ep-compare td{display:block;width:auto;min-width:0;table-layout:auto;}
  :is(.solution-body,.faq-answer) .ep-compare thead{display:none;}
  :is(.solution-body,.faq-answer) .ep-compare table{min-width:0;font-size:13px;}
  :is(.solution-body,.faq-answer) .ep-compare tbody{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;}
  :is(.solution-body,.faq-answer) .ep-compare tbody tr{padding:12px 13px;border-bottom:1px solid var(--border);}
  :is(.solution-body,.faq-answer) .ep-compare tbody tr:last-child{border-bottom:0;}
  :is(.solution-body,.faq-answer) .ep-compare tbody th{padding:0 0 8px;box-shadow:none;}
  :is(.solution-body,.faq-answer) .ep-compare tbody tr.is-pick th{box-shadow:none;}
  :is(.solution-body,.faq-answer) .ep-compare tbody td{padding:3px 0 3px 76px;text-indent:-76px;border:0;font-size:12.5px;line-height:1.5;}
  :is(.solution-body,.faq-answer) .ep-compare tbody td::before{content:attr(data-label);display:inline-block;width:76px;text-indent:0;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);vertical-align:top;padding-top:2px;}
  .ep-cmp__rate,.ep-cmp__basis,.ep-cmp__res{display:inline;font-size:12.5px;margin:0;}
  /* 基础样式给 rate/basis 设了 nowrap（宽屏单行需要），卡片模式下拼成一句话就必须允许折行，
     否则速度行会顶出卡片右侧被 tbody 的 overflow:hidden 裁掉半截 */
  .ep-cmp__rate,.ep-cmp__basis{white-space:normal;}
  .ep-cmp__basis::before,.ep-cmp__res::before{content:"\00a0\00b7\00a0";}
}

/* 正文表格变体（2026-11-08）
   默认 .ep-table-wrap 在窄屏靠横向滚动：适合"扫一眼就行"的宽表，
   但碰到"要照着查"的表（换算表、日期对照）就成了折磨。两种变体：
   ① --compact：列少、每格短（如月份换算），窄屏保持表形、不滚动
   ② --stack：3 列以上且每格是句子，窄屏堆叠成卡片，靠 data-label 出标签 */
:is(.solution-body,.faq-answer) .ep-table-wrap--compact table{table-layout:fixed;}
:is(.solution-body,.faq-answer) .ep-table-wrap--compact thead th:first-child{width:58%;}
/* 右侧是编号/页码性质的值，右对齐才成一条线；左对齐会飘在列中间 */
:is(.solution-body,.faq-answer) .ep-table-wrap--compact thead th:last-child,
:is(.solution-body,.faq-answer) .ep-table-wrap--compact td{text-align:right;}
:is(.solution-body,.faq-answer) .ep-table-wrap--compact th,
:is(.solution-body,.faq-answer) .ep-table-wrap--compact td{padding:9px 14px;}
@media(min-width:601px){
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact{max-width:420px;}
  /* 全局给 .ep-table-wrap table 定了 min-width:520，和上面的 480 上限打架，会凭空多出 40px 内部滚动 */
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact table{min-width:0;}
}
@media(max-width:600px){
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact{overflow-x:visible;margin-left:0;margin-right:0;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact table{min-width:0;font-size:13.5px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact thead th{font-size:11.5px;white-space:normal;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact th,
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact td{padding:8px 11px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--compact tbody th{width:58%;min-width:0;white-space:normal;}
}
@media(max-width:640px){
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack{overflow-x:visible;border:0;border-radius:0;background:transparent;margin-left:0;margin-right:0;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack thead{display:none;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack table{min-width:0;font-size:14px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tbody{display:grid;gap:12px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tbody,
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tr,
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack th,
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack td{display:block;width:auto;min-width:0;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tr{border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;padding-bottom:7px;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tbody tr:nth-child(even){background:#fff;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tbody th,
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack tbody th[scope="row"]{background:var(--bg-soft);padding:10px 14px;border-bottom:1px solid var(--border);white-space:normal;font-size:14.5px;width:auto;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack td{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:7px 14px 0;border:0;font-size:13.5px;line-height:1.55;}
  :is(.solution-body,.faq-answer) .ep-table-wrap--stack td::before{content:attr(data-label);font-size:10.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--muted);padding-top:2px;}
}

@media(max-width:980px){
  .faq-single{grid-template-columns:1fr;}
  .faq-single-side{position:static;}
}

/* FAQ pagination */
.nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:36px 0 8px;}
.nav-links a,.nav-links span{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;
  border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:600;font-size:14px;text-decoration:none;transition:.15s;
}
.nav-links a:hover{border-color:var(--accent);color:var(--accent);}
.nav-links .current{background:var(--accent);border-color:var(--accent);color:#fff;}
@media(max-width:560px){
  /* 每页 10 条后 FAQ 有 8 页，手机端分页条会折成两行，压到 36px 高更整齐 */
  .nav-links{gap:6px;margin:28px 0 6px;}
  .nav-links a,.nav-links span{min-width:36px;height:36px;padding:0 10px;font-size:13.5px;border-radius:9px;}
}

/* Product gallery (media-library images) */
/* 关键：主图与缩略图都必须吃满面板宽度。旧规则 `.product-single .gallery img{max-height:340px;width:auto}`
   权重(0,2,1)高于 `.gallery-main img`(0,1,1)，把主图压成 340×340 靠左，右侧留 154px 死白。 */
.product-single .gallery{
  background:var(--bg-soft);border-radius:var(--radius);padding:20px;
  display:flex;flex-direction:column;align-items:stretch;gap:14px;
  position:sticky;top:calc(5px + var(--pd-models-h) + 24px);   /* 右侧规格区很长（约 1750px），主图跟随滚动，避免左栏大片死白 */
}
.gallery-main{
  width:100%;aspect-ratio:1 / 1;
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.product-single .gallery-main img{
  width:100%;height:100%;max-height:none;max-width:none;
  object-fit:contain;display:block;border:0;background:transparent;border-radius:0;
}
/* v2 长文页也走同一套图库，主图/缩略图同样要按容器取尺寸（此前只写了 .product-single 前缀，
   v2 页只能靠全局 img{max-width:100%} 兜底，换非方图就会被 1:1 容器裁掉） */
.gallery-main > img{width:100%;height:100%;max-width:none;object-fit:contain;display:block;border:0;transition:opacity .18s ease;}
.gallery-main > img.is-swapping{opacity:.35;}
/* auto-fit + minmax(0,1fr) 会按内容撑出轨道数，缩略图条溢出面板右侧被裁；改为等分列，一屏放下全部缩略图 */
/* 等分列会让 3 张图各撑到 175px（图源只有 150px，等于放大发虚），5 张时又只剩 101px。
   改用 flex + 单张上限 150px：张数少时保持清晰尺寸，张数多时自动收缩填满。 */
.gallery-thumbs{display:flex;flex-wrap:nowrap;gap:10px;margin:0;}
.gallery-thumb{flex:1 1 0;min-width:0;max-width:150px;}
.gallery-thumb{padding:0;border:2px solid var(--border);border-radius:10px;cursor:pointer;background:#fff;line-height:0;overflow:hidden;transition:.15s;}
.product-single .gallery-thumb img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;display:block;border-radius:8px;}
.gallery-thumb img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;display:block;border-radius:8px;}
.gallery-thumb.is-active{border-color:var(--accent);}
.gallery-thumb:hover{border-color:var(--muted);}
.gallery-thumb[aria-current="true"]{border-color:var(--accent);}
.gallery-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent);}
/* 单列布局下关掉粘性、并限制图库面板宽度，避免平板宽度下方形成 877px 高的巨幅方图 */
@media(max-width:980px){
  .product-single .gallery{position:static;max-width:560px;margin:0 auto;width:100%;}
}

/* ==========================================================
   Product page v2 — long-form detail zone (single-product.php)
   Rendered only when _ep_detail_json exists on the product.
   ========================================================== */
.pd-hero{padding:26px 0 46px;}
.pd-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:52px;align-items:start;margin-top:12px;}
.pd-hero__copy h1{font-size:clamp(28px,3.4vw,42px);line-height:1.14;margin:8px 0 10px;}
.pd-tagline{font-size:19px;color:var(--accent);font-weight:600;margin:0 0 6px;}
.pd-model{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;}
.pd-lead{color:var(--muted);font-size:16.5px;}
.pd-lead p{margin:0 0 14px;}
.pd-lead p:last-child{margin-bottom:0;}
.pd-chips{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.pd-chips li{padding:14px 18px 15px 0;}
.pd-chips li:nth-child(even){border-left:1px solid var(--border);padding-left:18px;}
.pd-chips li:nth-child(n+3){border-top:1px solid var(--border);}
.pd-chips strong{display:block;font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--text);white-space:nowrap;}
.pd-chips span{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:3px;}
.pd-lead__more{display:none;}
.pd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
/* 主 CTA 与 WhatsApp 各占一半并排；规格按钮独占一行，避免三个按钮挤在 576px 里换行不齐 */
.pd-actions .btn{flex:1 1 calc(50% - 6px);justify-content:center;white-space:nowrap;}
.pd-actions .btn--wide{flex:1 1 100%;}
.pd-note{font-size:13px;color:var(--muted);margin:14px 0 0;}

.pd-section{padding:66px 0;}
.pd-section--soft{background:var(--bg-soft);}
.pd-head{max-width:740px;margin-bottom:34px;}
.pd-head h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:8px 0 10px;}
.pd-head p{margin:0;color:var(--muted);font-size:16px;}

.pd-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.pd-steps li{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;}
.pd-steps__n{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:14px;}
.pd-steps h3{font-size:17px;margin:0 0 8px;}
.pd-steps p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;}

.pd-blocks{display:grid;gap:58px;}
.pd-block{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px;align-items:start;}
.pd-block--flip .pd-block__fig{order:2;}
.pd-block__fig{margin:0;}
.pd-block__fig img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 46%;display:block;border-radius:14px;background:#fff;border:1px solid var(--border);}
.pd-block__fig figcaption{font-size:12.5px;color:var(--muted);margin-top:10px;text-align:left;}
.pd-block__copy h3{font-size:clamp(20px,2.2vw,26px);line-height:1.25;margin:8px 0 12px;}
.pd-block__copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.74;}
.pd-block--wide{grid-template-columns:1fr;gap:26px;}
.pd-block--wide .pd-block__fig{order:0;overflow-x:auto;}
/* 全景图：显式比例 + contain，避免 4:3 裁切掉上下游标注；窄屏保底 560px 可滑动查看细节 */
.pd-block--wide .pd-block__fig img{width:100%;min-width:560px;max-width:720px;height:auto;aspect-ratio:709/484;object-fit:contain;margin:0 auto;}

.pd-grid{display:grid;gap:18px;}
.pd-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.pd-grid--6{grid-template-columns:repeat(6,minmax(0,1fr));}
.pd-tile{margin:0;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.pd-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.pd-tile figcaption{display:block;padding:13px 15px 15px;}
.pd-tile strong{display:block;font-size:14.5px;margin-bottom:2px;}
.pd-tile span{font-size:12.5px;color:var(--muted);line-height:1.5;display:block;}
.pd-sample{margin:0;text-align:center;}
.pd-sample img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:12px;border:1px solid var(--border);}
.pd-sample figcaption{font-size:12.5px;color:var(--muted);margin-top:9px;}

.pd-specs-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;}
.pd-specs{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;}
.pd-specs .spec-table{margin:0;}
.pd-specs .spec-table th{width:38%;padding-left:20px;background:var(--bg-soft);}
.pd-specs .spec-table td{padding-right:20px;}
.pd-specs .spec-table tr:last-child th,.pd-specs .spec-table tr:last-child td{border-bottom:0;}
.pd-side{position:sticky;top:calc(5px + var(--pd-models-h) + 24px);}
/* 吸顶的机型条会遮住锚点目标：跳到 #pd-specs / #how-it-works 时留出 header + 条的高度 */
.pd-section[id]{scroll-margin-top:calc(5px + var(--pd-models-h) + 16px);}
.pd-side__title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 12px;}
.pd-side .btn{width:100%;text-align:center;margin-top:16px;}
.pd-trust{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.pd-trust li{padding:13px 16px;}
.pd-trust li + li{border-top:1px solid var(--border);}
.pd-trust strong{display:block;font-size:15px;font-weight:600;color:var(--text);line-height:1.3;}
.pd-trust span{font-size:12px;color:var(--muted);}

.pd-block--wide .pd-block__copy{max-width:820px;}
.pd-compare{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:#fff;}
.pd-compare table{width:100%;min-width:960px;border-collapse:collapse;font-size:14px;margin:0;}
.pd-compare th,.pd-compare td{border-bottom:1px solid var(--border);padding:13px 15px;text-align:left;vertical-align:top;}
.pd-compare thead th{background:var(--bg-soft);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.pd-compare tbody th{width:26%;font-size:14.5px;}
.pd-compare tbody th a{color:var(--text);text-decoration:none;font-weight:600;}
.pd-compare tbody th a:hover{color:var(--accent);}
.pd-compare tbody tr:last-child th,.pd-compare tbody tr:last-child td{border-bottom:0;}
.pd-compare .is-current{background:var(--primary-soft);}
.pd-compare__model{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px;}
.pd-compare__machine{display:flex;align-items:center;gap:12px;min-width:0;}
.pd-compare__thumb{flex:0 0 auto;display:block;width:64px;height:64px;border-radius:9px;overflow:hidden;background:#fff;border:1px solid var(--border);}
.pd-compare__thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.pd-compare__id{display:block;min-width:0;}
/* Speed 列：小时产能为主值（换算自工厂公布速度 × 5×6 托盘 30 枚），原始速度降为副行 */
.pd-compare__rate{display:block;font-weight:600;font-size:14.5px;color:var(--text);white-space:nowrap;}
.pd-compare__basis{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;}
/* 窄桌面（1024 级）7 列本就吃紧，主值 nowrap 会把 BEST FOR 挤到 6 行；
   这一段让它允许折成「≈ 36,000 / eggs·hour」，把宽度让回文字列。 */
@media(max-width:1100px){
  .pd-compare__rate{white-space:normal;}
}

.pd-faq{max-width:840px;}
.pd-faq__item{border-bottom:1px solid var(--border);padding:16px 0;}
.pd-faq__item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-weight:600;font-size:16.5px;line-height:1.45;}
.pd-faq__item summary::-webkit-details-marker{display:none;}
.pd-faq__item summary::after{content:'+';color:var(--accent);font-weight:400;font-size:20px;line-height:1;}
.pd-faq__item[open] summary::after{content:'\2013';}
.pd-faq__item p{color:var(--muted);font-size:15.5px;margin:12px 0 8px;line-height:1.7;}
.pd-faq__more{font-size:13.5px;color:var(--accent);text-decoration:none;}
.pd-faq__more:hover{text-decoration:underline;}

.pd-cta{background:var(--bg-dark);color:#fff;padding:58px 0;}
.pd-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;}
.pd-cta h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 10px;color:#fff;}
.pd-cta p{margin:0;color:rgba(255,255,255,.74);max-width:560px;font-size:15.5px;}
.pd-cta__actions{display:flex;gap:12px;flex-wrap:wrap;}
.pd-cta .btn--ghost{color:#fff;border-color:rgba(255,255,255,.38);background:transparent;}
.pd-cta .btn--ghost:hover{background:rgba(255,255,255,.1);}

.pd-sticky{display:none;}

@media(max-width:980px){
  .pd-hero__grid{grid-template-columns:1fr;gap:32px;}
  .pd-block{grid-template-columns:1fr;gap:22px;}
  .pd-block--flip .pd-block__fig{order:0;}
  .pd-steps{grid-template-columns:1fr;}
  .pd-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pd-grid--6{grid-template-columns:repeat(3,minmax(0,1fr));}
  .pd-specs-row{grid-template-columns:1fr;gap:24px;}
  .pd-side{position:static;}
  .pd-trust{grid-template-columns:1fr;}
  .pd-section{padding:48px 0;}
}
@media(max-width:760px){
  .pd-hero{padding:18px 0 34px;}
  /* 手机首屏：先给数据与按钮，长文案折到后面并默认收起 */
  .pd-hero__copy{display:flex;flex-direction:column;}
  .pd-hero__copy .eyebrow{order:1;}
  .pd-hero__copy h1{order:2;}
  .pd-hero__copy .pd-tagline{order:3;}
  .pd-hero__copy .pd-model{order:4;}
  .pd-hero__copy .pd-chips{order:5;}
  .pd-hero__copy .pd-lead{order:6;}
  .pd-hero__copy .pd-lead__more{order:7;}
  .pd-hero__copy .pd-actions{order:8;}
  .pd-hero__copy .pd-note{order:9;}
  .pd-chips{margin-top:18px;}
  .pd-chips li{padding:12px 14px 12px 0;}
  .pd-chips li:nth-child(even){padding-left:14px;}
  .pd-chips strong{font-size:18px;}
  .pd-lead{font-size:16px;margin-top:18px;}
  .pd-lead.is-clamped{max-height:210px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%);}
  .pd-lead__more{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin:10px 0 0;padding:0;border:0;background:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
  .pd-lead__more[hidden]{display:none;}
  .pd-actions .btn{text-align:center;}
  .pd-actions .btn--wide{flex:1 1 100%;}
  .pd-grid--4,.pd-grid--6{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .pd-cta__inner{flex-direction:column;align-items:flex-start;}
  .pd-sticky-on{padding-bottom:74px;}
  .pd-sticky-on .floating-bubble{bottom:86px;}
  .pd-sticky-on .pd-sticky{display:grid;grid-template-columns:1fr auto auto;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:85;background:#fff;border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));}
  .pd-sticky__btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:14px;font-weight:600;text-decoration:none;}
  .pd-sticky__btn--primary{background:var(--primary);border-color:var(--primary);color:#2a1c00;}
  /* 窄屏横向滚动容器：7 列对比表拉宽保持可读 + 明示可滑动，避免"被切掉"的错觉 */
  .pd-compare table{min-width:960px;font-size:13px;}
  .pd-compare th,.pd-compare td{padding:11px 12px;}
  .pd-compare thead th{font-size:11px;}
  .pd-compare tbody th{width:22%;}
  .pd-compare__machine{gap:9px;align-items:flex-start;}
  .pd-compare__thumb{width:48px;height:48px;border-radius:8px;}
  .pd-block--wide .pd-block__fig figcaption::after{content:' Swipe sideways to read every label.';color:var(--accent);}
}

/* 手机竖屏：主 CTA / WhatsApp / 规格按钮改为整行堆叠，避免文字被压到换行 */
@media(max-width:560px){
  .pd-actions{gap:10px;}
  .pd-actions .btn{flex:1 1 100%;}
}

.pd-widefig{margin:40px 0 0;}.pd-widefig img{display:block;width:100%;max-width:860px;height:auto;margin:0 auto;border-radius:16px;border:1px solid var(--border);background:#fff;}
.pd-widefig figcaption{font-size:12.5px;color:var(--muted);margin:10px auto 0;max-width:860px;text-align:left;}
.pd-compare__note{font-size:13px;color:var(--muted);margin:12px 0 0;}

/* ---------------------------------------------------------------
 * Product ⇄ Solution cross-links (product page, bottom)
 * 3 × 2 card grid: pinned articles first, then newest.
 * ------------------------------------------------------------- */
.pd-guides{scroll-margin-top:calc(5px + var(--pd-models-h) + 16px);}
.pd-guide-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.pd-guide{margin:0;display:flex;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s;}
.pd-guide:hover{border-color:var(--accent);box-shadow:0 12px 28px rgba(21,42,32,.09);transform:translateY(-2px);}
.pd-guide__link{display:flex;flex-direction:column;width:100%;text-decoration:none;color:inherit;}
.pd-guide__media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--bg-soft);}
.pd-guide__media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .4s ease;}
.pd-guide:hover .pd-guide__media img{transform:scale(1.035);}
.pd-guide__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px;min-width:0;}
.pd-guide__pin{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px 3px 7px;border-radius:999px;line-height:1.2;}
.pd-guide__meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);line-height:1;}
.pd-guide__dot{color:var(--border);}
.pd-guide__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;font-weight:700;line-height:1.36;color:var(--text);margin:9px 0 7px;}
.pd-guide:hover .pd-guide__title{color:var(--accent);}
.pd-guide__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.6;color:var(--muted);}
.pd-guide__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;font-size:13px;font-weight:600;color:var(--accent);}
.pd-guide__arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);color:var(--muted);transition:.18s;flex:0 0 auto;}
.pd-guide:hover .pd-guide__arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateX(2px);}
.pd-guides__all{margin:24px 0 0;font-size:15px;font-weight:600;}
.pd-guides__all a{color:var(--accent);text-decoration:none;}
.pd-guides__all a:hover{text-decoration:underline;}

@media(max-width:980px){
  .pd-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .pd-guide__title{font-size:16.5px;}
}
@media(max-width:760px){
  .pd-guide-list{grid-template-columns:1fr;gap:14px;margin-top:22px;}
  .pd-guide__media{aspect-ratio:4/3;}
  .pd-guide__body{padding:14px 16px 16px;}
  .pd-guide__title{font-size:16.5px;}
  .pd-guide__excerpt{font-size:13.5px;-webkit-line-clamp:2;}
  .pd-guide__pin{font-size:10.5px;padding:3px 8px;}
}

/* ---------------------------------------------------------------
 * Product breadcrumb — a quiet band above the switcher strip
 * The strip already says which machine you are on, so the path only
 * carries hierarchy. It used to sit inside the hero, i.e. immediately
 * under the strip: the same product name twice, 40px apart. Moved up
 * here it scrolls away with the page and leaves the strip alone.
 * ------------------------------------------------------------- */
.pd-crumb{background:var(--bg);padding:13px 0 11px;}
.pd-crumb__inner{display:flex;align-items:center;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;}
.pd-crumb__inner a{flex:0 0 auto;color:var(--muted);}
.pd-crumb__inner a:hover{color:var(--accent);}
.pd-crumb__inner .sep{flex:0 0 auto;margin:0 8px;opacity:.55;}
/* 末段吃掉剩余宽度并省略：长产品名不会再把整行撑破挤到浮泡下面 */
.pd-crumb__here{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--text);}
@media(max-width:560px){
  .pd-crumb{padding:10px 0 9px;}
  .pd-crumb__inner{font-size:12px;}
  .pd-crumb__mid{display:none;}
}

/* ---------------------------------------------------------------
 * Model switcher strip — floating pill that parks 5px from the top
 * Four machines, one bar. The header scrolls away with the page, so
 * this strip is the only thing that stays: sticky at 5px, inset from
 * both edges, rounded — the "floating bar" look.
 * --pd-models-h is the bar's real height (CSS guess + JS measured);
 * --pd-models-gap is the left/right inset.
 * ------------------------------------------------------------- */
:root{--pd-models-h:78px;--pd-models-gap:clamp(12px,2vw,28px);}
.pd-models{position:sticky;top:5px;z-index:60;}
/* 悬浮时条与视口顶之间留 5px，正文会从这道缝里滑过去 —— 加一层上边缘白色渐隐把它收干净。
   条本身是 sticky + z-index，已经形成层叠上下文，所以 ::before 用 z-index:-1 就能压在内容
   （.pd-models__inner）之下、又在页面正文之上，不会盖住卡片本身。 */
.pd-models::before{
  content:'';position:absolute;left:var(--pd-models-gap);right:var(--pd-models-gap);top:-7px;height:12px;
  background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--bg) 55%,var(--bg) 100%);
  opacity:0;pointer-events:none;z-index:-1;transition:opacity .26s ease;
}
.pd-models.is-floating::before{opacity:1;}
/* 平铺态：紧贴导航、左右通铺到边、只有一条下分隔线。外层只管吸顶，样式全在内层，
   这样悬浮切换只动内层的 margin / 圆角 / 阴影，不会干扰 sticky 的定位计算。 */
.pd-models__inner{
  position:relative;            /* 进度线绝对定位的锚点 */
  background:#fff;
  border:1px solid transparent;
  border-bottom-color:var(--border);
  border-radius:0;
  box-shadow:0 0 0 rgba(20,30,50,0);
  transition:margin .26s ease,border-radius .26s ease,box-shadow .26s ease,border-color .26s ease;
}
/* 悬浮态：models.js 判定条已吸在 5px 处时加 .is-floating —— 左右收进、起圆角与投影 */
.pd-models.is-floating .pd-models__inner{
  margin:0 var(--pd-models-gap);
  border-color:var(--border);
  border-radius:16px;
  box-shadow:0 14px 36px -16px rgba(20,30,50,.5);
  overflow:hidden;
}
/* 第 5 列是 "Compare all four"：auto 宽，只占文字所需的宽度，四台机器平分剩下的空间。 */
.pd-models__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;}
.pd-models__item{min-width:0;}
.pd-models__item + .pd-models__item{border-left:1px solid var(--border);}
/* 两行骨架：型号 1 行 + 名称固定 2 行。
   四格名称长短不一（1 行 vs 2 行），不锁行高时每格内容各自垂直居中，
   缩略图跟着上下错位；锁定后四格等高，缩略图落在同一条水平线上。 */
.pd-models__link{
  display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:center;
  padding:13px 18px;text-decoration:none;color:inherit;
  transition:background .18s ease;
}
a.pd-models__link:hover{background:var(--bg-soft);}
a.pd-models__link:hover .pd-models__name{color:var(--accent);}
a.pd-models__link:hover .pd-models__thumb{transform:translateY(-1px);border-color:#c8d4e2;box-shadow:0 6px 14px -8px rgba(20,30,50,.4);}
a.pd-models__link:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;}
/* 产品图是 800×800 白底整机照：contain 才不会被 cover 裁掉机脚；补一层细边框把白底框住，
   否则四张图在白条上散着，边界感很弱。 */
.pd-models__thumb{
  display:block;width:50px;height:50px;border-radius:11px;overflow:hidden;
  background:#fff;border:1px solid var(--border);padding:4px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.pd-models__thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.pd-models__body{display:block;min-width:0;}
.pd-models__model{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pd-models__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--text);min-height:calc(2 * 1.3em);}
.pd-models__item.is-current{background:var(--accent-soft);}
.pd-models__item.is-current .pd-models__name{color:var(--accent);}
.pd-models__item.is-current .pd-models__model{color:var(--accent);opacity:.8;}
.pd-models__item.is-current .pd-models__thumb{border-color:var(--accent);box-shadow:0 0 0 2px rgba(29,122,90,.12);}

/* Compare 入口：和四个机型格同一行、同样高度，但用 accent 文字 + 箭头区分“这是动作不是机型”。 */
.pd-models__item--compare{display:flex;}
.pd-models__link--compare{
  flex:1;display:flex;align-items:center;gap:7px;
  padding:13px 20px;font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;
}
a.pd-models__link--compare:hover{background:var(--accent-soft);color:var(--accent);}
.pd-models__link--compare svg{flex:0 0 auto;transition:transform .2s ease;}
a.pd-models__link--compare:hover svg{transform:translateX(2px);}
.pd-models__compare-label--short{display:none;}

/* 阅读进度：贴在条的下沿，只有悬浮态才显示（平铺态还停在页首，读到哪里都是 0）。 */
.pd-models__progress{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;opacity:0;transition:opacity .26s ease;}
.pd-models.is-floating .pd-models__progress{opacity:1;}
.pd-models__progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--primary),var(--primary-dark));}

/* 1024 以下四格开始变窄，Compare 换成短标签，把宽度留给机型名 */
@media(max-width:1024px){
  .pd-models__compare-label{display:none;}
  .pd-models__compare-label--short{display:inline;}
  .pd-models__link--compare{padding:12px 15px;gap:6px;}
}
@media(max-width:980px){
  :root{--pd-models-h:88px;}
  .pd-compare__note::before{content:'Swipe the table sideways to compare every column. ';font-weight:600;color:var(--text);}
  .pd-models__link{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 15px;}
  .pd-models__thumb{width:44px;height:44px;border-radius:10px;}
  .pd-models__name{font-size:12.5px;}
}
@media(max-width:760px){
  :root{--pd-models-h:70px;}
  /* 手机：条是吸顶常驻的，2×2 网格会吃掉 140px 屏高 → 改单行横向滚动 + 吸附 */
  .pd-models__list{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:12px;}
  .pd-models__list::-webkit-scrollbar{display:none;}
  /* 50% 宽塞不下最长那个产品名（Six Nozzle Egg Coding Machine 会被截成两行省略），
     58% 是能完整显示两行的下限；再多就给下一格留不出可辨识的边缘了 */
  .pd-models__item{flex:0 0 58%;scroll-snap-align:start;}
  .pd-models__item + .pd-models__item{border-left:1px solid var(--border);}
  /* Compare 跟着横向滚动条走，宽度按内容给，不参与 58% 的分割 */
  .pd-models__item--compare{flex:0 0 auto;}
  .pd-models__link--compare{padding:11px 14px;font-size:12px;}
  .pd-models__link--compare svg{width:13px;height:13px;}
  .pd-models__link{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:11px 13px;align-items:center;}
  .pd-models__thumb{width:40px;height:40px;border-radius:9px;padding:3px;}
  .pd-models__model{font-size:9.5px;}
  .pd-models__name{font-size:12px;}
}
/* 360 / 330 这类窄屏：格宽缩到 58% 后文字区只剩 90px 左右，最长的产品名会溢出成 3 行被 clamp 掉。
   这一档把缩略图和内边距一起收掉，并把格子放宽到 62%，换回完整的两行名称。 */
@media(max-width:380px){
  .pd-models__item{flex:0 0 62%;}
  .pd-models__item--compare{flex:0 0 auto;}
  .pd-models__link{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:10px 12px;}
  .pd-models__thumb{width:36px;height:36px;border-radius:9px;padding:3px;}
  .pd-models__name{font-size:11.5px;}
}