*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}.wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}.skip-link{position:absolute;z-index:101;left:15px;top:-100px;padding:8px 14px;background:#5C7CFA;color:white}.skip-link:focus{top:8px}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.topbar{height:76px;display:flex;align-items:center;gap:20px;position:relative}.brand{width:215px;min-width:0;display:flex;align-items:center;gap:8px;flex-shrink:0}.brand .media-logo{max-width:125px}.brand small{font-size:9px;line-height:1.25;letter-spacing:.5px;color:#9098A3;max-width:83px}.media-logo{border:0;background:none}.media-logo img{width:auto;max-width:100%;max-height:36px}.media-logo.media-missing{height:36px;width:116px;border-bottom:1px solid #5C7CFA}.desktop-nav{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:clamp(7px,1.1vw,22px);white-space:nowrap}.desktop-nav a{font-size:14px;line-height:76px;border-bottom:2px solid transparent;color:#C7CDD5}.desktop-nav a.active,.desktop-nav a:hover{color:#6EA8FF;border-bottom-color:#6EA8FF}.entry-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#5C7CFA;color:white;border-radius:999px;height:42px;padding:0 19px;font-size:14px;font-weight:700;white-space:nowrap}.entry-btn:hover{background:#7390FF;color:#fff}.menu-toggle{display:none}.topic-strip{background:#10141A;border-top:1px solid rgba(255,255,255,.06)}.topic-items{display:flex;align-items:center;gap:29px;min-height:44px}.topic-strip a{font-size:13px;color:#aab4c1;white-space:nowrap}.topic-strip a:hover{color:#6EA8FF}.mobile-topics{display:none}.page-content{padding-top:36px;padding-bottom:80px;min-height:65vh}.breadcrumbs{font-size:13px;color:#9098A3;margin-bottom:34px;display:flex;gap:11px;flex-wrap:wrap}.breadcrumbs [aria-current]{color:#6EA8FF}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#8ED8FF;font-weight:bold}.page-intro{max-width:870px;margin-bottom:42px}.page-intro h1,.home-intro h1{font-size:34px;color:#F5F7FA;line-height:1.34;letter-spacing:-.03em;margin:15px 0 20px}.page-intro p{font-size:17px;color:#b6c0ce}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(190px,1fr);gap:48px;align-items:start}.article-main{min-width:0}.article-section{border-top:1px solid rgba(255,255,255,.09);padding-top:23px;margin:0 0 31px;max-width:820px}.article-section h2,.section-heading h2,.related h2{font-size:26px;color:#F5F7FA;line-height:1.4;margin:0 0 18px}.article-section p{margin:0 0 16px;line-height:1.85}.article-section p a,.lead-feature a,.index-list a{color:#8ED8FF;text-decoration:underline;text-decoration-color:#40587b;text-underline-offset:4px}.side-index{position:sticky;top:24px;background:#12161C;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:13px}.side-index h2{font-size:15px;color:#F5F7FA;margin:0 0 10px}.side-index a{font-size:14px;display:block;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.related{border-top:1px solid rgba(255,255,255,.16);margin-top:38px;padding-top:24px}.related h2{font-size:23px;margin-bottom:8px}.related p{margin:0 0 18px}.related-links{display:flex;gap:11px;flex-wrap:wrap}.related-links a{padding:8px 15px;border:1px solid rgba(255,255,255,.17);border-radius:999px;font-size:14px}.related-links a:hover{border-color:#6EA8FF}.media-frame{min-width:0;max-width:100%;background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-frame:not(.media-logo){padding:8px}.media-frame img{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}.media-hero{height:290px}.media-banner{max-height:245px}.media-banner img{max-height:245px}.media-article{max-height:245px}.media-article img{max-height:245px}.media-visual{height:172px}.media-visual img{max-height:160px}.media-device{max-width:270px;height:340px}.media-device img{max-height:330px}.media-gif{height:175px}.media-gif img{max-height:163px}.media-frame.is-tall.media-visual{height:auto;min-height:180px;max-height:310px}.media-frame.is-tall.media-visual img{max-height:290px}.media-frame.is-tall.media-article{width:min(100%,370px);max-height:360px}.media-frame.is-tall.media-article img{max-height:340px}.media-missing{background:linear-gradient(135deg,#10151d,#171c24);min-height:110px}.placeholder-line{height:1px;width:26%;background:#2d3b53;transform:rotate(-15deg)}figure{margin:0;min-width:0;max-width:100%}figcaption{font-size:13px;line-height:1.65;margin-top:9px;color:#9098A3}.hero{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:36px;align-items:center;padding:24px 0 45px;border-bottom:1px solid rgba(255,255,255,.09)}.home-intro h1{font-size:40px}.home-intro>p{font-size:17px;line-height:1.85}.text-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px}.text-actions a{color:#8ED8FF;border-bottom:1px solid #546987;padding-bottom:5px}.home-section{margin-top:57px}.section-heading{margin-bottom:22px}.section-heading .eyebrow{margin:0 0 8px}.section-heading p{margin:0;color:#9098A3}.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.interest{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:22px}.interest h3{font-size:20px;color:#F5F7FA;margin:0 0 10px}.interest p{margin:0}.interest a{display:inline-block;color:#8ED8FF;margin-top:13px}.split-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:55px;align-items:start}.mini-index{border-left:1px solid #385078;padding-left:24px}.mini-index>div{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.mini-index strong{font-size:12px;color:#8ED8FF}.mini-index p{margin:7px 0 0}.two-editorials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}.two-editorials article{border-top:1px solid #45516b;padding-top:20px}.two-editorials h3{font-size:22px;color:#fff;margin:0 0 16px}.two-editorials p{margin:0 0 15px}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.visual-card{min-width:0}.visual-card h3{color:#F5F7FA;font-size:18px;margin:13px 0 6px}.visual-card p{font-size:14px;margin:0;color:#aab4c1}.feature-with-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:38px;align-items:center}.feature-with-image.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.feature-with-image p{margin:0 0 16px}.index-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 35px;counter-reset:item}.index-list article{border-top:1px solid rgba(255,255,255,.09);padding:17px 0}.index-list h3{font-size:18px;margin:0 0 8px;color:#f5f7fa}.index-list p{margin:0;font-size:14px}.notice-band{background:#12161C;border-left:2px solid #5C7CFA;padding:22px}.notice-band p{margin:0 0 10px}.notice-band a{color:#8ED8FF}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.page-grid .visual-card{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.gallery-grid .media-visual{height:240px}.gallery-grid .media-visual img{max-height:228px}.gallery-grid figure:first-child{grid-column:span 2}.gallery-grid figure:first-child .media-visual{height:240px}.timeline{border-left:1px solid #45516b;padding-left:26px}.timeline .article-section{position:relative}.timeline .article-section:before{content:'';position:absolute;top:27px;left:-32px;width:10px;height:10px;background:#5C7CFA;border-radius:50%}.qa-list details{border:1px solid rgba(255,255,255,.12);border-radius:10px;margin-bottom:11px;padding:13px 18px;background:#12161C}.qa-list summary{cursor:pointer;font-weight:700;color:#F5F7FA}.qa-list p{margin:12px 0 4px}.topic-table{border-collapse:collapse;width:100%;margin:18px 0 32px;font-size:14px}.topic-table th,.topic-table td{border:1px solid #303844;text-align:left;padding:12px;vertical-align:top}.topic-table th{color:#f5f7fa;background:#171C23}.steps .article-section{padding-left:20px;border-left:2px solid #343f58}.topic-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-board article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#12161C}.topic-board h2{font-size:20px;color:#f5f7fa;margin:0 0 9px}.topic-board p{margin:0 0 14px}.topic-board nav{display:flex;flex-wrap:wrap;gap:9px}.topic-board nav a{font-size:13px;color:#8ED8FF;border-bottom:1px solid #3c5672}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:51px 0 23px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.6fr 1fr;gap:48px}.footer-brand{display:block;width:130px}.footer-about p{font-size:13px;color:#9098A3}.site-footer h2{font-size:16px;color:#f5f7fa;margin:0 0 14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 13px}.footer-links a{font-size:13px;color:#a7b0bd}.footer-links a:hover{color:#8ED8FF}.footer-bottom{margin-top:35px;border-top:1px solid rgba(255,255,255,.09);padding-top:18px;display:flex;gap:30px;justify-content:space-between;font-size:12px;color:#9098A3}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:80;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s,visibility .2s}.site-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,390px);background:#0D1015;z-index:81;visibility:hidden;pointer-events:none;transform:translateX(-101%);transition:transform .23s,visibility .23s;overflow-y:auto;padding:20px 24px}.drawer-overlay.is-open,.site-drawer.is-open{visibility:visible;pointer-events:auto;opacity:1}.site-drawer.is-open{transform:translateX(0)}.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.drawer-logo{width:128px}.drawer-close{border:1px solid #3a4555;background:#171C23;color:white;width:37px;height:37px;border-radius:8px;font-size:27px;line-height:1}.site-drawer section{margin-bottom:27px}.site-drawer h2{font-size:13px;color:#8ED8FF;margin:0 0 11px;letter-spacing:.09em}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px}.drawer-links a{font-size:14px;border-bottom:1px solid rgba(255,255,255,.07);padding:4px 0}.back-top{position:fixed;right:18px;bottom:18px;background:#171c23;border:1px solid #45516b;border-radius:50%;width:43px;height:43px;color:#f5f7fa;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.show{opacity:1;pointer-events:auto}@media(max-width:1099px){.desktop-nav{gap:7px}.desktop-nav a{font-size:13px}.brand{width:188px}.topbar{gap:13px}.entry-btn{padding:0 15px}}@media(max-width:979px){.wrap{width:calc(100% - 40px)}.topbar{height:64px;justify-content:space-between}.brand{position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:130px}.brand small{display:none}.brand .media-logo{max-width:125px}.brand .media-logo img{max-height:28px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid #283140;background:#10141A;border-radius:9px;padding:0;flex-shrink:0}.menu-toggle span{width:19px;height:2px;background:#d1d7e1;border-radius:3px}.entry-btn{height:39px;padding:0 13px;font-size:13px}.desktop-topics{display:none}.mobile-topics{display:flex;gap:24px;min-height:43px;align-items:center;padding:0 20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-topics::-webkit-scrollbar{display:none}.page-content{padding-top:27px}.article-layout{grid-template-columns:minmax(0,1fr)}.side-index{position:static;order:-1;display:none}.split-feature{gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:span 2}}@media(max-width:767px){.wrap{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}.page-content{padding-top:20px;padding-bottom:52px}.breadcrumbs{margin-bottom:25px}.page-intro{margin-bottom:28px}.page-intro h1{font-size:26px}.page-intro p{font-size:15px}.home-intro h1{font-size:30px}.home-intro>p{font-size:15px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:17px;padding:0 0 30px}.hero figure{order:1}.hero .home-intro{order:0}.hero .media-hero{height:190px}.home-section{margin-top:36px}.article-section{margin-bottom:23px;padding-top:16px}.article-section h2,.section-heading h2{font-size:21px}.article-section p{line-height:1.78}.interest-grid,.split-feature,.two-editorials,.feature-with-image,.feature-with-image.reverse,.topic-board{grid-template-columns:1fr}.interest{padding:17px}.split-feature{gap:13px}.two-editorials{gap:16px}.visual-grid,.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.visual-card h3{font-size:16px}.visual-card p{font-size:13px}.media-visual{height:145px}.media-visual img{max-height:133px}.media-article{max-height:185px}.media-article img{max-height:175px}.media-device{max-width:220px;height:320px;margin:auto}.media-device img{max-height:308px}.media-banner{max-height:145px}.media-banner img{max-height:135px}.media-gif{height:145px}.media-gif img{max-height:132px}.gallery-grid{gap:18px}.gallery-grid .media-visual,.gallery-grid figure:first-child .media-visual{height:180px}.gallery-grid .media-visual img{max-height:168px}.index-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:column;gap:4px}.topic-table{font-size:12px}.topic-table th,.topic-table td{padding:8px}.feature-with-image figure{order:-1}}@media(max-width:374px){.brand .media-logo{max-width:92px}.brand .media-logo img{max-height:26px}.entry-btn{font-size:12px;height:38px;padding:0 10px}.menu-toggle{width:40px}.home-intro h1{font-size:27px}.visual-grid,.page-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child{grid-column:auto}.footer-links{grid-template-columns:1fr}.drawer-links{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-drawer,.drawer-overlay,.back-top{transition:none}}