*{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}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}.container{width:min(1200px,calc(100% - 48px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.38;font-weight:700}h1{font-size:clamp(32px,3vw,40px);letter-spacing:-.02em}h2{font-size:26px}h3{font-size:19px}p{margin-bottom:16px}.eyebrow{font-size:12px;letter-spacing:.17em;color:#8ED8FF;text-transform:uppercase;font-weight:700;margin-bottom:15px}.skip-link{position:absolute;top:-120px;left:20px;background:#5C7CFA;color:white;z-index:100;padding:8px 16px}.skip-link:focus{top:8px}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;min-width:215px;max-width:245px}.brand .image-frame{width:auto;border:0;background:none;padding:0}.brand .image-logo img{width:auto;max-width:135px;max-height:36px}.brand-english{font-size:9px;color:#9098A3;letter-spacing:.07em;line-height:1.4;white-space:nowrap}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,24px);margin:auto;white-space:nowrap}.primary-nav a{font-size:14px;color:#C7CDD5;position:relative}.primary-nav a:hover,.primary-nav .active{color:#6EA8FF}.primary-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:#6EA8FF}.enter-button{display:inline-flex;justify-content:center;align-items:center;height:42px;padding:0 20px;white-space:nowrap;background:#5C7CFA;color:#fff!important;border-radius:999px;font-weight:700;font-size:14px}.enter-button:hover{background:#7390FF}.menu-trigger{display:none;background:transparent;border:1px solid #333A44;border-radius:9px;width:40px;height:40px;padding:11px 9px;flex-shrink:0}.menu-trigger span{display:block;height:2px;background:#F5F7FA;margin:0 0 5px}.menu-trigger span:last-child{margin:0}.topic-strip{height:45px;background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.topic-inner{max-width:1200px;margin:auto;padding:0 24px;height:100%}.desktop-topics{display:flex;gap:30px;align-items:center;height:100%}.desktop-topics a,.mobile-topics a{font-size:14px;color:#AEB8C5;white-space:nowrap}.desktop-topics a:hover,.mobile-topics a:hover,.mobile-topics a[aria-current]{color:#6EA8FF}.mobile-topics{display:none}.drawer-overlay,.drawer{visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease,visibility .2s}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.69);z-index:60}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(390px,86vw);overflow-y:auto;z-index:61;background:#0D1015;border-right:1px solid #292F3A;transform:translateX(-102%);padding:18px 23px}.drawer-open .drawer-overlay,.drawer-open .drawer{visibility:visible;pointer-events:auto;opacity:1}.drawer-open .drawer{transform:translateX(0)}.drawer-open{overflow:hidden}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-top a .image-logo{border:0;background:none;width:115px}.drawer-top img{max-height:32px;width:auto}.close-trigger{background:#171C23;color:#fff;border:1px solid #333B46;border-radius:9px;font-size:28px;line-height:1;width:40px;height:40px}.drawer-group{padding:14px 0;border-top:1px solid rgba(255,255,255,.09)}.drawer-group h2{font-size:13px;letter-spacing:.08em;color:#8ED8FF;margin:0 0 9px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 12px}.drawer-links a{padding:6px 0;font-size:14px}.drawer-links a[aria-current]{color:#6EA8FF}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#9098A3;padding:24px 0 0}.breadcrumbs a{color:#B8C6D8}.page-intro{padding:42px 0 35px;border-bottom:1px solid rgba(255,255,255,.12)}.page-intro h1{font-size:34px;max-width:920px;margin-bottom:15px}.page-intro p{max-width:750px;color:#AAB5C2}.article-layout{display:grid;grid-template-columns:minmax(0,810px) minmax(0,270px);gap:clamp(28px,5vw,65px);align-items:start;padding:35px 0 85px}.article-layout.wide-article{grid-template-columns:minmax(0,900px) minmax(0,230px)}.article-body,.aside-note{min-width:0}.article-section{margin-bottom:36px}.article-section h2{font-size:25px;padding-top:12px;margin:0 0 17px}.article-section p{font-size:16px;line-height:1.83;color:#C7CDD5}.article-body a:not(.visual-card a){color:#8ED8FF}.aside-note{position:sticky;top:25px;padding:23px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#12161C}.aside-note h2{font-size:19px}.aside-note p{font-size:14px;line-height:1.75}.aside-links{display:grid;gap:9px;border-top:1px solid #30353B;padding-top:16px}.aside-links a{font-size:14px;color:#8ED8FF}.related{padding:25px 0 8px;margin-top:40px;border-top:1px solid #303740}.related h2{font-size:23px}.related-links,.inline-links{display:flex;flex-wrap:wrap;gap:10px 24px}.related-links a,.inline-links a,.text-link a{color:#8ED8FF;font-size:15px}.notice{background:#12161C;border-left:3px solid #6EA8FF;padding:14px 17px;margin-bottom:26px}.table-scroll{overflow-x:auto;margin:0 0 30px;border:1px solid #2C323B;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:470px;text-align:left}td,th{padding:13px;border-bottom:1px solid #282D36;font-size:14px}th{color:#F5F7FA;background:#171C23}.steps-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.steps-strip span{border:1px solid #303B48;background:#12161C;padding:8px 13px;border-radius:8px;font-size:13px}.editorial-figure{margin:8px 0 35px;max-width:710px}.editorial-figure figcaption,.gallery-cell figcaption,.visual-card figcaption,.three-visual figcaption,.notes-grid figcaption{font-size:13px;line-height:1.7;color:#9EAAB8;padding:11px 4px}.image-frame{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden;padding:8px}.image-frame img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.image-placeholder{display:block;width:100%;height:100%;min-height:80px;border-radius:7px;background:linear-gradient(125deg,#111720,#19202A 52%,#111720)}.image-hero{height:290px}.image-feature{min-height:170px;max-height:245px}.image-feature img{max-height:230px}.image-gallery{height:195px}.image-gallery img{max-height:180px}.image-card{height:175px}.image-card img{max-height:160px}.image-device{max-width:270px;max-height:340px;min-height:240px;margin:auto}.image-device img{max-height:322px}.image-gif{height:165px}.image-gif img{max-height:148px}.image-logo{background:none;border:0;padding:0;border-radius:0;min-height:26px}.image-logo img{max-height:36px;width:auto}.knowledge-list{border-top:1px solid #303740}.knowledge-item,.map-group{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:23px 0;border-bottom:1px solid #303740}.knowledge-item h2,.map-group h2{font-size:20px;margin-bottom:10px}.knowledge-item p,.map-group p{font-size:15px}.item-number{font-size:13px;color:#6EA8FF;font-weight:700;letter-spacing:.08em}.read-next{margin-top:6px}.visual-section{padding:20px 0 5px}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.visual-card{min-width:0;margin:0;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden;padding:8px}.visual-card h3{font-size:16px;margin:0 0 8px}.visual-card p{font-size:13px;line-height:1.7}.gallery-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:12px 0 36px}.gallery-cell{margin:0;min-width:0}.gallery-cell:first-child{grid-column:span 2}.gallery-cell:first-child .image-gallery{height:240px}.faq-list details{border-bottom:1px solid #303740;padding:6px 0}.faq-list summary{padding:15px 10px 15px 0;color:#F5F7FA;font-weight:700;cursor:pointer}.faq-list details p{padding:0 18px 9px 0;font-size:15px}.hero{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);align-items:center;gap:36px;padding:58px 0 28px}.hero h1{font-size:40px;max-width:610px}.hero-copy p{font-size:16px;line-height:1.82}.hero-photo{min-width:0}.hero-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}.hero-actions a{color:#8ED8FF;font-weight:700}.home-section{margin:60px 0}.section-top{margin-bottom:24px}.section-top h2{margin:0 0 7px}.section-top p,.section-lead{max-width:790px}.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.interest-grid>a{background:#12161C;border:1px solid #29313B;padding:24px;border-radius:13px;min-width:0}.interest-grid>a:hover{background:#171C23}.interest-grid span,.dual-editorial article>span{font-size:12px;color:#8ED8FF;letter-spacing:.1em}.interest-grid h3{font-size:21px;margin:6px 0 11px}.interest-grid p{font-size:15px;line-height:1.8}.interest-grid strong{color:#8ED8FF;font-size:14px}.split-study{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:60px}.split-study>div:first-child{max-width:740px}.numbered-notes{border-top:1px solid #303740}.numbered-notes>div{padding:12px 0 18px;border-bottom:1px solid #303740}.numbered-notes span{color:#6EA8FF;font-size:12px}.numbered-notes h3{font-size:17px;margin:0 0 6px}.numbered-notes p{font-size:14px;margin-bottom:6px}.numbered-notes a{color:#8ED8FF;font-size:14px}.dual-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}.dual-editorial article{border-top:2px solid #344153;padding-top:20px}.dual-editorial h3{font-size:21px;margin-top:10px}.dual-editorial p{font-size:15px}.dual-editorial a{color:#8ED8FF}.feature-band{background:#12161C;padding:32px;border:1px solid #292F39;border-radius:13px;display:grid;grid-template-columns:1.5fr .7fr;gap:50px}.feature-band aside{border-left:1px solid #343A44;padding-left:25px}.feature-band aside a{display:block;padding:13px 0;border-bottom:1px solid #303740;color:#8ED8FF}.three-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.three-visual figure,.notes-grid figure{min-width:0;margin:0}.three-visual strong{color:#E2E7EE}.image-text,.mobile-spot{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;align-items:center}.image-text>div,.mobile-spot>div{min-width:0}.image-text .image-feature{max-height:260px}.mobile-spot{grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr)}.notes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shelf{border-top:1px solid #303740}.shelf>a{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:16px 0;border-bottom:1px solid #303740}.shelf>a span{color:#6EA8FF;font-size:13px}.shelf h3{margin:0 0 5px}.shelf p{font-size:14px;margin:0;max-width:900px}.end-band{display:flex;justify-content:space-between;align-items:end;gap:50px;border-top:1px solid #303740;padding:35px 0 65px}.end-band>div:first-child{max-width:740px}.end-band .inline-links{min-width:180px}.site-footer{background:#050608;border-top:1px solid #252C37}.footer-inner{max-width:1200px;margin:auto;padding:52px 24px 40px;display:grid;grid-template-columns:1.3fr 1.6fr .7fr;gap:45px}.footer-brand .image-logo{justify-content:flex-start;width:140px}.footer-brand h2{font-size:18px;margin:22px 0 10px}.footer-brand p{font-size:14px;max-width:310px}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;align-content:start}.footer-nav:last-child{grid-template-columns:1fr 1fr}.footer-nav h2{grid-column:1/-1;font-size:16px;margin-bottom:8px}.footer-nav a{font-size:13px;color:#AAB4C0}.footer-bottom{max-width:1200px;margin:auto;padding:18px 24px 26px;border-top:1px solid #202630;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8F98A5}.to-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border:1px solid #3A4656;border-radius:100%;background:#171C23;color:white;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.to-top.show{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:1100px){.primary-nav{gap:12px}.header-inner{gap:14px}.brand{min-width:185px}.brand-english{font-size:8px}}@media(max-width:979px){.header-inner{height:64px;position:relative;justify-content:space-between;padding:0 20px}.menu-trigger{display:block}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:125px;justify-content:center}.brand-english{display:none}.brand .image-logo img{max-height:28px;max-width:118px}.primary-nav{display:none}.enter-button{height:39px;padding:0 13px;font-size:13px}.topic-inner{padding:0 20px}.desktop-topics{display:none}.mobile-topics{display:flex;height:100%;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.mobile-topics::-webkit-scrollbar{display:none}.article-layout,.article-layout.wide-article{grid-template-columns:minmax(0,1fr)}.aside-note{position:static;max-width:none}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:24px}.hero h1{font-size:34px}}@media(max-width:767px){body{font-size:15px}.container{width:calc(100% - 40px)}.breadcrumbs{padding-top:17px}.page-intro{padding:30px 0 22px}.page-intro h1{font-size:27px}.page-intro p{font-size:15px}.article-layout{padding:24px 0 55px}.article-section h2{font-size:21px}.article-section p{font-size:15px}.home-section{margin:36px 0}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:26px 0 0;gap:23px}.hero h1{font-size:30px}.hero-copy p{font-size:15px}.image-hero{height:220px}.split-study,.dual-editorial,.image-text,.mobile-spot,.feature-band{grid-template-columns:minmax(0,1fr);gap:22px}.image-text,.mobile-spot{display:flex;flex-direction:column;align-items:stretch}.feature-band{padding:22px}.feature-band aside{padding:8px 0 0;border-left:0;border-top:1px solid #343A44}.interest-grid{grid-template-columns:minmax(0,1fr)}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid,.three-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-wall{gap:12px}.end-band{display:block}.footer-inner{padding:36px 20px;gap:27px}.footer-bottom{padding:19px 20px 28px;display:block}.footer-bottom span{display:block;margin-bottom:8px}.image-feature{max-height:190px;min-height:140px}.image-gif{height:145px}.image-gallery{height:165px}.image-card{height:150px}.image-device{max-width:220px;max-height:340px}.image-device img{max-height:322px}.image-text .image-feature{max-height:195px}.related-links{gap:9px 20px}}@media(max-width:430px){.container{width:calc(100% - 32px)}.header-inner{padding:0 16px}.topic-inner{padding:0 16px}.hero h1{font-size:28px}.image-hero{height:190px}.interest-grid>a{padding:18px}.page-intro h1{font-size:25px}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visual-card{padding:5px}.visual-card h3{font-size:15px}.visual-card p{font-size:12px}.visual-card .image-gallery{height:135px}.three-visual{grid-template-columns:1fr}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notes-grid .image-card{height:130px}.gallery-wall{grid-template-columns:1fr}.gallery-cell:first-child{grid-column:span 1}.gallery-cell:first-child .image-gallery{height:180px}.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-item,.map-group{grid-template-columns:28px minmax(0,1fr);gap:10px}.hero-actions{gap:16px}}@media(max-width:345px){.enter-button{padding:0 9px;font-size:12px}.brand .image-logo img{max-width:100px}.header-inner{padding:0 12px}.menu-trigger{width:39px}.notes-grid{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr}.visual-card .image-gallery{height:190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
