/* =========================================================
   广东高信新材料有限公司 · 官网升级版 2026
   主色调：蒲红（大面积红色）  版式参考：全屏大图 + 大标题
   ========================================================= */
:root{
  --brand:#C6161F;          /* 蒲红主色 */
  --brand-dark:#9E0F17;     /* 深蒲红 */
  --brand-deep:#650A0E;     /* 更深红（页脚/遮罩） */
  --brand-hot:#E0434B;      /* 亮红 hover */
  --wash:#FAF1F1;           /* 浅红底 */
  --wash-2:#F3E4E4;
  --ink:#221F20;
  --muted:#77716F;
  --line:#E9DFDD;
  --white:#FFFFFF;
  --shadow:0 18px 48px rgba(102,10,14,.16);
  --header-h:88px;
  --topbar-h:40px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  color:var(--ink);background:var(--white);
  font-size:16px;line-height:1.7;overflow-x:hidden;
}
img{max-width:100%;display:block;border:0;}
a{text-decoration:none;color:inherit;transition:color .25s var(--ease);}
ul,ol{list-style:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
input,textarea,select{font-family:inherit;font-size:15px;outline:none;}
::selection{background:var(--brand);color:#fff;}

/* ---------- 顶部信息条 ---------- */
.topbar{background:var(--brand-deep);color:#F6D9D9;font-size:13px;height:var(--topbar-h);display:flex;align-items:center;}
.topbar .wrap{width:min(1360px,92%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.topbar .welcome{letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar .hotline b{color:#fff;font-weight:600;}
/* 语言切换：简体 / 繁體 / English 下拉 */
.topbar .langs{position:relative;flex:none;}
.topbar .lang-btn{display:flex;align-items:center;gap:7px;color:#F0C9C9;font-size:13px;background:none;border:0;cursor:pointer;letter-spacing:.05em;font-family:inherit;transition:color .25s;}
.topbar .lang-btn i{font-style:normal;font-size:10px;transition:transform .25s var(--ease);}
.topbar .langs.open .lang-btn i{transform:rotate(180deg);}
.topbar .lang-btn:hover{color:#fff;}
.topbar .lang-menu{position:absolute;right:0;top:calc(100% + 14px);background:#fff;border-radius:10px;box-shadow:0 18px 42px rgba(0,0,0,.18);
  padding:8px;min-width:138px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .28s var(--ease);z-index:1300;}
.topbar .langs.open .lang-menu{opacity:1;visibility:visible;transform:none;}
.topbar .lang-menu a{display:block;color:#4B4B52;font-size:13px;padding:8px 14px;border-radius:7px;white-space:nowrap;transition:all .2s;}
.topbar .lang-menu a:hover{background:var(--wash);color:var(--brand);}
.topbar .lang-menu a.on{color:var(--brand);background:var(--wash);font-weight:600;}
.topbar .lang-menu a:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-hot);margin-right:9px;vertical-align:2px;opacity:0;}
.topbar .lang-menu a.on:before{opacity:1;}
/* 移动端语言行 */
.m-lang{display:flex;align-items:center;gap:18px;padding:16px 0 6px;border-top:1px solid rgba(255,255,255,.14);margin-top:6px;}
.m-lang .lb{color:rgba(255,255,255,.4);font-size:12px;letter-spacing:.22em;}
.m-lang a{font-size:13.5px;color:rgba(255,255,255,.78);padding-bottom:3px;}
.m-lang a.on{color:#fff;font-weight:600;border-bottom:2px solid var(--brand-hot);}

/* ---------- 主导航（大面积蒲红） ---------- */
.header{
  position:sticky;top:0;z-index:900;height:var(--header-h);
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand) 62%,var(--brand-dark) 100%);
  transition:box-shadow .3s var(--ease),height .3s var(--ease);
}
.header.scrolled{height:72px;box-shadow:0 10px 30px rgba(101,10,14,.35);}
.header .wrap{width:min(1360px,92%);margin:0 auto;height:100%;display:flex;align-items:center;gap:32px;}
.brand-logo{display:flex;align-items:center;gap:14px;flex:none;}
.brand-logo img{height:52px;width:auto;transition:height .3s var(--ease);}
.header.scrolled .brand-logo img{height:44px;}
.brand-logo .cn{color:#fff;line-height:1.25;}
.brand-logo .cn b{display:block;font-size:17px;letter-spacing:.14em;font-weight:600;}
.brand-logo .cn span{display:block;font-size:10.5px;letter-spacing:.30em;color:rgba(255,255,255,.72);text-transform:uppercase;}
.nav{margin-left:auto;display:flex;align-items:center;height:100%;}
.nav > li{height:100%;display:flex;align-items:center;position:relative;}
.nav > li > a{
  display:flex;align-items:center;height:100%;padding:0 20px;color:#fff;
  font-size:16.5px;letter-spacing:.06em;position:relative;white-space:nowrap;
}
.nav > li > a i{font-style:normal;font-size:11px;margin-left:5px;opacity:.75;}
.nav > li > a:after{
  content:"";position:absolute;left:50%;bottom:14px;width:0;height:3px;background:#fff;
  border-radius:2px;transform:translateX(-50%);transition:width .28s var(--ease);
}
.nav > li:hover > a:after,.nav > li.active > a:after{width:34px;}
.nav > li:hover > a,.nav > li.active > a{color:#FFE2A6;}
.nav > li.ext a{color:#FFD9D9;}
.nav > li.ext a:hover{color:#fff;}
/* 下拉 */
.nav .drop{
  position:absolute;top:100%;left:50%;transform:translate(-50%,12px);min-width:210px;
  background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transition:all .28s var(--ease);padding:8px 0;
}
.nav > li:hover .drop{opacity:1;visibility:visible;transform:translate(-50%,0);}
.nav .drop a{display:block;padding:10px 22px;color:var(--ink);font-size:14.5px;letter-spacing:.04em;}
.nav .drop a:hover{background:var(--wash);color:var(--brand);padding-left:27px;}
.nav .drop a.on{color:var(--brand);}
/* 搜索按钮 */
.h-search{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s var(--ease);}
.h-search:hover{background:#fff;color:var(--brand);}
.h-search svg{width:19px;height:19px;}
.h-burger{display:none;flex:none;width:44px;height:44px;border-radius:8px;color:#fff;align-items:center;justify-content:center;}
.h-burger svg{width:26px;height:26px;}

/* ---------- 搜索浮层 ---------- */
.search-layer{position:fixed;inset:0;z-index:1200;background:rgba(101,10,14,.94);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s var(--ease);}
.search-layer.open{opacity:1;visibility:visible;}
.search-box{width:min(680px,86%);}
.search-box label{display:block;color:#E9B9B9;letter-spacing:.4em;font-size:13px;margin-bottom:14px;text-transform:uppercase;}
.search-row{display:flex;border-bottom:2px solid rgba(255,255,255,.5);padding-bottom:10px;}
.search-row input{flex:1;background:none;border:0;color:#fff;font-size:26px;letter-spacing:.08em;}
.search-row input::placeholder{color:rgba(255,255,255,.35);}
.search-row button{color:#fff;font-size:15px;letter-spacing:.2em;padding:6px 4px;}
.search-row button:hover{color:#FFD9D9;}
.search-close{position:absolute;top:34px;right:44px;color:#fff;font-size:34px;line-height:1;opacity:.7;}
.search-close:hover{opacity:1;}
.search-results{margin-top:26px;max-height:44vh;overflow:auto;}
.search-results a{display:flex;gap:12px;align-items:baseline;padding:11px 12px;color:#F4DCDC;border-radius:8px;font-size:15px;}
.search-results a b{color:#fff;font-weight:500;}
.search-results a span{font-size:12px;color:#E3A9A9;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:0 9px;flex:none;}
.search-results a:hover{background:rgba(255,255,255,.1);color:#fff;}

/* ---------- 内页大图 banner ---------- */
.page-hero{position:relative;height:56vh;min-height:420px;overflow:hidden;display:flex;align-items:flex-end;}
.page-hero .bg{position:absolute;inset:0;background:url("../img/banner_04.jpg") center/cover no-repeat;transform:scale(1.04);animation:heroZoom 8s var(--ease) forwards;}
@keyframes heroZoom{to{transform:scale(1);}}
.page-hero:before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(101,10,14,.88) 0%,rgba(158,15,23,.62) 42%,rgba(101,10,14,.18) 100%);}
.page-hero .wrap{position:relative;width:min(1360px,92%);margin:0 auto;padding-bottom:64px;}
.page-hero .en{color:#F0B9B9;letter-spacing:.45em;font-size:13px;text-transform:uppercase;margin-bottom:12px;}
.page-hero h1{color:#fff;font-size:52px;letter-spacing:.1em;font-weight:600;line-height:1.15;}
.page-hero h1 em{font-style:normal;color:#FFD9A0;}
.page-hero .crumb{margin-top:18px;color:rgba(255,255,255,.85);font-size:14px;letter-spacing:.06em;}
.page-hero .crumb a:hover{color:#FFD9A0;}
.page-hero .crumb i{font-style:normal;margin:0 10px;opacity:.6;}

/* ---------- 通用板块 ---------- */
.wrap{width:min(1360px,92%);margin:0 auto;}
.section{padding:110px 0;}
.section.tight{padding:80px 0;}
.section-head{margin-bottom:56px;position:relative;}
.section-head .en{color:var(--brand);letter-spacing:.42em;font-size:13px;text-transform:uppercase;font-weight:600;}
.section-head h2{font-size:40px;letter-spacing:.08em;font-weight:600;margin-top:8px;line-height:1.2;}
.section-head .bar{width:64px;height:4px;background:var(--brand);border-radius:2px;margin-top:18px;}
.section-head.center{text-align:center;}
.section-head.center .bar{margin:18px auto 0;}
.section-head .desc{color:var(--muted);margin-top:16px;font-size:15.5px;max-width:760px;}
.section-head.center .desc{margin-left:auto;margin-right:auto;}

/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 38px;border-radius:60px;font-size:15.5px;
  letter-spacing:.14em;transition:all .3s var(--ease);border:1.5px solid transparent;}
.btn .arr{transition:transform .3s var(--ease);}
.btn:hover .arr{transform:translateX(5px);}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 28px rgba(198,22,31,.32);}
.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);}
.btn-ghost{border-color:rgba(255,255,255,.65);color:#fff;}
.btn-ghost:hover{background:#fff;color:var(--brand);}
.btn-red-ghost{border-color:var(--brand);color:var(--brand);}
.btn-red-ghost:hover{background:var(--brand);color:#fff;}

/* 入场动画 */
.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.d1{transition-delay:.12s;}.d2{transition-delay:.24s;}.d3{transition-delay:.36s;}.d4{transition-delay:.48s;}

/* =========================================================
   首页
   ========================================================= */
/* --- Hero 大图轮播 --- */
.hero{position:relative;height:calc(100vh - var(--header-h) - var(--topbar-h));min-height:560px;overflow:hidden;background:var(--brand-deep);}
.hero .slides{height:100%;}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease);}
.hero .slide.active{opacity:1;}
.hero .slide a{display:block;width:100%;height:100%;}
.hero .slide img{width:100%;height:100%;object-fit:cover;}
.hero .slide:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(101,10,14,.42) 0%,rgba(101,10,14,0) 26%,rgba(101,10,14,0) 72%,rgba(101,10,14,.5) 100%);}
.hero .arrows a{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:58px;height:58px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.65);color:#fff;display:flex;align-items:center;justify-content:center;
  transition:all .3s var(--ease);background:rgba(101,10,14,.18);backdrop-filter:blur(2px);}
.hero .arrows a:hover{background:var(--brand);border-color:var(--brand);}
.hero .arrows a svg{width:22px;height:22px;}
.hero .arrows .prev{left:36px;}
.hero .arrows .next{right:36px;}
.hero .dots{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:12px;}
.hero .dots button{width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.4);transition:all .3s var(--ease);}
.hero .dots button.active{background:#fff;width:64px;}
.hero .scroll-tip{position:absolute;bottom:30px;left:max(4vw, calc((100% - 1360px) / 2));z-index:20;color:rgba(255,255,255,.85);font-size:12px;
  display:flex;align-items:center;gap:10px;}
.hero .scroll-tip span{letter-spacing:.34em;font-size:13px;}
.hero .scroll-tip i{font-style:normal;letter-spacing:.22em;font-size:10px;opacity:.7;}
.hero .scroll-tip:before{content:"";width:44px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,0));animation:tipDrop 1.8s infinite;}
@keyframes tipDrop{0%{transform:scaleX(0);transform-origin:left;}55%{transform:scaleX(1);transform-origin:left;}56%{transform-origin:right;}100%{transform:scaleX(0);transform-origin:right;}}

/* --- 关于我们：整屏大图 --- */
.home-about{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;color:#fff;
  background:url("../img/about_img01.jpg") center/cover no-repeat fixed;}
.home-about:before{content:"";position:absolute;inset:0;
  background:linear-gradient(96deg,rgba(101,10,14,.94) 0%,rgba(158,15,23,.82) 46%,rgba(101,10,14,.42) 100%);}
.home-about .wrap{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:120px 0;}
.home-about .en{color:#F0B9B9;letter-spacing:.45em;font-size:13px;text-transform:uppercase;}
.home-about h2{font-size:46px;letter-spacing:.1em;font-weight:600;margin:12px 0 26px;line-height:1.25;}
.home-about p{color:rgba(255,255,255,.88);font-size:15.5px;line-height:2;text-align:justify;}
.home-about .quote{margin-top:22px;font-size:19px;letter-spacing:.2em;color:#FFD9A0;font-weight:600;}
.home-about .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px;}
.home-about .stat{border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:26px 24px;
  background:rgba(255,255,255,.06);backdrop-filter:blur(4px);transition:all .35s var(--ease);}
.home-about .stat:hover{background:rgba(255,255,255,.14);transform:translateY(-5px);}
.home-about .stat b{font-size:44px;font-weight:700;color:#fff;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif;line-height:1;}
.home-about .stat b i{font-style:normal;font-size:17px;font-weight:500;margin-left:5px;color:#F3B8B8;}
.home-about .stat span{display:block;margin-top:10px;color:#F0C9C9;font-size:14px;letter-spacing:.12em;}
.home-about .acts{margin-top:44px;display:flex;gap:16px;flex-wrap:wrap;}

/* --- 产品中心：大图卡片 --- */
.home-products{background:linear-gradient(180deg,#fff 0%,var(--wash) 100%);}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.prod-card{position:relative;height:400px;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 10px 26px rgba(102,10,14,.10);}
.prod-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.prod-card:hover img{transform:scale(1.08);}
.prod-card:before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(101,10,14,0) 34%,rgba(101,10,14,.72) 100%);z-index:1;}
.prod-card:after{content:"";position:absolute;inset:0;background:var(--brand);opacity:0;transition:opacity .35s var(--ease);z-index:1;mix-blend-mode:multiply;}
.prod-card:hover:after{opacity:.58;}
.prod-card .txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;color:#fff;}
.prod-card .en{font-size:11.5px;letter-spacing:.3em;color:#F3C1C1;text-transform:uppercase;}
.prod-card h3{font-size:25px;letter-spacing:.08em;margin-top:6px;font-weight:600;}
.prod-card .go{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;letter-spacing:.12em;color:#fff;
  opacity:0;transform:translateY(12px);transition:all .4s var(--ease);}
.prod-card .go:after{content:"→";font-size:16px;}
.prod-card:hover .go{opacity:1;transform:none;}
.prod-card .idx{position:absolute;top:22px;right:24px;z-index:2;color:rgba(255,255,255,.85);font-size:13px;letter-spacing:.18em;
  border:1px solid rgba(255,255,255,.45);border-radius:30px;padding:3px 14px;backdrop-filter:blur(2px);}

/* --- 应用领域：竖条大图 --- */
.home-fields{background:var(--ink) url("../img/banner_00002.jpg") center/cover no-repeat;position:relative;}
.home-fields:before{content:"";position:absolute;inset:0;background:rgba(24,10,10,.82);}
.home-fields .wrap{position:relative;}
.fields-row{display:flex;gap:14px;height:520px;}
.field-strip{flex:1;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:flex 0.55s var(--ease);min-width:0;}
.field-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s var(--ease),transform .55s var(--ease);}
.field-strip:hover{flex:2.6;}
.field-strip:hover img{filter:grayscale(0);transform:scale(1.05);}
.field-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(101,10,14,.05) 40%,rgba(101,10,14,.78) 100%);}
.field-strip .name{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;z-index:2;color:#fff;text-align:center;
  width:1.25em;font-size:18px;line-height:1.5;font-weight:500;transition:opacity .4s var(--ease);}
.field-strip .en{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.9);
  font-size:11px;letter-spacing:.26em;writing-mode:vertical-rl;text-transform:uppercase;opacity:0;transition:opacity .4s var(--ease);}
.field-strip .tip{position:absolute;left:0;right:0;bottom:26px;z-index:2;color:#fff;text-align:center;font-size:13px;
  letter-spacing:.08em;opacity:0;transform:translateY(10px);transition:all .45s var(--ease) .05s;padding:0 14px;}
.field-strip:hover .name{opacity:0;}
.field-strip:hover .en{opacity:1;}
.field-strip:hover .tip{opacity:1;transform:none;}

/* --- 新闻：精致三栏小图卡 --- */
.home-news{background:#fff;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.news-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transition:all .35s var(--ease);background:#fff;}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.news-card .pic{position:relative;overflow:hidden;height:172px;flex:none;}
.news-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.news-card:hover .pic img{transform:scale(1.07);}
.news-card .pic time{position:absolute;left:0;top:0;background:var(--brand);color:#fff;padding:7px 13px;font-size:12.5px;
  letter-spacing:.08em;border-radius:0 0 12px 0;}
.news-card .txt{padding:18px 20px 22px;display:flex;flex-direction:column;gap:9px;}
.news-card .tag{font-size:11.5px;color:var(--brand);border:1px solid var(--wash-2);background:var(--wash);border-radius:20px;
  padding:2px 11px;width:max-content;letter-spacing:.08em;}
.news-card h3{font-size:16px;line-height:1.55;font-weight:600;letter-spacing:.02em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card h3:hover{color:var(--brand);}
.news-card p{color:var(--muted);font-size:13.2px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .more{margin-top:auto;color:var(--brand);font-size:12.5px;letter-spacing:.14em;}

/* --- 走进高信：走马灯 --- */
.home-gallery{background:var(--wash);overflow:hidden;}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.marquee-track{display:flex;gap:22px;width:max-content;animation:marquee 46s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes marquee{to{transform:translateX(-50%);}}
.marquee figure{width:380px;height:262px;border-radius:14px;overflow:hidden;position:relative;flex:none;}
.marquee figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.marquee figure:hover img{transform:scale(1.06);}
.marquee figcaption{position:absolute;inset:auto 0 0 0;padding:40px 20px 16px;color:#fff;font-size:14px;letter-spacing:.1em;
  background:linear-gradient(180deg,transparent,rgba(20,16,17,.72));text-align:center;}

/* --- CTA 红条 --- */
.home-cta{position:relative;background:linear-gradient(96deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;overflow:hidden;}
.home-cta:before{content:"";position:absolute;left:-80px;top:-120px;width:420px;height:420px;border-radius:50%;
  border:56px solid rgba(255,255,255,.07);}
.home-cta:after{content:"";position:absolute;right:-110px;bottom:-150px;width:430px;height:430px;border-radius:50%;
  border:70px solid rgba(255,255,255,.05);}
.home-cta .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:74px 0;flex-wrap:wrap;}
.home-cta h2{font-size:34px;letter-spacing:.16em;font-weight:600;}
.home-cta .sub{color:#F6CFCF;letter-spacing:.1em;margin-top:8px;font-size:14.5px;}
.home-cta .tel{display:flex;align-items:center;gap:16px;}
.home-cta .tel .ic{width:58px;height:58px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;}
.home-cta .tel .ic svg{width:24px;height:24px;}
.home-cta .tel small{display:block;font-size:12.5px;letter-spacing:.22em;color:#F6CFCF;text-transform:uppercase;}
.home-cta .tel b{font-size:25px;letter-spacing:.05em;font-weight:600;}
.home-cta .btns{display:flex;gap:14px;flex-wrap:wrap;}

/* =========================================================
   页脚（深蒲红 + 三个认证图标）
   ========================================================= */
.footer{background:linear-gradient(180deg,#26262B 0%,#1E1E22 100%);color:#A9A9B2;}
.footer .top{display:grid;grid-template-columns:1.35fr .8fr 1.1fr .9fr;gap:44px;padding:78px 0 54px;}
.footer .flogo{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.footer .flogo img{height:46px;}
.footer .flogo b{color:#fff;font-size:17px;letter-spacing:.14em;font-weight:600;display:block;line-height:1.3;}
.footer .flogo span{color:#8F8F98;font-size:10.5px;letter-spacing:.28em;display:block;}
.footer .about p{font-size:13.8px;line-height:2;color:#A6A6AF;text-align:justify;}
.footer h4{color:#fff;font-size:17px;letter-spacing:.14em;margin-bottom:24px;position:relative;padding-bottom:14px;}
.footer h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:var(--brand-hot);border-radius:2px;}
.footer .links li{margin-bottom:11px;}
.footer .links a{color:#B9B9C2;font-size:14px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:8px;transition:color .25s,transform .25s var(--ease);}
.footer .links a:before{content:"›";color:var(--brand-hot);font-size:15px;}
.footer .links a:hover{color:#fff;transform:translateX(4px);}
.footer .contact li{display:flex;gap:12px;margin-bottom:15px;font-size:13.8px;color:#B0B0B9;line-height:1.75;}
.footer .contact svg{width:17px;height:17px;flex:none;margin-top:4px;color:#E04A50;}
.footer .qrs{display:flex;gap:18px;}
.footer .qr{text-align:center;}
.footer .qr img{width:104px;height:104px;border-radius:10px;background:#fff;padding:6px;}
.footer .qr span{display:block;margin-top:10px;font-size:12.5px;letter-spacing:.1em;color:#9C9CA5;}
/* 三个品牌认证图标 */
.footer .certs{border-top:1px solid rgba(255,255,255,.14);margin-top:10px;padding:30px 0 34px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;}
.footer .certs .cap{color:#9A9AA3;font-size:13px;letter-spacing:.24em;white-space:nowrap;}
.footer .certs .cap b{display:block;color:#fff;font-size:17px;letter-spacing:.18em;margin-bottom:4px;font-weight:600;}
.footer .certs ul{display:flex;gap:22px;flex-wrap:wrap;}
.footer .certs li a{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;
  height:64px;padding:8px 18px;box-shadow:0 8px 22px rgba(0,0,0,.22);transition:all .3s var(--ease);}
.footer .certs li img{max-height:48px;width:auto;max-width:180px;object-fit:contain;}
.footer .certs li a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.32);}
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;font-size:12.8px;color:#85858E;letter-spacing:.04em;}
.footer .bottom a:hover{color:#fff;}

/* ---------- 悬浮工具 ---------- */
.fabs{position:fixed;right:22px;bottom:120px;z-index:980;display:flex;flex-direction:column;gap:12px;}
.fabs button,.fabs a{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--brand);
  box-shadow:0 10px 26px rgba(102,10,14,.22);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease);position:relative;}
.fabs button:hover,.fabs a:hover{background:var(--brand);color:#fff;transform:translateY(-3px);}
.fabs svg{width:22px;height:22px;}
.fabs .backtop{opacity:0;visibility:hidden;}
.fabs .backtop.show{opacity:1;visibility:visible;}
.fabs .pop-qr{position:absolute;right:64px;top:-6px;background:#fff;border-radius:12px;padding:10px;box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transform:translateX(8px);transition:all .3s var(--ease);}
.fabs .has-qr:hover .pop-qr{opacity:1;visibility:visible;transform:none;}
.fabs .pop-qr img{width:120px;height:120px;}
.fabs .pop-qr span{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:6px;}
.side-consult{position:fixed;right:0;top:38vh;z-index:970;background:var(--brand);color:#fff;padding:16px 11px;
  display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13.5px;line-height:1.35;border-radius:10px 0 0 10px;
  box-shadow:-8px 10px 24px rgba(102,10,14,.3);transition:all .3s var(--ease);}
.side-consult:hover{background:var(--brand-dark);padding-right:17px;}

/* ---------- 弹窗（产品/证书灯箱） ---------- */
.lightbox{position:fixed;inset:0;z-index:1300;background:rgba(52,6,9,.9);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s var(--ease);padding:4vh 4vw;}
.lightbox.open{opacity:1;visibility:visible;}
.lightbox .lb-body{background:#fff;border-radius:18px;overflow:hidden;max-width:1000px;width:100%;
  display:grid;grid-template-columns:1.15fr 1fr;max-height:88vh;transform:scale(.94);transition:transform .35s var(--ease);position:relative;}
.lightbox.open .lb-body{transform:scale(1);}
.lightbox .lb-pic{background:#F6F2F1;display:flex;align-items:center;justify-content:center;min-height:340px;}
.lightbox .lb-pic img{max-height:82vh;object-fit:contain;width:100%;}
.lightbox .lb-info{padding:46px 42px;display:flex;flex-direction:column;justify-content:center;gap:16px;}
.lightbox .lb-info .tag{color:var(--brand);font-size:13px;letter-spacing:.16em;border:1px solid var(--wash-2);
  background:var(--wash);width:max-content;border-radius:20px;padding:3px 14px;}
.lightbox .lb-info h3{font-size:28px;letter-spacing:.06em;font-weight:600;}
.lightbox .lb-info p{color:var(--muted);font-size:14.5px;line-height:2;}
.lightbox .lb-info .hot{margin-top:8px;color:var(--ink);font-size:15px;}
.lightbox .lb-info .hot b{color:var(--brand);font-size:21px;letter-spacing:.04em;}
.lightbox .lb-close{position:absolute;top:14px;right:20px;color:#fff;font-size:38px;opacity:.85;z-index:5;}
.lightbox .lb-close:hover{opacity:1;}
.toast{position:fixed;left:50%;bottom:52px;transform:translateX(-50%) translateY(20px);z-index:1400;background:rgba(101,10,14,.95);
  color:#fff;padding:13px 30px;border-radius:40px;font-size:14.5px;letter-spacing:.08em;opacity:0;visibility:hidden;
  transition:all .35s var(--ease);box-shadow:var(--shadow);}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

/* =========================================================
   内页通用
   ========================================================= */
.inner{padding:100px 0;}
/* 关于我们 */
.about-split{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;}
.about-split .pic{position:relative;z-index:1;}
.about-split .pic img{border-radius:18px;width:100%;object-fit:cover;}
.about-split .pic .frame{position:absolute;right:-22px;bottom:-22px;width:62%;height:62%;
  border:2px solid var(--wash-2);border-radius:18px;z-index:-1;}
.about-split h2{font-size:34px;letter-spacing:.08em;font-weight:600;margin-bottom:8px;}
.about-split .en{color:var(--brand);letter-spacing:.4em;font-size:12.5px;text-transform:uppercase;font-weight:600;}
.about-split p{color:var(--muted);font-size:15px;line-height:2.1;margin-top:18px;text-align:justify;}
.about-split .motto{margin-top:22px;background:var(--wash);border-left:4px solid var(--brand);border-radius:0 12px 12px 0;
  padding:16px 22px;color:var(--brand-dark);letter-spacing:.14em;font-weight:600;font-size:16.5px;}
.stat-band{background:linear-gradient(96deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;}
.stat-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:64px 0;}
.stat-band .st{text-align:center;position:relative;}
.stat-band .st:not(:last-child):after{content:"";position:absolute;right:-10px;top:12%;bottom:12%;width:1px;background:rgba(255,255,255,.2);}
.stat-band .st b{font-size:46px;font-weight:700;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif;line-height:1;}
.stat-band .st b i{font-style:normal;font-size:16px;font-weight:500;margin-left:4px;color:#F3B8B8;}
.stat-band .st span{display:block;margin-top:10px;font-size:14px;letter-spacing:.16em;color:#F6D5D5;}
.honor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.honor-grid.cols4{grid-template-columns:repeat(4,1fr);gap:22px;}
.honor-grid.cols4 .honor-item img{height:295px;}
@media(max-width:1200px){.honor-grid.cols4{grid-template-columns:repeat(2,1fr);}}
.honor-item{position:relative;border-radius:16px;overflow:hidden;cursor:zoom-in;background:#F6F2F1;
  border:1px solid var(--line);transition:all .35s var(--ease);}
.honor-item img{width:100%;height:320px;object-fit:cover;transition:transform .7s var(--ease);background:#fff;}
.honor-item:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.honor-item:hover img{transform:scale(1.05);}
.honor-item figcaption{position:absolute;inset:auto 0 0 0;padding:36px 18px 14px;color:#fff;text-align:center;
  font-size:14.5px;letter-spacing:.1em;background:linear-gradient(180deg,transparent,rgba(101,10,14,.86));}
/* 产品页 */
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px;}
.filter-bar button{padding:11px 26px;border-radius:40px;border:1.5px solid var(--line);color:var(--muted);
  font-size:14.5px;letter-spacing:.1em;transition:all .3s var(--ease);background:#fff;}
.filter-bar button:hover{border-color:var(--brand);color:var(--brand);}
.filter-bar button.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(198,22,31,.28);}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.pcard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;cursor:pointer;transition:all .35s var(--ease);
  display:flex;flex-direction:column;}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.pcard .pic{position:relative;height:250px;overflow:hidden;background:#F6F2F1;}
.pcard .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.pcard:hover .pic img{transform:scale(1.07);}
.pcard .pic .cat{position:absolute;left:14px;top:14px;background:rgba(198,22,31,.94);color:#fff;font-size:12px;
  padding:4px 13px;border-radius:20px;letter-spacing:.08em;backdrop-filter:blur(2px);}
.pcard .txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:9px;flex:1;}
.pcard h3{font-size:18.5px;font-weight:600;letter-spacing:.04em;}
.pcard p{color:var(--muted);font-size:13.6px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pcard .more{margin-top:auto;color:var(--brand);font-size:13px;letter-spacing:.14em;display:inline-flex;align-items:center;gap:7px;}
.pcard .more:after{content:"→";transition:transform .3s var(--ease);}
.pcard:hover .more:after{transform:translateX(5px);}
.empty-tip{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 0;font-size:15px;letter-spacing:.06em;}
/* 新闻页 */
.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.nitem{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:all .35s var(--ease);display:flex;flex-direction:column;}
.nitem:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.nitem .pic{height:168px;overflow:hidden;position:relative;}
.nitem .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.nitem:hover .pic img{transform:scale(1.06);}
.nitem .pic time{position:absolute;left:0;top:0;background:var(--brand);color:#fff;padding:6px 12px;font-size:12px;letter-spacing:.08em;border-radius:0 0 12px 0;}
.nitem .txt{padding:18px 20px 22px;display:flex;flex-direction:column;gap:9px;flex:1;}
.nitem .tag{font-size:11.5px;color:var(--brand);border:1px solid var(--wash-2);background:var(--wash);border-radius:20px;padding:2px 11px;width:max-content;letter-spacing:.08em;}
.nitem h3{font-size:16px;font-weight:600;line-height:1.55;}
.nitem h3:hover{color:var(--brand);}
.nitem p{color:var(--muted);font-size:13.2px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nitem .more{margin-top:auto;color:var(--brand);font-size:12.5px;letter-spacing:.14em;}
@media(max-width:1100px){.news-grid,.news-list{grid-template-columns:repeat(2,1fr);}}
.pager{display:flex;justify-content:center;gap:10px;margin-top:48px;}
.pager button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);color:var(--muted);transition:all .3s var(--ease);}
.pager button.on,.pager button:hover{background:var(--brand);border-color:var(--brand);color:#fff;}
/* 应用领域 · 案例文章（同原站 article 内容结构） */
.article-head{padding:58px 0 4px;}
.article-head .crumb{color:var(--muted);font-size:13.5px;letter-spacing:.06em;margin-bottom:16px;}
.article-head .crumb a{color:var(--muted);transition:color .25s;}
.article-head .crumb a:hover{color:var(--brand);}
.article-head .crumb b{color:var(--brand);font-weight:600;}
.article-head h2{font-size:34px;font-weight:600;letter-spacing:.1em;}
.article-head .meta{margin-top:12px;color:#B9B9C2;font-size:12.5px;letter-spacing:.26em;}
.article-body{max-width:920px;margin:0 auto;padding:30px 0 4px;display:flex;flex-direction:column;gap:24px;}
.article-body .art-pic{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;
  box-shadow:0 12px 34px rgba(31,12,12,.07);}
.article-body .art-pic img{width:100%;display:block;}
.article-body .art-pic.link a{display:block;}
.article-body .art-pic.link img{transition:transform .6s var(--ease);}
.article-body .art-pic.link:hover img{transform:scale(1.025);}
.article-pn{max-width:920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;
  flex-wrap:wrap;border-top:1px solid var(--line);margin-top:26px;padding:22px 0 64px;
  color:var(--muted);font-size:14px;letter-spacing:.05em;}
.article-pn .next{color:var(--brand);transition:all .25s var(--ease);}
.article-pn .next:hover{letter-spacing:.12em;}
/* 应用领域页 */
.field-row-lg{display:flex;gap:16px;height:600px;}
.field-row-lg .field-strip .name{font-size:21px;}
/* 留言页 */
.fb-split{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);}
.fb-side{background:linear-gradient(160deg,var(--brand) 0%,var(--brand-deep) 100%);color:#fff;padding:58px 48px;
  display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;overflow:hidden;}
.fb-side:before{content:"高信";position:absolute;right:-30px;bottom:-58px;font-size:190px;font-weight:700;color:rgba(255,255,255,.06);letter-spacing:.04em;}
.fb-side .en{color:#F3B8B8;letter-spacing:.4em;font-size:12px;text-transform:uppercase;}
.fb-side h2{font-size:34px;letter-spacing:.1em;line-height:1.4;font-weight:600;}
.fb-side p{color:#F3D2D2;font-size:14.5px;line-height:2;}
.fb-side .qrline{display:flex;align-items:center;gap:16px;margin-top:14px;}
.fb-side .qrline img{width:92px;height:92px;background:#fff;border-radius:10px;padding:5px;}
.fb-side .qrline span{font-size:13px;color:#F6D5D5;letter-spacing:.1em;}
.fb-form{background:#fff;padding:58px 54px;display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;align-content:center;}
.fb-form .full{grid-column:1/-1;}
.fb-form .cell label{display:block;font-size:14px;letter-spacing:.08em;margin-bottom:9px;color:var(--ink);}
.fb-form .cell label i{color:var(--brand);font-style:normal;margin-left:3px;}
.fb-form .cell input,.fb-form .cell textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:13px 16px;
  font-size:14.5px;transition:all .25s var(--ease);background:#FCFAFA;}
.fb-form .cell textarea{min-height:130px;resize:vertical;}
.fb-form .cell input:focus,.fb-form .cell textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(198,22,31,.1);}
.fb-form .cell.err input,.fb-form .cell.err textarea{border-color:#D63B3B;background:#FEF6F6;}
.fb-form .cell .msg{color:#D63B3B;font-size:12.5px;margin-top:6px;display:none;}
.fb-form .cell.err .msg{display:block;}
.fb-form .submit{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin-top:6px;}
.fb-form .submit small{color:var(--muted);font-size:12.8px;}
/* 联系页 */
.con-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.con-card{border:1px solid var(--line);border-radius:16px;padding:38px 30px;text-align:center;transition:all .35s var(--ease);background:#fff;}
.con-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.con-card .ic{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:var(--wash);
  display:flex;align-items:center;justify-content:center;transition:all .35s var(--ease);}
.con-card .ic img{width:62px;height:62px;object-fit:contain;}
.con-card:hover .ic{background:var(--brand);}
.con-card h3{font-size:17px;letter-spacing:.1em;margin-bottom:8px;}
.con-card p{color:var(--muted);font-size:14px;line-height:1.9;word-break:break-all;}
.con-card p b{color:var(--brand);font-size:15px;}
.map-band{position:relative;border-radius:20px;overflow:hidden;margin-top:64px;}
.map-band img{width:100%;height:420px;object-fit:cover;}
.map-band .addr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(101,10,14,.92);
  color:#fff;padding:26px 40px;border-radius:14px;text-align:center;box-shadow:var(--shadow);backdrop-filter:blur(3px);}
.map-band .addr b{font-size:18px;letter-spacing:.1em;display:block;}
.map-band .addr span{color:#F3C9C9;font-size:14px;letter-spacing:.06em;display:block;margin-top:8px;}
.map-band .addr i{display:inline-flex;width:14px;height:14px;border-radius:50%;background:var(--brand-hot);margin-bottom:12px;
  box-shadow:0 0 0 6px rgba(224,67,75,.3);}

/* =========================================================
   移动端
   ========================================================= */
.m-nav{position:fixed;inset:0;z-index:1100;background:linear-gradient(160deg,var(--brand) 0%,var(--brand-deep) 100%);
  display:flex;flex-direction:column;padding:90px 8% 40px;opacity:0;visibility:hidden;transition:all .35s var(--ease);}
.m-nav.open{opacity:1;visibility:visible;}
.m-nav a{color:#fff;font-size:21px;letter-spacing:.14em;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.m-nav a:active{color:#FFD9A0;}
.m-nav .m-close{position:absolute;top:26px;right:26px;color:#fff;font-size:36px;}
.m-nav .m-hot{margin-top:auto;color:#F3C9C9;font-size:14px;letter-spacing:.08em;}
.m-nav .m-hot b{color:#fff;font-size:19px;display:block;margin-top:4px;letter-spacing:.04em;}
@media (max-width:1200px){
  .nav > li > a{padding:0 12px;font-size:15px;}
  .prod-grid,.pgrid,.honor-grid{grid-template-columns:repeat(2,1fr);}
  .con-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:960px){
  :root{--header-h:72px;}
  .nav,.h-search{display:none;}
  .h-burger{display:flex;}
  .topbar .welcome{display:none;}
  .topbar .wrap{justify-content:flex-end;}
  .page-hero h1{font-size:36px;}
  .section{padding:72px 0;}
  .section-head h2{font-size:30px;}
  .home-about{background-attachment:scroll;}
  .home-about .wrap{grid-template-columns:1fr;gap:44px;padding:84px 0;}
  .home-about h2{font-size:32px;}
  .prod-grid,.pgrid,.honor-grid,.honor-grid.cols4,.news-grid,.news-list{grid-template-columns:1fr;}
  .prod-card{height:300px;}
  .fields-row,.field-row-lg{flex-wrap:wrap;height:auto;}
  .field-strip{flex:1 1 30%;height:200px;}
  .field-strip:hover{flex:1 1 46%;}
  .field-strip .name{writing-mode:horizontal-tb;letter-spacing:.14em;}
  .about-split,.fb-split{grid-template-columns:1fr;}
  .fb-form{padding:38px 26px;grid-template-columns:1fr;}
  .footer .top{grid-template-columns:1fr 1fr;gap:36px;}
  .stat-band .wrap{grid-template-columns:repeat(2,1fr);gap:28px;}
  .stat-band .st:after{display:none;}
  .lightbox .lb-body{grid-template-columns:1fr;overflow:auto;}
  .lightbox .lb-pic{max-height:44vh;}
  .con-grid{grid-template-columns:1fr;}
  .hero{min-height:440px;}
  .hero .arrows .prev{left:14px;}
  .hero .arrows .next{right:14px;}
  .hero .scroll-tip{display:none;}
  .home-cta .wrap{flex-direction:column;align-items:flex-start;}
  .map-band img{height:300px;}
}
@media (max-width:620px){
  .brand-logo .cn{display:none;}
  .footer .top{grid-template-columns:1fr;}
  .footer .certs{justify-content:center;}
  .footer .certs ul{justify-content:center;}
  .footer .bottom{justify-content:center;text-align:center;}
  .page-hero h1{font-size:29px;}
  .home-about .stats{grid-template-columns:1fr 1fr;gap:14px;}
  .home-about .stat b{font-size:33px;}
  .marquee figure{width:280px;height:196px;}
  .field-strip{flex:1 1 46%;}
}

/* =========================================================
   首页全屏首屏模式（.fs-hero · 仅首页启用）
   第一屏：整屏 Hero 大图，信息条半透明悬浮，导航透明压图
   滚动进入第二屏：红色导航淡入并固定顶部（72px）
   ========================================================= */
.fs-hero .topbar{display:none;}
.fs-hero .header{
  position:fixed;top:0;left:0;right:0;
  height:var(--header-h);
  background:transparent;box-shadow:none;
  transition:height .35s var(--ease);
}
/* 红色版本导航：进入第二屏后淡入 */
.fs-hero .header:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand) 62%,var(--brand-dark) 100%);
  box-shadow:0 10px 30px rgba(101,10,14,.35);
  opacity:0;transition:opacity .4s var(--ease);
}
/* 第二屏：红色导航出现 */
.fs-hero .header.solid{height:72px;}
.fs-hero .header.solid:before{opacity:1;}
.fs-hero .header.solid .brand-logo img{height:44px;}
/* Hero 占满整屏，并加深顶部暗角保证白色导航可读 */
.fs-hero .hero{height:100vh;height:100svh;min-height:620px;}
.fs-hero .hero .slide:before{
  background:
    linear-gradient(90deg,rgba(24,16,18,.4) 0%,rgba(24,16,18,.16) 34%,rgba(24,16,18,0) 58%),
    linear-gradient(180deg,rgba(46,6,9,.5) 0%,rgba(46,6,9,0) 30%,rgba(101,10,14,0) 74%,rgba(24,16,18,.34) 100%);
}
/* Banner 品牌文案叠层（左下 · 白色大字 + 蒲红装饰线） */
.hero .cap{position:absolute;left:max(4vw, calc((100% - 1360px) / 2));bottom:132px;z-index:18;color:#fff;}
.hero .cap .en{display:block;color:#F3A6A6;font-size:13px;letter-spacing:.42em;text-transform:uppercase;margin-bottom:14px;}
.hero .cap h2{
  font-size:50px;font-weight:600;letter-spacing:.14em;line-height:1.3;
  text-shadow:0 2px 28px rgba(20,4,6,.5);white-space:nowrap;
}
.hero .cap:after{content:"";display:block;width:64px;height:3px;border-radius:2px;background:var(--brand-hot);margin-top:22px;}
.hero .slide .cap{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease) .18s,transform .7s var(--ease) .18s;}
.hero .slide.active .cap{opacity:1;transform:none;}
@media (max-width:1200px){
  .hero .cap h2{font-size:38px;}
}
@media (max-width:960px){
  .fs-hero .hero{min-height:480px;}
  .hero .cap{left:6vw;right:6vw;bottom:96px;}
  .hero .cap .en{font-size:10px;margin-bottom:10px;letter-spacing:.32em;}
  .hero .cap h2{font-size:25px;letter-spacing:.1em;white-space:normal;}
  .hero .cap:after{margin-top:14px;width:46px;}
}

/* =========================================================
   产品详情页
   ========================================================= */
.pd-main{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start;}
.pd-pic{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow);}
.pd-pic img{width:100%;height:520px;object-fit:cover;display:block;}
.pd-cat{position:absolute;left:22px;top:22px;background:var(--brand);color:#fff;font-size:13px;letter-spacing:.14em;
  padding:8px 18px;border-radius:40px;}
.pd-info .pd-en{color:var(--brand);letter-spacing:.42em;font-size:12px;text-transform:uppercase;font-weight:600;}
.pd-info h2{font-size:36px;letter-spacing:.08em;font-weight:600;margin:10px 0 16px;}
.pd-info .pd-desc{color:var(--muted);font-size:15.5px;line-height:2;text-align:justify;}
.pd-feats{margin:22px 0 4px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;}
.pd-feats li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink);line-height:1.7;}
.pd-feats li svg{width:17px;height:17px;flex:none;margin-top:5px;color:var(--brand);}
.pd-specs{margin-top:26px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;}
.pd-specs h3{font-size:16px;letter-spacing:.14em;padding:14px 22px;background:var(--wash);border-bottom:1px solid var(--line);}
.pd-specs table{width:100%;border-collapse:collapse;font-size:14px;}
.pd-specs th{width:104px;text-align:left;padding:11px 22px;color:var(--brand);font-weight:600;letter-spacing:.06em;
  vertical-align:top;border-top:1px solid var(--line);white-space:nowrap;background:#FDF9F9;}
.pd-specs td{padding:11px 22px 11px 0;color:#4B4B52;line-height:1.7;border-top:1px solid var(--line);}
.pd-note{padding:10px 22px 14px;color:#B9B0AE;font-size:12px;letter-spacing:.04em;}
.pd-apps{margin-top:24px;}
.pd-apps h3{font-size:16px;letter-spacing:.14em;margin-bottom:12px;}
.pd-apps .tags{display:flex;flex-wrap:wrap;gap:10px;}
.pd-apps .tags span{border:1px solid var(--line);background:#fff;color:var(--muted);font-size:13.5px;
  padding:7px 18px;border-radius:40px;letter-spacing:.06em;transition:all .25s var(--ease);}
.pd-apps .tags span:hover{border-color:var(--brand);color:var(--brand);}
.pd-acts{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap;}
.pd-related{margin-top:96px;}
.pd-related .section-head{margin-bottom:36px;}

/* =========================================================
   全球客户 · 全球布局（首页 + 关于我们）
   ========================================================= */
.home-global{background:#221F20;color:#fff;overflow:hidden;position:relative;}
.home-global .section-head .en{color:#F0B9B9;}
.home-global .section-head h2{color:#fff;}
.home-global .section-head .bar{background:var(--brand-hot);}
.home-global .section-head .desc{color:#C9BFBE;}
.global-map{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4);}
.global-map img{width:100%;display:block;}
.global-map .gm-tags{position:absolute;left:26px;bottom:24px;display:flex;flex-wrap:wrap;gap:10px;}
.global-map .gm-tags span{background:rgba(101,10,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:#fff;font-size:13px;letter-spacing:.2em;padding:8px 18px;border-radius:40px;border:1px solid rgba(255,255,255,.16);}
.global-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:22px;}
.global-stats .gs{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 24px;background:rgba(255,255,255,.04);
  transition:all .35s var(--ease);}
.global-stats .gs:hover{background:rgba(255,255,255,.09);transform:translateY(-4px);}
.global-stats .gs b{font-size:36px;font-weight:700;color:#fff;line-height:1;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif;}
.global-stats .gs b i{font-style:normal;font-size:15px;color:#F3B8B8;margin-left:4px;font-weight:500;}
.global-stats .gs span{display:block;margin-top:9px;color:#C9BFBE;font-size:13.5px;letter-spacing:.1em;}
.logo-wall{margin-top:46px;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;}
.logo-item{background:#2A2527;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;padding:16px 10px;transition:all .3s var(--ease);}
.logo-item svg{width:22px;height:22px;color:rgba(255,255,255,.4);transition:color .3s var(--ease);}
.logo-item b{color:rgba(255,255,255,.78);font-size:13.5px;letter-spacing:.16em;font-weight:600;text-align:center;transition:color .3s var(--ease);}
.logo-item small{color:rgba(255,255,255,.32);font-size:10px;letter-spacing:.22em;text-transform:uppercase;}
.logo-item:hover{background:#322B2D;}
.logo-item:hover svg,.logo-item:hover b{color:var(--brand-hot);}
@media (max-width:960px){
  .pd-main{grid-template-columns:1fr;gap:34px;}
  .pd-pic img{height:340px;}
  .pd-info h2{font-size:28px;}
  .pd-feats{grid-template-columns:1fr;}
  .global-stats{grid-template-columns:repeat(2,1fr);}
  .logo-wall{grid-template-columns:repeat(3,1fr);}
  .logo-item{min-height:84px;}
}
@media (max-width:620px){
  .logo-wall{grid-template-columns:repeat(2,1fr);}
}