*{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;overflow-wrap:break-word}button,a{font:inherit}button{cursor:pointer}a{color:#8ED8FF;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}h1,h2,h3{color:#F5F7FA;line-height:1.4;margin:0 0 20px;font-weight:700}h1{font-size:34px;letter-spacing:-.025em}h2{font-size:26px}h3{font-size:19px}p{margin:0 0 17px}figure{margin:0}.container{max-width:1200px;padding:0 24px;margin:0 auto;min-width:0}.skip-link{position:absolute;z-index:200;top:-80px;background:#10141A;padding:10px}.skip-link:focus{top:0}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:30}.header-inner{min-height:76px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;min-width:210px;max-width:245px;color:#9098A3;text-decoration:none}.brand-en{font-size:10px;line-height:1.4;letter-spacing:.09em;max-width:105px}.logo-figure{display:flex;align-items:center;border:0;background:transparent;flex:none;max-height:36px}.logo-figure img{width:auto;height:auto;max-height:36px;max-width:115px;object-fit:contain}.logo-figure .image-placeholder{width:100px;height:33px;min-height:0;border:1px solid #2c3442}.desktop-nav{display:flex;gap:clamp(10px,1.5vw,24px);align-items:center;white-space:nowrap;margin-left:auto}.desktop-nav a{text-decoration:none;color:#C7CDD5;font-size:14px;position:relative;padding:23px 0}.desktop-nav a:hover,.desktop-nav a.active{color:#6EA8FF}.desktop-nav a.active:after{content:'';position:absolute;bottom:16px;left:0;right:0;height:2px;background:#6EA8FF}.entry-button{text-decoration:none;white-space:nowrap;color:white!important;background:#5C7CFA;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 19px;font-size:14px;margin-left:10px}.entry-button:hover{background:#7390FF}.menu-toggle{display:none;border:1px solid #313945;border-radius:10px;width:40px;height:40px;flex:none;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;background:#fff;width:18px;height:2px}.quick-band{background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.quick-inner{min-height:44px;display:flex;align-items:center;gap:30px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:13px;text-decoration:none;color:#9AA4B3}.quick-inner a:hover,.quick-inner a.active{color:#6EA8FF}.main-content{padding-top:34px;padding-bottom:76px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#9098A3;margin-bottom:35px}.breadcrumbs a{color:#9FA9B8;text-decoration:none}.hero-intro{max-width:850px;margin-bottom:42px}.eyebrow,.kicker{display:block;color:#8ED8FF;letter-spacing:.13em;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:13px}.hero-intro p{max-width:790px;font-size:17px}.content-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(0,1fr);gap:50px;align-items:start}.article-column{min-width:0}.story-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;margin:0 0 37px;padding:0 0 34px;border-bottom:1px solid rgba(255,255,255,.09)}.story-label{color:#6EA8FF;font-size:14px;letter-spacing:.08em;padding-top:6px}.story-body h2{margin-bottom:17px}.story-body p{font-size:16px}.secondary-note{border-left:2px solid #5C7CFA;padding:8px 0 8px 17px;color:#ADB9C7;background:linear-gradient(90deg,rgba(92,124,250,.06),transparent)}.reading-aside{border-top:2px solid #5C7CFA;padding-top:20px;position:sticky;top:24px}.reading-aside h2{font-size:18px}.reading-aside a{display:block;margin:12px 0;font-size:14px;color:#9EACBE;text-decoration:none}.related{margin:45px 0 0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.16)}.related h2{font-size:23px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a,.text-link{display:inline-flex;text-decoration:none;border:1px solid rgba(255,255,255,.16);padding:7px 14px;border-radius:999px;font-size:14px;color:#C7CDD5}.related-links a:hover,.text-link:hover{border-color:#5C7CFA;color:white}.image-shell{min-width:0;max-width:100%;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#0D1015;padding:10px;overflow:hidden}.image-shell img{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.image-placeholder{height:100%;min-height:120px;width:100%;background:linear-gradient(145deg,#171C23,#10141A);border-radius:8px}.image-shell figcaption{padding:12px 4px 2px;color:#9098A3;font-size:13px;line-height:1.6}.image-hero{height:290px;display:flex;flex-direction:column;justify-content:center}.image-hero img{height:auto;max-height:100%}.image-standard{max-height:290px}.image-standard img{max-height:220px;width:auto;max-width:100%;margin:auto}.image-device{max-width:270px;margin:auto;max-height:390px}.image-device img{max-height:340px}.image-gif{max-height:220px}.image-gif img{max-height:175px;width:auto;margin:auto}.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center;margin:30px 0 55px}.feature-row>*{min-width:0}.feature-row .image-shell{max-height:none}.feature-row .image-shell img{max-height:245px;width:auto;margin:auto}.visual-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 42px}.visual-stack .image-shell img{max-height:180px;width:auto;margin:auto}.visual-stack h3{font-size:16px;margin:12px 0 7px}.visual-stack p{font-size:14px}.comparison{width:100%;border-collapse:collapse;margin:28px 0 38px;font-size:14px}.comparison th,.comparison td{text-align:left;padding:14px;border-bottom:1px solid #2C3340;vertical-align:top}.comparison th{color:#fff;background:#171C23}.qa-list{display:grid;gap:18px}.qa-card{border-left:2px solid #6EA8FF;background:#12161C;padding:19px 22px}.qa-card h2{font-size:21px}.timeline .story-label{width:10px;height:10px;border-radius:100%;font-size:0;background:#6EA8FF;margin:9px auto 0}.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.index-item{border-top:1px solid #354050;padding:21px 5px}.index-item .num{font-size:12px;color:#6EA8FF}.index-item h2{font-size:20px;margin:8px 0}.index-item p{font-size:15px}.index-item a{text-decoration:none}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.gallery-item{min-width:0}.gallery-item .image-shell{min-height:185px}.gallery-item .image-shell img{max-height:190px;width:auto;margin:auto}.gallery-item h2{font-size:18px;margin:14px 0 6px}.gallery-item p{font-size:14px}.gallery-item.wide{grid-column:span 2}.gallery-item.wide .image-shell img{max-height:240px}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-item{background:#12161C;padding:23px;border:1px solid #262B33;border-radius:12px}.category-item h2{font-size:22px}.category-item p{font-size:15px}.category-item .related-links{margin-top:14px}.faq-list details{border-bottom:1px solid #303740;padding:17px 3px}.faq-list summary{font-size:18px;font-weight:700;color:#F5F7FA;cursor:pointer}.faq-list details p{margin:12px 0 4px;max-width:820px}.site-footer{background:#050608;border-top:1px solid #262B33;padding-top:53px}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:54px}.footer-brand p{max-width:280px;font-size:14px;margin-top:16px}.site-footer h2{font-size:16px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.footer-links a{font-size:13px;color:#9098A3;text-decoration:none}.copyright{margin-top:40px;padding-top:20px;padding-bottom:23px;border-top:1px solid #242a32;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:#9098A3}.back-top{position:fixed;right:20px;bottom:22px;z-index:12;width:42px;height:42px;border:1px solid #556175;border-radius:50%;background:#12161C;color:white;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.site-drawer{position:fixed;inset:0 auto 0 0;width:min(390px,86vw);padding:20px;z-index:41;background:#0D1015;overflow-y:auto;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s}.drawer-open{overflow:hidden}.drawer-open .site-drawer{transform:none;visibility:visible;pointer-events:auto}.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2C3440;padding-bottom:14px}.drawer-close{color:white;background:none;border:0;font-size:30px}.drawer-group{padding:19px 0;border-bottom:1px solid #252B33}.drawer-group h2{font-size:14px;color:#8ED8FF}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.drawer-links a{color:#C7CDD5;text-decoration:none;font-size:14px;padding:4px 0}.home-cover{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:38px;margin-bottom:58px}.home-cover h1{font-size:42px}.home-cover p{font-size:16px}.home-cover .cover-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.home-section{margin:45px 0 55px}.home-section>h2{margin-bottom:25px}.lead{max-width:820px;font-size:17px}.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.interest-card{border-top:2px solid #2F446E;padding:20px 20px 12px;background:#12161C}.interest-card h3{font-size:21px}.interest-card p{font-size:15px}.interest-card a{text-decoration:none}.split-editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px}.split-editor>*{min-width:0}.editor-aside{padding-left:20px;border-left:1px solid #354050}.editor-aside a{display:block;margin:12px 0}.double-article{display:grid;grid-template-columns:1fr 1fr;gap:34px}.double-article article{border-top:1px solid #354050;padding-top:21px}.home-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.home-index article{padding:13px 0;border-bottom:1px solid #313945}.home-index h3{font-size:18px;margin:0 0 8px}.home-index p{font-size:14px}.service-band{background:#12161C;padding:25px;border-left:2px solid #5C7CFA}.service-band p{font-size:14px}@media(max-width:1099px){.desktop-nav{gap:11px}.brand{min-width:165px}.brand-en{display:none}}@media(max-width:979px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{min-height:63px;justify-content:space-between;position:relative}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:120px}.logo-figure img{max-height:28px;max-width:105px}.entry-button{margin:0;min-height:39px;padding:0 12px;font-size:13px}.quick-inner{gap:23px}.content-layout{grid-template-columns:minmax(0,1fr)}.reading-aside{position:static;display:none}.footer-grid{gap:25px}}@media(max-width:767px){.container{padding-left:20px;padding-right:20px}.feature-row,.home-cover,.split-editor,.double-article{grid-template-columns:1fr}.home-cover .image-hero{order:-1}.feature-row .image-shell{order:-1}.home-section{margin:32px 0 38px}.main-content{padding-top:24px;padding-bottom:50px}.hero-intro{margin-bottom:28px}.visual-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin:7px 0}.home-cover h1{font-size:31px}.image-hero{height:230px}.home-index{grid-template-columns:1fr}}@media(max-width:480px){.container{padding-left:16px;padding-right:16px}.header-inner{padding-left:12px;padding-right:12px}.brand{max-width:95px}.logo-figure img{max-width:92px}.menu-toggle{width:40px;height:40px}.entry-button{padding:0 10px}.quick-inner{gap:21px}.quick-inner a{font-size:13px}.home-cover h1{font-size:29px}.hero-intro h1{font-size:26px}.hero-intro p{font-size:15px}.story-section{grid-template-columns:28px minmax(0,1fr);gap:9px;margin-bottom:27px;padding-bottom:25px}.story-label{font-size:12px}.story-body h2{font-size:21px}.story-body p{font-size:15px}.interest-grid,.category-list,.index-list{grid-template-columns:1fr}.visual-stack,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item.wide{grid-column:span 2}.gallery-item h2{font-size:16px}.gallery-item .image-shell{min-height:125px}.gallery-item .image-shell img{max-height:155px}.feature-row{gap:20px}.image-hero{height:190px}.image-standard img{max-height:155px}.image-device{max-width:220px}.image-device img{max-height:340px}.image-gif img{max-height:145px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-links{grid-template-columns:1fr}.comparison{font-size:12px}.comparison th,.comparison td{padding:9px 6px}}@media(max-width:350px){.brand{max-width:83px}.logo-figure img{max-width:80px}.entry-button{font-size:12px;padding:0 9px}.gallery-grid{grid-template-columns:1fr}.gallery-item.wide{grid-column:span 1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}