*{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:#8ED8FF;text-decoration:none}a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}h1,h2,h3{color:#F5F7FA;line-height:1.38;letter-spacing:.01em}h1{font-size:clamp(26px,3vw,35px);margin:0 0 18px}h2{font-size:clamp(21px,2.2vw,27px);margin:0 0 18px}h3{font-size:19px;margin:0 0 9px}p{margin:0 0 17px}small,.muted{color:#9098A3}.wrap{width:min(100% - 48px,1200px);margin-inline:auto}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:25}.topbar{height:76px;display:flex;align-items:center;gap:18px}.brand{width:224px;min-width:0;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-text{font-size:9px;letter-spacing:.06em;line-height:1.4;color:#9098A3}.image-shell{max-width:100%;min-width:0;background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-shell img{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.image-shell.logo{border:0;border-radius:0;background:transparent;display:inline-flex;flex:0 0 auto}.image-shell.logo img{width:auto;max-width:145px;height:auto;max-height:36px}.image-shell.placeholder{min-height:145px;background:linear-gradient(140deg,#12161C,#0D1015)}.image-shell.logo.placeholder{width:100px;min-height:28px}.main-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(10px,1.45vw,23px);flex:1;white-space:nowrap;height:100%}.main-nav a{font-size:14px;color:#C7CDD5;display:flex;align-items:center;border-bottom:2px solid transparent}.main-nav a.current,.main-nav a[aria-current]{color:#6EA8FF;border-color:#6EA8FF}.entry{background:#5C7CFA;color:white;border-radius:999px;min-height:42px;padding:8px 19px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:14px;flex-shrink:0}.entry:hover{background:#7390FF;color:white}.menu-toggle{display:none}.quick-strip{background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.quick-inner{min-width:0}.quick-desktop{display:flex;gap:28px;height:45px;align-items:center}.quick-desktop a{font-size:14px;color:#C7CDD5;white-space:nowrap}.quick-desktop a[aria-current]{color:#6EA8FF}.quick-mobile{display:none}.site-main{padding-block:34px 65px;min-height:55vh}.breadcrumb{font-size:13px;color:#9098A3;display:flex;gap:11px;flex-wrap:wrap;margin:0 0 30px}.breadcrumb a{color:#9098A3}.page-intro{max-width:820px;margin:0 0 38px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#8ED8FF;font-weight:700;text-transform:uppercase;margin-bottom:12px}.lead{font-size:17px;color:#C7CDD5;line-height:1.85}.article-layout{display:grid;grid-template-columns:minmax(0,810px) minmax(210px,1fr);gap:56px;align-items:start}.article-layout>*,.feature-split>*,.editor-grid>*{min-width:0}.article-body{max-width:820px}.article-body section{border-top:1px solid rgba(255,255,255,.09);padding-top:25px;margin:0 0 31px}.article-body section p{line-height:1.85}.section-index{border-left:1px solid rgba(255,255,255,.16);padding:0 0 0 24px;position:sticky;top:25px}.section-index h2{font-size:16px}.section-index a{display:block;font-size:14px;padding:6px 0;color:#C7CDD5}.note{border-left:2px solid #5C7CFA;padding:13px 19px;background:#12161C;margin:18px 0 24px;color:#C7CDD5}.note strong{color:#8ED8FF}.related{margin-top:42px;border-top:1px solid rgba(255,255,255,.16);padding:26px 0}.related h2{font-size:20px}.related-links{display:flex;flex-wrap:wrap;gap:12px 26px}.related-links a{border-bottom:1px solid rgba(142,216,255,.5)}.chapter-number{font-size:12px;letter-spacing:.14em;color:#6EA8FF}.reading-intro{font-size:14px;color:#9098A3}.section-pair{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:35px}.image-shell.hero-image{height:290px}.image-shell.hero-image.placeholder{min-height:290px}.image-shell.banner{max-height:245px}.image-shell.banner img{max-height:245px;width:auto}.image-shell.feature-image{max-height:245px}.image-shell.feature-image img{max-height:245px;width:auto}.image-shell.content{max-height:180px}.image-shell.content img{max-height:180px;width:auto}.image-shell.device{max-width:270px;max-height:340px}.image-shell.device img{max-height:340px;width:auto}.image-shell.gif{max-height:175px}.image-shell.gif img{max-height:175px;width:auto}.image-shell.gallery-image{min-height:140px}.image-shell.gallery-image img{width:auto;max-height:300px}.figure-note{font-size:13px;color:#9098A3;margin:8px 0 20px;line-height:1.65}.site-footer{background:#050608;padding:45px 0 20px;border-top:1px solid rgba(255,255,255,.09)}.footer-grid{display:grid;grid-template-columns:1.05fr 2fr .65fr;gap:38px}.footer-brand p{font-size:13px;margin:11px 0}.site-footer h2{font-size:16px;margin-bottom:14px}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 15px}.footer-links a,.footer-service a{display:block;color:#AEB6C1;font-size:13px}.footer-service a{margin-bottom:8px}.legal{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:16px;font-size:12px;color:#9098A3}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,390px);z-index:31;background:#0D1015;overflow-y:auto;padding:20px;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;border-right:1px solid rgba(255,255,255,.16)}body.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open .drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-head button{font-size:27px;background:transparent;color:white;border:1px solid rgba(255,255,255,.16);border-radius:8px;width:40px;height:40px}.drawer-group{border-top:1px solid rgba(255,255,255,.09);padding:15px 0}.drawer-group h2{font-size:14px;color:#8ED8FF;margin:0 0 10px}.drawer-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.drawer-group a{color:#C7CDD5;font-size:14px;padding:6px 0}.back-top{position:fixed;right:18px;bottom:20px;width:43px;height:43px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#171C23;color:#F5F7FA;z-index:20;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:38px;align-items:center;padding:14px 0 42px;border-bottom:1px solid rgba(255,255,255,.09)}.home-hero h1{font-size:clamp(27px,3.35vw,42px)}.home-hero .lead{font-size:16px}.text-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.text-actions a{border-bottom:1px solid #6EA8FF}.home-section{margin:56px 0}.section-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}.section-heading .index-mark{color:#6EA8FF;font-size:13px;letter-spacing:.1em}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editor-tile{border-top:1px solid rgba(255,255,255,.16);padding:18px 7px 4px 0}.editor-tile p{font-size:15px}.editor-tile h3 a{color:#F5F7FA}.feature-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:42px;align-items:start}.feature-split.reverse{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr)}.feature-panel{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:25px}.feature-panel p:last-child{margin-bottom:0}.number-list{counter-reset:num}.number-list>div{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:35px 1fr;gap:14px}.number-list>div:before{counter-increment:num;content:counter(num,decimal-leading-zero);color:#6EA8FF;font-size:13px}.number-list a{display:block;font-weight:700}.number-list p{font-size:14px;margin:3px 0}.three-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.three-images figure,.visual-notes figure,.image-grid figure{margin:0;min-width:0}.visual-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.visual-notes figure:nth-child(even){padding-top:22px}.text-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px}.text-shelf>div{border-top:1px solid rgba(255,255,255,.09);padding:17px 0}.text-shelf a{font-weight:700}.text-shelf p{font-size:14px;margin:5px 0}.reading-band{background:#12161C;padding:22px;border-left:2px solid #7775FF}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid.gallery-wide figure:nth-child(5n+1){grid-column:span 2}.gallery-grid figure .image-shell{padding:8px}.gallery-grid figcaption{padding:12px 0}.gallery-grid figcaption strong{display:block;color:#F5F7FA;margin-bottom:5px}.gallery-grid figcaption p{font-size:14px;color:#AEB6C1;line-height:1.75}.group-heading{border-top:1px solid rgba(255,255,255,.16);padding-top:25px;margin:36px 0 22px}.faq-list{max-width:850px}.faq-list details{border-bottom:1px solid rgba(255,255,255,.12);padding:14px 2px}.faq-list summary{cursor:pointer;font-weight:700;color:#F5F7FA;padding:6px 0}.faq-list details p{padding:13px 16px 2px;margin:0}.comparison{border-collapse:collapse;width:100%;margin:25px 0 34px;font-size:14px}.comparison th,.comparison td{padding:14px;text-align:left;border:1px solid rgba(255,255,255,.13);vertical-align:top}.comparison th{background:#171C23;color:#F5F7FA}.step-layout .article-body section{counter-increment:steps}.step-layout .article-body section h2:before{content:counter(steps,decimal-leading-zero) ' / ';color:#6EA8FF;font-size:14px}.step-layout{counter-reset:steps}.compact-articles>article{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);max-width:870px}.compact-articles h2{font-size:21px}.service-panel{background:#12161C;padding:24px;border-radius:13px}.section-divider{border:0;border-top:1px solid rgba(255,255,255,.09);margin:42px 0}body{overflow-wrap:break-word}figure{min-width:0}
@media(max-width:1099px){.main-nav{gap:10px}.brand{width:190px}.brand-text{font-size:8px}}
@media(max-width:979px){.wrap{width:calc(100% - 40px)}.topbar{height:64px;justify-content:space-between;position:relative}.menu-toggle{display:flex;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:8px;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px}.menu-toggle span{display:block;width:18px;height:2px;background:#F5F7FA}.brand{position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:140px;justify-content:center}.brand-text{display:none}.image-shell.logo img{max-height:28px;max-width:110px}.main-nav{display:none}.entry{margin-left:auto;min-height:39px;padding-inline:14px}.quick-desktop{display:none}.quick-mobile{display:flex;overflow-x:auto;gap:26px;white-space:nowrap;height:43px;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.quick-mobile::-webkit-scrollbar{display:none}.quick-mobile a{color:#C7CDD5;font-size:14px;flex-shrink:0}.article-layout{grid-template-columns:1fr;gap:20px}.section-index{position:static;display:none}.footer-grid{grid-template-columns:1fr 2fr;gap:30px}.footer-grid>div:last-child{grid-column:1/-1}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.site-main{padding-top:23px}.home-hero{grid-template-columns:1fr;gap:20px}.home-hero>div:first-child{order:2}.home-hero>div:last-child{order:1}.home-section{margin:34px 0}.feature-split,.feature-split.reverse,.section-pair{grid-template-columns:1fr;gap:20px}.three-images{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-notes figure:nth-child(even){padding-top:0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid.gallery-wide figure:nth-child(5n+1){grid-column:auto}.image-shell.hero-image{height:235px}.image-shell.hero-image.placeholder{min-height:235px}.image-shell.feature-image{max-height:185px}.image-shell.feature-image img{max-height:185px}.image-shell.content{max-height:155px}.image-shell.content img{max-height:155px}.image-shell.banner{max-height:145px}.image-shell.banner img{max-height:145px}.image-shell.gif{max-height:145px}.image-shell.gif img{max-height:145px}.image-shell.device{max-width:220px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.legal{flex-direction:column}.feature-panel{padding:18px}}
@media(max-width:479px){.wrap{width:calc(100% - 32px)}.brand{max-width:100px}.image-shell.logo img{max-width:92px}.entry{padding-inline:11px;font-size:12px}.home-hero h1{font-size:28px}.image-shell.hero-image{height:190px}.image-shell.hero-image.placeholder{min-height:190px}.editor-grid,.text-shelf{grid-template-columns:1fr}.three-images,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.three-images .figure-note{font-size:12px}.gallery-grid figcaption p{font-size:13px}.image-shell.content{max-height:135px}.image-shell.content img{max-height:135px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison{font-size:12px}.comparison th,.comparison td{padding:8px}}
@media(max-width:350px){.gallery-grid{grid-template-columns:1fr}.brand{max-width:90px}.image-shell.logo img{max-width:78px}.entry{padding-inline:10px}.quick-mobile{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}