:root{--p:#0e8fb2;--dark:#102f3d;--a:#69d6d0;--bg:#eef8fa;--s:#ffffff;--ink:#173d4b;--text:#55727d;--line:#d3e7ec;--r:14px;--shadow:0 18px 50px rgba(20,40,70,.10);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.78}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.sitehead{background:#ffffff;color:#173d4b;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80}.headrow{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900}.brand img{width:42px;height:42px;object-fit:cover;border-radius:9px}.nav{display:flex;gap:3px;margin-left:auto}.nav a{padding:9px 12px;font-weight:800;font-size:13px;border-radius:var(--r)}.nav a:hover,.nav a.on{background:var(--p);color:#fff}.menu{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:inherit;padding:8px 11px}
.hero{padding:64px 0 72px;overflow:hidden;background:linear-gradient(135deg,var(--bg),var(--s))}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.hero-copy{}.kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--p);text-transform:uppercase}.hero h1{font-size:46px;line-height:1.12;margin:12px 0 14px;color:var(--ink);letter-spacing:-.035em}.hero .lead{font-size:17px;margin:0;color:var(--text)}.hero-note{font-size:20px;font-weight:900;color:var(--p);margin:10px 0 14px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px;}.btn{display:inline-flex;padding:12px 18px;font-weight:900;font-size:13px;border:1px solid var(--line);border-radius:var(--r)}.btn.p{background:var(--p);border-color:var(--p);color:#fff}.btn.s{background:var(--s);color:var(--ink)}.hero-image{height:455px;overflow:hidden;border-radius:var(--r);box-shadow:var(--shadow);position:relative}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image span{position:absolute;left:18px;bottom:16px;background:rgba(0,0,0,.72);color:#fff;padding:7px 10px;font-size:12px}
.section{padding:72px 0}.white{background:var(--s)}.dark{background:var(--dark);color:#fff}.sec-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.sec-head h2{font-size:34px;line-height:1.2;color:var(--ink);margin:7px 0 8px}.dark .sec-head h2{color:#fff}.sec-head p{margin:0;max-width:800px;color:var(--text)}.dark .sec-head p{color:#b8c1ce}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:var(--s);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.feature img{width:100%;height:220px;object-fit:cover}.feature.big{grid-row:auto}.feature .pad{padding:18px}.tag{display:inline-flex;padding:4px 8px;background:var(--a);color:#111;font-size:10px;font-weight:900;border-radius:var(--r)}.feature h3{font-size:18px;line-height:1.45;color:var(--ink);margin:9px 0 7px}.feature p{font-size:13px;margin:0;color:var(--text)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.split img{width:100%;height:470px;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}.split h2{font-size:37px;line-height:1.2;color:var(--ink);margin:9px 0 14px}.split p{margin:0 0 13px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:25px;border:1px solid var(--line);background:var(--s);border-radius:var(--r);box-shadow:var(--shadow)}.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.card .num{font-size:30px;font-weight:900;color:var(--p)}.card h3{font-size:19px;color:var(--ink);margin:8px 0}.dark .card h3{color:#fff}.card p{font-size:13px;margin:0}.dark .card p{color:#b9c2cf}
.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.newsitem{background:var(--s);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.newsitem img{width:100%;height:215px;object-fit:cover}.newspad{padding:16px}.newsitem h2{font-size:16px;line-height:1.5;color:var(--ink);margin:8px 0}.newsitem p{font-size:12px;margin:0;color:var(--text)}.newsitem time{display:block;font-size:11px;color:#8993a1;margin-top:10px}
.lines{display:grid;gap:1px;border:1px solid var(--line);background:var(--line);border-radius:var(--r);overflow:hidden}.lineitem{display:grid;grid-template-columns:72px 1fr;background:var(--s);padding:20px}.lineitem b{font-size:24px;color:var(--p)}.lineitem h3{margin:0 0 5px;color:var(--ink)}.lineitem p{margin:0;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.stat{background:var(--s);padding:22px}.stat strong{display:block;font-size:22px;color:var(--ink)}.stat span{font-size:12px;color:var(--text)}
.quotezone{background:var(--p);color:#fff;padding:42px;border-radius:var(--r)}.quotezone h2{font-size:32px;margin:0 0 10px;color:inherit}.quotezone p{font-size:16px;margin:0;max-width:900px}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px}.faq h2{font-size:34px;color:var(--ink);margin:8px 0}details{background:var(--s);border:1px solid var(--line);border-radius:var(--r);padding:0 17px;margin-bottom:8px}summary{cursor:pointer;padding:16px 0;font-weight:900;color:var(--ink)}details p{margin:0 0 16px;font-size:13px}
.pagehero{padding:52px 0;background:var(--dark);color:#fff}.crumb{font-size:12px;color:#aeb7c4;margin-bottom:11px}.pagehero h1{font-size:40px;line-height:1.2;margin:0 0 12px}.pagehero p{max-width:900px;color:#bdc5d1;font-size:16px;margin:0}
.content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.box{background:var(--s);border:1px solid var(--line);border-radius:var(--r);padding:34px}.box h2{font-size:26px;color:var(--ink);margin:31px 0 9px}.box h2:first-child{margin-top:0}.box p,.box li{color:var(--text)}.aside{background:var(--dark);color:#fff;border-radius:var(--r);padding:23px;height:max-content;position:sticky;top:98px}.aside h2{font-size:18px;margin:0 0 10px}.aside p,.aside li{font-size:12px;color:#bdc6d2}
.appshow{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center}.phone{height:570px;border:10px solid var(--dark);border-radius:36px;background:var(--s);overflow:hidden;box-shadow:var(--shadow)}.phonescreen{height:180px;background:var(--p);color:#fff;padding:28px}.phonescreen b{font-size:25px}.phonecards{padding:18px}.phonecards div{height:72px;border:1px solid var(--line);background:var(--bg);border-radius:var(--r);margin-bottom:12px}
.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:var(--s);border:1px solid var(--line);border-radius:var(--r);padding:25px}.service strong{color:var(--p);font-size:28px}.service h2{font-size:20px;color:var(--ink);margin:8px 0}.service p{font-size:13px}
.newsindex.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.newsindex.list{display:grid;gap:12px}.newsindex.mag{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.newsindex.timeline{display:grid;grid-template-columns:1fr 1fr;gap:18px}.newsindex .story{background:var(--s);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.newsindex.list .story{display:grid;grid-template-columns:290px 1fr}.newsindex .story img{width:100%;height:190px;object-fit:cover}.newsindex.list .story img{height:100%;min-height:180px}.storypad{padding:16px}.story h2{font-size:16px;line-height:1.5;color:var(--ink);margin:8px 0}.story p{font-size:12px;margin:0}.story time{display:block;font-size:11px;color:#8b94a0;margin-top:9px}
.articlehead{padding:40px 0 20px}.articlehead h1{font-size:38px;line-height:1.3;color:var(--ink);margin:11px 0 12px}.meta{display:flex;flex-wrap:wrap;gap:12px;color:#858f9d;font-size:12px}.cover{width:100%;height:480px;object-fit:cover;border-radius:var(--r)}.articlelayout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start;padding-bottom:70px}.articlelayout.center{grid-template-columns:minmax(0,850px);justify-content:center}.articlelayout.wide{grid-template-columns:1fr}.articlelayout.leftside{grid-template-columns:270px minmax(0,1fr)}.articlemain{min-width:0}.leadbox{background:var(--s);border:1px solid var(--line);border-left:5px solid var(--p);padding:20px;font-size:16px;border-radius:var(--r);margin:17px 0}.keypoints{background:var(--dark);color:#fff;padding:21px;border-radius:var(--r);margin-bottom:17px}.keypoints h2{font-size:18px;margin:0 0 8px}.keypoints li{color:#c2cad4;font-size:13px}.bodycopy{background:var(--s);border:1px solid var(--line);border-radius:var(--r);padding:36px}.bodycopy h2{font-size:25px;color:var(--ink);margin:34px 0 10px}.bodycopy h2:first-child{margin-top:0}.bodycopy p{font-size:16px;line-height:1.95;margin:0 0 16px}.bodycopy blockquote{margin:22px 0;padding:17px;background:var(--bg);border-left:4px solid var(--a)}.artside{position:sticky;top:98px}.sidecard{background:var(--s);border:1px solid var(--line);border-radius:var(--r);padding:17px;margin-bottom:11px}.sidecard h3{font-size:16px;color:var(--ink);margin:0 0 8px}.sidecard a{display:block;border-bottom:1px solid var(--line);padding:7px 0;font-size:12px}.sidecard a:last-child{border-bottom:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0}.tags span{border:1px solid var(--line);background:var(--s);padding:5px 9px;border-radius:var(--r);font-size:11px}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.prevnext a{border:1px solid var(--line);background:var(--s);padding:16px;border-radius:var(--r)}.prevnext small{display:block;color:#8993a0}.prevnext b{display:block;color:var(--ink);line-height:1.45;margin-top:4px}.prevnext .next{text-align:right}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rel{border:1px solid var(--line);background:var(--s);border-radius:var(--r);overflow:hidden}.rel img{width:100%;height:130px;object-fit:cover}.rel div{padding:12px}.rel h3{font-size:13px;line-height:1.4;color:var(--ink);margin:6px 0}.rel time{font-size:10px;color:#8993a0}
.friendlinks{background:var(--s);border-top:1px solid var(--line);padding:27px 0}.friendrow{display:flex;gap:22px;align-items:flex-start}.friendrow h2{font-size:17px;color:var(--ink);margin:2px 0 0;white-space:nowrap}.frienditems{display:flex;flex-wrap:wrap;gap:8px 10px}.frienditems a{border:1px solid var(--line);background:var(--bg);padding:6px 10px;font-size:12px;border-radius:var(--r)}
.sitefoot{background:var(--dark);color:#b6c0cf;padding:45px 0 20px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footbrand{color:#fff}.sitefoot p,.sitefoot a{font-size:12px}.sitefoot a{display:block;margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:25px;padding-top:16px;font-size:11px}
@media(max-width:1020px){.hero-inner,.split,.content,.appshow,.articlelayout,.articlelayout.leftside{grid-template-columns:1fr}.feature-grid,.cards,.newsgrid,.servicegrid,.newsindex.grid,.newsindex.mag,.newsindex.timeline{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.nav{display:none;position:absolute;left:0;right:0;top:78px;background:#ffffff;padding:14px 22px;flex-direction:column}.nav.open{display:flex}.menu{display:block}.aside,.artside{position:static}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.section{padding:52px 0}.hero{padding:42px 0 60px}.hero h1{font-size:32px}.hero-image{height:280px}.feature-grid,.cards,.newsgrid,.servicegrid,.newsindex.grid,.newsindex.mag,.newsindex.timeline,.stats,.related{grid-template-columns:1fr}.newsindex.list .story{grid-template-columns:1fr}.split img{height:300px}.articlehead h1,.pagehero h1{font-size:28px}.cover{height:270px}.bodycopy{padding:22px}.prevnext{grid-template-columns:1fr}.prevnext .next{text-align:left}.friendrow{display:block}.friendrow h2{margin-bottom:11px}.footgrid{grid-template-columns:1fr}}