/* ============================================================
中亚烯谷产业基地 · 网站风格统一层
对齐目标：www.zhongyajituan.cn
白底 / 暖金 #c0a375 / 直角扁平 / 居中金条标题 / 微软雅黑
============================================================ */
/* ---------- 1. 基础排版 ---------- */
body{
font-size:14px;
line-height:1.8;
color:var(--text);
background:#fff;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-cn);color:var(--text);letter-spacing:0}
.font-serif,.font-serif *{font-family:var(--font-num)}
img{max-width:100%;display:block}

/* 补齐页面中未定义的工具类，避免正文沿用标题色 */
.text-text-light{color:#666!important;text-align: justify;}
.text-blue{color:var(--blue)!important}
.bg-brand{background:#333!important}
.bg-accent{background:var(--accent)!important}

/* ---------- 2. 栅格与节奏 ---------- */
.max-w-7xl{max-width:1200px!important}
.max-w-5xl{max-width:1000px!important}
.section{padding-bottom: 6rem;}
@media(max-width:768px){.section{padding:48px 0}}

/* 扁平化：圆角与投影统一收敛（圆形图标保留） */
.rounded-2xl,.rounded-3xl,.rounded-xl,.rounded-lg{border-radius:2px!important}
.shadow-2xl,.shadow-xl,.shadow-lg,.shadow-md,.shadow-sm{box-shadow:none!important}

/* ---------- 3. 区块标题：居中 + 金色短条 ---------- */
.section-header{text-align:center;margin-bottom:50px}
.section-tag{
display:inline-block;padding:0!important;margin-bottom:14px;
font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:var(--accent);font-family:var(--font-num);letter-spacing:.28em;
}
.section-tag::before,.section-tag::after{display:none!important}
.section-title{
position:relative;font-size:32px!important;font-weight:600!important;
line-height:1.4!important;padding-bottom:20px;margin-bottom:0!important;
color:#333;
}
.section-title::after{
content:"";position:absolute;left:50%;bottom:0;
width:30px;height:3px;background:var(--accent);transform:translateX(-50%);
}
.section-title.text-left::after{left:0;transform:none}
/* 深色区块内的标题保持白色 */
#platform .section-title{color:#fff!important}
/* 序章大标题收敛到目标站字阶 */
.prologue h2{font-size:40px!important;font-weight:600!important;line-height:1.35!important;color:#333!important}
.prologue p{font-size:15px!important;color:#666!important}
@media(max-width:768px){.prologue h2{font-size:28px!important}}
.section-subtitle{
font-size:14px!important;color:#666!important;line-height:1.9;
max-width:720px;margin:20px auto 0;
}

/* ---------- 4. 导航：白底 + 金色块状高亮 ---------- */
.nav-fixed{
position:sticky;top:0;left:0;right:0;z-index:100;
padding:0!important;background:#fff!important;
border-bottom:1px solid var(--line);box-shadow:none;
transition:box-shadow .3s;
}
.nav-fixed.scrolled{padding:0!important;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.nav-fixed > div{height:70px}
.nav-fixed .logo-text{color:#333!important}
.nav-fixed .logo-text + .logo-text{color:#999!important;font-weight:400!important}
.nav-fixed #menuBtn{color:#333!important;background:transparent!important}
.nav-fixed #menuBtn svg{stroke:#333!important;display:block}
@media(max-width:1023px){.nav-fixed #menuBtn{display:inline-flex!important;align-items:center;justify-content:center}}
@media(min-width:1024px){.nav-fixed #menuBtn{display:none!important}}
.nav-fixed .hidden.lg\:flex{gap:0!important}
.nav-link{
display:flex;align-items:center;height:70px;padding:0 16px;
font-size:14px!important;font-weight:400!important;color:#3e3e3e!important;
transition:background .3s,color .3s;
}
.nav-link::after{display:none!important}
.nav-link:hover{color:#fff!important;background:var(--accent)}
.nav-fixed .btn-primary{padding:9px 22px!important;font-size:14px!important}

/* ---------- 5. Hero：保留大图，改中性暗调 + 目标站字阶 ---------- */
.hero-section{
position:relative;height:auto!important;min-height:calc(100vh - 70px);
padding:96px 0 80px;display:flex;align-items:center;overflow:hidden;
}
@media(max-width:768px){.hero-section{min-height:auto;padding:72px 0 56px}}
.hero-bg{animation:none!important;transform:none!important}
.hero-particles,.scroll-indicator{display:none!important}
/* 目标站 banner 为静态排版，取消首屏入场动画 */
.hero-title,.hero-subtitle,.hero-desc,.hero-stats,.hero-line{
animation:none!important;opacity:1!important;transform:none!important;
}
.hero-line{width:30px;height:3px;background:var(--accent);margin-bottom:20px}
.hero-subtitle{
font-size:14px!important;font-weight:400!important;letter-spacing:.32em;
color:var(--accent)!important;font-family:var(--font-num);margin-bottom:16px!important;
}
.hero-title{
font-size:clamp(30px,3.6vw,44px)!important;font-weight:600!important;
line-height:1.32!important;letter-spacing:1px;color:#fff;
text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.hero-desc{font-size:15px!important;line-height:1.9;color:rgba(255,255,255,.86)!important;max-width:640px;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.hero-stat-num{
font-family:var(--font-num)!important;font-weight:600!important;
font-size:clamp(26px,2.6vw,34px)!important;color:var(--accent)!important;line-height:1.1;
}
.hero-stat-label{font-size:12px;color:rgba(255,255,255,.62)!important;letter-spacing:.08em}
@media(max-width:768px){
.hero-stats{display:grid!important;grid-template-columns:repeat(2,1fr);gap:18px 12px!important;margin-top:32px!important}
.hero-stat-num{font-size:24px!important}
.hero-desc{font-size:14px!important;max-width:100%}
.hero-title{letter-spacing:0}
}

/* ---------- 6. 按钮：直角金底白字 ---------- */
.btn-primary{
border-radius:0!important;background:var(--accent)!important;color:#fff!important;
font-weight:400!important;font-size:14px!important;padding:12px 28px!important;
box-shadow:none!important;transition:background .5s ease;
}
.btn-primary:hover{background:#a8842f!important;transform:none!important;box-shadow:none!important;color:#fff!important}
.btn-outline{
border-radius:0!important;border:1px solid rgba(255,255,255,.6)!important;color:#fff!important;
background:rgba(0,0,0,.12)!important;font-size:14px!important;padding:11px 28px!important;
transition:all .4s ease;
}
.btn-outline:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}

/* ---------- 7. 卡片族：白底细边、无圆角、无浮起 ---------- */
.glass-card{
background:#fff!important;backdrop-filter:none!important;
border:1px solid var(--line)!important;border-radius:0!important;
box-shadow:none!important;transition:border-color .3s ease;
}
.glass-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--accent)!important}

.adv-icon{background:rgba(192,163,117,.12)!important;border-radius:0!important}
.adv-icon::after{display:none!important}

/* 圆形图标统一为品牌金渐变（原本蓝/绿/橙混色） */
.w-16.h-16.rounded-full,.glass-card .rounded-full{
background:var(--accent)!important;
}
/* 三级服务卡顶部色条统一 */
.border-t-4{border-top-color:var(--accent)!important}
/* 深色矩阵卡统一为中性深灰 */
.section [style*="var(--brand) 0%, var(--blue) 100%"],
.section [style*="var(--brand) 0%,var(--blue) 100%"]{background:#383838!important}

.industry-card{
border-radius:0!important;background:#fff!important;
border:1px solid var(--line)!important;border-top:3px solid var(--accent)!important;
box-shadow:none!important;padding:36px 30px!important;
transition:border-color .3s ease;
}
.industry-card::before{display:none!important}
.industry-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--accent)!important}
.industry-num{
font-family:var(--font-num)!important;font-size:54px!important;font-weight:600!important;
color:rgba(192,163,117,.16)!important;top:14px!important;right:20px!important;
}

.hex-item{
border-radius:0!important;background:#fff!important;
border:1px solid var(--line)!important;transition:all .4s ease;
}
.hex-item::before{background:var(--accent)!important}
.hex-item:hover{transform:none!important;box-shadow:none!important}
.hex-item:hover *{color:#fff!important;position:relative;z-index:1}
.hex-icon-wrap{border-radius:0!important;background:rgba(192,163,117,.10)!important}
.hex-item:hover .hex-icon-wrap{background:rgba(255,255,255,.18)!important}

.building-card{
border-radius:0!important;box-shadow:none!important;
border:1px solid var(--line)!important;background:#fff;
transition:border-color .3s ease;
}
.building-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--accent)!important}
.building-img{border-radius:0!important}
.building-tag{
background:#fff!important;color:var(--accent)!important;
border:1px solid var(--accent)!important;border-radius:0!important;
backdrop-filter:none!important;font-size:12px!important;
}

/* ---------- 8. 时间轴 ---------- */
.timeline-line{width:1px!important;background:#ded7c9!important}
.timeline-dot{
width:14px!important;height:14px!important;background:var(--accent)!important;
border:3px solid #fff!important;box-shadow:0 0 0 2px var(--accent)!important;
}
.timeline-content{
border-radius:0!important;box-shadow:none!important;background:#fff!important;
border:1px solid var(--line)!important;border-left:3px solid var(--accent)!important;
}

/* ---------- 9. 服务 / 数字 / 图库 ---------- */
.service-icon{
border-radius:2px!important;background:rgba(192,163,117,.12)!important;color:var(--accent)!important;
}
.service-item:hover .service-icon{background:var(--accent)!important;color:#fff!important;transform:none!important}

.big-num{
font-family:var(--font-num)!important;font-weight:600!important;
font-size:clamp(34px,4vw,46px)!important;line-height:1.1;
background:none!important;-webkit-text-fill-color:var(--accent)!important;color:var(--accent)!important;
}

.gallery-item{border-radius:0!important}
.gallery-item::after{background:linear-gradient(to top,rgba(0,0,0,.55),transparent 62%)!important}
.gallery-caption{font-size:15px!important;font-weight:400!important}

.tab-btn{
border-radius:30px!important;height:42px;padding:0 20px!important;
font-size:14px!important;background:#fff!important;color:#666!important;
border:1px solid var(--line)!important;box-shadow:none!important;
}
.tab-btn.active{
background:var(--accent)!important;
color:#fff!important;border-color:transparent!important;box-shadow:none!important;
}

/* ---------- 10. CTA 与页脚 ---------- */
.cta-banner{background:#383838!important;padding-bottom:6rem!important}
.cta-banner::before{display:none!important}
.cta-banner .backdrop-blur-md{backdrop-filter:none!important}
.cta-banner .rounded-2xl{border-radius:0!important}
.cta-banner .text-accent{color:#dcc79a!important}

.footer{background:#2f2f2f!important;color:#999!important;padding:60px 0 26px!important}
.footer h5{color:#fff!important;font-size:15px!important;font-weight:700!important}
.footer a{color:#999!important}
.footer a:hover{color:var(--accent)!important}
.footer .border-white\/10{border-color:#404040!important}

/* ---------- 11. 动效与可访问性 ---------- */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
a:focus-visible,button:focus-visible{outline:2px solid #a8842f;outline-offset:3px}