*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width: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:#F5F7FA}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(27px,3.4vw,40px);margin:.3em 0 .55em}h2{font-size:clamp(21px,2.3vw,27px);margin:0 0 16px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 17px}figure{margin:0;min-width:0;max-width:100%}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}figcaption{font-size:13px;line-height:1.7;color:#9098A3;padding:10px 3px 0}button{font:inherit;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #29303a;vertical-align:top}th{color:#F5F7FA;background:#171C23}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:14px;top:-100px;z-index:90;background:#12161C;padding:10px}.skip:focus{top:10px}.topbar{height:76px;background:rgba(8,10,13,.96);border-bottom:1px solid #232832}.top-inner{height:100%;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:22px;position:relative}.brand{display:flex;align-items:center;gap:9px;flex:0 0 219px;min-width:0;color:#F5F7FA}.brand-image,.drawer-logo,.footer-logo{border:0;background:none}.brand-image img{width:auto;max-width:120px;max-height:36px}.brand-copy{font-size:10px;line-height:1.3;letter-spacing:.1em;color:#9098A3;max-width:105px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,22px);flex:1;white-space:nowrap}.primary-nav a{font-size:14px;color:#C7CDD5;padding:25px 0 21px;border-bottom:2px solid transparent}.primary-nav a.active,.primary-nav a:hover{color:#6EA8FF;border-color:#6EA8FF}.entry{flex:none;background:#5C7CFA;color:white;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:42px;font-size:14px;white-space:nowrap}.entry:hover{color:white;background:#7390FF}.menu-trigger{display:none;border:1px solid #29313c;background:#12161C;color:#fff;border-radius:10px;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-trigger span{display:block;width:18px;height:2px;background:#F5F7FA}.quickband{height:44px;background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.quick-inner{height:100%;display:flex;align-items:center;gap:28px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:14px;color:#C7CDD5}.quick-inner a:hover,.quick-inner a.active{color:#6EA8FF}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:60;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.drawer{position:fixed;inset:0 auto 0 0;background:#0D1015;width:min(390px,86vw);z-index:70;padding:22px;overflow-y:auto;visibility:hidden;pointer-events:none;transform:translateX(-100%);transition:transform .22s,visibility .22s}.drawer.open,.drawer-overlay.open{visibility:visible;pointer-events:auto;opacity:1}.drawer.open{transform:translateX(0)}.nav-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #28303c;padding-bottom:20px}.drawer-logo img{max-height:35px;width:auto;max-width:170px}.drawer-close{background:#171C23;border:1px solid #323947;border-radius:10px;width:38px;height:38px;color:#fff;font-size:27px;line-height:1}.drawer-group{border-bottom:1px solid #252a33;padding:16px 0}.drawer-group h2{font-size:14px;color:#8ED8FF;margin:0 0 10px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.drawer-links a{font-size:14px;color:#C7CDD5;padding:6px 0}.main-content{padding-block:38px 70px}.breadcrumbs{font-size:13px;color:#9098A3;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.breadcrumbs a{color:#C7CDD5}.page-lead{max-width:860px;margin:0 0 40px}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8ED8FF}.lead{font-size:17px;line-height:1.8;max-width:790px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(190px,1fr);gap:56px;align-items:start}.article-body{min-width:0}.article-section{border-top:1px solid #343a43;padding:32px 0 27px;max-width:850px}.article-section h2{margin-bottom:18px}.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}.related-links strong{font-size:12px;letter-spacing:.06em;color:#9098A3;margin-right:4px}.related-links a,.textlink{font-size:14px;border-bottom:1px solid #53667c}.side-index{position:sticky;top:28px;background:#12161C;border:1px solid #252e38;padding:22px;border-radius:13px}.side-index h2{font-size:17px}.side-index a{display:block;padding:6px 0;color:#C7CDD5;font-size:14px}.image-frame{background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:13px;min-width:0;max-width:100%;margin:24px 0}.image-frame img{max-height:240px;margin:auto;width:auto;max-width:100%}.image-placeholder{background:linear-gradient(130deg,#111923,#18212e);border:1px dashed #303948;min-height:140px;min-width:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.hero-image img{max-height:245px}.hero-image .image-placeholder{min-height:210px}.device-image{max-width:270px;margin-inline:auto}.device-image img{max-height:340px}.device-image .image-placeholder{min-height:250px}.gif-image img{max-height:175px}.gif-image .image-placeholder{min-height:110px}.mini-image img{max-height:170px}.mini-image .image-placeholder{min-height:120px}.section-gap{margin-top:54px}.editor-row{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:35px;align-items:center}.editor-row>*{min-width:0}.editor-row .image-frame{margin:0}.editor-row.reverse{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.editor-tile{border-top:1px solid #3b4552;padding:20px 8px 18px 0;min-width:0}.editor-tile h3{margin-top:9px}.editor-tile p{font-size:15px}.note-box{padding:23px;background:#12161C;border:1px solid #28303b;border-radius:13px}.split-articles{display:grid;grid-template-columns:1fr 1fr;gap:45px}.numbered a{display:block;border-bottom:1px solid #2b333d;padding:13px 0}.image-observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.observation{min-width:0;border-top:1px solid #303846;padding-top:10px}.observation .image-frame{margin:0 0 12px}.observation p{font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid .image-frame{margin:0;height:100%}.gallery-grid img{max-height:260px}.gallery-grid .image-placeholder{min-height:180px}.gallery-grid .wide{grid-column:span 2}.knowledge-index{counter-reset:topics}.knowledge-entry{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;border-top:1px solid #323b45;padding:20px 0}.knowledge-entry:before{counter-increment:topics;content:counter(topics,decimal-leading-zero);font-size:18px;color:#8ED8FF}.knowledge-entry h2{font-size:20px;margin-bottom:7px}.knowledge-entry p{font-size:15px}.feature-table{margin:20px 0 32px;overflow-x:auto}.feature-table table{min-width:440px}.detail-list details{border-top:1px solid #303744;padding:16px 2px}.detail-list details:last-child{border-bottom:1px solid #303744}.detail-list summary{font-size:17px;color:#F5F7FA;cursor:pointer;font-weight:bold}.detail-list p{padding-top:12px;max-width:800px}.service-note{border-top:1px solid #303846;padding-top:24px;margin-top:40px;font-size:14px;color:#9098A3}.site-footer{background:#050608;border-top:1px solid #20242b;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1.6fr .55fr;gap:38px}.footer-brand strong{display:block;margin:12px 0;color:#F5F7FA;font-size:15px}.footer-logo img{width:auto;max-height:34px;max-width:155px}.footer-brand p{font-size:13px}.site-footer h2{font-size:15px;margin-bottom:12px}.footer-linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px}.site-footer a{font-size:13px;color:#AAB3BF}.footer-service a{display:block}.footer-bottom{border-top:1px solid #232833;padding-top:18px;margin-top:35px;font-size:12px;display:flex;gap:22px;justify-content:space-between;color:#9098A3}#backtop{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;border:1px solid #4f6174;background:#12161C;color:#F5F7FA;opacity:0;pointer-events:none}#backtop.visible{opacity:1;pointer-events:auto}.meta-label{color:#8ED8FF;font-size:13px}.longform{max-width:820px}.longform .article-section{max-width:100%}@media(max-width:1100px){.top-inner{gap:12px}.brand{flex-basis:165px}.brand-copy{display:none}.primary-nav{gap:13px}.primary-nav a{font-size:13px}}@media(max-width:979px){.topbar{height:64px}.top-inner{justify-content:space-between}.menu-trigger{display:flex}.brand{position:absolute;left:50%;transform:translateX(-50%);display:block;flex:auto;width:auto;max-width:120px}.brand-image img{max-height:28px;max-width:118px}.primary-nav{display:none}.entry{height:40px;padding:0 14px}.quick-inner{gap:21px}.article-layout{grid-template-columns:minmax(0,1fr)}.side-index{position:static;display:none}.footer-grid{grid-template-columns:1fr 1.7fr}.footer-service{grid-column:1/-1}.footer-service a{display:inline-block;margin-right:15px}}@media(max-width:767px){.container{width:calc(100% - 32px)}.top-inner{padding-inline:16px}.main-content{padding-block:25px 42px}.section-gap{margin-top:36px}.editor-row,.editor-row.reverse,.split-articles{grid-template-columns:1fr;gap:19px}.editor-grid{grid-template-columns:1fr}.image-observations{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .wide{grid-column:auto}.hero-image img{max-height:145px}.hero-image .image-placeholder{min-height:145px}.image-frame img{max-height:185px}.mini-image img{max-height:155px}.gif-image img{max-height:145px}.device-image{max-width:220px}.device-image img{max-height:340px}.lead{font-size:16px}.article-section{padding:25px 0 22px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-linkgrid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:5px}}@media(max-width:430px){.brand-image img{max-width:96px;max-height:28px}.entry{padding:0 12px;font-size:12px}.top-inner{padding-inline:12px}.menu-trigger{width:40px;flex:none}.image-observations{grid-template-columns:1fr 1fr;gap:10px}.observation p{font-size:13px}.gallery-grid{grid-template-columns:1fr}.knowledge-entry{grid-template-columns:32px minmax(0,1fr);gap:10px}}@media(max-width:350px){.brand-image img{max-width:82px}.entry{padding:0 10px}.image-observations{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
