*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}h1,h2,h3{color:#F5F7FA;line-height:1.38;letter-spacing:.015em}h1{font-size:35px;margin:0 0 20px}h2{font-size:26px}h3{font-size:20px}p{margin:0 0 17px}img{display:block;max-width:100%;height:auto}figure{margin:0}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}.site-header{position:relative;z-index:30;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.nav-main{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;max-width:240px}.brand small{font-size:9px;letter-spacing:1px;line-height:1.35;color:#9098A3;max-width:88px}.media-frame{background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-frame img{display:block;object-fit:contain;object-position:center center;max-width:100%;max-height:100%;width:auto;height:auto}.brand-image{background:none;border:0;border-radius:0;min-width:0;max-width:135px;max-height:36px;overflow:visible}.brand-image img{height:36px;width:auto;max-width:135px;object-fit:contain}.brand-image.media-missing{width:125px;height:36px}.brand-image.media-missing span{font-size:11px}.desktop-nav{display:flex;gap:clamp(12px,1.5vw,24px);align-items:center;justify-content:center;flex:1;white-space:nowrap}.desktop-nav a{font-size:14px;line-height:76px;position:relative;color:#D1D8E1}.desktop-nav a.active{color:#6EA8FF}.desktop-nav a.active:after{content:"";height:2px;position:absolute;bottom:17px;left:0;right:0;background:#6EA8FF}.entry-btn{border-radius:999px;background:#5C7CFA;color:white;white-space:nowrap;min-height:42px;padding:7px 21px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.entry-btn:hover{color:#fff;background:#7390FF}.menu-toggle{display:none;width:40px;height:40px;border:1px solid #303945;background:#12161C;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:#f5f7fa;border-radius:2px}.quick-strip{background:#10141A;border-bottom:1px solid rgba(255,255,255,.08)}.quick-inner{min-width:0}.desktop-quick{min-height:44px;display:flex;align-items:center;gap:28px;white-space:nowrap}.desktop-quick a{font-size:13px;color:#AAB4C0}.mobile-quick{display:none}.main-content{padding-top:28px;padding-bottom:75px}.breadcrumbs{color:#9098A3;font-size:13px;margin-bottom:36px}.breadcrumbs span{padding:0 10px;color:#556070}.section-label{font-size:12px;color:#8ED8FF;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:11px}.page-intro{max-width:910px;margin-bottom:46px}.page-intro p{font-size:17px;color:#B9C3CF;max-width:820px}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:52px;align-items:start}.article-shell article{min-width:0;max-width:820px}.article-section{padding:28px 0 35px;border-top:1px solid rgba(255,255,255,.1)}.article-section h2{margin:0 0 18px}.article-section p{line-height:1.85}.toc{position:sticky;top:20px;background:#10141A;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:13px}.toc strong{display:block;color:#F5F7FA;margin-bottom:12px}.toc a{display:block;color:#ACB7C5;padding:6px 0;font-size:13px;line-height:1.5}.toc a:hover{color:#8ED8FF}.related{border-top:1px solid rgba(255,255,255,.12);padding-top:32px;margin-top:45px}.related h2{margin:0 0 20px}.link-chips{display:flex;flex-wrap:wrap;gap:10px}.link-chips a{border:1px solid #303945;border-radius:999px;padding:7px 16px;font-size:14px;background:#12161C}.media-block{max-width:780px;margin:24px 0 40px}.media-block .media-frame{height:245px}.media-frame.hero-media{height:300px}.media-frame.tile-media{height:165px}.media-frame.feature-media{height:225px}.media-frame.device-media{width:min(270px,100%);height:340px;margin:auto}.media-frame.gif-media{height:165px}.media-missing{color:#748193;font-size:13px;min-height:110px}.media-missing span{padding:12px;text-align:center}.image-caption{color:#9098A3;font-size:13px;line-height:1.6;margin:12px 0 0}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:center;background:linear-gradient(110deg,#111720,#0D1015);padding:28px;border:1px solid #222D39;border-radius:18px;margin-bottom:54px}.hero h1{font-size:41px}.hero p{font-size:16px}.hero .hero-media{height:290px}.text-action{color:#8ED8FF;font-weight:600;display:inline-flex;gap:6px;align-items:center;margin-right:22px;font-size:14px}.home-section{margin:50px 0}.home-section>h2{margin:0 0 22px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.feature-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:34px;align-items:start}.feature-columns.reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.feature-columns>*{min-width:0}.editorial{padding:26px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px}.editorial h3{margin:0 0 10px}.editorial p:last-child{margin-bottom:0}.index-tile{border-top:1px solid #303945;padding:22px 8px}.index-tile strong{font-size:19px;color:#F5F7FA;display:block;margin-bottom:10px}.index-tile p{font-size:15px}.number-links{counter-reset:chapter}.number-links a{display:block;border-bottom:1px solid #252c35;padding:15px 4px;color:#C7CDD5}.number-links a:before{counter-increment:chapter;content:counter(chapter,decimal-leading-zero) ' / ';color:#6EA8FF;margin-right:12px}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.image-card{min-width:0;border:1px solid #262E38;background:#12161C;border-radius:14px;padding:16px}.image-card h3{font-size:18px;margin:14px 0 8px}.image-card p{font-size:14px;line-height:1.75;color:#ABB5C1}.image-card .tile-media{height:168px}.image-card .media-frame img{max-height:100%}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.gallery-card{background:#12161C;border:1px solid #262E38;border-radius:14px;padding:17px;min-width:0}.gallery-card .media-frame{height:240px}.gallery-card h2{font-size:19px}.gallery-card p{font-size:14px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-item{border:1px solid #27313c;border-radius:13px;padding:22px;background:#12161C}.topic-item h2{font-size:21px;margin:0 0 10px}.topic-item p{font-size:15px}.compare-table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14px}.compare-table th,.compare-table td{padding:13px;border-bottom:1px solid #323A46;text-align:left}.compare-table th{color:#F5F7FA;background:#161C24}.faq-item{background:#12161C;border:1px solid #303945;border-radius:10px;margin:0 0 12px;padding:16px 20px}.faq-item summary{color:#F5F7FA;font-size:16px;font-weight:600;cursor:pointer}.faq-item p{margin:15px 0 0}.service-note{background:#12161C;border-left:3px solid #6EA8FF;padding:18px 22px;margin-top:35px;font-size:14px}.site-footer{background:#050608;border-top:1px solid #242A32;padding-top:45px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:44px}.footer-grid h2{font-size:17px;margin:0 0 18px}.footer-grid p{font-size:13px;color:#9098A3}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.footer-links a{font-size:13px}.footer-bottom{margin-top:40px;padding-block:17px;display:flex;gap:24px;justify-content:space-between;border-top:1px solid #262B33;color:#9098A3;font-size:12px}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:45;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.site-drawer{position:fixed;left:0;top:0;bottom:0;z-index:46;background:#0D1015;border-right:1px solid #303945;width:min(390px,86vw);overflow-y:auto;padding:22px 24px;transform:translateX(-101%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}.drawer-backdrop.is-open{visibility:visible;pointer-events:auto;opacity:1}.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #27303B}.close-btn{background:#171C23;border:1px solid #303945;color:#fff;font-size:24px;line-height:1;width:40px;height:40px;border-radius:10px}.drawer-group{margin:24px 0}.drawer-group h2{color:#8ED8FF;font-size:14px;margin:0 0 12px}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.drawer-grid a{font-size:14px;padding:6px 0}.back-to-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;background:#5C7CFA;border:0;border-radius:50%;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.back-to-top.visible{opacity:1;pointer-events:auto}blockquote{margin:24px 0;border-left:3px solid #6EA8FF;padding:8px 23px;color:#D5DDE7;background:#12161C}@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.brand small{display:none}}@media(max-width:979px){.nav-main{height:64px;justify-content:space-between;position:relative}.menu-toggle{display:flex}.brand{position:absolute;left:50%;transform:translateX(-50%);max-width:110px}.brand-image,.brand-image img{max-height:28px;max-width:105px;height:28px}.brand-image.media-missing{height:28px;width:100px}.desktop-nav,.desktop-quick{display:none}.entry-btn{min-height:40px;padding:6px 14px}.quick-inner{width:100%}.mobile-quick{display:flex;align-items:center;gap:25px;overflow-x:auto;white-space:nowrap;padding:10px 20px;scrollbar-width:none;min-width:0}.mobile-quick::-webkit-scrollbar{display:none}.mobile-quick a{font-size:13px;flex:0 0 auto}.article-shell{grid-template-columns:minmax(0,1fr)}.toc{position:static;order:-1}.footer-grid{gap:22px}}@media(max-width:767px){.container{width:calc(100% - 32px)}body{font-size:15px}.main-content{padding-top:21px;padding-bottom:45px}.hero{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px}.hero .hero-media{height:195px;order:-1}.hero h1{font-size:29px}.hero p,.page-intro p{font-size:15px}.page-intro{margin-bottom:30px}h1{font-size:26px}h2{font-size:21px}h3{font-size:18px}.home-section{margin:32px 0}.two-col,.feature-columns,.feature-columns.reverse,.topic-grid,.gallery-grid{grid-template-columns:minmax(0,1fr);gap:17px}.feature-columns .media-frame{max-width:100%}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-card{padding:10px}.image-card .tile-media{height:140px}.image-card h3{font-size:16px}.image-card p{font-size:13px}.media-frame.feature-media{height:185px}.media-frame.gif-media{height:130px}.media-frame.device-media{width:min(220px,100%);height:340px}.media-block .media-frame{height:185px}.gallery-card .media-frame{height:185px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.editorial{padding:18px}.article-section{padding:24px 0}.breadcrumbs{margin-bottom:20px}}@media(max-width:359px){.entry-btn{padding:6px 10px;font-size:12px}.brand-image,.brand-image img{max-width:94px}.image-grid{grid-template-columns:1fr}.site-drawer{padding:16px}.drawer-grid a{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}