/* =========================================================
   森蒂泰珂 SANDYTECH · 全站样式（视觉升级版）
   品牌主色取自 Logo 绿 #2ea14a；中性色带极轻绿调，整体更协调。
   ========================================================= */

:root{
  /* 品牌色 */
  --brand:#2ea14a;
  --brand-600:#238c3f;
  --brand-700:#1b7333;
  --brand-100:#d7efdd;
  --brand-50:#f1f9f3;
  --brand-soft:rgba(46,161,74,.10);

  /* 中性色 */
  --ink:#15241c;
  --ink-2:#33413a;
  --body:#4c5a53;
  --muted:#6c7a72;
  --line:#e6ece8;
  --tint:#f5f9f6;
  --dark:#0f2118;
  --dark-2:#17301f;

  /* 版面 */
  --wrap:1200px;
  --r-sm:10px;
  --r:16px;
  --r-lg:22px;

  /* 阴影 */
  --sh-sm:0 1px 2px rgba(14,40,24,.06);
  --sh:0 12px 34px -16px rgba(14,40,24,.20);
  --sh-lg:0 34px 74px -30px rgba(14,40,24,.34);

  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
    "Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
  color:var(--body);
  background:#fff;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;}
h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:700;color:var(--ink);letter-spacing:.005em;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--brand-100);color:var(--ink);}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px;}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;}
.brand img{height:42px;width:auto;}
.site-nav{display:flex;align-items:center;gap:32px;}
.site-nav a{
  font-size:15px;color:var(--ink-2);padding:8px 0;position:relative;
  white-space:nowrap;transition:color .2s var(--ease);
}
.site-nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--brand);border-radius:2px;
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);
}
.site-nav a:hover{color:var(--brand);}
.site-nav a:hover::after{transform:scaleX(1);}
.site-nav a.is-active{color:var(--brand);font-weight:600;}
.site-nav a.is-active::after{transform:scaleX(1);}

.nav-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:42px;height:42px;padding:0 10px;border:1px solid var(--line);
  border-radius:10px;background:#fff;cursor:pointer;transition:border-color .2s;
}
.nav-toggle:hover{border-color:var(--brand);}
.nav-toggle span{display:block;height:2px;background:var(--ink-2);border-radius:2px;}

/* ---------- Hero ---------- */
.hero{position:relative;background:linear-gradient(135deg,var(--brand-50) 0%,#ffffff 58%);overflow:hidden;}
.hero::before{
  content:"";position:absolute;top:-160px;left:-120px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,var(--brand-soft),rgba(46,161,74,0) 70%);pointer-events:none;
}
.hero-inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  align-items:center;gap:0;max-width:none;padding:0;
}
.hero-text{padding:78px 46px 78px max(24px,calc((100vw - var(--wrap)) / 2 + 24px));position:relative;z-index:1;}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--brand-600);font-size:13.5px;font-weight:700;letter-spacing:.08em;
  margin-bottom:16px;
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--brand);border-radius:2px;}
.hero h1{
  font-size:clamp(32px,3.9vw,52px);line-height:1.18;letter-spacing:.01em;
  margin-bottom:22px;
}
.hero-desc{color:var(--muted);font-size:15.5px;line-height:1.9;max-width:34em;}
.hero-media{position:relative;}
.hero-media img{width:100%;height:480px;object-fit:cover;}
.hero-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--brand-50) 0%,rgba(245,249,246,0) 26%);
}

/* ---------- 认证条 ---------- */
.band{background:linear-gradient(120deg,var(--brand-600),var(--brand-700));color:#fff;}
.band-inner{text-align:center;padding:60px 24px 56px;position:relative;overflow:hidden;}
.band-inner::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 140% at 12% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 60%);
}
.band-inner > *{position:relative;}
.band h2{color:#fff;font-size:clamp(24px,3.2vw,40px);font-weight:800;letter-spacing:.02em;}
.band p{color:rgba(255,255,255,.86);margin-top:14px;font-size:15px;}

/* ---------- 通用区块 ---------- */
.section{padding:84px 0;}
.section--tint{background:var(--tint);}

.section-head{text-align:center;margin-bottom:48px;}
.section-head h2{font-size:clamp(24px,2.7vw,36px);}
.section-head h2::after{
  content:"";display:block;width:46px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--brand),var(--brand-100));margin:20px auto 0;
}
.section-head .eyebrow{margin-bottom:12px;}
.section-head .lead{
  color:var(--muted);font-size:15.5px;line-height:1.85;max-width:48em;margin:20px auto 0;
}

/* ---------- 卡片 ---------- */
.cards{display:grid;gap:26px;}
.cards--2{grid-template-columns:repeat(2,1fr);}
.cards--3{grid-template-columns:repeat(3,1fr);}
.cards--4{grid-template-columns:repeat(4,1fr);}

.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-sm);display:flex;flex-direction:column;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--brand-100);}
.card-media{aspect-ratio:4 / 3;overflow:hidden;background:#eef3f0;}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.card:hover .card-media img{transform:scale(1.05);}
.card h3{color:var(--ink);font-size:18px;text-align:center;margin:24px 22px 12px;}
.card p{color:var(--muted);font-size:14px;line-height:1.85;text-align:center;padding:0 22px 28px;flex:1;}

/* ---------- 合作伙伴 ---------- */
.partner{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-sm);display:flex;flex-direction:column;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.partner:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--brand-100);}
.partner-logo{
  aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;
  background:#fff;border-bottom:1px solid var(--line);padding:24px;
}
.partner-logo img{max-height:100%;width:auto;object-fit:contain;transition:transform .4s var(--ease);}
.partner:hover .partner-logo img{transform:scale(1.04);}
.partner h3{font-size:17px;text-align:center;margin:20px 18px 10px;color:var(--ink);}
.partner p{color:var(--muted);font-size:13.5px;line-height:1.8;text-align:center;padding:0 18px 26px;flex:1;}

/* ---------- 价值观 ---------- */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.values img{
  width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r);
  box-shadow:var(--sh-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.values img:hover{transform:translateY(-6px);box-shadow:var(--sh);}
.outlook{
  text-align:center;font-size:clamp(16px,1.5vw,20px);font-weight:500;
  margin-top:52px;color:var(--ink-2);line-height:1.8;
}

/* ---------- 联系我们 ---------- */
.contact-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:28px 26px;display:flex;gap:18px;align-items:flex-start;
  box-shadow:var(--sh-sm);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--brand-100);}
.contact-card .ico{flex:0 0 40px;height:40px;color:var(--brand);display:flex;align-items:center;justify-content:center;
  background:var(--brand-soft);border-radius:12px;}
.contact-card .ico svg{width:22px;height:22px;fill:currentColor;}
.contact-card h3{font-size:16px;margin-bottom:6px;}
.contact-card p{color:var(--muted);font-size:14px;line-height:1.7;word-break:break-word;}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--dark);color:#9fb0a7;margin-top:0;position:relative;}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--brand-700),var(--brand-600));
}
.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:44px;padding-top:60px;padding-bottom:44px;}
.footer-brand h3{color:#fff;font-size:20px;margin-bottom:16px;}
.footer-brand p{font-size:13.5px;line-height:1.9;color:#8b9c93;max-width:30em;}
.footer-col h4{color:#fff;font-size:15px;margin-bottom:18px;position:relative;padding-bottom:12px;}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--brand);border-radius:2px;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col li{margin-bottom:11px;font-size:13.5px;}
.footer-col a{color:#9fb0a7;transition:color .2s;}
.footer-col a:hover{color:var(--brand);}
.footer-contact{color:#8b9c93;}
.copyright{
  border-top:1px solid rgba(255,255,255,.08);text-align:center;
  font-size:12.5px;color:#63736b;padding:20px 24px 24px;
}

/* =========================================================
   子页面组件
   ========================================================= */

/* 页头：照片 + 叠加标题 */
.page-hero{
  position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;
  background-size:cover;background-position:center;overflow:hidden;
  background-color:#12291c;
}
.page-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,26,18,.62),rgba(10,26,18,.46));
}
.page-hero .inner{position:relative;z-index:1;text-align:center;padding:64px 24px;}
.page-hero h1{color:#fff;font-size:clamp(26px,3.3vw,42px);letter-spacing:.05em;}
.page-hero h1::after{
  content:"";display:block;width:50px;height:3px;border-radius:3px;
  background:var(--brand);margin:20px auto 0;
}
.page-hero p{color:rgba(255,255,255,.82);margin-top:16px;font-size:15px;}

/* 分栏页头 */
.split-hero{background:linear-gradient(135deg,var(--brand-50) 0%,#ffffff 60%);position:relative;overflow:hidden;}
.split-hero .inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  align-items:center;gap:0;max-width:none;padding:0;
}
.split-hero .txt{padding:76px 46px 76px max(24px,calc((100vw - var(--wrap)) / 2 + 24px));}
.split-hero .txt h1{font-size:clamp(26px,3.3vw,42px);letter-spacing:.02em;}
.split-hero .txt p{color:var(--muted);margin-top:18px;font-size:15.5px;line-height:1.9;}
.split-hero .pic{position:relative;}
.split-hero .pic img{width:100%;height:400px;object-fit:cover;display:block;}
.split-hero .pic::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--brand-50) 0%,rgba(245,249,246,0) 24%);
}
.split-hero .en{color:var(--brand-600);font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;}
.split-hero--rev .inner{direction:rtl;}
.split-hero--rev .inner > *{direction:ltr;}

/* 正文块 */
.prose{max-width:62em;margin:0 auto;}
.prose p{color:var(--body);font-size:15.5px;line-height:1.95;}
.prose p + p{margin-top:16px;}

/* 图片排布 */
.media-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
.media-row img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh-sm);}
.media-single img{border-radius:var(--r);box-shadow:var(--sh);}

/* 编号条目 */
.num-list{display:grid;gap:18px;max-width:62em;margin:0 auto;}
.num-item{
  display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:24px 26px;box-shadow:var(--sh-sm);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.num-item:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--brand-100);}
.num-item .no{
  flex:0 0 40px;height:40px;border-radius:50%;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brand-700));
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;
}
.num-item h3{font-size:17px;margin-bottom:6px;}
.num-item p{color:var(--muted);font-size:14.5px;line-height:1.8;}

/* 产品网格 */
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.product-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-sm);display:flex;flex-direction:column;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--brand-100);}
.product-card .pic{aspect-ratio:16 / 10;overflow:hidden;background:#eef3f0;}
.product-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.product-card:hover .pic img{transform:scale(1.05);}
.product-card .body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;}
.product-card .kicker{color:var(--brand-600);font-size:13.5px;font-weight:600;margin-bottom:9px;}
.product-card h3{font-size:17px;margin-bottom:16px;}
.product-card .more{
  margin-top:auto;align-self:flex-start;color:var(--brand-600);font-size:13.5px;font-weight:700;
  border:1px solid var(--brand-100);background:var(--brand-50);
  border-radius:999px;padding:8px 18px;transition:background .22s,color .22s,border-color .22s;
}
.product-card:hover .more{background:var(--brand);border-color:var(--brand);color:#fff;}

/* 新闻列表 */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.news-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-sm);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--brand-100);}
.news-card .pic{aspect-ratio:16 / 9;overflow:hidden;background:#eef3f0;}
.news-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.news-card:hover .pic img{transform:scale(1.05);}
.news-card h3{font-size:16.5px;line-height:1.5;padding:20px 24px 24px;}
.pager{text-align:center;color:var(--muted);font-size:14px;margin-top:36px;}

/* 扫码卡 */
.qr-card{
  display:flex;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:30px;box-shadow:var(--sh-sm);
}
.qr-card img{width:160px;height:160px;object-fit:contain;flex:0 0 160px;}
.qr-card h3{font-size:17px;margin-bottom:10px;}
.qr-card p{color:var(--muted);font-size:14.5px;line-height:1.8;}

/* FAQ */
.faq{max-width:62em;margin:0 auto;display:grid;gap:18px;}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;
  box-shadow:var(--sh-sm);position:relative;transition:border-color .28s var(--ease),box-shadow .28s var(--ease);
}
.faq-item:hover{border-color:var(--brand-100);box-shadow:var(--sh);}
.faq-item h3{font-size:16.5px;margin-bottom:10px;padding-left:18px;position:relative;}
.faq-item h3::before{content:"";position:absolute;left:0;top:.52em;width:8px;height:8px;border-radius:3px;background:var(--brand);}
.faq-item p{color:var(--muted);font-size:14.5px;line-height:1.9;}

/* 职位 */
.job-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.job-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;
  box-shadow:var(--sh-sm);display:flex;gap:18px;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.job-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--brand-100);}
.job-card img{width:88px;height:88px;flex:0 0 88px;object-fit:cover;border-radius:12px;background:#eef3f0;}
.job-card h3{font-size:17px;margin-bottom:10px;color:var(--ink);}
.job-card p{color:var(--muted);font-size:14px;line-height:1.8;}

/* 地图 */
.map-card{border-radius:var(--r);overflow:hidden;background:#eef3f0;border:1px solid var(--line);box-shadow:var(--sh);}
.map-card img{width:100%;height:340px;object-fit:cover;}
.map-card .map-canvas{width:100%;height:340px;background:#eef3f0;position:relative;}
.map-card .map-canvas .map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;}
.map-card .bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 22px;background:#fff;border-top:1px solid var(--line);flex-wrap:wrap;
}
.map-card .bar span{font-size:14.5px;color:var(--ink-2);}
.map-card .bar a{
  color:#fff;background:var(--brand);border-radius:999px;padding:9px 22px;font-size:14px;font-weight:600;
  transition:background .22s;
}
.map-card .bar a:hover{background:var(--brand-600);}

/* =========================================================
   详情页
   ========================================================= */
.detail-page{padding-top:40px;}
.crumb{font-size:13.5px;color:var(--muted);margin-bottom:28px;}
.crumb a{color:var(--brand);}
.crumb span{margin:0 8px;opacity:.6;}

.detail-body{max-width:60em;margin:0 auto;}
.detail-body h2{font-size:clamp(22px,2.5vw,32px);margin:0 0 14px;}
.detail-body h3{font-size:18px;margin:28px 0 10px;}
.detail-body p{color:var(--body);font-size:15.5px;line-height:1.95;margin:13px 0;}
.detail-body strong{color:var(--ink);font-weight:700;}
.detail-body ul,.detail-body ol{margin:13px 0;padding-left:1.4em;}
.detail-body li{color:var(--body);font-size:15.5px;line-height:1.95;margin:7px 0;list-style:disc;}
.detail-body img{max-width:100%;height:auto;border-radius:var(--r);margin:20px 0;display:block;box-shadow:var(--sh-sm);}
.detail-body a{color:var(--brand-600);text-decoration:underline;}
.detail-body table{border-collapse:collapse;margin:22px 0;max-width:100%;font-size:14.5px;}
.detail-body table td,.detail-body table th{border:1px solid var(--line);padding:11px 15px;vertical-align:top;color:var(--body);}
.detail-body table td p{margin:0;font-size:14.5px;}
.detail-body header{display:block;}

.backlink{margin:46px auto 0;max-width:60em;}
.backlink a{color:var(--brand-600);font-size:14.5px;font-weight:700;}

/* 列表页可点击态 */
.product-card .more:hover,.news-card:hover{cursor:pointer;}
a.product-link{display:flex;flex-direction:column;height:100%;color:inherit;}
a.news-link{display:block;color:inherit;}

/* =========================================================
   品牌专区（Sicer / AirPower）
   ========================================================= */
.brand-page{--brand:var(--brand);--brand-soft:rgba(46,161,74,.10);}
.brand-page--sicer{--brand:#b45a2b;--brand-soft:rgba(180,90,43,.10);}
.brand-page--airpower{--brand:#d02b1e;--brand-soft:rgba(208,43,30,.10);}

/* 品牌页头 */
.brand-hero{position:relative;background:linear-gradient(130deg,#0f1418 0%,#1b232b 52%,#27303a 100%);color:#fff;overflow:hidden;}
.brand-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(70% 130% at 8% 0%,var(--brand) 0%,rgba(0,0,0,0) 58%);opacity:.44;
}
.brand-hero::after{
  content:"";position:absolute;right:-90px;bottom:-140px;width:400px;height:400px;border-radius:50%;
  background:var(--brand);opacity:.12;filter:blur(8px);
}
.brand-hero .inner{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:48px;padding:66px 0 62px;
}
.brand-hero .tag{
  display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;
  background:var(--brand);border-radius:999px;padding:6px 15px;margin-bottom:20px;
}
.brand-hero h1{color:#fff;font-size:clamp(28px,3.5vw,44px);letter-spacing:.02em;margin-bottom:16px;}
.brand-hero .lead{color:rgba(255,255,255,.80);font-size:15.5px;line-height:1.9;max-width:38em;}
.brand-hero .facts{
  display:flex;flex-wrap:wrap;gap:38px;margin-top:28px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.14);
}
.brand-hero .facts b{display:block;font-size:29px;line-height:1.1;color:#fff;}
.brand-hero .facts span{font-size:13px;color:rgba(255,255,255,.62);}
.brand-logo{
  width:250px;background:#fff;border-radius:var(--r);padding:28px 26px;
  box-shadow:0 22px 54px rgba(0,0,0,.36);
}
.brand-logo img{width:100%;height:auto;}

/* 分类锚点条 */
.brand-tabs{
  position:sticky;top:76px;z-index:30;background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.brand-tabs .inner{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:14px 0;scrollbar-width:none;}
.brand-tabs .inner::-webkit-scrollbar{display:none;}
.brand-tabs a{
  flex:0 0 auto;font-size:14px;color:var(--ink-2);border:1px solid var(--line);
  border-radius:999px;padding:8px 17px;white-space:nowrap;transition:all .2s var(--ease);
}
.brand-tabs a:hover{border-color:var(--brand);color:var(--brand);}
.brand-tabs a.is-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;}
.brand-tabs a .n{opacity:.66;font-size:12.5px;margin-left:5px;}

/* 分组 */
.brand-group{padding:64px 0 6px;scroll-margin-top:140px;}
.brand-group + .brand-group{padding-top:36px;}
.brand-group > .wrap > header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px;
  padding-left:16px;border-left:4px solid var(--brand);
}
.brand-group > .wrap > header .big{display:block;font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--muted);margin-bottom:5px;}
.brand-group > .wrap > header h2{font-size:clamp(20px,2.2vw,27px);}
.brand-group > .wrap > header .n{font-size:13.5px;color:var(--brand);font-weight:600;background:var(--brand-soft);border-radius:999px;padding:4px 12px;}

/* 产品卡 */
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.brand-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-sm);display:flex;flex-direction:column;cursor:pointer;text-align:left;
  padding:0;font:inherit;color:inherit;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.brand-card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--brand-soft);}
.brand-card .pic{aspect-ratio:16 / 10;overflow:hidden;background:#eef3f0;position:relative;}
.brand-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.brand-card:hover .pic img{transform:scale(1.05);}
.brand-card .body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column;}
.brand-card .cat{
  display:inline-block;align-self:flex-start;font-size:12px;color:var(--brand);
  background:var(--brand-soft);border-radius:999px;padding:4px 11px;margin-bottom:12px;
}
.brand-card h3{font-size:16.5px;line-height:1.45;margin-bottom:7px;}
.brand-card .en{font-size:12.5px;color:#98a2b3;letter-spacing:.02em;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brand-card .desc{
  color:var(--muted);font-size:14px;line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.brand-card .more{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);color:var(--brand);font-size:13.5px;font-weight:700;}

/* 详情弹层 */
.bm-mask{
  position:fixed;inset:0;z-index:200;background:rgba(9,20,14,.66);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  display:none;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;
}
.bm-mask.is-open{display:flex;}
.bm-panel{
  position:relative;width:100%;max-width:900px;background:#fff;border-radius:var(--r);
  overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.38);animation:bmUp .26s var(--ease);
}
@keyframes bmUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.bm-close{
  position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(12,20,15,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer;
  backdrop-filter:blur(4px);transition:background .2s;
}
.bm-close:hover{background:rgba(12,20,15,.82);}
.bm-cover{width:100%;height:320px;object-fit:cover;background:#eef3f0;display:block;}
.bm-head{padding:28px 36px 4px;}
.bm-head .cat{display:inline-block;font-size:12.5px;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:4px 12px;margin-bottom:14px;}
.bm-head h2{font-size:clamp(21px,2.4vw,28px);}
.bm-head .en{font-size:13.5px;color:#98a2b3;margin-top:6px;}
.bm-body{padding:16px 36px 8px;}
.bm-body h3{font-size:17px;margin:28px 0 10px;padding-left:13px;border-left:3px solid var(--brand);}
.bm-body p{color:var(--body);font-size:15px;line-height:1.95;margin:12px 0;}
.bm-body ul{margin:12px 0;padding-left:0;list-style:none;}
.bm-body li{position:relative;color:var(--body);font-size:15px;line-height:1.9;margin:7px 0;padding-left:20px;}
.bm-body li::before{content:"";position:absolute;left:2px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--brand);}
.bm-body img{width:100%;border-radius:var(--r);margin:18px 0;}
.bm-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 6px;}
.bm-gallery img{aspect-ratio:1;object-fit:cover;border-radius:10px;margin:0;cursor:zoom-in;}
.bm-foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:22px 36px 28px;margin-top:18px;border-top:1px solid var(--line);background:var(--tint);
}
.bm-foot .src{font-size:12.5px;color:var(--muted);}
.bm-foot a{color:#fff;background:var(--brand);border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600;transition:filter .2s;}
.bm-foot a:hover{filter:brightness(.93);}

/* 品牌入口（products.html 备用样式） */
.brand-entries{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.brand-entry{
  position:relative;display:block;border-radius:var(--r);overflow:hidden;min-height:230px;
  padding:36px 34px;color:#fff;background:linear-gradient(130deg,#0f1418,#28313a);
  box-shadow:var(--sh);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.brand-entry:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.brand-entry::before{content:"";position:absolute;inset:0;background:radial-gradient(64% 120% at 6% 0%,var(--e) 0%,rgba(0,0,0,0) 62%);opacity:.5;}
.brand-entry--sicer{--e:#b45a2b;}
.brand-entry--airpower{--e:#d02b1e;}
.brand-entry .in{position:relative;z-index:1;}
.brand-entry .kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:12px;}
.brand-entry h3{font-size:23px;margin-bottom:12px;color:#fff;}
.brand-entry p{color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.85;max-width:30em;}
.brand-entry .go{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;border-bottom:2px solid rgba(255,255,255,.5);padding-bottom:2px;}
.brand-entry .num{position:absolute;right:26px;bottom:14px;z-index:1;font-size:74px;font-weight:900;line-height:1;color:rgba(255,255,255,.10);letter-spacing:-.03em;}

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1000px){
  .cards--4{grid-template-columns:repeat(2,1fr);}
  .footer-inner{grid-template-columns:1fr 1fr;gap:38px;}
  .footer-brand{grid-column:1 / -1;}
  .brand-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-media{order:-1;}
  .hero-media img{height:300px;}
  .hero-media::after{background:linear-gradient(180deg,rgba(245,249,246,0) 60%,var(--brand-50) 100%);}
  .hero-text{padding:44px 24px 52px;}
  .section{padding:60px 0;}

  .split-hero .inner{grid-template-columns:1fr;}
  .split-hero .txt{padding:44px 24px 48px;}
  .split-hero .pic img{height:280px;}
  .split-hero .pic::after{background:linear-gradient(180deg,rgba(245,249,246,0) 62%,var(--brand-50) 100%);}
  .media-row{grid-template-columns:1fr;}
  .product-grid,.news-grid,.job-list{grid-template-columns:1fr;}
  .qr-card{flex-direction:column;align-items:flex-start;}

  .brand-hero .inner{grid-template-columns:1fr;gap:28px;padding:46px 0 44px;}
  .brand-logo{width:190px;order:-1;}
  .brand-tabs{top:68px;}
  .brand-entry{min-height:auto;}
  .brand-entries{grid-template-columns:1fr;}
  .bm-cover{height:220px;}
  .bm-head,.bm-body,.bm-foot{padding-left:22px;padding-right:22px;}
}

@media (max-width:820px){
  .nav-toggle{display:flex;}
  .site-nav{
    position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(14,40,24,.10);
    padding:10px 24px 18px;display:none;
  }
  .site-nav.is-open{display:flex;}
  .site-nav a{padding:13px 0;border-bottom:1px solid var(--tint);font-size:15px;}
  .site-nav a::after{display:none;}
  .header-inner{position:relative;}

  .cards--2,.cards--3,.values{grid-template-columns:1fr;}
  .band-inner{padding:48px 24px 44px;}
  .section-head{margin-bottom:36px;}
}

@media (max-width:680px){
  .brand-grid{grid-template-columns:1fr;}
  .bm-gallery{grid-template-columns:repeat(2,1fr);}
  .brand-hero .facts{gap:26px;}
  .brand-hero .facts b{font-size:23px;}
}

@media (max-width:560px){
  .cards--4{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;gap:30px;}
  .brand img{height:34px;}
  .page-hero{min-height:210px;}
  .page-hero h1::after{margin-top:16px;}
  .job-card{flex-direction:column;}
  .job-card img{width:100%;height:150px;flex:none;}
  .qr-card img{width:100%;height:auto;flex:none;}
  .split-hero .pic img{height:220px;}
  .detail-body table{font-size:13px;}
  .detail-body table td,.detail-body table th{padding:8px 10px;}
  .hero-media img{height:240px;}
}
