*{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:#F5F7FA}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}h1,h2,h3{color:#F5F7FA;line-height:1.38;letter-spacing:.015em}h1{font-size:34px;line-height:1.32;margin:0 0 22px}h2{font-size:26px;margin:0 0 18px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 17px}small,.eyebrow,.muted{color:#9098A3}.eyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;display:block;margin-bottom:12px}.site-head{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:10}.head-core{height:76px;display:flex;align-items:center;gap:22px}.brand{width:224px;flex:0 0 224px;color:#F5F7FA;display:flex;align-items:center;gap:9px;min-width:0}.brand small{font-size:9px;letter-spacing:.02em;white-space:nowrap}.brand-word{font-size:22px;font-weight:800;white-space:nowrap}.brand .media,.footer-brand .media{margin:0;padding:0;border:0;background:transparent;flex:0 0 auto}.brand .media img{max-height:36px;width:auto;max-width:120px}.brand .media figcaption,.footer-brand .media figcaption{display:none}.desktop-nav{display:flex;gap:clamp(12px,1.45vw,24px);align-items:center;justify-content:center;flex:1;white-space:nowrap}.desktop-nav a{color:#C7CDD5;font-size:14px;border-bottom:2px solid transparent;padding:8px 0}.desktop-nav .is-active,.desktop-nav a:hover{color:#6EA8FF;border-bottom-color:#6EA8FF}.enter-btn{background:#5C7CFA;color:white;border-radius:999px;height:42px;display:inline-flex;align-items:center;padding:0 20px;white-space:nowrap;font-weight:700;font-size:14px}.enter-btn:hover{background:#7390FF;color:white}.topic-bar{background:#10141A;border-top:1px solid rgba(255,255,255,.07)}.topic-bar .wrap{min-height:44px;display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none}.topic-bar .wrap::-webkit-scrollbar{display:none}.topic-bar a{flex-shrink:0;color:#ADB8C6;font-size:13px}.topic-bar a:hover{color:#8ED8FF}.topic-mobile,.menu-button{display:none!important}.menu-button{border:1px solid rgba(255,255,255,.16);background:#12161C;border-radius:10px;width:40px;height:40px;padding:11px 9px;flex-direction:column;justify-content:space-between;flex-shrink:0}.menu-button span{height:2px;background:#EDF2FF;width:100%}.drawer-overlay,.drawer{position:fixed;top:0;bottom:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.drawer-overlay{left:0;right:0;background:rgba(0,0,0,.66);opacity:0;z-index:30}.drawer-overlay.open{visibility:visible;pointer-events:auto;opacity:1}.drawer{left:0;width:min(390px,86vw);overflow-y:auto;background:#0D1015;z-index:31;transform:translateX(-102%);padding:20px 22px}.drawer.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;color:white;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}.drawer-top small{font-size:12px;font-weight:400}.drawer-close{background:#171C23;color:white;border:1px solid rgba(255,255,255,.12);width:40px;height:40px;border-radius:10px;font-size:26px;line-height:1}.drawer-group{padding-top:16px}.drawer-group h2{font-size:14px;color:#8ED8FF;margin:0 0 9px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.drawer-links a{display:block;padding:7px 9px;border-radius:6px;color:#C7CDD5;font-size:14px}.drawer-links a:hover{background:#171C23}.main-content{padding-top:34px;padding-bottom:75px}.crumb{font-size:13px;color:#9098A3;display:flex;flex-wrap:wrap;gap:11px;margin-bottom:27px}.crumb a{color:#ADB8C6}.page-intro{max-width:820px;margin:0 0 36px}.page-intro .lead{font-size:18px;color:#D6DCE5;line-height:1.8}.section{margin-top:46px;min-width:0}.section-mark{color:#6EA8FF;font-size:12px;letter-spacing:.12em;display:block;margin-bottom:8px}.article-width{max-width:820px}.article-width p{line-height:1.83}.article-block{padding:25px 0;border-top:1px solid rgba(255,255,255,.11)}.article-block h2{font-size:25px}.article-block .insight{color:#A8CAFF;padding:13px 17px;border-left:2px solid #5C7CFA;background:#12161C;font-size:15px}.reading-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.8fr);gap:46px;align-items:start}.side-index{background:#12161C;border:1px solid rgba(255,255,255,.09);padding:21px;border-radius:13px;position:sticky;top:20px}.side-index h2{font-size:18px}.side-index a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.related{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:23px}.related h2{font-size:20px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a,.tag-links a{display:inline-flex;border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:7px 15px;color:#C7CDD5;font-size:14px}.related-links a:hover,.tag-links a:hover{border-color:#6EA8FF;color:white}.media{margin:0;min-width:0;max-width:100%;border:1px solid rgba(255,255,255,.09);background:#0D1015;border-radius:13px;padding:12px;overflow:hidden}.media img{margin:auto;max-height:180px;width:100%;height:auto}.media figcaption{font-size:13px;line-height:1.6;color:#9098A3;margin-top:10px}.media--hero img{max-height:245px}.media--feature img{max-height:235px}.media--device{max-width:270px;margin:auto}.media--device img{max-height:340px;width:auto}.media--gif img{max-height:165px}.media--logo img{max-height:36px;width:auto}.image-placeholder{display:flex;align-items:center;justify-content:center;min-height:130px;width:100%;border:1px dashed rgba(255,255,255,.14);background:#12161C;border-radius:8px;color:#687584;font-size:13px}.media--hero .image-placeholder{min-height:210px}.media--device .image-placeholder{min-height:280px}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:36px;padding:29px 0 34px}.hero h1{font-size:40px}.hero .lead{font-size:17px}.hero .media{order:2}.hero-links,.tag-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-links a{border-bottom:1px solid #5C7CFA;padding-bottom:5px;color:#8ED8FF}.home-domain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.domain-entry{border-top:2px solid #3453B0;background:#12161C;padding:21px;border-radius:4px 4px 13px 13px}.domain-entry h3{margin:0 0 12px}.domain-entry p{font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:start}.split.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.split.media-left{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.number-index{counter-reset:num;list-style:none;margin:0;padding:0}.number-index li{counter-increment:num;padding:14px 0 14px 45px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.number-index li:before{content:counter(num,decimal-leading-zero);position:absolute;left:0;color:#6EA8FF;font-size:13px;font-weight:bold}.number-index a{font-weight:700}.number-index p{font-size:14px;margin:6px 0 0}.three-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.three-visual .media img{max-height:170px}.visual-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.visual-notes .media img{max-height:145px}.notice-band{padding:26px;background:#12161C;border-left:3px solid #5C7CFA}.cards-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cards-rows .article-block{background:#12161C;border-radius:12px;padding:23px}.steps{counter-reset:step}.steps .article-block{padding-left:54px;position:relative}.steps .article-block:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:25px;left:0;font-size:21px;color:#6EA8FF;font-weight:700}.compare{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}.compare th,.compare td{border:1px solid rgba(255,255,255,.14);padding:14px;text-align:left;vertical-align:top}.compare th{background:#171C23;color:white}.image-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px;align-items:center;margin:35px 0}.image-story:nth-child(even) .media{order:2}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item{padding:15px;background:#12161C;border-radius:13px;min-width:0}.gallery-item h3{margin:14px 0 5px;font-size:17px}.gallery-item p{font-size:14px;line-height:1.75}.gallery-item .media{background:#0D1015}.gallery-item .media img{max-height:200px}.faq details{background:#12161C;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:17px 20px;margin-bottom:12px}.faq summary{cursor:pointer;color:#F5F7FA;font-weight:600}.faq p{margin:12px 0 0}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding-top:48px}.footer-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr) minmax(0,.85fr);gap:40px}.footer-grid h2{font-size:17px}.footer-grid p{font-size:14px;color:#9098A3}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 14px}.footer-links a{color:#A6B0BC;font-size:13px}.footer-grid>div:last-child .footer-links{grid-template-columns:1fr}.footer-brand .media{max-width:150px}.footer-brand .media img{max-height:36px}.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding:19px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#9098A3}.back-top{position:fixed;right:22px;bottom:22px;background:#171C23;border:1px solid rgba(255,255,255,.2);color:white;border-radius:50%;width:44px;height:44px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}.back-top.visible{opacity:1;pointer-events:auto}@media(max-width:1100px){.desktop-nav{gap:10px}.brand{width:185px;flex-basis:185px}.brand small{display:none}}@media(max-width:979px){.wrap{width:calc(100% - 40px)}.head-core{height:64px;justify-content:space-between;position:relative}.menu-button{display:flex!important}.desktop-nav{display:none}.brand{position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:calc(100% - 188px);height:45px;justify-content:center;flex:none}.brand .media img{max-height:28px;max-width:125px}.brand small{display:none}.brand-word{font-size:19px}.enter-btn{height:39px;padding:0 12px;font-size:13px}.topic-desktop{display:none!important}.topic-mobile{display:flex!important;gap:23px}.reading-grid{grid-template-columns:1fr}.side-index{position:static}.footer-grid{grid-template-columns:1fr 2fr}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:last-child .footer-links{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.wrap{width:calc(100% - 32px)}.main-content{padding-top:25px;padding-bottom:48px}h1{font-size:26px}h2{font-size:21px}.hero{grid-template-columns:1fr;gap:18px;padding-top:10px}.hero .media{order:0}.hero h1{font-size:29px}.hero .media img{max-height:145px}.hero .media .image-placeholder{min-height:145px}.page-intro .lead{font-size:16px}.section{margin-top:32px}.split,.split.equal,.split.media-left,.image-story{grid-template-columns:1fr;gap:18px}.image-story:nth-child(even) .media{order:0}.home-domain,.cards-rows{grid-template-columns:1fr}.three-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.article-block{padding:20px 0}.article-block h2{font-size:21px}.media img,.three-visual .media img{max-height:155px}.media--feature img{max-height:185px}.media--gif img{max-height:145px}.media--device{max-width:220px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-grid>div:last-child{grid-column:auto}.footer-links,.footer-grid>div:last-child .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-bottom{display:block}.foot-bottom span{display:block;margin-bottom:8px}.compare{display:block;overflow-x:auto;white-space:normal}.compare th,.compare td{min-width:95px;padding:9px;font-size:13px}}@media(max-width:360px){.brand{max-width:calc(100% - 175px)}.brand .media img{max-width:94px}.brand-word{font-size:17px}.enter-btn{padding:0 9px;font-size:12px}.menu-button{width:40px}.gallery,.three-visual{grid-template-columns:1fr}.visual-notes{grid-template-columns:1fr 1fr}.media{padding:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
