:root{--p:#4A6CF7;--s:#0EA5E9;--cta:#F59E0B;--bg:#F8FAFC;--tx:#111827;--bd:#E5E7EB;
--fs-h1:clamp(28px,4vw,44px);--fs-h2:clamp(22px,3vw,30px);--fs-h3:18px;--fs-body:15px;--fs-small:13px;
--radius:10px;--gap:16px;--maxw:1200px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;color:var(--tx);background:#fff;font-size:var(--fs-body);line-height:1.7}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gap)}
a{color:inherit;text-decoration:none}
.link{color:var(--p);font-size:var(--fs-small)}
h1{font-size:var(--fs-h1);line-height:1.3}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3)}
/* 顶部 */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--bd)}
.header-inner{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;flex-shrink:0}
.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;font-size:18px}
.nav{display:flex;gap:26px;list-style:none;flex:1}
.nav a{font-size:15px;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--p);border-color:var(--p)}
.header-cta{flex-shrink:0}
/* 按钮 */
.btn{display:inline-block;padding:10px 26px;border-radius:var(--radius);font-size:15px;cursor:pointer;border:none}
.btn-cta{background:linear-gradient(135deg,var(--p),var(--s));color:#fff}
.btn-ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.5)}
/* Hero */
.sec-hero{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;padding:90px 0 70px}
.hero-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gap);text-align:center}
.hero-inner h1{margin-bottom:16px}
.hero-inner p{max-width:640px;margin:0 auto 28px;opacity:.9}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* 区块 */
.sec{padding:56px 0}
.sec-alt{background:var(--bg)}
.sec-title{text-align:center;margin-bottom:34px}
.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.grid{display:grid;gap:var(--gap)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--bd);border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .2s}
.card:hover{box-shadow:0 8px 24px rgba(17,24,39,.08)}
.card h3{padding:12px 16px 4px;font-size:16px}
.card p{padding:0 16px 16px;color:#475569;font-size:var(--fs-small)}
.ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;font-weight:600;letter-spacing:2px}
.ph-lg{height:260px;border-radius:var(--radius)}
.ph-wide{height:240px;border-radius:var(--radius);margin:18px 0}
.card .ph{height:150px;font-size:14px}
.adv{text-align:center;padding:26px 18px;border-radius:var(--radius);background:var(--bg)}
.adv h3{margin-bottom:8px;color:var(--p)}
.adv p{color:#475569;font-size:var(--fs-small)}
.news-list{list-style:none;max-width:760px;margin:0 auto}
.news-list li{display:flex;gap:16px;padding:13px 0;border-bottom:1px dashed var(--bd);align-items:baseline}
.news-list .date{color:#94A3B8;font-size:var(--fs-small);flex-shrink:0}
.news-list a:hover{color:var(--p)}
.news-page li{display:block}
.news-page h2{font-size:19px;margin-bottom:4px}
.news-page article{padding:16px 0;border-bottom:1px dashed var(--bd)}
.info-list{list-style:none;max-width:640px}
.info-list li{padding:10px 0;border-bottom:1px dashed var(--bd)}
.breadcrumb{font-size:var(--fs-small);color:#64748B;padding:18px 0}
.breadcrumb em{color:var(--tx);font-style:normal}
/* 留资表单 */
.lead-box{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--bd);border-radius:14px;padding:32px;box-shadow:0 8px 30px rgba(17,24,39,.06)}
.lead-box h2{margin-bottom:6px}
.lead-box>p{color:#475569;font-size:var(--fs-small);margin-bottom:18px}
.lead-form{display:flex;flex-direction:column;gap:12px}
.lead-form input,.lead-form textarea{padding:11px 14px;border:1px solid var(--bd);border-radius:8px;font-size:15px;font-family:inherit}
.lead-form textarea{min-height:88px;resize:vertical}
.lead-msg{font-size:var(--fs-small);min-height:18px}
.lead-msg.ok{color:#16A34A}
.lead-msg.err{color:#DC2626}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;padding-bottom:60px}
.tip{color:#64748B;font-size:var(--fs-small);margin-top:12px}
.center{text-align:center;margin-top:22px}
/* 底部（不可删技术支持行） */
.site-footer{background:#0F172A;color:#94A3B8;padding:48px 0 0;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding-bottom:32px}
.site-footer h3{color:#fff;font-size:16px;margin-bottom:12px}
.site-footer ul{list-style:none}
.site-footer li{padding:3px 0;font-size:var(--fs-small)}
.footer-nav a:hover{color:#fff}
.footer-bar{border-top:1px solid #1E293B;padding:16px 0;text-align:center;font-size:12px}
.footer-bar p{padding:2px 0}
.qps-link a{color:#7DD3FC}
/* 响应式三断点（96.6d） */
@media (max-width:960px){
.intro-grid,.contact-grid{grid-template-columns:1fr}
.grid-4{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.nav{display:none}
.header-cta{margin-left:auto}
.grid-3,.grid-4{grid-template-columns:1fr}
.sec{padding:40px 0}
.sec-hero{padding:56px 0 48px}
.footer-grid{grid-template-columns:1fr}
.lead-box{padding:22px}
}