/* Wellturn 维腾 — 商务蓝 + 信号绿 冷净专业工厂风(corporate + premium)
 * 照片驱动 · 反 AI-slop · 结构/构图与 Petrust 完全不同:
 * 硬朗直角卡片 / 左对齐带顶饰线的标题 / Hero 左文右单张框景大图 / 深海军蓝页脚 / 信任前置
 */
:root{
  --primary:#0274be; --primary-d:#015c93; --primary-l:#e6f1fa;
  --accent:#39b54a; --accent-d:#2c9a3c; --accent-l:#e8f7eb;
  --ink:#16202b; --ink-soft:#586a7a; --ink-faint:#8497a6;
  --line:#dde6ee; --line-soft:#eaf0f6;
  --surface:#f3f7fb; --surface-d:#e8f0f7; --card:#ffffff; --navy:#0c2233;
  --r:6px; --r-lg:10px;
  --sh-sm:0 2px 10px rgba(12,34,51,.06); --sh:0 18px 50px -28px rgba(12,34,51,.45);
  --wrap:1200px; --fs:clamp(15px,.55vw+13.5px,16.5px);
  --sans:"Manrope","Noto Sans SC",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --zh:"Noto Sans SC","Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--zh);font-size:var(--fs);line-height:1.7;color:var(--ink);background:var(--card);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--sans);line-height:1.16;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
section{padding:84px 0}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99;border:2px solid var(--primary)}
.note{color:var(--ink-soft);font-size:.9em;margin-top:20px;max-width:820px}

/* ---- buttons:硬朗直角(非 Petrust 胶囊) ---- */
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--primary);color:#fff;border:0;
  font:800 .98em var(--sans);letter-spacing:.01em;padding:14px 26px;border-radius:var(--r);cursor:pointer;transition:.16s}
.btn:hover{background:var(--primary-d);transform:translateY(-1px)}
.btn:active{transform:none}
.btn--sm{padding:10px 20px;font-size:.9em}
.btn--full{width:100%;justify-content:center;padding:15px}
.btn--light{background:#fff;color:var(--primary);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.btn--light:hover{background:#f0f7fd}
.link-strong{display:inline-flex;align-items:center;gap:7px;font:800 .98em var(--sans);color:var(--primary);cursor:pointer;background:none;border:0;padding:0}
.link-strong:hover{color:var(--primary-d);gap:11px}
.link-strong svg{transition:.16s}
.kicker{display:inline-flex;align-items:center;gap:8px;font:800 .76rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:20px}
.kicker::before{content:"";width:30px;height:3px;background:var(--accent);border-radius:2px}

/* ---- section heads:左对齐 + 顶部饰线(非 Petrust 居中) ---- */
.sec-head{max-width:760px;margin:0 0 46px;padding-top:18px;position:relative}
.sec-head::before{content:"";position:absolute;top:0;left:0;width:54px;height:4px;background:var(--primary);border-radius:2px}
.sec-head--left{}
.sec-head h2{font-size:clamp(1.7rem,2.4vw,2.4rem);margin-bottom:12px}
.sec-head p{color:var(--ink-soft);font-size:1.02em}

/* ---- header:实心白 + 细底线 + 蓝色细条 ---- */
.hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(12,34,51,.02)}
.hdr::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary) 62%,var(--accent) 62%,var(--accent) 100%)}
.hdr__in{display:flex;align-items:center;gap:26px;height:72px}
.hdr__logo img{height:36px;width:auto}
.hdr__nav{display:flex;gap:30px;margin-left:auto;font-weight:700}
.hdr__nav a{color:var(--ink-soft);font-size:.95em;padding:6px 0;border-bottom:2px solid transparent;transition:.15s}
.hdr__nav a:hover{color:var(--primary);border-color:var(--accent)}
.hdr .btn--sm{margin-left:6px}

/* ---- 语言切换器:配商务蓝,active 用主色;硬朗直角与本站一致 ---- */

/* ---- hero:左文 + 右单张框景大图(非 Petrust 双图叠放) ---- */
.hero{background:
  radial-gradient(120% 90% at 92% 0%,var(--surface-d) 0%,transparent 55%),
  linear-gradient(180deg,#fff 0%,var(--surface) 100%);
  border-bottom:1px solid var(--line);overflow:hidden}
.hero__in{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;padding:72px 26px 78px}
.hero h1{font-size:clamp(2.05rem,3.5vw,3.35rem);margin-bottom:20px}
.hero h1 br{display:block}
.hero .lead{font-size:1.08em;color:var(--ink-soft);max-width:560px;margin-bottom:30px}
.hero__cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero__stats{display:grid;grid-template-columns:repeat(4,auto);gap:30px;margin-top:40px}
.hero__stats div{position:relative;padding-left:16px}
.hero__stats div::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--accent);border-radius:2px}
.hero__stats dt{font:800 1.6rem var(--sans);color:var(--primary-d);line-height:1.1}
.hero__stats dd{color:var(--ink-soft);font-size:.82em;margin-top:3px}
.hero__art{position:relative}
.hero__img{width:100%;border-radius:var(--r-lg);box-shadow:var(--sh);border:1px solid var(--line)}
.hero__badge{position:absolute;left:-14px;bottom:24px;display:inline-flex;align-items:center;gap:8px;
  background:var(--accent);color:#fff;font:800 .9rem var(--sans);padding:12px 20px;border-radius:var(--r);
  box-shadow:0 14px 30px -12px rgba(57,181,74,.7)}
.hero__badge::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.35)}

/* ---- 信任条 usps:硬朗描边格 + 角标方块(非 Petrust 软卡) ---- */
.usps{background:var(--card);border-bottom:1px solid var(--line)}
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;list-style:none}
.usp{display:flex;gap:16px;align-items:flex-start;padding:28px 26px;background:var(--card);
  border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.usp-grid>li:nth-child(3n){border-right:0}
.usp-grid>li:nth-last-child(-n+3){border-bottom:0}
.usp:hover{background:var(--surface)}
.usp__ico{flex-shrink:0;width:46px;height:46px;border-radius:var(--r);background:var(--primary-l);position:relative}
.usp__ico::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;background:var(--primary);
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.usp__ico.ico-years::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.usp__ico.ico-nofee::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9h4a2 2 0 0 1 0 4H9m0 0h6M9 13v3'/%3E%3Cpath d='M5 5l14 14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9h4a2 2 0 0 1 0 4H9m0 0h6M9 13v3'/%3E%3Cpath d='M5 5l14 14'/%3E%3C/svg%3E")}
.usp__ico.ico-warehouse::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 21V9l9-5 9 5v12'/%3E%3Cpath d='M7 21v-7h10v7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 21V9l9-5 9 5v12'/%3E%3Cpath d='M7 21v-7h10v7'/%3E%3C/svg%3E")}
.usp__ico.ico-globe::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18'/%3E%3C/svg%3E")}
.usp__ico.ico-audit::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")}
.usp__ico.ico-oem::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 2l8 4.5v9L12 20l-8-4.5v-9z'/%3E%3Cpath d='M12 11v9M12 11L4 6.5M12 11l8-4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 2l8 4.5v9L12 20l-8-4.5v-9z'/%3E%3Cpath d='M12 11v9M12 11L4 6.5M12 11l8-4.5'/%3E%3C/svg%3E")}
.usp b{display:block;font-family:var(--sans);font-size:1.06em;margin-bottom:5px}
.usp span{color:var(--ink-soft);font-size:.92em}

/* ---- 实证墙 proof:白底 logo 墙 + 三联展会图 ---- */
.proof{background:var(--surface)}
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);list-style:none;overflow:hidden;margin-bottom:40px}
.logo-wall li{display:flex;align-items:center;justify-content:center;padding:30px 26px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.logo-wall li:nth-child(4n){border-right:0}
.logo-wall li:nth-last-child(-n+4){border-bottom:0}
.logo-wall img{max-height:46px;width:auto;opacity:.72;filter:grayscale(1);transition:.2s}
.logo-wall li:hover img{opacity:1;filter:none}
.proof-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.proof-shots figure{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--line)}
.proof-shots img{aspect-ratio:4/3;object-fit:cover;width:100%}
.proof-shots figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 18px 14px;color:#fff;font:700 .86rem var(--sans);
  background:linear-gradient(180deg,transparent,rgba(12,34,51,.85))}

/* ---- products:硬朗信息卡 + 顶部彩条 + 角标(非 Petrust 浮起软卡) ---- */
.products{background:var(--card)}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.prod{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:.18s}
.prod::before{content:"";display:block;height:4px;background:var(--primary)}
.prod:nth-child(2)::before{background:var(--accent)}
.prod:nth-child(4)::before{background:var(--accent)}
.prod:hover{border-color:var(--primary);box-shadow:var(--sh)}
.prod__media{position:relative;background:var(--surface);padding:22px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line)}
.prod__media img{height:200px;width:auto;object-fit:contain}
.prod__tag{position:absolute;top:14px;right:14px;background:var(--primary);color:#fff;font:800 .7rem var(--sans);letter-spacing:.03em;padding:5px 11px;border-radius:var(--r)}
.prod:nth-child(2) .prod__tag,.prod:nth-child(4) .prod__tag{background:var(--accent)}
.prod__body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}
.prod__body h3{font-size:1.12em;margin-bottom:9px}
.prod__body p{color:var(--ink-soft);font-size:.9em;margin-bottom:16px;flex:1}
.prod__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-soft);padding-top:15px}
.cap{font:800 .78rem var(--sans);color:var(--ink-soft);letter-spacing:.01em}

/* ---- OEM/ODM wholesale:编号步骤卡 + 规格行(不同于 Petrust 左竖条卡) ---- */
.whole{background:var(--navy);color:#cfe0ee;border-top:4px solid var(--accent)}
.whole .sec-head::before{background:var(--accent)}
.whole .sec-head h2{color:#fff}
.whole .sec-head p{color:#9fb6c9}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px;counter-reset:m}
.model{position:relative;padding:32px 26px 28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg)}
.model::before{counter-increment:m;content:"0" counter(m);position:absolute;top:22px;right:24px;font:800 1.5rem var(--sans);color:rgba(57,181,74,.55)}
.model h3{color:#fff;font-size:1.16em;margin-bottom:11px;max-width:80%}
.model p{color:#a9bfd0;font-size:.92em;margin-bottom:18px}
.moq{display:inline-block;font:800 .8rem var(--sans);color:#fff;background:var(--primary);padding:7px 14px;border-radius:var(--r)}
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);overflow:hidden}
.terms>div{padding:22px;border-right:1px solid rgba(255,255,255,.1)}
.terms>div:last-child{border-right:0}
.terms dt{font:800 .76rem var(--sans);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}
.terms dd{font-weight:700;font-size:.96em;color:#eaf2f9}

/* ---- 工厂实力 strength:左文右 2x2 实拍格 ---- */
.strength{background:var(--surface);border-top:1px solid var(--line)}
.strength__in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.strength .body{color:var(--ink-soft);margin-bottom:22px}
.checks{list-style:none;margin-bottom:30px;display:grid;gap:13px}
.checks li{padding-left:34px;position:relative;font-weight:600;color:var(--ink)}
.checks li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:var(--r);background:var(--accent-l);
  border:1px solid var(--accent)}
.checks li::after{content:"";position:absolute;left:6px;top:6px;width:10px;height:7px;border-left:2.5px solid var(--accent-d);border-bottom:2.5px solid var(--accent-d);transform:rotate(-45deg)}
.strength__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.strength__grid img{border-radius:var(--r-lg);box-shadow:var(--sh-sm);border:1px solid var(--line);aspect-ratio:5/4;object-fit:cover;width:100%}

/* ---- 测试与合规 certs:纯文字硬朗描边徽章(隐藏占位图) ---- */
.certs{background:var(--card);border-top:1px solid var(--line)}
.cert-row{display:flex;flex-wrap:wrap;gap:16px;list-style:none}
.cert-row li{display:flex;align-items:center;gap:10px;padding:16px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:160px}
.cert-row li::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-l)}
.cert-row img{display:none}
.cert-row span{font:800 .98rem var(--sans);color:var(--ink)}

/* ---- CTA band:蓝绿斜切(非 Petrust 纯青绿) ---- */
.ctaband{background:linear-gradient(110deg,var(--primary) 0%,var(--primary-d) 62%,var(--accent-d) 130%);color:#fff;padding:62px 0}
.ctaband__in{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
.ctaband h2{color:#fff;font-size:clamp(1.55rem,2.3vw,2.15rem);margin-bottom:9px}
.ctaband p{opacity:.94;max-width:600px}

/* ---- footer:深海军蓝(非 Petrust 棕) ---- */
.ft{background:var(--navy);color:#9fb6c9;padding:62px 0 28px}
.ft__in{display:grid;grid-template-columns:1.7fr 1fr 1.2fr 1.2fr;gap:38px}
.ft__col h4{color:#fff;font-size:1em;margin-bottom:16px}
.ft__col a{display:block;color:#9fb6c9;padding:5px 0;font-size:.93em}
.ft__col a:hover{color:#fff}
.ft__col--brand img{height:34px;margin-bottom:16px}
.ft__col--brand p{color:#7e95a8;font-size:.9em;max-width:340px}
.ft__mail{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:700}
.ft__quote{color:#7e95a8;font-size:.85em;margin-top:12px}
.ft__bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:22px;font-size:.85em;color:#7e95a8;flex-wrap:wrap}

/* ---- 浮动询盘窗:蓝色,左下角不同于 Petrust ---- */
.fab{position:fixed;right:24px;bottom:24px;z-index:50;display:inline-flex;align-items:center;gap:9px;
  background:var(--primary);color:#fff;border:0;cursor:pointer;font:800 .95rem var(--sans);padding:14px 20px;border-radius:var(--r);box-shadow:0 14px 34px -10px rgba(2,116,190,.7)}
.fab:hover{background:var(--primary-d)}
.inq{position:fixed;inset:0;z-index:60;display:none}
.inq.open{display:block}
.inq__backdrop{position:absolute;inset:0;background:rgba(12,34,51,.55);backdrop-filter:blur(2px)}
.inq__panel{position:absolute;right:0;top:0;height:100%;width:min(450px,100%);background:#fff;box-shadow:-20px 0 60px -30px rgba(0,0,0,.6);
  padding:36px 32px;overflow-y:auto;animation:slidein .25s ease;border-left:4px solid var(--primary)}
@keyframes slidein{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
.inq__x{position:absolute;right:18px;top:14px;background:none;border:0;font-size:1.9rem;line-height:1;color:var(--ink-soft);cursor:pointer}
.inq__panel h3{font-size:1.4em;margin:4px 0 6px}
.inq__sub{color:var(--ink-soft);font-size:.92em;margin-bottom:22px}
.inq-form .row{margin-bottom:13px}
.inq-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inq-form input,.inq-form textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink)}
.inq-form input:focus,.inq-form textarea:focus{outline:2px solid var(--primary);border-color:transparent}
.inq-form .cap{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.cap-canvas{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.inq-msg{margin-top:10px;font-size:.9em;min-height:1.2em}
.inq-msg.ok{color:var(--accent-d)}.inq-msg.bad{color:#c0392b}

/* ---- responsive ---- */
@media(max-width:1000px){
  .hero__in,.strength__in{grid-template-columns:1fr;gap:36px}
  .hero__stats{grid-template-columns:repeat(4,1fr);gap:18px}
  .usp-grid{grid-template-columns:1fr 1fr}
  .usp-grid>li:nth-child(3n){border-right:1px solid var(--line)}
  .usp-grid>li:nth-child(2n){border-right:0}
  .usp-grid>li:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .usp-grid>li:nth-last-child(-n+2){border-bottom:0}
  .prod-grid{grid-template-columns:1fr 1fr}
  .logo-wall{grid-template-columns:1fr 1fr}
  .logo-wall li:nth-child(4n){border-right:1px solid var(--line-soft)}
  .logo-wall li:nth-child(2n){border-right:0}
  .proof-shots,.model-grid{grid-template-columns:1fr}
  .terms{grid-template-columns:1fr 1fr}
  .hdr__nav{display:none}
}
@media(max-width:600px){
  section{padding:58px 0}
  .usp-grid,.prod-grid,.logo-wall,.terms,.strength__grid,.ft__in,.hero__stats{grid-template-columns:1fr}
  .usp,.usp-grid>li{border-right:0!important}
  .logo-wall li{border-right:0!important}
  .hero__badge{left:12px}
  .ctaband__in{flex-direction:column;align-items:flex-start}
  .fab span{display:none}.fab{padding:14px}
  .inq__panel{width:100%}
  .cert-row li{min-width:100%}
}

/* ---- blog (阶段8) ---- */
.wrap--narrow{max-width:800px}
.blog-hero{background:linear-gradient(180deg,var(--surface),var(--surface-d));padding:64px 0 44px;border-bottom:1px solid var(--line)}
.blog-hero h1{font-size:clamp(1.8rem,2.8vw,2.6rem);margin:8px 0 12px;color:var(--ink)}
.blog-hero .lead{color:var(--ink-soft);max-width:660px}
.bloglist{background:var(--surface);padding:50px 0 78px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:.18s;display:flex;flex-direction:column}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--primary)}
.bcard__media{display:block}
.bcard__media img{width:100%;height:194px;object-fit:cover;display:block}
.bcard__body{padding:22px;display:flex;flex-direction:column;gap:9px}
.bcard__date{font:800 .74rem var(--sans);color:var(--primary);text-transform:uppercase;letter-spacing:.07em}
.bcard__body h2{font-size:1.12em;line-height:1.32;color:var(--ink)}
.bcard__body h2 a:hover{color:var(--primary-d)}
.bcard__body p{color:var(--ink-soft);font-size:.92em;flex:1}
.post{background:var(--card);padding:50px 0 72px}
.crumb{font-size:.85em;color:var(--ink-soft);margin-bottom:18px}
.crumb a{color:var(--ink-soft)}
.crumb a:hover{color:var(--primary)}
.post h1{font-size:clamp(1.7rem,2.8vw,2.45rem);margin-bottom:10px;color:var(--ink);line-height:1.2}
.post__meta{color:var(--ink-soft);font-size:.9em;margin-bottom:24px}
.post__hero{width:100%;max-height:430px;object-fit:cover;border-radius:var(--r-lg);margin-bottom:30px;border:1px solid var(--line)}
.post__body{font-size:1.05em;line-height:1.82;color:#27313c}
.post__body h2{font-size:1.32em;margin:32px 0 12px;color:var(--ink)}
.post__body p{margin-bottom:16px}
.post__body strong{color:var(--ink);font-weight:700}
.post__links{margin:36px 0;padding:24px 26px;background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);border-left:4px solid var(--accent)}
.post__links h3{font-size:1.05em;margin-bottom:12px;color:var(--ink)}
.post__links ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px}
.post__links a{color:var(--primary);font-weight:700}
.post__links a:hover{color:var(--primary-d)}
.post__cta{margin-top:38px;background:var(--primary);color:#fff;border-radius:var(--r-lg);padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.post__cta h3{color:#fff;font-size:1.2em;margin-bottom:6px}
.post__cta p{opacity:.92;font-size:.93em;max-width:560px}
.post__cta .btn{background:#fff;color:var(--primary)}
.post__cta .btn:hover{background:var(--accent-l)}
@media(max-width:980px){.bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bgrid{grid-template-columns:1fr}.post__cta{flex-direction:column;align-items:flex-start}}

/* === 语言切换器:紧凑入口 + 悬停/聚焦展开下拉(统一) === */
.langsw{position:relative;display:inline-block;margin-left:14px}
.langsw__btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line,#e3e3e3);color:var(--ink,#222);border-radius:999px;padding:7px 12px;font:600 .82rem var(--sans,system-ui),sans-serif;line-height:1;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.langsw__btn:hover,.langsw:focus-within .langsw__btn{border-color:var(--primary,#999);box-shadow:0 2px 10px -4px rgba(0,0,0,.18)}
.langsw__btn>span{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.langsw__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;display:none;grid-template-columns:repeat(2,minmax(116px,1fr));gap:1px;background:#fff;border:1px solid var(--line,#e3e3e3);border-radius:12px;box-shadow:0 18px 46px -18px rgba(20,20,20,.34);padding:8px;max-height:64vh;overflow:auto}
.langsw:hover .langsw__menu,.langsw:focus-within .langsw__menu{display:grid}
.langsw__menu a{padding:8px 12px;border-radius:8px;font-size:.84rem;font-weight:500;color:var(--ink-soft,#555);white-space:nowrap;transition:background .12s,color .12s}
.langsw__menu a:hover{background:var(--mist,var(--mint,var(--sand,#f2f2f2)));color:var(--primary-d,var(--primary,#111))}
.langsw__menu a.on{font-weight:700;color:var(--primary-d,var(--primary,#111))}
[dir=rtl] .langsw__menu{right:auto;left:0}
@media(max-width:620px){.langsw{margin-left:8px}.langsw__menu{grid-template-columns:1fr;min-width:150px}.langsw__btn>span{display:none}}

/* === GEO 规格/对比页表格 === */
.spec-tbl{width:100%;border-collapse:collapse;margin:14px 0 30px;font-size:.92rem}
.spec-tbl th,.spec-tbl td{border:1px solid var(--line,#e3e3e3);padding:10px 14px;text-align:left;vertical-align:top}
.spec-tbl thead th{background:var(--mist,var(--mint,var(--sand,#f3f3f3)));font-weight:700;color:var(--ink,#222)}
.spec-tbl th{font-weight:700;color:var(--ink,#222);white-space:nowrap}
.spec-tbl td{color:var(--ink-soft,#555)}
.spec-tbl tbody tr:nth-child(even) td,.spec-tbl tbody tr:nth-child(even) th{background:rgba(0,0,0,.02)}
.qa{margin:0 0 16px}.qa h3{font-size:1.04rem;margin-bottom:5px}.qa p{color:var(--ink-soft,#555)}
@media(max-width:620px){.spec-tbl{font-size:.85rem}.spec-tbl th,.spec-tbl td{padding:8px 10px}}

/* 修复:透明桥覆盖触发器↔菜单间隙,鼠标移过不丢 hover;并给触发器加下内边距扩大热区 */
.langsw__btn{position:relative}
.langsw__menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px;background:transparent}