/*
Theme Name: Gulishi 固力士官网主题
Theme URI: https://cs.yngls.com/
Author: 固力士
Description: 固力士官网主题（按设计稿 1:1 复刻）。样式由设计稿 site.css 构建生成，勿直接手改；构建命令：python tools/build-style.py
Version: 0.5.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gulishi
*/

:root{--blue:#1a56a0;--blue700:#0f3f7d;--navy:#16213a;--navy2:#141d30;--ink:#1b2537;--text:#39424f;--muted:#5f6b7a;--line:#e5e9ef;--soft:#f4f6f9;--r:10px;--w:1200px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--text);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
svg{display:block}
img{max-width:100%}
.container{max-width:var(--w);margin:0 auto;padding:0 24px}
.en{color:var(--muted);font-weight:500}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue700)}
.btn-ghost{background:#fff;color:var(--ink);border-color:#cfd6e0}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-sm{padding:7px 14px;font-size:13px}
.site-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo img{height:38px;width:auto}
.logo .lt{display:flex;flex-direction:column;line-height:1}
.logo .lt b{font-size:17px;color:var(--ink);letter-spacing:2px;font-weight:900}
.logo .lt span{font-size:9.5px;color:var(--blue);letter-spacing:2.6px;font-weight:700;margin-top:3px}
.main-nav{display:flex;gap:24px;align-items:center}
.main-nav a{font-size:14.5px;color:#2c3542;font-weight:500;transition:.2s}
.main-nav a:hover,.main-nav a.on{color:var(--blue)}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:18px}
.tool{display:flex;align-items:center;gap:6px;font-size:14px;color:#2c3542;font-weight:500;cursor:pointer}
.tool svg{width:17px;height:17px}
.nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer}
.main-nav.open{display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px;gap:0;box-shadow:0 12px 22px rgba(20,40,80,.08);z-index:70}
.main-nav.open a{padding:12px 0;border-bottom:1px solid var(--line)}
.main-nav.open a:last-child{border-bottom:0}
.crumb{background:var(--soft);border-bottom:1px solid var(--line)}
.crumb .container{padding:14px 24px;font-size:13px;color:var(--muted)}
.crumb a:hover{color:var(--blue)}
.crumb .sep{margin:0 7px;color:#c2cad6}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:34px 0 22px;flex-wrap:wrap}
.page-head h1{font-size:26px;font-weight:900;color:var(--ink)}
.page-head .en{font-size:13px;margin-left:9px}
.sortbox{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.select{border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:13px;color:var(--ink);background:#fff}
.with-side{display:grid;grid-template-columns:238px 1fr;gap:30px;padding-bottom:56px;align-items:start}
.side-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:14px}
.fgroup{border-top:1px solid var(--line);padding:16px 0}
.fgroup:first-of-type{border-top:0;padding-top:0}
.fgroup h4{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:11px}
.fgroup label{display:flex;align-items:center;gap:8px;font-size:13px;color:#48525f;margin-bottom:9px;cursor:pointer}
.fgroup input{accent-color:var(--blue);width:15px;height:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.grid3m{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 10px 26px rgba(20,40,80,.09);border-color:#cdd7e4;transform:translateY(-3px)}
.ph{background:linear-gradient(180deg,#eef2f6,#e3e9ef);display:grid;place-items:center;height:150px}
.ph::after{content:"";width:46px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b4c1' stroke-width='1.5'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9.5' r='1.5'/%3E%3Cpath d='M21 16l-5-5-6 6-3-3-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
.grid5 .card .ph{height:112px}
.card .body{padding:14px 14px 16px;text-align:center;flex:1}
.card .body h4{font-size:14.5px;color:var(--ink);font-weight:700}
.card .body .en{font-size:12px;margin-top:3px}
.card .body p{font-size:12.5px;color:var(--muted);margin-top:8px}
.more{color:var(--blue);font-size:13px;font-weight:600;margin-top:12px}
.center-cta{text-align:center;margin-top:30px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.pager a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;font-size:13px;color:#48525f;padding:0 8px}
.pager a.on{background:var(--blue);border-color:var(--blue);color:#fff}
.pager a:hover{border-color:var(--blue);color:var(--blue)}
.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:36px 0 30px;overflow-x:auto}
.tabs a{padding:12px 0;font-size:14px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;font-weight:500}
.tabs a.on{color:var(--blue);border-color:var(--blue)}
.two-col{display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start;padding-bottom:20px}
.spec{width:100%;border-collapse:collapse;font-size:13px}
.spec th,.spec td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.spec th{background:var(--soft);color:var(--ink);font-weight:700;width:40%}
.info th{width:36%}
.detail-top{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:start;padding:10px 0 0}
.detail-img{height:330px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#eef2f6,#e3e9ef);display:grid;place-items:center}
.detail-img::after{content:"";width:92px;height:92px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b4c1' stroke-width='1.2'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9.5' r='1.5'/%3E%3Cpath d='M21 16l-5-5-6 6-3-3-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
.detail-info h1{font-size:27px;font-weight:900;color:var(--ink)}
.detail-info .en{font-size:15px;margin-top:5px}
.feat{list-style:none;margin:18px 0 24px;display:flex;flex-direction:column;gap:11px}
.feat li{display:flex;gap:10px;font-size:14px;color:#39424f;align-items:flex-start}
.feat svg{width:18px;height:18px;color:var(--blue);flex:none;margin-top:3px}
.btnrow{display:flex;gap:12px;flex-wrap:wrap}
.helpbox{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--soft);margin-bottom:20px}
.helpbox h4{font-size:14.5px;color:var(--ink);font-weight:700;margin-bottom:6px}
.helpbox p{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.helpbox .btn{margin:0 8px 6px 0}
.article h2{font-size:19px;font-weight:800;color:var(--ink);margin:26px 0 10px}
.article p{font-size:14px;color:#48525f;margin-bottom:12px}
.article .en{font-size:13px}
.sec-title{font-size:19px;font-weight:800;color:var(--ink);margin:44px 0 18px}
.tags{display:flex;flex-wrap:wrap;gap:9px}
.tag{border:1px solid var(--line);border-radius:20px;padding:5px 14px;font-size:12.5px;color:#48525f;background:#fff;transition:.2s}
.tag:hover{border-color:var(--blue);color:var(--blue)}
.qlist{display:flex;flex-direction:column;gap:10px}
.qlist a{display:flex;gap:10px;align-items:center;font-size:13px;color:#39424f;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;transition:.2s}
.qlist a:hover{border-color:#cdd7e4;color:var(--blue)}
.qlist svg{width:16px;height:16px;color:var(--blue);flex:none}
.search{display:flex;gap:10px;margin-bottom:22px}
.search input{flex:1;border:1px solid var(--line);border-radius:7px;padding:11px 14px;font-size:13.5px;outline:none}
.search input:focus{border-color:var(--blue)}
.artlist{display:flex;flex-direction:column;gap:14px}
.artlist .item{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:162px;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s;background:#fff}
.artlist .item:hover{border-color:#c9d5e2;box-shadow:0 10px 24px rgba(20,40,80,.08);transform:translateY(-1px)}
.gl-news-item__media{min-width:0;min-height:162px;overflow:hidden;background:linear-gradient(145deg,#dfe7ef,#b8c5d4)}
.gl-news-item__image{display:block;width:100%;height:100%;min-height:162px;object-fit:cover;transition:transform .35s ease}
.artlist .item:hover .gl-news-item__image{transform:scale(1.035)}
.gl-news-item__content{min-width:0;display:flex;flex-direction:column;padding:18px 21px 16px}
.gl-news-item__meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.4}
.gl-news-item__cat{padding:2px 8px;border-radius:20px;background:#edf4fd;color:var(--blue);font-weight:600}
.artlist .item h4{display:-webkit-box;overflow:hidden;margin-top:8px;font-size:16px;line-height:1.55;color:var(--ink);font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.artlist .item p{display:-webkit-box;overflow:hidden;margin-top:7px;font-size:13px;line-height:1.7;color:var(--muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.gl-news-item__more{display:inline-flex;align-items:center;gap:5px;align-self:flex-end;margin-top:auto;padding-top:10px;color:var(--blue);font-size:12.5px;font-weight:600}
.gl-news-item__more svg{width:15px;height:15px;transition:transform .2s}
.artlist .item:hover .gl-news-item__more svg{transform:translateX(3px)}
.results{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.result{text-align:center;padding:0 6px}
.result .ico{width:44px;height:44px;color:var(--blue);margin:0 auto 10px}
.result h4{font-size:14.5px;color:var(--ink);font-weight:700}
.result p{font-size:12.5px;color:var(--muted);margin-top:5px}
.cta-band{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:32px;text-align:center;margin:44px 0 56px}
.cta-band h3{font-size:19px;font-weight:800;color:var(--ink)}
.cta-band p{font-size:13.5px;color:var(--muted);margin:8px auto 18px;max-width:560px}
.rel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.rel-head a{font-size:13px;color:var(--blue);font-weight:600}
.related{padding-bottom:56px}
.hero{background:linear-gradient(180deg,#f2f4f7 0%,#e9edf2 100%);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,#dfe4ea);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:44px;align-items:center;padding:56px 0 46px;position:relative;z-index:1}
.hero h1{font-size:42px;line-height:1.24;color:var(--ink);font-weight:900}
.hero .sub{color:var(--blue);font-weight:700;font-size:15.5px;margin-top:18px;letter-spacing:1px}
.hero p{color:var(--muted);margin-top:14px;max-width:530px;font-size:14.5px}
.hero-actions{display:flex;gap:14px;margin-top:26px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.stat b{font-size:25px;color:var(--blue);font-weight:900;display:block}
.stat span{font-size:12.5px;color:var(--muted)}
.hero-svg{width:100%;height:auto}
.strengths{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strengths-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:34px 0}
.strength{text-align:center;padding:0 6px}
.strength .ico{width:44px;height:44px;margin:0 auto 12px;color:var(--blue)}
.strength h4{font-size:15px;color:var(--ink);font-weight:700}
.strength p{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.55}
.section{padding:58px 0}
.section-title{text-align:center;font-size:26px;font-weight:900;color:var(--ink);margin-bottom:34px}
.split-sec{background:var(--soft);border-top:1px solid var(--line)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.split h3{font-size:19px;font-weight:900;color:var(--ink);margin-bottom:16px}
.mini-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;transition:.2s}
.mini-card:hover{box-shadow:0 8px 20px rgba(20,40,80,.08)}
.mini-card .thumb{height:90px;display:grid;place-items:center;background:linear-gradient(150deg,#c3cfdd,#7f93aa);color:#fff}
.mini-card .thumb svg{width:30px;height:30px}
.mini-card .cap{padding:9px 8px;font-size:12px;text-align:center;color:#33404f;font-weight:700}
.grid3m .thumb{height:90px}
.split-cta{margin-top:20px}
.kd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.kd-block{display:grid;grid-template-columns:1fr 104px;gap:14px;align-items:center}
.kd h3{font-size:19px;font-weight:900;color:var(--ink)}
.kd .sub{color:var(--muted);font-size:13px;margin:8px 0 16px;max-width:330px}
.kd-illu svg{width:100%;height:auto;max-width:104px;margin:0 auto}
.trust{background:var(--navy);color:#fff;padding:24px 0}
.trust-inner{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.trust-title{font-size:15px;font-weight:700;max-width:150px;line-height:1.4}
.partner-logos{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.partner-track{display:flex;gap:14px;width:max-content;animation:gs-marquee 45s linear infinite}
.partner-logos:hover .partner-track{animation-play-state:paused}
@keyframes gs-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.plogo{width:132px;height:60px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:9px 12px;overflow:hidden;transition:.2s;flex:none}
.plogo img{max-width:100%;height:40px;width:auto;object-fit:contain;display:block}
.plogo:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28)}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none}}
.trust .en{color:inherit;opacity:.6;font-weight:400;font-size:12px;margin-left:6px}
.site-footer{background:var(--navy2);color:#c6cfdd;padding:52px 0 0;margin-top:20px}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1.4fr;gap:26px}
.footer-top--five{grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr}
.footer-brand img{height:36px;width:auto;background:#fff;border-radius:5px;padding:4px 8px}
.footer-brand p{font-size:12.5px;color:#9aa6b8;margin-top:14px;line-height:1.75;max-width:250px}
.socials{display:flex;gap:10px;margin-top:18px}
.socials a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:.2s}
.socials a:hover{background:var(--blue)}
.socials svg{width:15px;height:15px;color:#fff}
.footer-col h2{color:#fff;font-size:13.5px;font-weight:700;margin-bottom:14px}
.footer-col a{display:block;font-size:12.5px;color:#9aa6b8;margin-bottom:9px;transition:.2s}
.footer-col a:hover{color:#fff}
.footer-col a.btn-primary{color:#fff}
.footer-col .addr{font-size:12.5px;color:#9aa6b8;margin-bottom:10px;line-height:1.7}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding:18px 0;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#8b96a8;flex-wrap:wrap}
.footer-bottom .links{display:flex;gap:20px}
.footer-bottom a:hover{color:#fff}
@media(max-width:1024px){
.hero-inner{grid-template-columns:1fr;gap:32px}
.hero h1{font-size:32px}
.hero-svg{max-width:560px}
.grid5{grid-template-columns:repeat(3,1fr)}
.grid3{grid-template-columns:repeat(2,1fr)}
.strengths-inner{grid-template-columns:repeat(3,1fr);gap:28px}
.split{grid-template-columns:1fr}
.kd{grid-template-columns:1fr;gap:44px}
.kd-block{grid-template-columns:1fr}
.with-side{grid-template-columns:1fr}
.two-col{grid-template-columns:1fr}
.detail-top{grid-template-columns:1fr}
.results{grid-template-columns:1fr 1fr}
.footer-top,.footer-top--five{grid-template-columns:1fr 1fr 1fr}
.main-nav{display:none}
.nav-toggle{display:block}
.header-tools .tool:first-child{display:none}
}
@media(max-width:640px){
.grid5,.grid3,.grid4,.grid3m{grid-template-columns:1fr 1fr}
.grid3m{grid-template-columns:1fr}
.results{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
.footer-top,.footer-top--five{grid-template-columns:1fr 1fr}
.hero h1{font-size:26px}
.artlist .item{grid-template-columns:112px minmax(0,1fr);min-height:144px}
.gl-news-item__media,.gl-news-item__image{min-height:144px}
.gl-news-item__content{padding:14px 14px 13px}
.artlist .item h4{margin-top:6px;font-size:14.5px;line-height:1.5}
.artlist .item p{margin-top:5px;font-size:12px;line-height:1.55}
.gl-news-item__more{padding-top:6px;font-size:12px}
}
@media(max-width:420px){
.artlist .item{grid-template-columns:96px minmax(0,1fr);min-height:136px}
.gl-news-item__media,.gl-news-item__image{min-height:136px}
.gl-news-item__content{padding:12px}
.gl-news-item__meta{gap:6px}
.gl-news-item__cat{padding:2px 6px}
}
.dl-row{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:9px;padding:16px 18px;margin-bottom:12px;background:#fff;transition:.2s}
.dl-row:hover{border-color:#cdd7e4;box-shadow:0 8px 20px rgba(20,40,80,.07)}
.dl-row .ic{width:44px;height:44px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--blue);flex:none}
.dl-row .ic svg{width:22px;height:22px}
.dl-row .m{flex:1;min-width:0}
.dl-row .m h4{font-size:14.5px;color:var(--ink);font-weight:700}
.dl-row .m .en{font-size:12px;margin-top:3px}
.dl-row .m .meta{font-size:12px;color:var(--muted);margin-top:5px}
.dl-row .btn{flex:none}
.profile{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:6px 0 0}
.profile .ph{height:300px;border-radius:10px}
.profile h2{font-size:22px;font-weight:900;color:var(--ink);margin-bottom:14px}
.profile p{font-size:14px;color:#48525f;margin-bottom:12px}
.profile .en{font-size:13px}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery .ph{height:130px;border-radius:9px}
@media(max-width:1024px){.profile{grid-template-columns:1fr}.vals{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gallery{grid-template-columns:1fr}.dl-row{flex-wrap:wrap}.dl-row .btn{width:100%;margin-top:6px}}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}
.subnav{position:sticky;top:86px}
.subnav a{display:block;font-size:13.5px;color:#48525f;padding:11px 14px;border-left:2px solid var(--line);transition:.2s}
.subnav a:hover{color:var(--blue);border-color:#cdd7e4;background:var(--soft)}
.subnav a.on{color:var(--blue);border-color:var(--blue);font-weight:700;background:var(--soft)}
.subnav__link--parent{font-weight:600}
.subnav__link--child{padding-left:28px!important;font-size:13px!important}
.subnav__link--depth-2{padding-left:42px!important}
.subnav__link--depth-3{padding-left:56px!important}
.about-sec{padding-bottom:30px}
.about-sec .sec-title{margin-top:0;margin-bottom:20px}
.timeline{position:relative;margin:0 0 0 6px;padding-left:26px;border-left:2px solid var(--line)}
.tl-item{position:relative;padding-bottom:24px}
.tl-item:last-child{padding-bottom:4px}
.tl-item::before{content:"";position:absolute;left:-33px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--blue)}
.tl-item .yr{font-size:15px;font-weight:900;color:var(--blue)}
.tl-item h4{font-size:14.5px;font-weight:700;color:var(--ink);margin-top:5px}
.tl-item p{font-size:13px;color:var(--muted);margin-top:4px}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:9px;padding:16px;background:#fff}
.contact-item .ic{width:40px;height:40px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--blue);flex:none}
.contact-item .ic svg{width:20px;height:20px}
.contact-item h3{font-size:13.5px;color:var(--ink);font-weight:700}
.contact-item p{font-size:13px;color:var(--muted);margin-top:4px;word-break:break-all}
@media(max-width:1024px){.grid4{grid-template-columns:1fr 1fr}.subnav{position:static}}
@media(max-width:640px){.contact-grid{grid-template-columns:1fr}}
[class*="img-"]{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.ph[class*="img-"]::after,.detail-img[class*="img-"]::after{display:none}
.hero-img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 18px 40px rgba(20,40,80,.16)}
.img-threaded{background:url("assets/img/db-VpKFNMTW4i.jpg") center/cover no-repeat!important}
.img-weldable{background:url("assets/img/db-D1gEaXsgDw.jpg") center/cover no-repeat!important}
.img-upset{background:url("assets/img/db-MMvNSQVXhw.jpg") center/cover no-repeat!important}
.img-positioning{background:url("assets/img/db-pTVQTF3IHm.png") center/cover no-repeat!important}
.img-coldforged{background:url("assets/img/db-tgr3dPdmja.jpg") center/cover no-repeat!important}
.img-custom{background:url("assets/img/db-uR7K4naghB.png") center/cover no-repeat!important}
.img-heavy{background:url("assets/img/db-XuAF2Om1Ix.jpg") center/cover no-repeat!important}
.img-grout{background:url("assets/img/db-y9vQTo0IGl.jpg") center/cover no-repeat!important}
.img-extrusion{background:url("assets/img/db-jZtOgiylTY.jpg") center/cover no-repeat!important}
.img-split{background:url("assets/img/db-oyUYDRZWOP.png") center/cover no-repeat!important}
.img-rollmachine{background:url("assets/img/db-2hG6fLxj44.jpg") center/cover no-repeat!important}
.img-upsetmachine{background:url("assets/img/db-xgT797sVYA.jpg") center/cover no-repeat!important}
.img-liftingpin{background:url("assets/img/db-Gm2piIUP2j.png") center/cover no-repeat!important}
.img-hoistingring{background:url("assets/img/db-k4A4WgYVMO.png") center/cover no-repeat!important}
.img-embedbolt{background:url("assets/img/db-1ySqtxAZVn.jpg") center/cover no-repeat!important}
.img-torquewrench{background:url("assets/img/db-nzIjn9XLWb.png") center/cover no-repeat!important}
.img-protectcap{background:url("assets/img/db-JeBBq7BoRA.jpg") center/cover no-repeat!important}
.img-rollwheel{background:url("assets/img/db-x0C9KJBgVV.jpg") center/cover no-repeat!important}
.img-extrusionmachine{background:url("assets/img/db-NmUZBnnbpy.jpg") center/cover no-repeat!important}
.img-duckbill{background:url("assets/img/db-jPhPPf8RPN.png") center/cover no-repeat!important}
.img-waveglue{background:url("assets/img/db-zYRJDU7Jfy.png") center/cover no-repeat!important}
.img-corrugated{background:url("assets/img/db-zp1raISJON.png") center/cover no-repeat!important}
.img-flatpipe{background:url("assets/img/db-sORFmh6Jr8.png") center/cover no-repeat!important}
.img-straightpipe{background:url("assets/img/db-x15otUWl0Z.png") center/cover no-repeat!important}
.img-threadsteel{background:url("assets/img/db-7nQnGEPMCm.png") center/cover no-repeat!important}
.img-thinwall{background:url("assets/img/db-bnIJZk2JX4.png") center/cover no-repeat!important}
.img-metalbellows{background:url("assets/img/db-UWhnOPYlG8.png") center/cover no-repeat!important}
.img-bridgebearing{background:url("assets/img/db-zj1BwprRZl.jpg") center/cover no-repeat!important}
.img-prestressgasket{background:url("assets/img/db-XXoAaldTkO.jpg") center/cover no-repeat!important}
.img-basetool{background:url("assets/img/db-XDMpa7HbLd.jpg") center/cover no-repeat!important}
.img-sleeper{background:url("assets/img/db-wZPh2pwbKi.jpg") center/cover no-repeat!important}
.img-flange{background:url("assets/img/db-UJRQS7ts4S.jpg") center/cover no-repeat!important}
.img-fixture{background:url("assets/img/db-jnF3q0teLR.jpg") center/cover no-repeat!important}
.img-anchorbolt{background:url("assets/img/db-oQ5mUIdlhk.jpg") center/cover no-repeat!important}
.img-tooling{background:url("assets/img/db-FvgA3JwUUz.png") center/cover no-repeat!important}
.img-waterpipe{background:url("assets/img/db-C6y6Sp2vrw.png") center/cover no-repeat!important}
.img-draincover{background:url("assets/img/db-8A9PvC5Kwu.png") center/cover no-repeat!important}
.img-piletool{background:url("assets/img/db-mDe5EoYkE0.png") center/cover no-repeat!important}
.img-holeguard{background:url("assets/img/db-BERKk69Hdb.png") center/cover no-repeat!important}
.img-panelguard{background:url("assets/img/db-jryTcx6jLV.png") center/cover no-repeat!important}
.img-streetlight{background:url("assets/img/db-L4m4W03zl4.png") center/cover no-repeat!important}
.img-wastebin{background:url("assets/img/db-4zvx4qvTQC.png") center/cover no-repeat!important}
.img-steelplate{background:url("assets/img/db-M6kILUsi9d.png") center/cover no-repeat!important}
.img-floorinlet{background:url("assets/img/db-sz1ALbqdiU.png") center/cover no-repeat!important}
.img-genshield{background:url("assets/img/db-NR7BLWrgrs.png") center/cover no-repeat!important}
.img-supportleg{background:url("assets/img/db-oQcQWXMTnY.png") center/cover no-repeat!important}
.img-hood{background:url("assets/img/db-G0i4VyoBoL.jpg") center/cover no-repeat!important}
.img-threadgauge{background:url("assets/img/db-Oe8HN3m8kI.jpg") center/cover no-repeat!important}
.img-waterstop{background:url("assets/img/db-kZiAHy2M2H.jpg") center/cover no-repeat!important}
.img-mesh{background:url("assets/img/db-RP0McaVVjM.jpg") center/cover no-repeat!important}
.img-safetynet{background:url("assets/img/db-ryUhUrWYtG.jpg") center/cover no-repeat!important}
.img-divider{background:url("assets/img/db-DOzeeKHyAj.jpg") center/cover no-repeat!important}
.img-pipebase{background:url("assets/img/db-HgPVVtTOY8.jpg") center/cover no-repeat!important}
.img-blade{background:url("assets/img/db-xPtjHrFzWf.jpg") center/cover no-repeat!important}
.img-testbar{background:url("assets/img/db-MLC7ZpOfjm.jpg") center/cover no-repeat!important}
.pimg{background-size:contain!important;background-color:#fff;background-position:center!important;background-repeat:no-repeat!important}
details.facc{border-top:1px solid var(--line)}
details.facc:first-of-type{border-top:0}
details.facc>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:var(--ink);padding:11px 0;display:flex;align-items:center;gap:8px}
details.facc>summary::-webkit-details-marker{display:none}
details.facc>summary::after{content:"";width:7px;height:7px;margin-left:auto;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);transition:.2s;flex:none}
details.facc[open]>summary::after{transform:rotate(225deg)}
.facc-body{padding-bottom:12px}
.facc-body label{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#48525f;margin-bottom:9px;cursor:pointer;line-height:1.45}
.facc-body input{accent-color:var(--blue);width:15px;height:15px;flex:none;margin-top:1px}
.sub-label{font-size:12px;color:var(--muted);font-weight:600;margin:11px 0 9px}
.sub-items{margin-left:19px}
.sub-items label{font-size:12px;margin-bottom:8px}
.mega-wrap{height:66px;display:flex;align-items:center;position:relative}
.mega{display:none;position:fixed;top:66px;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 22px 36px rgba(20,40,80,.13);padding:26px 0 18px;z-index:65}
.mega-wrap:hover .mega{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:22px}
.mega-col__title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.mega-col ul{list-style:none}
.mega-col li a{display:block;font-size:12.5px;color:#48525f;padding:4px 0;line-height:1.5;transition:.15s}
.mega-col li a:hover{color:var(--blue)}
.mega-col--two{grid-column:span 2}
.mega-col--two ul{column-count:2;column-gap:20px}
.mega-col--two li{break-inside:avoid}
.mega-foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:right}
@media(max-width:1024px){.mega{display:none!important}}
.mega-grid--cats{grid-template-columns:repeat(5,1fr);gap:22px}
.mega-col__title a{color:var(--ink)}
.mega-col__title a:hover{color:var(--blue)}
.mega-sub{font-size:12px;color:var(--muted);line-height:1.6}
.drop-wrap{height:66px;display:flex;align-items:center;position:relative}
.drop{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:190px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 18px 30px rgba(20,40,80,.12);padding:8px 0;z-index:65}
.drop-wrap:hover .drop{display:block}
.drop>a{display:block;font-size:13px;color:#48525f;padding:9px 20px;white-space:nowrap;transition:.15s}
.drop>a:hover{background:var(--soft);color:var(--blue)}
@media(max-width:1024px){.drop{display:none!important}}
.img-bridge{background:url("assets/img/trae-modern-highway-bridge-under-construction-with-steel-rein-f380cd.jpg") center/cover no-repeat!important}
.img-highrise{background:url("assets/img/trae-high-rise-building-construction-site-with-reinforced-con-9f7d14.jpg") center/cover no-repeat!important}
.img-railway{background:url("assets/img/trae-high-speed-railway-viaduct-under-construction-with-rebar-acb86d.jpg") center/cover no-repeat!important}
.img-infra{background:url("assets/img/trae-large-infrastructure-construction-site-with-steel-reinfo-e1f565.jpg") center/cover no-repeat!important}
.img-stadium{background:url("assets/img/trae-modern-sports-stadium-under-construction-with-steel-stru-233ae7.jpg") center/cover no-repeat!important}
.img-tunnel{background:url("assets/img/trae-tunnel-construction-with-steel-arch-support-and-rebar-re-ce0f54.jpg") center/cover no-repeat!important}
.img-jakarta{background:url("assets/img/trae-high-speed-railway-viaduct-in-tropical-landscape-indones-b2435b.jpg") center/cover no-repeat!important}
.img-shenzhen{background:url("assets/img/trae-modern-metro-station-underground-platform-china-real-pho-95277b.jpg") center/cover no-repeat!important}
.img-hzmb{background:url("assets/img/trae-long-sea-crossing-bridge-at-sunset-china-real-photo-ec70e9.jpg") center/cover no-repeat!important}
.img-daxing{background:url("assets/img/trae-modern-large-airport-terminal-building-exterior-china-re-68008a.jpg") center/cover no-repeat!important}
.img-nairobi{background:url("assets/img/trae-elevated-urban-expressway-in-african-city-real-photo-b46a45.jpg") center/cover no-repeat!important}
.img-burj{background:url("assets/img/trae-supertall-skyscraper-tower-in-desert-city-real-photo-d75117.jpg") center/cover no-repeat!important}
.img-metro12{background:url("assets/img/trae-urban-metro-line-elevated-viaduct-in-modern-city-real-ph-c5595e.jpg") center/cover no-repeat!important}
.img-panama{background:url("assets/img/trae-cable-stayed-bridge-over-canal-water-real-photo-45e3b7.jpg") center/cover no-repeat!important}
.img-crossrail{background:url("assets/img/trae-underground-railway-tunnel-construction-in-city-real-pho-20e333.jpg") center/cover no-repeat!important}
.img-company{background:url("assets/img/trae-modern-industrial-factory-building-exterior-with-company-43dfef.jpg") center/cover no-repeat!important}
.img-office{background:url("assets/img/trae-modern-office-reception-and-customer-service-desk-real-p-b916d1.jpg") center/cover no-repeat!important}
.img-team{background:url("assets/img/trae-business-team-meeting-in-modern-office-real-photo-88f0c7.jpg") center/cover no-repeat!important}
.img-factory1{background:url("assets/img/trae-steel-rebar-coupler-manufacturing-production-line-in-fac-841630.jpg") center/cover no-repeat!important}
.img-factory2{background:url("assets/img/trae-workers-operating-cnc-machines-in-steel-parts-factory-re-bfe172.jpg") center/cover no-repeat!important}
.img-factory3{background:url("assets/img/trae-warehouse-with-stacked-steel-couplers-and-inventory-shel-a41cb4.jpg") center/cover no-repeat!important}
.img-factory4{background:url("assets/img/trae-quality-inspection-laboratory-with-testing-equipment-for-84efe4.jpg") center/cover no-repeat!important}
.img-cert-a{background:url("assets/img/trae-official-business-certificate-document-with-red-seal-on-615821.jpg") center/cover no-repeat!important}
.img-cert-b{background:url("assets/img/trae-iso-quality-management-certificate-document-on-white-bac-b840a8.jpg") center/cover no-repeat!important}
.img-cert-c{background:url("assets/img/trae-registration-certificate-document-with-golden-seal-on-wh-2c3b26.jpg") center/cover no-repeat!important}

/* ==========================================================================
   18. 头部（参照截图：顶部信息条 + 品牌带 + 深蓝菜单条）
   仅头部使用此组颜色（#F5F5F5 / #204C97 / #DD0000），
   页面主体色彩仍按《设计规范-色彩冻结》执行。
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.is-scrolled{box-shadow:0 2px 14px rgba(20,40,80,.10)}
.site-header .nav-toggle{display:none}

/* 顶部信息条 */
.header-top{background:#F5F5F5;color:#333;font-size:13px}
.header-top__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}
.header-top__welcome{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header-top__links{display:flex;align-items:center;gap:10px;white-space:nowrap}
.header-top__links a{color:#333}
.header-top__links a:hover{color:#DD0000}
.header-top__sep{color:#C9C9C9}
.site-header.is-scrolled .header-top{display:none}

/* 品牌带 */
.header-main__inner{display:flex;align-items:center;gap:22px;height:92px}
.header-main .logo img{height:52px;max-width:210px}
.header-tagline{position:relative;flex:1;min-width:0;padding-left:24px}
.header-tagline::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:46px;background:#E3E3E3}
.header-tagline b{display:block;font-size:22px;font-weight:900;color:#333;line-height:1.3;letter-spacing:.5px}
.header-tagline span{display:block;font-size:14px;color:#666;margin-top:3px}
.header-phone{display:flex;align-items:center;gap:12px;flex:none}
.header-phone svg{width:38px;height:38px;color:#333;flex:none}
.header-phone__txt span{display:block;font-size:13px;color:#333}
.header-phone__txt .num{display:block;font-size:27px;font-weight:900;color:#DD0000;line-height:1.15;letter-spacing:.5px}
.site-header.is-scrolled .header-main__inner{height:72px}
.site-header.is-scrolled .header-main .logo img{height:44px}

/* 深蓝菜单条 */
.header-nav{background:#204C97}
.header-nav__inner{display:flex;align-items:center;height:52px;position:relative}
.main-nav{flex:1;min-width:0}
.main-nav__list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
.nav-item{position:relative;display:flex;align-items:stretch;height:52px}
.nav-item+.nav-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:rgba(255,255,255,.28);z-index:2}
.nav-item>a,.nav-item>.mega-wrap>a,.nav-item>.drop-wrap>a{display:flex;align-items:center;position:relative;height:52px;padding:0 26px;color:#fff;font-size:15.5px;font-weight:500;letter-spacing:.02em;transition:background .18s ease,color .18s ease}
.nav-item>a:hover,.nav-item>.mega-wrap>a:hover,.nav-item>.drop-wrap>a:hover,
.nav-item>a.on,.nav-item>.mega-wrap>a.on,.nav-item>.drop-wrap>a.on{background:#DD0000;color:#fff}
.nav-item>a.on::after,.nav-item>.mega-wrap>a.on::after,.nav-item>.drop-wrap>a.on::after{display:none}
.mega-wrap,.drop-wrap{height:52px;display:flex;align-items:stretch}
.nav-item>.mega-wrap>a::after,.nav-item>.drop-wrap>a::after{content:"";margin-left:8px;width:6px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}

/* 下拉面板 */
.mega{position:fixed;top:180px;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 40px rgba(20,40,80,.10);padding:28px 0 20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:65}
.site-header.is-scrolled .mega{top:124px}
.mega-wrap:hover .mega,.mega-wrap:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.drop{top:100%}

.tool--search{color:#fff;margin-left:12px;padding:8px;background:none;border:0;cursor:pointer;display:flex;align-items:center}
.tool--search svg{width:20px;height:20px}
.tool--search:hover{color:#FFD9D9}
.hsearch{max-height:0;overflow:hidden;transition:max-height .25s ease;background:#fff;border-bottom:1px solid var(--line)}
.hsearch.open{max-height:120px}
.hsearch .container{padding-top:14px;padding-bottom:14px;display:flex}
.hsearch form{display:flex;gap:10px;width:100%;max-width:720px;margin:0 auto}
.hsearch input[type=search]{flex:1;height:42px;border:1px solid var(--line);border-radius:6px;padding:0 14px;font-size:14px}

@media (max-width:1024px){
	.header-top{display:none}
	.header-main__inner{height:76px;gap:14px}
	.header-main .logo img{height:44px}
	.header-tagline{display:none}
	.header-phone__txt .num{font-size:22px}
	.header-phone svg{width:30px;height:30px}
	.header-nav{background:transparent;height:0}
	.header-nav__inner{height:0;padding:0}
	.tool--search{display:none}
	.main-nav{display:none}
	.main-nav.open{display:block;position:fixed;top:76px;left:0;right:0;bottom:0;background:#fff;z-index:80;overflow:auto;padding:8px 20px 24px}
	.main-nav.open .main-nav__list{display:block}
	.main-nav.open .nav-item{display:block;height:auto}
	.main-nav.open .nav-item+.nav-item::before{display:none}
	.main-nav.open .nav-item>a,.main-nav.open .mega-wrap>a,.main-nav.open .drop-wrap>a{display:flex;justify-content:space-between;height:auto;padding:14px 4px;color:var(--ink);border-bottom:1px solid var(--line);font-size:15px}
	.main-nav.open .nav-item>a.on{color:var(--blue);background:none}
	.main-nav.open .mega-wrap,.main-nav.open .drop-wrap{display:block;height:auto}
	.main-nav.open .mega,.main-nav.open .drop{display:none}
	.site-header .nav-toggle{display:flex;margin-left:auto;background:none;border:0;cursor:pointer;color:var(--ink);align-items:center;justify-content:center;padding:6px}
}

/* ==========================================================================
   20. 头部微调：电话改蓝；菜单悬停白底黑字（取消红色块）
   ========================================================================== */
.header-phone__txt .num{color:var(--blue)!important}
.nav-item>a:hover,.nav-item>.mega-wrap>a:hover,.nav-item>.drop-wrap>a:hover,
.nav-item>a.on,.nav-item>.mega-wrap>a.on,.nav-item>.drop-wrap>a.on{
	background:#fff!important;color:#1B2537!important;
}
.nav-item>.mega-wrap>a:hover::after,.nav-item>.drop-wrap>a:hover::after,
.nav-item>.mega-wrap>a.on::after,.nav-item>.drop-wrap>a.on::after{
	border-color:#1B2537!important;
}

/* ==========================================================================
   17. 头部导航样式（参照 192.168.1.71 设计系统）
   注意：颜色全部使用本主题色板（--blue/--ink/--text/--line/--soft），
   本主题色彩已定稿，后续调整只改布局与尺寸，不再改动颜色值。
   ========================================================================== */
.site-header{
	background:rgba(255,255,255,.94);
	-webkit-backdrop-filter:saturate(1.4) blur(14px);
	backdrop-filter:saturate(1.4) blur(14px);
	border-bottom:1px solid var(--line);
	transition:box-shadow .2s ease;
}
.site-header.is-scrolled{box-shadow:0 1px 20px rgba(20,40,80,.06)}
.header-inner{height:72px;gap:32px}
.logo img{height:44px;max-width:200px}

/* 一级导航 */
.main-nav{gap:8px}
.nav-item{position:relative;height:72px;display:flex;align-items:center}
.nav-item>a,
.nav-item>.mega-wrap>a,
.nav-item>.drop-wrap>a{
	position:relative;
	display:inline-block;
	padding:24px 16px;
	font-size:14px;
	font-weight:500;
	letter-spacing:.02em;
	color:#2C3542;
	transition:color .2s ease;
}
.nav-item>a:hover,
.nav-item>.mega-wrap>a:hover,
.nav-item>.drop-wrap>a:hover,
.nav-item>a.on,
.nav-item>.mega-wrap>a.on,
.nav-item>.drop-wrap>a.on{color:var(--blue)}
.nav-item>a.on::after,
.nav-item>.mega-wrap>a.on::after,
.nav-item>.drop-wrap>a.on::after{
	content:"";
	position:absolute;left:50%;bottom:15px;
	width:20px;height:3px;border-radius:999px;
	background:var(--blue);transform:translateX(-50%);
}

/* 全宽 mega 面板（产品/案例） */
.mega-wrap{height:72px}
.mega{
	display:block;top:72px;
	opacity:0;visibility:hidden;transform:translateY(8px);
	background:#fff;border-top:1px solid var(--line);
	box-shadow:0 12px 40px rgba(20,40,80,.10);
	padding:28px 0 20px;
	transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.mega-wrap:hover .mega,
.mega-wrap:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega-col__title{font-size:13px;letter-spacing:.02em;color:#1B2537}
.mega-col li a{font-size:13px;color:#48525F;padding:6px 10px;border-radius:8px}
.mega-col li a:hover{background:var(--soft);color:var(--blue)}
.mega-foot{border-top:1px solid var(--line)}

/* 普通下拉（关于/技术等） */
.drop-wrap{height:72px}
.drop{
	display:block;
	top:100%;left:50%;min-width:220px;max-width:300px;
	transform:translate(-50%,10px);
	background:#fff;border:1px solid var(--line);border-radius:12px;
	box-shadow:0 12px 40px rgba(20,40,80,.10);
	padding:8px;
	opacity:0;visibility:hidden;
	transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.drop-wrap:hover .drop,
.drop-wrap:focus-within .drop{opacity:1;visibility:visible;transform:translate(-50%,0)}
.drop>a{padding:11px 16px;border-radius:8px;font-size:14px;color:#2C3542}
.drop>a:hover{background:var(--soft);color:var(--blue)}

/* 头部工具按钮 */
.tool{color:#2C3542}
.tool:hover{color:var(--blue)}

@media (max-width:1024px){
	.main-nav.open{top:72px}
}
@media(max-width:1024px){.drop{display:none!important}}
.img-bridge{background:url("assets/img/trae-modern-highway-bridge-under-construction-with-steel-rein-f380cd.jpg") center/cover no-repeat!important}
.img-highrise{background:url("assets/img/trae-high-rise-building-construction-site-with-reinforced-con-9f7d14.jpg") center/cover no-repeat!important}
.img-railway{background:url("assets/img/trae-high-speed-railway-viaduct-under-construction-with-rebar-acb86d.jpg") center/cover no-repeat!important}
.img-infra{background:url("assets/img/trae-large-infrastructure-construction-site-with-steel-reinfo-e1f565.jpg") center/cover no-repeat!important}
.img-stadium{background:url("assets/img/trae-modern-sports-stadium-under-construction-with-steel-stru-233ae7.jpg") center/cover no-repeat!important}
.img-tunnel{background:url("assets/img/trae-tunnel-construction-with-steel-arch-support-and-rebar-re-ce0f54.jpg") center/cover no-repeat!important}
.img-jakarta{background:url("assets/img/trae-high-speed-railway-viaduct-in-tropical-landscape-indones-b2435b.jpg") center/cover no-repeat!important}
.img-shenzhen{background:url("assets/img/trae-modern-metro-station-underground-platform-china-real-pho-95277b.jpg") center/cover no-repeat!important}
.img-hzmb{background:url("assets/img/trae-long-sea-crossing-bridge-at-sunset-china-real-photo-ec70e9.jpg") center/cover no-repeat!important}
.img-daxing{background:url("assets/img/trae-modern-large-airport-terminal-building-exterior-china-re-68008a.jpg") center/cover no-repeat!important}
.img-nairobi{background:url("assets/img/trae-elevated-urban-expressway-in-african-city-real-photo-b46a45.jpg") center/cover no-repeat!important}
.img-burj{background:url("assets/img/trae-supertall-skyscraper-tower-in-desert-city-real-photo-d75117.jpg") center/cover no-repeat!important}
.img-metro12{background:url("assets/img/trae-urban-metro-line-elevated-viaduct-in-modern-city-real-ph-c5595e.jpg") center/cover no-repeat!important}
.img-panama{background:url("assets/img/trae-cable-stayed-bridge-over-canal-water-real-photo-45e3b7.jpg") center/cover no-repeat!important}
.img-crossrail{background:url("assets/img/trae-underground-railway-tunnel-construction-in-city-real-pho-20e333.jpg") center/cover no-repeat!important}
.img-company{background:url("assets/img/trae-modern-industrial-factory-building-exterior-with-company-43dfef.jpg") center/cover no-repeat!important}
.img-office{background:url("assets/img/trae-modern-office-reception-and-customer-service-desk-real-p-b916d1.jpg") center/cover no-repeat!important}
.img-team{background:url("assets/img/trae-business-team-meeting-in-modern-office-real-photo-88f0c7.jpg") center/cover no-repeat!important}
.img-factory1{background:url("assets/img/trae-steel-rebar-coupler-manufacturing-production-line-in-fac-841630.jpg") center/cover no-repeat!important}
.img-factory2{background:url("assets/img/trae-workers-operating-cnc-machines-in-steel-parts-factory-re-bfe172.jpg") center/cover no-repeat!important}
.img-factory3{background:url("assets/img/trae-warehouse-with-stacked-steel-couplers-and-inventory-shel-a41cb4.jpg") center/cover no-repeat!important}
.img-factory4{background:url("assets/img/trae-quality-inspection-laboratory-with-testing-equipment-for-84efe4.jpg") center/cover no-repeat!important}
.img-cert-a{background:url("assets/img/trae-official-business-certificate-document-with-red-seal-on-615821.jpg") center/cover no-repeat!important}
.img-cert-b{background:url("assets/img/trae-iso-quality-management-certificate-document-on-white-bac-b840a8.jpg") center/cover no-repeat!important}
.img-cert-c{background:url("assets/img/trae-registration-certificate-document-with-golden-seal-on-wh-2c3b26.jpg") center/cover no-repeat!important}

/* ==========================================================================
   19. 头部导航最终修正（单行对齐 / 白色文字 / 面板紧贴一级菜单）
   ========================================================================== */
.site-header{background:#fff;border-bottom:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.is-scrolled{box-shadow:0 2px 14px rgba(20,40,80,.10)}
.header-nav{position:relative;background:#204C97;overflow:visible}
.header-nav__inner{height:52px;align-items:center}
.main-nav{display:flex;align-items:stretch;height:52px;flex-wrap:nowrap;gap:0;min-width:0;flex:1}
.main-nav__list{display:flex;align-items:stretch;flex-wrap:nowrap;height:52px;gap:0;margin:0;padding:0;list-style:none}
.nav-item{position:static;display:flex;align-items:stretch;height:52px;flex:0 0 auto}
.nav-item+.nav-item{border-left:1px solid rgba(255,255,255,.24)}
.nav-item+.nav-item::before{display:none}
.nav-item>a,.nav-item>.mega-wrap>a,.nav-item>.drop-wrap>a{flex:0 0 auto;white-space:nowrap;height:52px;line-height:52px;padding:0 22px;color:#fff!important;font-size:15px;font-weight:500;background:transparent;border:0}
.nav-item>a:hover,.nav-item>.mega-wrap>a:hover,.nav-item>.drop-wrap>a:hover,
.nav-item>a.on,.nav-item>.mega-wrap>a.on,.nav-item>.drop-wrap>a.on{background:#DD0000!important;color:#fff!important}
.nav-item>a.on::after,.nav-item>.mega-wrap>a.on::after,.nav-item>.drop-wrap>a.on::after{display:none!important}
.mega-wrap,.drop-wrap{display:flex;align-items:stretch;height:52px;position:static}
.drop-wrap{position:relative}
.nav-item>.mega-wrap>a::after,.nav-item>.drop-wrap>a::after{border-color:#fff}
.mega{position:absolute!important;top:100%!important;left:0!important;right:0!important;display:block;opacity:0;visibility:hidden;transform:translateY(6px)!important;z-index:65;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 40px rgba(20,40,80,.10);padding:28px 0 20px;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.mega-wrap:hover>.mega,.mega-wrap:focus-within>.mega{opacity:1;visibility:visible;transform:translateY(0)!important}
.drop{position:absolute!important;top:100%!important;left:50%!important;display:block;opacity:0;visibility:hidden;transform:translate(-50%,8px)!important;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 40px rgba(20,40,80,.10);padding:8px;min-width:200px;z-index:66;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.drop-wrap:hover>.drop,.drop-wrap:focus-within>.drop{opacity:1;visibility:visible;transform:translate(-50%,0)!important}
.drop>a{color:#2C3542;padding:10px 16px;border-radius:8px}
.drop>a:hover{background:var(--soft);color:var(--blue)}
.tool--search{color:#fff!important}
.tool--search:hover{color:#FFD9D9!important}

@media (max-width:1024px){
	.header-top{display:none}
	.header-main__inner{height:76px;gap:14px}
	.header-main .logo img{height:44px}
	.header-tagline{display:none}
	.header-phone__txt .num{font-size:22px}
	.header-phone svg{width:30px;height:30px}
	.header-nav{height:0;background:transparent}
	.header-nav__inner{height:0;padding:0}
	.tool--search{display:none}
	.main-nav{display:none}
	.main-nav.open{display:block;position:fixed;top:76px;left:0;right:0;bottom:0;background:#fff;z-index:80;overflow:auto;padding:8px 20px 24px}
	.main-nav.open .main-nav__list{display:block;height:auto}
	.main-nav.open .nav-item{display:block;height:auto;border-left:0}
	.main-nav.open .nav-item>a,.main-nav.open .mega-wrap>a,.main-nav.open .drop-wrap>a{display:flex;justify-content:space-between;height:auto;line-height:1.5;padding:14px 4px;color:var(--ink)!important;border-bottom:1px solid var(--line);font-size:15px;background:none!important}
	.main-nav.open .nav-item>a.on{color:var(--blue)!important;background:none!important}
	.main-nav.open .nav-item>.mega-wrap>a::after{display:none}
	.main-nav.open .mega,.main-nav.open .drop{display:none!important}
	.site-header .nav-toggle{display:flex;margin-left:auto;background:none;border:0;cursor:pointer;color:var(--ink);align-items:center;justify-content:center;padding:6px}
}


/* ==========================================================================
   21. 最终覆盖（置于文件末尾，确保优先生效）
   电话数字=主题蓝；一级菜单悬停/当前=白底黑字（无红块）
   ========================================================================== */
.header-phone__txt .num{color:var(--blue)!important}
.nav-item>a:hover,.nav-item>.mega-wrap>a:hover,.nav-item>.drop-wrap>a:hover,
.nav-item>a.on,.nav-item>.mega-wrap>a.on,.nav-item>.drop-wrap>a.on{
	background:#fff!important;color:#1B2537!important;
}
.nav-item>.mega-wrap>a:hover::after,.nav-item>.drop-wrap>a:hover::after,
.nav-item>.mega-wrap>a.on::after,.nav-item>.drop-wrap>a.on::after{
	border-color:#1B2537!important;
}

/* ==========================================================================
   22. 导航参考图还原：蓝色渐变菜单条 + 当前栏白色圆角按钮
   ========================================================================== */
@media (min-width:1025px){
	.header-nav{
		overflow:visible;
		background:
			linear-gradient(90deg,rgba(0,0,0,.04),transparent 16%,transparent 84%,rgba(0,0,0,.04)),
			linear-gradient(180deg,#0075d2 0%,#0069c5 11%,#005abd 26%,#0050b2 48%,#004eb1 100%);
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.62),
			inset 0 -1px 0 rgba(0,36,82,.18);
	}
	.header-nav__inner{height:52px}
	.main-nav{
		height:52px;
		align-items:center;
		width:100%;
		min-width:0;
	}
	.main-nav__list{
		display:flex;
		align-items:center;
		width:100%;
		height:52px;
	}
	.nav-item{
		position:static;
		display:flex;
		align-items:center;
		justify-content:center;
		height:52px;
		min-width:0;
		flex:1 1 0;
		border-left:0!important;
		background:none;
	}
	.nav-item+.nav-item{
		background:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.34)) left center/1px 16px no-repeat;
	}
	.mega-wrap,.drop-wrap{
		align-items:center;
		justify-content:center;
		height:52px;
		min-width:0;
	}
	.nav-item>a,
	.nav-item>.mega-wrap>a,
	.nav-item>.drop-wrap>a{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		flex:0 1 auto;
		min-width:0;
		height:34px;
		line-height:34px;
		margin:0 5px;
		padding:0 clamp(10px,1.2vw,18px);
		color:#fff!important;
		font-size:15px;
		font-weight:500;
		letter-spacing:.02em;
		background:transparent!important;
		border:0;
		border-radius:7px;
		box-shadow:none;
		transition:background .18s ease,color .18s ease,box-shadow .18s ease;
	}
	.nav-item>.mega-wrap>a::after,
	.nav-item>.drop-wrap>a::after{
		display:none!important;
	}
	.nav-item>a:hover,
	.nav-item>.mega-wrap>a:hover,
	.nav-item>.drop-wrap>a:hover,
	.nav-item>a:focus-visible,
	.nav-item>.mega-wrap>a:focus-visible,
	.nav-item>.drop-wrap>a:focus-visible{
		color:#211a16!important;
		font-weight:700;
		background:#fff!important;
		box-shadow:0 2px 3px rgba(0,24,59,.45);
	}
	.nav-item>a.on,
	.nav-item>.mega-wrap>a.on,
	.nav-item>.drop-wrap>a.on{
		color:#211a16!important;
		font-weight:700;
		background:#fff!important;
		box-shadow:0 2px 3px rgba(0,24,59,.45);
	}
	.nav-item>.mega-wrap>a:hover::after,
	.nav-item>.drop-wrap>a:hover::after{
		border-color:#fff!important;
	}
	.nav-item>.mega-wrap>a.on::after,
	.nav-item>.drop-wrap>a.on::after{
		border-color:#211a16!important;
	}
	.nav-item>a:focus-visible,
	.nav-item>.mega-wrap>a:focus-visible,
	.nav-item>.drop-wrap>a:focus-visible{
		outline:2px solid rgba(255,255,255,.9);
		outline-offset:2px;
	}
	.tool--search{
		align-self:center;
		flex:none;
		padding:6px 8px;
		color:#fff!important;
	}
	.tool--search:hover{
		color:#fff!important;
		background:rgba(255,255,255,.14);
		border-radius:6px;
	}
}

@media (min-width:1025px) and (max-width:1180px){
	.nav-item>a,
	.nav-item>.mega-wrap>a,
	.nav-item>.drop-wrap>a{
		margin:0 2px;
		padding:0 clamp(6px,.8vw,10px);
		font-size:14px;
	}
	.tool--search{
		margin-left:2px;
		padding:6px 4px;
	}
}

/* ==========================================================================
   23. 首页沉浸式 Banner：满屏工业图 + 左下大标题 + 轮播控制
   ========================================================================== */
.hero.hero--immersive{
	position:relative;
	height:clamp(620px,calc(100svh - 180px),860px);
	min-height:620px;
	overflow:hidden;
	background:var(--soft);
	color:var(--ink);
	isolation:isolate;
}
.hero.hero--immersive::after{display:none}
.hero--immersive .hero-slides,
.hero--immersive .hero-slide{position:absolute;inset:0}
.hero--immersive .hero-slide>picture{
	position:absolute;
	inset:0;
	z-index:0;
	display:block;
}
.hero--immersive .hero-slide{
	z-index:0;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .7s ease,visibility .7s ease;
}
.hero--immersive .hero-slide.is-active{
	z-index:1;
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.hero--immersive .hero-slide>img,
.hero--immersive .hero-slide>picture>img{
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.025);
	filter:saturate(.92) brightness(1.04);
}
.hero--immersive .hero-slide--production>img,
.hero--immersive .hero-slide--production>picture>img{object-position:52% center}
.hero--immersive .hero-slide--infrastructure>img{object-position:center 55%}
.hero--immersive .hero-slide.is-active>img,
.hero--immersive .hero-slide.is-active>picture>img{animation:gl-hero-photo 8s ease-out both}
.hero--immersive .hero-slide::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:
		linear-gradient(90deg,rgba(244,246,249,.98) 0%,rgba(244,246,249,.94) 34%,rgba(244,246,249,.58) 58%,rgba(244,246,249,.08) 82%,rgba(244,246,249,.02) 100%),
		linear-gradient(0deg,rgba(244,246,249,.94) 0%,rgba(244,246,249,.42) 32%,transparent 62%),
		linear-gradient(180deg,rgba(244,246,249,.18) 0%,transparent 22%);
	pointer-events:none;
}
.hero--immersive .hero-slide__content{
	position:absolute;
	inset:0;
	z-index:2;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:56px;
	padding-bottom:118px;
}
.hero--immersive .hero-slide__copy{
	flex:0 1 760px;
	max-width:760px;
	opacity:0;
	transform:translateY(24px);
}
.hero--immersive .hero-slide.is-active .hero-slide__copy{
	animation:gl-hero-copy .72s .08s ease-out forwards;
}
.hero--immersive .hero-kicker{
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 18px;
	color:var(--text);
	font-size:13px;
	font-weight:600;
	line-height:1.4;
	letter-spacing:.08em;
}
.hero--immersive .hero-kicker span{
	display:inline-flex;
	align-items:center;
	height:25px;
	padding:0 10px;
	background:var(--blue);
	color:#fff;
	font-size:11px;
	font-weight:700;
	letter-spacing:.13em;
	white-space:nowrap;
}
.hero--immersive .hero-title{
	max-width:960px;
	margin:0;
	color:var(--ink);
	font-size:clamp(38px,3.35vw,50px);
	font-weight:900;
	line-height:1.16;
	letter-spacing:-.025em;
}
.hero--immersive .hero-sub{
	max-width:820px;
	margin:20px 0 0;
	color:var(--blue);
	font-size:20px;
	font-weight:600;
	line-height:1.6;
	letter-spacing:.035em;
}
.hero--immersive .hero-desc{
	max-width:790px;
	margin:10px 0 0;
	color:var(--text);
	font-size:17px;
	line-height:1.72;
}
.hero--immersive .hero-cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	height:54px;
	margin-top:28px;
	padding:0 28px;
	border:1px solid var(--blue);
	border-radius:999px;
	background:var(--blue);
	color:#fff;
	font-size:15px;
	font-weight:500;
	line-height:1;
	box-shadow:0 12px 30px rgba(26,86,160,.2);
	transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.hero--immersive .hero-cta svg{width:18px;height:18px;transition:transform .2s ease}
.hero--immersive .hero-cta:hover,
.hero--immersive .hero-cta:focus-visible{
	background:var(--blue700);
	border-color:var(--blue700);
	color:#fff;
	transform:translateY(-1px);
}
.hero--immersive .hero-cta:hover svg{transform:translateX(3px)}
.hero--immersive .hero-slide__story{
	position:relative;
	width:clamp(340px,29vw,420px);
	aspect-ratio:4/5;
	flex:0 0 auto;
	align-self:flex-end;
	margin:0 0 0 auto;
	overflow:hidden;
	background:#0c1724;
	box-shadow:0 26px 70px rgba(0,0,0,.28);
	clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);
	opacity:0;
	transform:translateY(24px);
}
.hero--immersive .hero-slide.is-active .hero-slide__story{
	animation:gl-hero-copy .76s .24s ease-out forwards;
}
.hero--immersive .hero-slide__story>img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 54%;
	filter:saturate(.94) contrast(1.02) brightness(.96);
}
.hero--immersive .hero-slide__story::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	border:1px solid rgba(255,255,255,.88);
	clip-path:inherit;
	pointer-events:none;
}
.hero--immersive .hero-slide__story::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(0deg,rgba(3,13,28,.92) 0%,rgba(3,13,28,.16) 45%,transparent 68%);
	pointer-events:none;
}
.hero--immersive .hero-slide__story figcaption{
	position:absolute;
	left:28px;
	right:28px;
	bottom:27px;
	z-index:3;
	display:flex;
	flex-direction:column;
	gap:8px;
	padding-top:17px;
	border-top:1px solid rgba(255,255,255,.28);
}
.hero--immersive .hero-slide__story figcaption span{
	color:rgba(255,255,255,.58);
	font-size:10px;
	font-weight:600;
	letter-spacing:.12em;
}
.hero--immersive .hero-slide__story figcaption b{
	color:#fff;
	font-size:15px;
	font-weight:600;
	letter-spacing:.045em;
}
.hero--immersive .hero-toolbar{
	position:absolute;
	left:0;
	right:0;
	bottom:30px;
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	pointer-events:none;
}
.hero-index,
.hero-tools{pointer-events:auto}
.hero-index{display:flex;align-items:center;gap:12px;min-width:132px}
.hero-index button{
	padding:0;
	border:0;
	background:none;
	color:rgba(22,33,58,.46);
	font:600 12px/1.4 'Noto Sans SC',sans-serif;
	letter-spacing:.06em;
	cursor:pointer;
	transition:color .2s ease;
}
.hero-index button.is-active,
.hero-index button:hover,
.hero-index button:focus-visible{color:var(--ink)}
.hero-index__line{
	display:block;
	width:86px;
	height:1px;
	background:rgba(22,33,58,.24);
}
.hero-tools{display:flex;align-items:stretch;gap:12px}
.hero-scroll{
	display:flex;
	align-items:stretch;
	min-width:226px;
	height:70px;
	overflow:hidden;
	border:1px solid rgba(22,33,58,.12);
	border-radius:7px;
	background:rgba(255,255,255,.9);
	color:var(--ink);
	box-shadow:0 12px 30px rgba(20,40,80,.11);
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	transition:background .2s ease,border-color .2s ease;
}
.hero-scroll:hover,.hero-scroll:focus-visible{
	background:#fff;
	border-color:rgba(26,86,160,.28);
}
.hero-scroll__icon{
	display:grid;
	place-items:center;
	width:70px;
	flex:none;
	background:var(--blue);
}
.hero-scroll__icon svg{width:23px;height:23px}
.hero-scroll>span:last-child{
	display:flex;
	align-items:center;
	padding:0 24px;
	font-size:16px;
	font-weight:500;
	white-space:nowrap;
}
.hero-arrows{
	display:grid;
	grid-template-rows:1fr 1fr;
	width:38px;
	height:70px;
	overflow:hidden;
	border:1px solid rgba(22,33,58,.12);
	border-radius:7px;
	background:rgba(255,255,255,.9);
	box-shadow:0 12px 30px rgba(20,40,80,.09);
}
.hero-arrows button{
	display:grid;
	place-items:center;
	border:0;
	color:rgba(22,33,58,.64);
	background:none;
	cursor:pointer;
	transition:background .18s ease,color .18s ease;
}
.hero-arrows button+button{border-top:1px solid var(--line)}
.hero-arrows button:hover,.hero-arrows button:focus-visible{background:var(--soft);color:var(--blue)}
.hero-arrows svg{width:16px;height:16px}
.hero-scroll:focus-visible,
.hero-index button:focus-visible,
.hero-arrows button:focus-visible{
	outline:2px solid var(--blue);
	outline-offset:3px;
}
#home-content{scroll-margin-top:136px}
@keyframes gl-hero-photo{from{transform:scale(1.045)}to{transform:scale(1.025)}}
@keyframes gl-hero-copy{to{opacity:1;transform:translateY(0)}}
.hero-proof{background:#fff;border-bottom:1px solid var(--line)}
.hero-proof__inner{display:grid;grid-template-columns:repeat(4,1fr)}
.hero-proof__item{
	display:flex;
	align-items:baseline;
	justify-content:center;
	gap:10px;
	padding:22px 14px;
}
.hero-proof__item+.hero-proof__item{border-left:1px solid var(--line)}
.hero-proof__item b{color:var(--blue);font-size:23px;font-weight:900;line-height:1.1}
.hero-proof__item span{color:var(--muted);font-size:12.5px}

@media (max-width:1024px){
	.hero.hero--immersive{
		height:clamp(580px,calc(100svh - 76px),760px);
		min-height:580px;
	}
	.hero--immersive .hero-slide__content{padding-bottom:106px}
	.hero--immersive .hero-slide__story{display:none}
	.hero--immersive .hero-title{font-size:clamp(31px,4.5vw,40px)}
	.hero--immersive .hero-sub{font-size:17px;margin-top:16px}
	.hero--immersive .hero-desc{font-size:15px}
	.hero--immersive .hero-toolbar{bottom:22px}
	.hero-scroll{min-width:186px;height:60px}
	.hero-scroll__icon{width:58px}
	.hero-scroll>span:last-child{padding:0 18px;font-size:14px}
	.hero-arrows{height:60px}
	.hero--immersive .hero-slide--infrastructure>img{object-position:57% center}
	#home-content{scroll-margin-top:84px}
}

@media (min-width:1025px) and (max-height:840px){
	.hero--immersive .hero-slide__story{display:none}
	.hero--immersive .hero-slide__copy{max-width:860px}
	.hero--immersive .hero-kicker{margin-bottom:14px}
	.hero--immersive .hero-title{font-size:clamp(36px,3vw,44px)}
	.hero--immersive .hero-sub{margin-top:14px;font-size:18px}
	.hero--immersive .hero-cta{margin-top:22px}
}

@media (max-width:640px){
	.hero.hero--immersive{
		height:calc(100svh - 76px);
		min-height:600px;
		max-height:760px;
	}
	.hero--immersive .hero-slide::after{
		background:
			linear-gradient(90deg,rgba(244,246,249,.38) 0%,rgba(244,246,249,.12) 62%,transparent 100%),
			linear-gradient(0deg,rgba(244,246,249,.98) 0%,rgba(244,246,249,.92) 44%,rgba(244,246,249,.42) 68%,transparent 88%);
	}
	.hero--immersive .hero-slide__content{
		padding-bottom:98px;
	}
	.hero--immersive .hero-slide__copy{
		width:100%;
		max-width:340px;
		flex-basis:auto;
	}
	.hero--immersive .hero-kicker{
		gap:8px;
		margin-bottom:13px;
		font-size:11px;
		letter-spacing:.03em;
	}
	.hero--immersive .hero-kicker span{height:22px;padding:0 8px;font-size:10px}
	.hero--immersive .hero-title{
		font-size:clamp(23px,6.5vw,28px);
		line-height:1.25;
		letter-spacing:-.01em;
	}
	.hero--immersive .hero-sub{
		margin-top:14px;
		font-size:14px;
		line-height:1.55;
		letter-spacing:.02em;
	}
	.hero--immersive .hero-desc{
		margin-top:8px;
		font-size:13px;
		line-height:1.62;
	}
	.hero--immersive .hero-cta{
		height:44px;
		margin-top:20px;
		padding:0 19px;
		font-size:13px;
		gap:12px;
	}
	.hero--immersive .hero-cta svg{width:16px;height:16px}
	.hero--immersive .hero-slide--production>picture>img{object-position:center 43%}
	.hero--immersive .hero-toolbar{
		bottom:16px;
		gap:12px;
	}
	.hero-index{gap:8px;min-width:100px}
	.hero-index__line{width:48px}
	.hero-tools{gap:8px}
	.hero-scroll{min-width:0;width:138px;height:50px}
	.hero-scroll__icon{width:50px}
	.hero-scroll__icon svg{width:19px;height:19px}
	.hero-scroll>span:last-child{padding:0 12px;font-size:13px}
	.hero-arrows{height:50px;width:36px}
	.hero-proof__inner{grid-template-columns:1fr 1fr}
	.hero-proof__item{padding:17px 10px}
	.hero-proof__item:nth-child(3){border-left:0}
	.hero-proof__item:nth-child(n+3){border-top:1px solid var(--line)}
	.hero-proof__item b{font-size:20px}
}

@media (prefers-reduced-motion:reduce){
	.hero--immersive .hero-slide,
	.hero--immersive .hero-slide>img,
.hero--immersive .hero-slide>picture>img,
.hero--immersive .hero-slide__story,
	.hero--immersive .hero-slide__copy{transition:none;animation:none!important}
.hero--immersive .hero-slide.is-active .hero-slide__copy,
.hero--immersive .hero-slide.is-active .hero-slide__story{opacity:1;transform:none}
}

/* ==========================================================================
   24. 首页首屏采用明亮日光场景：白色页头保持在 Banner 上方
   ========================================================================== */

/* ==========================================================================
   25. 首页“关于我们”区块
   ========================================================================== */
.home-about{
	position:relative;
	overflow:hidden;
	padding:92px 0 96px;
	background:#fff;
}
.home-about__map{
	position:absolute;
	z-index:0;
	left:0;
	top:22px;
	width:76%;
	max-width:1040px;
	height:calc(100% - 44px);
	opacity:.72;
	object-fit:contain;
	object-position:left center;
	pointer-events:none;
}
.home-about__inner{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:minmax(0,1.08fr) minmax(0,.98fr);
	align-items:center;
	gap:clamp(48px,7vw,92px);
}
.home-about__eyebrow{
	margin-bottom:10px;
	color:var(--blue);
	font-size:13px;
	font-weight:800;
	letter-spacing:.22em;
	line-height:1.4;
}
.home-about h2{
	color:var(--ink);
	font-size:clamp(34px,3.2vw,44px);
	font-weight:900;
	letter-spacing:-.02em;
	line-height:1.16;
}
.home-about__line{
	display:block;
	width:43px;
	height:4px;
	margin:22px 0 25px;
	background:var(--blue);
}
.home-about__text{
	max-width:640px;
	color:var(--text);
	font-size:15.5px;
	line-height:1.95;
}
.home-about__cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:200px;
	height:50px;
	margin-top:30px;
	padding:0 22px;
	border-left:6px solid var(--navy);
	background:var(--blue);
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1;
	transition:background .2s ease,transform .2s ease;
}
.home-about__cta span{
	font-size:19px;
	font-weight:400;
	line-height:1;
}
.home-about__cta:hover{
	background:var(--blue700);
	transform:translateY(-1px);
}
.home-about__cta:focus-visible{
	outline:2px solid var(--blue);
	outline-offset:3px;
}
.home-about__media{
	min-width:0;
	margin:0;
	aspect-ratio:1.52;
}
.home-about__media img{
	display:block;
	width:100%;
	height:100%;
	border-radius:0 0 0 64px;
	object-fit:cover;
	object-position:center 58%;
}

@media (max-width:1024px){
	.home-about{padding:72px 0 78px}
	.home-about__map{top:38px;width:92%;height:calc(100% - 76px);opacity:.5}
	.home-about__inner{grid-template-columns:1fr;gap:38px}
	.home-about__copy{max-width:720px}
	.home-about__media{aspect-ratio:1.65}
	.home-about__media img{border-radius:0 0 0 48px}
}

@media (max-width:640px){
	.home-about{padding:56px 0 62px}
	.home-about__map{
		top:88px;
		left:-160px;
		width:220%;
		height:calc(100% - 118px);
		opacity:.38;
	}
	.home-about__inner{gap:30px}
	.home-about__eyebrow{margin-bottom:7px;font-size:11px;letter-spacing:.19em}
	.home-about h2{font-size:30px}
	.home-about__line{width:36px;height:3px;margin:16px 0 18px}
	.home-about__text{font-size:14px;line-height:1.85}
	.home-about__cta{width:210px;height:48px;margin-top:24px}
	.home-about__media{aspect-ratio:1.45}
	.home-about__media img{border-radius:0 0 0 36px}
}

@media (prefers-reduced-motion:reduce){
	.home-about__cta{transition:none}
}

/* ==========================================================================
   28. 首页工程案例：与产品、新闻区统一的整幅内容板块
   ========================================================================== */
.home-cases{
	padding:70px 0 82px;
	background:#f4f7fb;
}
.home-cases__head{
	text-align:center;
	margin-bottom:26px;
}
.home-cases__title{margin:0;text-align:center}
.home-cases__desc{
	max-width:680px;
	margin:10px auto 0;
	color:var(--muted);
	font-size:13.5px;
	line-height:1.75;
	text-align:center;
}
.home-cases__grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:16px;
	align-items:stretch;
}
.home-cases__card{
	display:flex;
	flex-direction:column;
	min-width:0;
	overflow:hidden;
	border:1px solid #e1e6ed;
	border-radius:8px;
	background:#fff;
	box-shadow:none;
	transition:border-color .22s,box-shadow .22s,transform .22s;
}
.home-cases__card:hover{
	border-color:#cdd8e5;
	box-shadow:0 9px 22px rgba(20,40,80,.085);
	transform:translateY(-3px);
}
.home-cases__card[hidden]{display:none!important}
.home-cases__thumb{
	display:block;
	height:auto;
	aspect-ratio:16 / 10;
	overflow:hidden;
	flex:none;
	background-color:#dfe5ed;
	background-position:center;
	background-size:cover;
}
.home-cases__thumb--image::after{display:none}
.home-cases__thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .45s ease;
}
.home-cases__card:hover .home-cases__thumb img{transform:scale(1.035)}
.home-cases__body{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
	align-items:center;
	padding:20px 14px 19px;
	text-align:center;
}
.home-cases__body h3{
	display:-webkit-box;
	overflow:hidden;
	min-height:0;
	margin:0;
	color:var(--ink);
	font-size:16px;
	font-weight:700;
	line-height:1.55;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.home-cases__location{
	margin:16px 0 0;
	color:#697586;
	font-size:12.5px;
	line-height:1.5;
}
.home-cases__more{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:14px;
	padding-top:0;
	color:var(--blue);
	font-size:12.5px;
	font-weight:700;
	line-height:1.4;
}
.home-cases__more span{transition:transform .2s}
.home-cases__card:hover .home-cases__more span{transform:translateX(3px)}

@media (max-width:1024px){
	.home-cases{padding:68px 0 72px}
	.home-cases__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:16px;
	}
	.home-cases__card.is-mobile-extra{display:none!important}
}

@media (max-width:640px){
	.home-cases{padding:54px 0 60px}
	.home-cases__head{margin-bottom:24px}
	.home-cases__desc{font-size:12.5px}
	.home-cases__grid{gap:12px}
	.home-cases__body{padding:15px 10px 16px}
	.home-cases__body h3{font-size:14px}
	.home-cases__location{margin-top:12px;font-size:12px}
	.home-cases__more{margin-top:11px;font-size:12px}
}

@media (prefers-reduced-motion:reduce){
	.home-cases__thumb img{transition:none}
}

/* ==========================================================================
   26. 首页新闻 / 知识 / 下载：统一标题区、列表行高与按钮基线
   ========================================================================== */
.qlist a,
.qlist__title{min-width:0}

@media (min-width:1025px){
	.kd{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:clamp(26px,3.2vw,44px);
		align-items:stretch;
	}
	.kd-block{
		display:grid;
		grid-template-columns:minmax(0,1fr) clamp(68px,5vw,82px);
		grid-template-rows:auto minmax(42px,auto) auto auto;
		column-gap:16px;
		align-content:start;
		align-items:start;
		min-width:0;
		height:100%;
	}
	.kd-block > div:first-child{display:contents}
	.kd h3{
		position:relative;
		grid-column:1;
		grid-row:1;
		min-width:0;
		padding-left:13px;
		overflow:hidden;
		font-size:21px;
		line-height:1.25;
		letter-spacing:.01em;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.kd h3::before{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		width:3px;
		height:20px;
		border-radius:2px;
		background:var(--blue);
		transform:translateY(-50%);
	}
	.kd .sub{
		grid-column:1;
		grid-row:2;
		display:-webkit-box;
		overflow:hidden;
		min-height:calc(2 * 1.65em);
		margin:9px 0 0;
		line-height:1.65;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
	.kd .qlist{
		grid-column:1 / -1;
		grid-row:3;
		display:grid;
		grid-template-rows:repeat(4,minmax(60px,auto));
		gap:10px;
		margin-top:18px;
	}
	.kd .qlist a{
		min-height:60px;
		height:100%;
		padding:8px 12px;
		align-items:center;
		border-color:#e2e7ee;
		border-radius:8px;
		box-shadow:0 1px 2px rgba(20,40,80,.025);
		font-size:13.5px;
		line-height:1.55;
		transition:border-color .2s,color .2s,box-shadow .2s,background .2s;
	}
	.kd .qlist a:hover{
		background:#fbfcfe;
		box-shadow:0 5px 14px rgba(20,40,80,.06);
	}
	.kd .qlist svg{
		width:17px;
		height:17px;
	}
	.kd .qlist__title{
		display:-webkit-box;
		overflow:hidden;
		overflow-wrap:anywhere;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
	.kd .split-cta{
		grid-column:1 / -1;
		grid-row:4;
		align-self:end;
		margin-top:24px;
	}
	.kd-illu{
		grid-column:2;
		grid-row:1 / span 2;
		align-self:start;
		width:100%;
		opacity:.92;
	}
}

@media (max-width:1024px){
	.kd-block{
		display:block;
		height:auto;
	}
	.kd .sub{
		display:block;
		min-height:0;
		max-width:none;
	}
	.kd .qlist{
		display:flex;
		min-height:0;
	}
	.kd .qlist a{min-height:52px}
	.kd .qlist__title{
		display:-webkit-box;
		overflow:hidden;
		overflow-wrap:anywhere;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
	.kd .split-cta{margin-top:20px}
	.kd-illu{display:none}
}

/* ==========================================================================
   29. 首页热销产品：分类悬停切换 + 自动轮播
   ========================================================================== */
.home-products{
	position:relative;
	overflow:hidden;
	padding:86px 0 70px;
	background:#fff;
}
.home-products::before,
.home-products::after{
	content:"";
	position:absolute;
	z-index:0;
	width:420px;
	height:420px;
	border:1px solid var(--line);
	opacity:.58;
	pointer-events:none;
	transform:rotate(45deg);
}
.home-products::before{right:-250px;top:96px}
.home-products::after{left:-310px;bottom:-200px;width:520px;height:520px}
.home-products__container{position:relative;z-index:1}
.home-products__head{margin-bottom:30px;text-align:center}
.home-products__title{
	color:var(--ink);
	font-size:clamp(30px,3.5vw,42px);
	font-weight:900;
	letter-spacing:.055em;
	line-height:1.2;
}
.home-products__subtitle{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-top:12px;
	color:var(--ink);
	font-size:17px;
	font-weight:500;
	letter-spacing:.02em;
	line-height:1.6;
}
.home-products__subtitle>span{display:block;width:34px;height:1px;background:var(--blue)}
.home-products__tabs{
	display:grid;
	grid-template-columns:repeat(var(--home-product-tabs,5),minmax(0,1fr));
	overflow:hidden;
	border-radius:2px;
	background:var(--blue);
	box-shadow:0 5px 16px rgba(20,40,80,.1);
}
.home-products__tab{
	position:relative;
	height:54px;
	padding:0 12px;
	border:0;
	border-right:1px solid rgba(255,255,255,.22);
	background:transparent;
	color:#fff;
	font:inherit;
	font-size:16px;
	font-weight:500;
	line-height:1;
	white-space:nowrap;
	cursor:pointer;
	transition:background .22s ease,color .22s ease;
}
.home-products__tab:last-child{border-right:0}
.home-products__tab:hover,
.home-products__tab:focus-visible,
.home-products__tab.is-active{background:var(--blue700);color:#fff}
.home-products__tab:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.home-products__panel[hidden]{display:none}
.home-products__subnav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	min-height:58px;
	padding:8px 22px;
	border:1px solid var(--line);
	border-top:0;
	background:#fff;
}
.home-products__subitems{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:7px 24px;
	min-width:0;
}
.home-products__subitems a{
	position:relative;
	padding-left:12px;
	color:var(--text);
	font-size:13px;
	line-height:1.6;
	white-space:nowrap;
	transition:color .2s ease;
}
.home-products__subitems a::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:4px;
	height:4px;
	border:1px solid var(--muted);
	border-radius:50%;
	transform:translateY(-50%);
	transition:border-color .2s ease,background .2s ease;
}
.home-products__subitems a:hover,
.home-products__subitems a:focus-visible{color:var(--blue)}
.home-products__subitems a:hover::before,
.home-products__subitems a:focus-visible::before{border-color:var(--blue);background:var(--blue)}
.home-products__all{
	display:inline-flex;
	align-items:center;
	gap:7px;
	flex:none;
	color:var(--blue);
	font-size:12.5px;
	font-weight:600;
}
.home-products__all span{font-size:16px;transition:transform .2s ease}
.home-products__all:hover span{transform:translateX(3px)}
.home-products__viewport{
	width:min(1600px,calc(100vw - 48px));
	margin:30px 0 0 50%;
	overflow:hidden;
	outline:none;
	touch-action:pan-y;
	transform:translateX(-50%);
}
.home-products__viewport:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.home-products__track{
	display:flex;
	gap:22px;
	align-items:stretch;
	transition:transform .65s cubic-bezier(.22,.68,.3,1);
	will-change:transform;
}
.home-product-card{
	display:flex;
	flex:0 0 calc((100% - 66px) / 4);
	min-width:0;
	flex-direction:column;
	background:#fff;
	transition:transform .24s ease,box-shadow .24s ease;
}
.home-product-card:hover{transform:translateY(-5px);box-shadow:0 15px 32px rgba(20,40,80,.1)}
.home-product-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.home-product-card__media{
	display:block;
	width:100%;
	aspect-ratio:1.4;
	overflow:hidden;
	background-color:#fff;
}
.home-product-card__media>img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}
.home-product-card .img-threaded{
	background-image:url("assets/img/home-product-bright-couplers.png")!important;
}
.home-product-card .img-upset,
.home-product-card .img-split{
	background-image:url("assets/img/home-product-black-couplers.png")!important;
}
.home-product-card .img-extrusion{
	background-image:url("assets/img/home-product-steel-couplers.png")!important;
}
.home-product-card .img-weldable{
	background-image:url("assets/img/home-product-coupler.png")!important;
}
.home-product-card .img-grout{
	background-image:url("assets/img/home-product-grout-sleeve.png")!important;
}
.home-product-card .img-threaded,
.home-product-card .img-upset,
.home-product-card .img-split,
.home-product-card .img-extrusion,
.home-product-card .img-weldable,
.home-product-card .img-grout{
	background-color:#fff!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	background-size:contain!important;
}
.home-product-card__content{
	display:flex;
	flex:1;
	flex-direction:column;
	min-height:190px;
	padding:18px 8px 0;
	text-align:center;
}
.home-product-card__content strong{
	display:-webkit-box;
	min-height:52px;
	overflow:hidden;
	color:var(--ink);
	font-size:18px;
	font-weight:800;
	line-height:1.5;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.home-product-card__content>span{
	display:-webkit-box;
	margin-top:12px;
	overflow:hidden;
	color:var(--muted);
	font-size:13.5px;
	line-height:1.75;
	text-align:left;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.home-product-card__content em{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	width:132px;
	height:38px;
	margin-top:auto;
	padding:0 16px;
	background:var(--blue);
	color:#fff;
	font-size:13.5px;
	font-style:normal;
	font-weight:500;
	line-height:1;
	transition:background .2s ease;
}
.home-product-card:hover .home-product-card__content em{background:var(--blue700)}
.home-products__controls{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:14px;
	margin-top:24px;
}
.home-products__controls.is-static{display:none}
.home-products__arrow{
	display:grid;
	place-items:center;
	width:32px;
	height:32px;
	padding:0;
	border:1px solid var(--line);
	border-radius:50%;
	background:#fff;
	color:var(--muted);
	cursor:pointer;
	transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.home-products__arrow:hover,
.home-products__arrow:focus-visible{border-color:var(--blue);background:var(--blue);color:#fff}
.home-products__arrow:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.home-products__arrow svg{width:16px;height:16px}
.home-products__dots{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:6px;
	min-width:44px;
	max-width:calc(100% - 96px);
}
.home-products__dot{
	width:14px;
	height:3px;
	padding:0;
	border:0;
	background:var(--line);
	cursor:pointer;
	transition:width .2s ease,background .2s ease;
}
.home-products__dot:hover,
.home-products__dot:focus-visible,
.home-products__dot.is-active{width:28px;background:var(--blue)}
.home-products__dot:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.home-products__empty{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	min-height:220px;
	margin-top:30px;
	padding:30px;
	border:1px solid var(--line);
	background:var(--soft);
	color:var(--muted);
	font-size:14px;
}

@media (max-width:1024px){
	.home-products{padding:74px 0 62px}
	.home-products__track{gap:18px}
	.home-product-card{flex-basis:calc((100% - 36px) / 3)}
	.home-products__subitems{gap:6px 18px}
	.home-products__subitems a:nth-child(n+6){display:none}
}

@media (max-width:800px){
	.home-products__tabs{
		display:flex;
		overflow-x:auto;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}
	.home-products__tabs::-webkit-scrollbar{display:none}
	.home-products__tab{flex:1 0 150px;height:50px;font-size:13.5px}
	.home-products__subnav{
		align-items:flex-start;
		flex-direction:column;
		gap:8px;
		padding:12px 16px;
	}
	.home-products__subitems{
		flex-wrap:nowrap;
		width:100%;
		overflow-x:auto;
		scrollbar-width:none;
	}
	.home-products__subitems::-webkit-scrollbar{display:none}
	.home-product-card{flex-basis:calc((100% - 18px) / 2)}
}

@media (max-width:640px){
	.home-products{padding:56px 0 48px}
	.home-products::before{right:-330px;top:170px}
	.home-products::after{left:-390px}
	.home-products__head{margin-bottom:22px}
	.home-products__title{font-size:27px}
	.home-products__subtitle{gap:9px;margin-top:8px;font-size:13px}
	.home-products__subtitle>span{width:22px}
	.home-products__tab{flex-basis:132px;height:48px;padding:0 10px;font-size:12.5px}
	.home-products__subnav{padding:11px 13px}
	.home-products__subitems{gap:0 18px}
	.home-products__subitems a{font-size:12px}
	.home-products__all{font-size:12px}
	.home-products__viewport{margin-top:22px}
	.home-product-card{flex-basis:100%}
	.home-product-card__media{aspect-ratio:1.5}
	.home-product-card__content{min-height:176px;padding:14px 14px 0}
	.home-product-card__content strong{font-size:16px}
	.home-product-card__content>span{max-width:92%;margin:9px auto 14px;text-align:center}
	.home-product-card__content em{margin-top:0}
	.home-products__controls{margin-top:20px}
	.home-products__arrow{width:30px;height:30px}
	.home-products__empty{align-items:flex-start;flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
	.home-products__track,
	.home-product-card,
	.home-products__all span,
	.home-product-card__content em,
	.home-products__dot{transition:none}
}

/* ==========================================================================
   31. 新闻详情：通栏主图 + 编辑式正文 + 推荐侧栏 + 延伸阅读
   ========================================================================== */
.gl-news-detail{padding:34px 0 0}
.gl-news-detail__layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 300px;
	gap:44px;
	align-items:start;
	padding:0 0 44px;
}
.gl-news-detail__main{min-width:0}
.gl-news-detail__header{
	padding-bottom:22px;
	margin-bottom:26px;
	border-bottom:1px solid var(--line);
}
.gl-news-detail__eyebrow{
	display:flex;
	align-items:center;
	gap:9px;
	color:var(--blue);
	font-size:11px;
	font-weight:700;
	letter-spacing:.12em;
	line-height:1.5;
	text-transform:uppercase;
}
.gl-news-detail__eyebrow i{
	width:24px;
	height:1px;
	background:#a8c3e3;
}
.gl-news-detail__title{
	max-width:850px;
	margin-top:12px;
	color:var(--ink);
	font-size:32px;
	font-weight:900;
	line-height:1.38;
	letter-spacing:-.015em;
}
.gl-news-detail__meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:9px;
	margin-top:14px;
	color:var(--muted);
	font-size:12.5px;
}
.gl-news-detail__meta>span[aria-hidden]{
	width:3px;
	height:3px;
	border-radius:50%;
	background:#b1bcc9;
}
.gl-news-detail__article{
	color:#48525f;
	font-size:15px;
	line-height:1.95;
}
.gl-news-detail__article>p:first-of-type{
	color:#374354;
	font-size:16px;
	line-height:1.9;
}
.gl-news-detail__article p{
	margin-bottom:17px;
	font-size:inherit;
	line-height:inherit;
}
.gl-news-detail__article h2{
	margin:34px 0 13px;
	color:var(--ink);
	font-size:21px;
	line-height:1.55;
}
.gl-news-detail__article h3{
	margin:26px 0 10px;
	color:var(--ink);
	font-size:18px;
	line-height:1.6;
}
.gl-news-detail__article img{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	margin:28px auto;
	border-radius:10px;
}
.gl-news-detail__article figure{margin:28px 0}
.gl-news-detail__article figure img{margin:0 auto}
.gl-news-detail__article figcaption{
	margin-top:9px;
	color:var(--muted);
	font-size:12px;
	line-height:1.6;
	text-align:center;
}
.gl-news-detail__article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.gl-news-detail__article blockquote{
	margin:28px 0;
	padding:20px 24px;
	border-left:3px solid var(--blue);
	background:var(--soft);
	color:var(--ink);
	font-size:16px;
	font-weight:500;
	line-height:1.85;
}
.gl-news-detail__aside{display:flex;flex-direction:column;gap:22px}
.gl-news-side__section{
	padding-bottom:22px;
	border-bottom:1px solid var(--line);
}
.gl-news-side__head,
.gl-news-related__head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:12px;
}
.gl-news-side__head h2,
.gl-news-related__head h2{
	color:var(--ink);
	font-size:17px;
	font-weight:800;
	line-height:1.5;
}
.gl-news-side__head>span,
.gl-news-related__head>div>span{
	color:#9aa6b4;
	font-size:10px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.gl-news-pick{
	display:block;
	margin-top:13px;
}
.gl-news-pick__media{
	aspect-ratio:16/10;
	overflow:hidden;
	border-radius:8px;
	background:linear-gradient(145deg,#dfe7ef,#aebdcb);
}
.gl-news-side__image{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}
.gl-news-pick:hover .gl-news-side__image{transform:scale(1.035)}
.gl-news-pick__meta,
.gl-news-related__meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin-top:11px;
	color:var(--muted);
	font-size:11px;
	line-height:1.45;
}
.gl-news-pick__meta span,
.gl-news-related__meta span{
	padding:2px 7px;
	border-radius:20px;
	background:#edf4fd;
	color:var(--blue);
	font-weight:600;
}
.gl-news-pick h3{
	display:-webkit-box;
	margin-top:7px;
	overflow:hidden;
	color:var(--ink);
	font-size:14.5px;
	font-weight:700;
	line-height:1.65;
	transition:color .2s ease;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.gl-news-pick:hover h3{color:var(--blue)}
.gl-news-topics{
	display:grid;
	gap:8px;
	margin-top:13px;
}
.gl-news-topics a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:40px;
	padding:8px 11px;
	border:1px solid var(--line);
	border-radius:6px;
	background:#fff;
	color:#44505e;
	font-size:12.5px;
	transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.gl-news-topics a:hover{
	border-color:#b9cde5;
	background:#f7faff;
	color:var(--blue);
}
.gl-news-topics a span{
	display:grid;
	place-items:center;
	min-width:22px;
	height:22px;
	padding:0 6px;
	border-radius:12px;
	background:var(--soft);
	color:var(--muted);
	font-size:10px;
}
.gl-news-side__contact{
	position:relative;
	overflow:hidden;
	padding:22px;
	border-radius:10px;
	background:
		radial-gradient(circle at 110% -10%,rgba(42,111,181,.72),transparent 46%),
		linear-gradient(145deg,#172440,#101a2d);
	color:#fff;
}
.gl-news-side__contact::after{
	content:"GL";
	position:absolute;
	right:-4px;
	bottom:-24px;
	color:rgba(255,255,255,.045);
	font-size:82px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.08em;
	pointer-events:none;
}
.gl-news-side__contact>span{
	color:#8eb8e5;
	font-size:10px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.gl-news-side__contact h2{
	margin-top:8px;
	color:#fff;
	font-size:18px;
	font-weight:800;
	line-height:1.5;
}
.gl-news-side__contact p{
	position:relative;
	z-index:1;
	margin-top:8px;
	color:#b9c6d7;
	font-size:12px;
	line-height:1.75;
}
.gl-news-side__contact a{
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:16px;
	color:#fff;
	font-size:12.5px;
	font-weight:700;
}
.gl-news-side__contact a svg{width:15px;height:15px;transition:transform .2s ease}
.gl-news-side__contact a:hover svg{transform:translateX(3px)}
.gl-news-related{padding:42px 0 48px;border-top:1px solid var(--line)}
.gl-news-related__head>div{
	display:flex;
	align-items:baseline;
	gap:10px;
}
.gl-news-related__head>a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--blue);
	font-size:12.5px;
	font-weight:600;
}
.gl-news-related__head>a svg{width:15px;height:15px;transition:transform .2s ease}
.gl-news-related__head>a:hover svg{transform:translateX(3px)}
.gl-news-related__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
	margin-top:20px;
}
.gl-news-related__card{
	display:flex;
	min-width:0;
	overflow:hidden;
	flex-direction:column;
	border:1px solid var(--line);
	border-radius:9px;
	background:#fff;
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.gl-news-related__card:hover{
	border-color:#c9d5e2;
	box-shadow:0 10px 24px rgba(20,40,80,.08);
	transform:translateY(-2px);
}
.gl-news-related__media{
	aspect-ratio:16/9;
	overflow:hidden;
	background:linear-gradient(145deg,#dfe7ef,#aebdcb);
}
.gl-news-related__image{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}
.gl-news-related__card:hover .gl-news-related__image{transform:scale(1.035)}
.gl-news-related__body{
	display:flex;
	min-height:152px;
	flex:1;
	flex-direction:column;
	padding:16px 17px 15px;
}
.gl-news-related__body h3{
	display:-webkit-box;
	margin-top:8px;
	overflow:hidden;
	color:var(--ink);
	font-size:14.5px;
	font-weight:700;
	line-height:1.65;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.gl-news-related__more{
	display:inline-flex;
	align-items:center;
	align-self:flex-end;
	gap:5px;
	margin-top:auto;
	padding-top:12px;
	color:var(--blue);
	font-size:12px;
	font-weight:600;
}
.gl-news-related__more svg{width:14px;height:14px;transition:transform .2s ease}
.gl-news-related__card:hover .gl-news-related__more svg{transform:translateX(3px)}
.gl-news-detail__cta{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:34px;
	overflow:hidden;
	margin:0 0 56px;
	padding:32px 36px;
	border-radius:12px;
	background:
		radial-gradient(circle at 88% -35%,rgba(54,131,211,.72),transparent 44%),
		linear-gradient(125deg,#15223d,#0f192c);
	color:#fff;
}
.gl-news-detail__cta::after{
	content:"GULISHI";
	position:absolute;
	right:24px;
	bottom:-34px;
	color:rgba(255,255,255,.035);
	font-size:96px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.06em;
	pointer-events:none;
}
.gl-news-detail__cta>div{
	position:relative;
	z-index:1;
	max-width:680px;
}
.gl-news-detail__cta>div>span{
	color:#8eb8e5;
	font-size:10px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.gl-news-detail__cta h2{
	margin-top:6px;
	color:#fff;
	font-size:24px;
	font-weight:900;
	line-height:1.45;
}
.gl-news-detail__cta p{
	margin-top:7px;
	color:#b8c5d6;
	font-size:12.5px;
	line-height:1.75;
}
.gl-news-detail__cta .btn{
	position:relative;
	z-index:1;
	flex:none;
	border-color:rgba(255,255,255,.72);
	background:#fff;
	color:var(--ink);
}
.gl-news-detail__cta .btn:hover{
	border-color:#fff;
	background:#f2f7fd;
	color:var(--blue);
}
.gl-news-detail__cta .btn svg{width:16px;height:16px}
.gl-news-pick:focus-visible,
.gl-news-topics a:focus-visible,
.gl-news-related__card:focus-visible,
.gl-news-detail__cta .btn:focus-visible{
	outline:2px solid var(--blue);
	outline-offset:3px;
}

@media (max-width:1024px){
	.gl-news-detail__layout{grid-template-columns:1fr;gap:32px}
	.gl-news-detail__aside{
		display:grid;
		grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
		gap:24px;
		padding-top:30px;
		border-top:1px solid var(--line);
	}
	.gl-news-side__section{padding-bottom:0;border-bottom:0}
	.gl-news-side__contact{grid-column:1/-1}
}

@media (max-width:700px){
	.gl-news-detail{padding-top:26px}
	.gl-news-detail__layout{padding:0 0 34px;gap:28px}
	.gl-news-detail__title{margin-top:9px;font-size:25px;line-height:1.45}
	.gl-news-detail__header{padding-bottom:18px;margin-bottom:21px}
	.gl-news-detail__article{font-size:14.5px;line-height:1.9}
	.gl-news-detail__article>p:first-of-type{font-size:15px}
	.gl-news-detail__article h2{font-size:19px}
	.gl-news-detail__aside{grid-template-columns:1fr;gap:22px;padding-top:25px}
	.gl-news-side__section,
	.gl-news-side__contact{grid-column:auto}
	.gl-news-side__section{padding-bottom:20px;border-bottom:1px solid var(--line)}
	.gl-news-side__contact{grid-column:auto}
	.gl-news-related{padding:32px 0 36px}
	.gl-news-related__head{align-items:flex-end}
	.gl-news-related__head>div{display:block}
	.gl-news-related__head>div>span{display:block;margin-bottom:2px}
	.gl-news-related__grid{grid-template-columns:1fr;gap:14px}
	.gl-news-related__card{
		display:grid;
		grid-template-columns:118px minmax(0,1fr);
	}
	.gl-news-related__media{height:100%;min-height:132px;aspect-ratio:auto}
	.gl-news-related__body{min-height:132px;padding:13px 14px 12px}
	.gl-news-related__body h3{margin-top:5px;font-size:13.5px;line-height:1.55}
	.gl-news-related__more{padding-top:7px}
	.gl-news-detail__cta{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:42px;padding:26px 22px}
	.gl-news-detail__cta h2{font-size:21px}
	.gl-news-detail__cta::after{font-size:70px}
}

@media (max-width:420px){
	.gl-news-detail__title{font-size:23px}
	.gl-news-detail__eyebrow{gap:7px;font-size:10px}
	.gl-news-related__card{grid-template-columns:104px minmax(0,1fr)}
	.gl-news-related__media{min-height:126px}
	.gl-news-related__body{min-height:126px;padding:12px}
}

@media (prefers-reduced-motion:reduce){
	.gl-news-pick__media img,
	.gl-news-related__media img,
	.gl-news-related__card,
	.gl-news-side__contact a svg,
	.gl-news-related__head>a svg,
	.gl-news-related__more svg{transition:none}
}