:root{
  --blue:#2175FF;
  --blue-dark:#1E4FA8;
  --blue-light:#E6EFFF;
  --blue-bg:#F1F6FF;
  --text-dark:#1F2329;
  --text-secondary:#595E68;
  --border:#D4E2F7;
  --white:#FFFFFF;
}


.landing-page{
  font-family:"Source Han Sans CN","Sarasa Gothic SC","Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;
  background:#fff;
  color:var(--text-dark);
  -webkit-font-smoothing:antialiased;
}
.landing-page *{box-sizing:border-box;}
.page{width:100%;position:relative;background:#fff;}
.section{position:relative;left:0;width:100%;}
.container{position:relative;left:auto;width:1280px;max-width:calc(100% - 80px);margin:0 auto;}

/* 区块标题 */
.sec-title{width:auto;height:90px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:nowrap;}
.sec-title .t{font-size:28px;font-weight:500;color:var(--text-dark);line-height:1.4;white-space:nowrap;}
.sec-title .s{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.6;white-space:nowrap;}

/* 卡片通用阴影 */
.shadow{box-shadow:0 2px 10px rgba(31,35,41,.08);}

/* ===== Hero ===== */
.hero{height:500px;background:#fff;overflow:hidden;}
.hero .banner{position:absolute;left:0;top:0;width:100%;height:500px;object-fit:cover;}
.hero .overlay{position:absolute;left:0;top:0;width:100%;height:500px;background:linear-gradient(to right,#1543A5 0%,rgba(24,76,185,0) 72%);}
.hero-copy{position:absolute;left:50%;top:100px;width:600px;margin-left:-640px;display:flex;flex-direction:column;gap:20px;}
.hero-copy .main{font-size:36px;font-weight:700;color:#fff;line-height:1.3;}
.hero-copy .sub{font-size:20px;font-weight:500;color:#fff;line-height:28px;}
.hero-copy .desc{font-size:14px;font-weight:400;color:#fff;line-height:22px;}
.hero-copy .btn{margin-top:6px;width:138px;height:38px;background:#2175FF;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;cursor:pointer;transition:background .2s ease;text-decoration:none;}
.hero-copy .btn:hover{background:#3F87FF;}
.hero-tags{position:absolute;left:50%;top:380px;margin-left:-640px;display:flex;flex-wrap:wrap;gap:12px;}
.hero-tags .tag{height:40px;padding:0 16px;background:rgba(16,52,116,.8);border:1px solid rgba(255,255,255,.35);border-radius:999px;display:flex;align-items:center;gap:4px;font-size:14px;color:#fff;}
.hero-tags .tag em{font-style:normal;font-weight:500;color:#9df3ff;}

/* ===== 1区域 政策背景 ===== */
.sec-policy{background:#fff;}
.sec-policy .container{top:20px;padding-bottom:80px;}
.policy-grid{position:relative;margin-top:20px;display:flex;flex-wrap:wrap;gap:24px;}
.policy-card{width:410px;background:#fff;border-radius:8px;padding:24px 20px;box-shadow:0 2px 10px rgba(31,35,41,.08);display:flex;flex-direction:column;gap:10px;}
.policy-card .ct{font-size:16px;font-weight:500;color:var(--text-dark);line-height:24px;}
.policy-card .cd{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:22px;}

/* ===== 2区域 数据联网 ===== */
.sec-data{background:var(--blue-bg);}
.sec-data .container{top:20px;padding-bottom:80px;}
.data-grid{position:relative;margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;}
.data-item{width:305px;height:130px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(31,35,41,.08);padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.data-item .icon{width:24px;height:24px;}
.data-item .tt{font-size:16px;font-weight:500;color:var(--text-dark);line-height:24px;text-align:center;}
.data-item .dd{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:22px;text-align:center;}
.flow{position:relative;margin-top:40px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(31,35,41,.08);padding:20px;display:flex;gap:24px;align-items:center;}
.flow-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;}
.flow-step .num{width:36px;height:36px;border-radius:999px;background:linear-gradient(to left,#2175FF,#85B2FD);color:#fff;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;}
.flow-step .name{font-size:16px;font-weight:500;color:var(--text-dark);line-height:24px;}
.flow-step .note{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:19px;text-align:center;}
.flow-arrow{width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;}

/* ===== 3区域 重点模块 ===== */
.sec-modules{background:#fff;}
.sec-modules .container{top:20px;padding-bottom:0;}
.module-list{position:relative;margin-top:20px;display:flex;flex-direction:column;gap:24px;}
.module{width:100%;background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;gap:24px;padding:20px;}
.module .num-block{width:118px;flex:0 0 118px;background:var(--blue-light);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 14px;}
.module .num-block .big{font-size:40px;font-weight:700;color:var(--blue);line-height:1;}
.module .num-block .small{font-size:14px;font-weight:400;color:var(--blue-dark);}
.module .content{flex:1;display:flex;flex-direction:column;gap:10px;}
.module .head{display:flex;align-items:center;gap:10px;}
.module .head .mt{font-size:18px;font-weight:500;color:var(--text-dark);line-height:24px;}
.module .head .en{font-size:12px;font-weight:500;color:var(--blue);line-height:18px;letter-spacing:1px;align-self:center;}
.module .desc{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.6;}
.module .points{display:flex;flex-wrap:wrap;gap:8px 16px;height:100px;padding-top:10px;align-content:flex-start;}
.module .points .p{width:500px;display:flex;gap:6px;align-items:flex-start;font-size:14px;color:var(--text-secondary);line-height:1.6;white-space:nowrap;}
.module .points .p:nth-child(2n){width:580px;}
.module .points .p::before{content:"◆";font-size:8px;color:var(--blue);line-height:22px;flex:0 0 auto;align-self:center;}
.module .feature{background:var(--blue-light);border-radius:8px;padding:10px 16px;display:flex;gap:6px;align-items:center;font-size:14px;color:var(--blue-dark);line-height:1.6;}
.module .feature::before{content:"◆";font-size:8px;color:var(--blue-dark);line-height:22px;flex:0 0 auto;align-self:center;}

/* ===== 4区域 系统优势 ===== */
.sec-advantage{background:var(--blue-bg);}
.sec-advantage .container{top:20px;padding-bottom:80px;}
.adv-grid{position:relative;margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;}
.adv-card{width:305px;height:96px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(31,35,41,.08);padding:20px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;}
.adv-card .head{display:flex;align-items:center;gap:8px;}
.adv-card .head .dot{width:18px;height:18px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 18px;}
.adv-card .head .dot svg{width:18px;height:18px;}
.adv-card .head .at{font-size:16px;font-weight:500;color:var(--text-dark);line-height:24px;}
.adv-card .head::after{content:"";width:16px;height:16px;flex:0 0 16px;margin-left:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8H13M9 4L13 8L9 12' stroke='%232175FF' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;}
.adv-card .ad{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:22px;}

/* ===== 5区域 价值 ===== */
.sec-value{background:#fff;}
.sec-value .container{top:20px;padding-bottom:80px;}
.value-grid{position:relative;margin-top:20px;display:flex;flex-wrap:wrap;gap:24px;}
.value-card{width:410px;height:160px;border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box;}
.value-card .icon{width:32px;height:32px;}
.value-card .vt{font-size:16px;font-weight:500;color:var(--text-dark);line-height:24px;}
.value-card .vd{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:22px;text-align:center;}

.landing-page .section:not(.hero){height:auto !important;top:auto !important;}
.landing-page .container{top:auto !important;padding-top:20px;padding-bottom:80px;}
.landing-page .hero{height:500px;position:relative;}
.landing-page .hero-copy .btn:hover{color:#fff;}
.landing-page .hw-table,.landing-page .flow{width:100%;}