:root{--ink:#112b36;--deep:#082532;--deep2:#0d3541;--sea:#237d78;--mint:#74d9b4;--pale:#eff7f5;--line:#d9e8e7;--muted:#60747b;--white:#fff;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.85}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.site-header{height:82px;background:rgba(255,255,255,.97);border-bottom:1px solid #e2edec;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-shell{height:100%;width:min(calc(100% - 64px),1360px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{display:block;font-size:20px;letter-spacing:.08em;line-height:1.2}.brand small{font-size:8px;letter-spacing:.14em;color:#5d7d7d;font-weight:800}.main-nav{display:flex;gap:25px;align-items:center}.main-nav a{font-size:13px;font-weight:700;color:#4f676d;transition:color .2s;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{color:#087d73}.menu-toggle{display:none;border:0;background:transparent;width:40px;padding:8px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:#147e75;margin-bottom:20px}.eyebrow.light{color:#8ae9c4}.hero{background:radial-gradient(circle at 78% 42%,#1a5260 0,transparent 37%),linear-gradient(115deg,#071e2b 0,#0c2a39 70%,#0e3b46 100%);color:#fff;overflow:hidden}.hero-grid{min-height:665px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:15px}.hero-copy{position:relative;z-index:2;padding:66px 0}.hero h1{font-size:clamp(54px,5.6vw,88px);line-height:1.1;font-weight:750;margin-bottom:28px;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#a4efca}.hero-dot{color:#84e5bb}.hero-copy>p{font-size:17px;color:#b8ced0;max-width:510px;line-height:1.9;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 22px;border-radius:3px;font-size:13px;font-weight:800;min-height:50px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:#a3edc6;color:#0b2e32}.button.ghost{border:1px solid #82a7a9;color:#dcefee}.button span{font-size:18px}.hero-caption{display:flex;gap:19px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);margin-top:52px;padding-top:18px;font-size:9px;letter-spacing:.12em;color:#81a8ad;font-weight:800}.hero-visual{position:relative;margin-right:-65px;min-width:0}.hero-visual img{width:100%;filter:drop-shadow(0 18px 35px rgba(0,0,0,.22))}.visual-chip{position:absolute;bottom:8%;right:9%;padding:12px 16px;background:rgba(8,36,48,.84);border:1px solid rgba(152,228,210,.47);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.08em;color:#d9f0e7}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a5edc8;box-shadow:0 0 0 5px rgba(152,228,210,.14);margin-right:9px}.intro-strip{background:#eaf5f2;border-bottom:1px solid #d8e9e4}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:30px 0}.strip-grid p{border-left:2px solid #6ab9a4;padding-left:18px;margin:0;line-height:1.5}.strip-grid span{display:block;color:#3d9185;font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:7px}.strip-grid strong{font-size:14px;font-weight:700;color:#2c4b51}.section{padding:108px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:44px}.section-head h2,.faq-layout h2,.related-band h2{font-size:clamp(35px,3.5vw,54px);line-height:1.2;margin:0;font-weight:720}.section-head .eyebrow{margin-bottom:15px}.section-head>p{max-width:350px;color:var(--muted);font-size:14px;margin:0}.section-link{font-size:13px;font-weight:800;color:#147b72;white-space:nowrap;padding-bottom:8px;border-bottom:1px solid #79bbae}.tech-section{background:#fff}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tech-item{min-height:260px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}.tech-item:hover{background:#f4faf8}.tech-item img{width:56px;height:56px;margin-bottom:24px}.tech-no{position:absolute;right:28px;top:35px;font-size:11px;font-weight:700;color:#8aa5a7}.tech-item h3{font-size:21px;margin-bottom:9px}.tech-item p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:17px;max-width:270px}.mini-arrow{font-size:12px;font-weight:800;color:#147e75}.research-section{background:#f3f8f7}.featured-stack{display:grid;gap:22px}.article-card{background:#fff;border:1px solid #dce9e7;box-shadow:0 8px 25px rgba(11,58,66,.035);overflow:hidden}.article-card .card-img{display:block;overflow:hidden}.article-card img{width:100%;aspect-ratio:1.68;object-fit:cover;transition:transform .35s}.article-card:hover img{transform:scale(1.04)}.card-copy{padding:26px}.meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#607c7f;font-size:11px;font-weight:700;letter-spacing:.03em;margin-bottom:13px}.meta span{color:#16887b}.meta time:before{content:'·';padding-right:13px;color:#acbfbe}.article-card h3{font-size:22px;line-height:1.38;margin-bottom:13px}.article-card h3 a:hover{color:#138475}.article-card p{font-size:13px;color:#61767c;line-height:1.85;margin-bottom:19px}.text-link{font-size:12px;font-weight:800;color:#137d73}.text-link span{font-size:17px;margin-left:5px}.article-card.feature{display:grid;grid-template-columns:1.08fr .92fr}.article-card.feature img{height:100%;aspect-ratio:auto}.article-card.feature .card-copy{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}.article-card.feature h3{font-size:32px}.article-card.feature p{font-size:14px}.article-card.split{display:grid;grid-template-columns:310px 1fr}.article-card.split img{height:100%;aspect-ratio:auto}.article-card.split .card-copy{padding:34px 40px}.article-card.dark{display:grid;grid-template-columns:1fr 330px;background:#0b2d3a;border-color:#0b2d3a;color:#fff}.article-card.dark .card-img{order:2}.article-card.dark img{height:100%;aspect-ratio:auto}.article-card.dark .card-copy{padding:34px 40px}.article-card.dark p,.article-card.dark .meta{color:#b4cdd0}.article-card.dark .text-link,.article-card.dark .meta span{color:#a5ebc9}.insight-section{background:#0a2b39;color:#fff;position:relative;overflow:hidden}.insight-section:before{content:'';position:absolute;width:600px;height:600px;border:1px solid rgba(118,202,193,.1);border-radius:50%;right:-150px;top:-170px}.light-head>p{color:#b8cdd1}.chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.chart-card{border:1px solid #34606a;background:#133b48;padding:12px}.chart-card img{width:100%;aspect-ratio:1.65;object-fit:cover}.chart-card>div{display:flex;flex-direction:column;gap:5px;padding:18px 7px 11px}.chart-card strong{font-size:17px}.chart-card span{font-size:11px;color:#a1c6c6}.insight-foot{display:flex;justify-content:space-between;border-top:1px solid #32606c;margin-top:34px;padding-top:20px;color:#78a8af;font-size:10px;letter-spacing:.11em;font-weight:800}.brand-section{background:#fff}.brand-grid,.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-card .card-copy{padding:24px}.brand-card h3{font-size:19px}.brand-card img{aspect-ratio:1.6}.scenario-section{background:#eaf3f1}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.scenario{position:relative;overflow:hidden;background:#0c2d3a;min-height:280px}.scenario img{height:280px;width:100%;object-fit:cover;opacity:.74;transition:transform .35s,opacity .35s}.scenario:hover img{transform:scale(1.05);opacity:.95}.scenario:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(3,21,30,.8))}.scenario span{position:absolute;left:28px;bottom:25px;color:#fff;z-index:1}.scenario strong{display:block;font-size:23px;margin-bottom:5px}.scenario small{color:#c6e2de;font-size:12px}.scenario b{position:absolute;right:28px;bottom:25px;color:#a9edcb;z-index:1;font-size:25px;font-weight:400}.news-section{background:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border-top:2px solid #17897b;padding-top:16px}.news-card img{aspect-ratio:1.68;object-fit:cover;width:100%;margin-bottom:20px}.news-card .meta{margin-bottom:10px}.news-card h3{font-size:21px;line-height:1.4;margin-bottom:12px}.news-card p{color:var(--muted);font-size:13px;margin-bottom:15px}.faq-section{background:#f1f7f5}.faq-layout{display:grid;grid-template-columns:.36fr .64fr;gap:80px}.faq-layout>div:first-child>p{color:var(--muted);font-size:14px;margin-top:20px}.faq-list{border-top:1px solid #cddfdb}.faq-list details{border-bottom:1px solid #cddfdb}.faq-list summary{list-style:none;cursor:pointer;padding:21px 35px 21px 0;font-size:15px;font-weight:700;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;top:16px;font-size:24px;font-weight:300;color:#168777}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:#61767b;margin-bottom:20px;padding-right:40px}.faq-list p a{color:#0f8076;font-weight:800}.site-footer{background:#08232f;color:#d9edeb;padding-top:68px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:70px;padding-bottom:60px}.footer-brand{font-size:24px;font-weight:800;letter-spacing:.1em;margin-bottom:14px}.footer-brand span{font-size:10px;color:#76b7ac}.site-footer p{font-size:13px;color:#9cb7bd}.footer-note{font-size:11px!important;color:#78979d!important;max-width:400px}.site-footer h3{font-size:14px;color:#fff;margin-bottom:18px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.footer-links a,.site-footer a{font-size:12px;color:#b8d0ce}.site-footer a:hover{color:#9de4c2}.footer-bottom{border-top:1px solid #224552;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#72959c;font-size:11px}.sub-hero{background:linear-gradient(120deg,#071f2c,#103d4a);color:white;overflow:hidden}.sub-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:440px;align-items:center;gap:30px}.sub-hero-grid>div{padding:55px 0;z-index:1}.sub-hero h1{font-size:clamp(34px,3.9vw,59px);line-height:1.23;margin:0 0 23px}.sub-hero h1 em{font-style:normal;color:#9be8c8}.sub-hero p{color:#bbd1d4;font-size:14px;max-width:580px;margin-bottom:28px}.sub-hero img{width:100%;margin-right:-50px;object-fit:cover;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.breadcrumb{display:flex;align-items:center;gap:10px;padding-top:24px;padding-bottom:24px;font-size:11px;color:#71888d}.breadcrumb a:hover{color:#168576}.breadcrumb span:last-child{color:#193c46}.section-articles{padding-top:70px}.listing-grid{row-gap:30px}.listing-grid .article-card{display:flex;flex-direction:column}.listing-grid .card-copy{display:flex;flex-direction:column;flex:1}.listing-grid .text-link{margin-top:auto}.related-band{background:#e9f4f0}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.related-links a{background:#fff;border:1px solid #d4e7df;padding:24px;font-size:14px;font-weight:700;line-height:1.6}.related-links span{color:#1b9482}.article-page{padding-bottom:80px}.article-header{max-width:980px;text-align:center;padding:42px 0 35px}.article-header h1{font-size:clamp(35px,4vw,60px);line-height:1.25;max-width:950px;margin:0 auto 24px}.article-byline{display:flex;justify-content:center;gap:16px;color:#74888d;font-size:12px;margin-bottom:25px}.article-byline span+span:before{content:'·';padding-right:16px}.article-lead{font-size:18px;color:#516b72;line-height:1.9;max-width:780px;margin:auto}.article-cover{max-width:1100px}.article-cover img{width:100%;height:430px;object-fit:cover}.article-layout{display:grid;grid-template-columns:225px minmax(0,720px);gap:80px;justify-content:center;padding-top:75px}.article-aside{border-top:2px solid #50b99d;padding-top:22px;font-size:11px;color:#5b8185;align-self:start;position:sticky;top:110px}.article-aside span{font-weight:800;letter-spacing:.12em}.article-aside p{font-size:13px;color:#718589;margin:22px 0}.article-aside a{font-size:12px;font-weight:800;color:#127f71}.article-body{font-size:16px;line-height:2.06;color:#30464e}.article-body p{margin-bottom:25px}.article-body h2{font-size:27px;line-height:1.35;color:#0a2c38;margin:52px 0 18px;padding-left:18px;border-left:4px solid #65c5a7}.article-body .first-paragraph{font-size:19px;color:#355961;font-weight:600}.article-sources{border-top:1px solid #d4e6e3;margin-top:55px}.article-sources h2{border:0;padding:0;font-size:21px}.article-sources p{font-size:13px;color:#7b8e91}.article-sources ul{padding-left:20px}.article-sources li{margin:8px 0;font-size:13px}.article-sources a{color:#167c71;text-decoration:underline;text-underline-offset:3px}.more-section{background:#f2f8f6}.more-section .article-card h3{font-size:17px}.more-section .article-card p{display:none}.legal{padding:100px 0 160px;max-width:860px;min-height:60vh}.legal h1{font-size:54px;margin-bottom:35px}.legal p{font-size:16px;color:#526b72;line-height:2.1;border-top:1px solid #e1eae8;padding-top:23px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:99;background:#fff;padding:10px}
@media(max-width:1100px){.main-nav{gap:12px}.main-nav a{font-size:11px}.hero-grid{min-height:600px}.hero h1{font-size:62px}.chart-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.container,.nav-shell{width:min(calc(100% - 36px),var(--max))}.site-header{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 15px 25px rgba(0,0,0,.1);padding:16px 20px 22px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{font-size:14px;padding:12px;border-bottom:1px solid #e7efec}.hero-grid,.sub-hero-grid{grid-template-columns:1fr}.hero-grid{padding-top:25px}.hero-copy{padding:45px 0 10px}.hero h1{font-size:clamp(47px,10vw,72px)}.hero-visual{margin:0 -18px 30px}.hero-caption{margin-top:34px}.strip-grid{gap:16px}.strip-grid strong{font-size:12px}.section{padding:76px 0}.section-head{align-items:start}.tech-grid,.brand-grid,.listing-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.featured-stack .article-card{display:block}.featured-stack .article-card img{height:auto;aspect-ratio:1.68}.article-card.dark .card-img{order:0}.article-card.feature .card-copy,.article-card.split .card-copy,.article-card.dark .card-copy{padding:26px}.article-card.feature h3{font-size:24px}.scenario-grid{grid-template-columns:1fr 1fr}.faq-layout{grid-template-columns:1fr;gap:35px}.sub-hero-grid>div{padding-bottom:0}.sub-hero img{height:260px;clip-path:none;margin:0}.article-layout{grid-template-columns:1fr;gap:25px;padding-top:45px}.article-aside{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:580px){.hero h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-actions{gap:8px}.button{padding:12px 15px;gap:14px}.intro-strip{display:none}.section-head{display:block}.section-head>p,.section-link{display:inline-block;margin-top:20px}.section-head h2,.faq-layout h2{font-size:36px}.tech-grid,.brand-grid,.listing-grid,.news-grid,.scenario-grid,.chart-grid,.related-links{grid-template-columns:1fr}.tech-item{min-height:0}.article-card h3{font-size:20px}.article-card.feature h3{font-size:24px}.scenario img{height:235px}.scenario{min-height:235px}.insight-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-grid{display:block}.footer-grid>div{margin-bottom:34px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.sub-hero h1{font-size:36px}.sub-hero img{height:220px}.article-header{padding:28px 0}.article-header h1{font-size:32px}.article-byline{flex-wrap:wrap;gap:7px}.article-lead{font-size:16px}.article-cover img{height:240px}.article-body{font-size:15px}.article-body h2{font-size:23px}.article-body .first-paragraph{font-size:17px}}
