:root{--blue:#0757a6;--deep:#073768;--cyan:#eaf5ff;--gold:#e5a52b;--ink:#24384d;--muted:#64788d;--line:#dce8f2;--bg:#f5f9fd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.85 "Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#0876cf}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:#083b70;color:#dbeeff;font-size:12px;padding:6px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #12395b12}.head{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--deep);font-weight:800;font-size:20px}.logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;font-size:24px;background:linear-gradient(145deg,#1389ce,#063c79);border:3px solid #d7eafa;flex:none}.brand small{display:block;font-size:11px;letter-spacing:.4px;color:#477092;font-weight:500}.nav{display:flex;align-items:center;gap:16px;font-size:14px}.nav a{padding:27px 0;white-space:nowrap}.nav a:hover,.nav a.active{color:#0872c7}.menu-btn{display:none;background:#0757a6;color:white;border:0;border-radius:5px;padding:8px 12px;font-size:18px}
.hero{color:white;background:linear-gradient(90deg,#073768eF,#0757a6a8),url('images/hero-science.jpg') center/cover no-repeat;padding:76px 0}.hero h1{font-size:clamp(30px,4vw,46px);line-height:1.3;margin:0 0 12px}.hero p{max-width:760px;color:#e6f3ff;margin:0 0 20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#ffdf9a}.hero-panel{background:#ffffff17;border:1px solid #ffffff55;border-radius:12px;padding:23px}.hero-panel h3{margin:0 0 8px}.hero-panel ul{padding-left:20px;margin:0;color:#e8f3fc}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:center}
.btn{display:inline-block;background:var(--gold);color:#183b59;padding:9px 20px;border-radius:4px;font-weight:700;margin:7px 8px 0 0}.btn.outline{background:transparent;border:1px solid #d9ecfb;color:#fff}
.page-banner{background:linear-gradient(105deg,#073768,#0c68b5);color:#fff;padding:38px 0}.crumb{font-size:13px;color:#d6e9f9}.crumb a{color:#fff}.page-banner h1{font-size:31px;margin:7px 0 2px}.page-banner p{margin:0;color:#dcecf9}
section{padding:54px 0}.soft{background:var(--bg)}.section-head{text-align:center;max-width:780px;margin:0 auto 30px}.section-head small{color:#0870bd;font-weight:800;letter-spacing:2px}.section-head h2{color:var(--deep);font-size:27px;margin:4px 0}.section-head p{color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #0b477a13}.card-body{padding:18px}.card h3{color:var(--deep);font-size:18px;margin:3px 0 6px}.card p{font-size:14px;color:var(--muted);margin:0}.card img{width:100%;height:150px;object-fit:cover;display:block}.iconbox{width:42px;height:42px;border-radius:9px;background:#e8f4ff;color:#0869b5;display:grid;place-items:center;font-size:20px;font-weight:800}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.photo{width:100%;border-radius:10px;display:block;box-shadow:0 8px 24px #10385b1a}.highlight{padding:26px;border-radius:10px;background:#eaf5ff;border:1px solid #d5e9f8}.highlight strong{display:block;color:#0869b5;font-size:28px}
.content{max-width:940px;margin:auto}.content h2{font-size:23px;color:var(--deep);margin:28px 0 7px}.content h3{color:#155a91}.content p{color:#4f6478;margin:10px 0}.content ul{color:#4f6478;padding-left:22px}.notice{background:#fff8e8;border-left:4px solid var(--gold);padding:14px 18px;margin:22px 0;color:#69552e}.list{display:grid;gap:13px}.list-item{padding:17px 20px;border:1px solid var(--line);border-radius:8px;background:#fff}.list-item h3{margin:0 0 4px;color:var(--deep);font-size:17px}.list-item p{margin:0;color:var(--muted);font-size:14px}.meta{font-size:12px;color:#7d8fa0;margin-bottom:5px}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card{padding:20px;border:1px solid var(--line);border-radius:8px}.info-card h3{margin:0 0 6px;color:var(--deep)}.info-card p{margin:3px 0;color:#52677b}
.cta{background:linear-gradient(105deg,#073768,#0b68b5);border-radius:11px;color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{margin:0 0 5px}.cta p{margin:0;color:#dcecf9}
footer{background:#082f57;color:#c8dced;padding:38px 0 17px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.foot-title{font-size:17px;font-weight:800;color:#fff;margin-bottom:8px}.footlinks{display:grid;gap:4px;font-size:14px}.footnote{border-top:1px solid #285071;margin-top:25px;padding-top:14px;font-size:12px;color:#9fb8cd;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:980px){.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:10px 4%;box-shadow:0 12px 20px #12395b20;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:9px 0;border-bottom:1px solid var(--line)}.menu-btn{display:block}.hero-grid,.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand{font-size:15px}.brand small{font-size:9px}.logo{width:40px;height:40px}.head{min-height:72px}.nav{top:72px}.hero{padding:48px 0}.page-banner h1{font-size:27px}section{padding:42px 0}.grid,.info-grid,.footgrid{grid-template-columns:1fr}.cta{display:block}.card img{height:180px}}

/* ===== 优化版全站页脚 ===== */
.site-footer{background:linear-gradient(135deg,#062d55 0%,#084b83 58%,#06345f 100%);color:#d7e8f6;margin-top:45px;position:relative;overflow:hidden}
.site-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#4ea5dc22,transparent 28%),linear-gradient(115deg,transparent 55%,#ffffff08 55%,transparent 72%);pointer-events:none}
.footer-main{padding:43px 0 34px;position:relative}.footer-grid{display:grid;grid-template-columns:1.55fr .8fr .9fr 1.15fr;gap:34px}
.footer-brandline{display:flex;align-items:center;gap:12px}.footer-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8f5ff,#a9d7f4);color:#0757a6;font-size:22px;font-weight:900;border:2px solid #ffffff88;box-shadow:0 4px 14px #001d3d55;flex:none}
.footer-brandline strong{display:block;color:#fff;font-size:18px;letter-spacing:.5px}.footer-brandline small{display:block;color:#a9c9e3;font-size:9px;line-height:1.4;margin-top:3px;letter-spacing:.3px}.footer-brand>p{margin:19px 0 6px;color:#e6f2fc;font-size:14px}.footer-brand .footer-desc{color:#a9c5dc;font-size:13px;line-height:1.8;margin:5px 0 0;max-width:360px}
.footer-col h3{font-size:16px;color:#fff;margin:4px 0 16px;padding-bottom:11px;position:relative}.footer-col h3:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#66b9f0;border-radius:2px}.footer-col>a{display:block;color:#c2d9eb;font-size:13px;line-height:2.15;transition:.2s}.footer-col>a:hover,.footer-bottom a:hover{color:#fff;padding-left:3px}.footer-col .sitemap-link{margin-top:7px;color:#8ed0ff}.footer-contact p{display:flex;align-items:flex-start;gap:10px;margin:0 0 13px;color:#c2d9eb;font-size:13px;line-height:1.7}.footer-contact a{color:#e7f4ff}.footer-icon{width:23px;height:23px;flex:none;border-radius:6px;background:#ffffff16;color:#9bd7ff;display:grid;place-items:center;font-size:11px;font-weight:700}
.footer-bottom{background:#042746aa;border-top:1px solid #ffffff20;position:relative}.footer-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:12px 0;color:#9fbed6;font-size:11px}.footer-bottom a{color:#b8d8ef}.footer-bottom i{font-style:normal;color:#5d91b7;margin:0 8px}
@media(max-width:900px){.footer-grid{grid-template-columns:1.2fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-brand .footer-desc{max-width:600px}}
@media(max-width:560px){.footer-main{padding:32px 0 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:23px 18px}.footer-brand{grid-column:1/-1}.footer-brandline strong{font-size:16px}.footer-col h3{margin-bottom:10px}.footer-contact{grid-column:1/-1}.footer-bottom-inner{display:block;line-height:2}.footer-bottom-inner span{display:block}.footer-bottom i{margin:0 4px}}