*{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}body.menu-open{overflow:hidden}a{color:#8ED8FF;text-decoration:none}a:hover{color:#fff}button{font:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.4}h1{font-size:34px;letter-spacing:-.035em}h2{font-size:26px;letter-spacing:-.02em}h3{font-size:20px}p{margin-bottom:17px}small{font-size:12px}.wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.skip{position:absolute;z-index:50;left:12px;top:-100px;background:#5C7CFA;color:#fff;padding:8px 14px}.skip:focus{top:10px}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.brand-bar{height:76px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;min-width:210px;max-width:245px;color:#f5f7fa}.brand img{width:auto;height:auto;max-height:36px;max-width:125px;object-fit:contain}.brand small{white-space:nowrap;font-size:10px;letter-spacing:.03em;color:#9098A3}.brand-text{font-size:21px;font-weight:800;white-space:nowrap}.main-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;white-space:nowrap}.main-nav a{color:#C7CDD5;font-size:14px;position:relative;line-height:76px}.main-nav a.active,.main-nav a:hover{color:#6EA8FF}.main-nav a.active:after{content:"";position:absolute;bottom:19px;left:0;right:0;height:2px;background:#6EA8FF}.enter-btn{background:#5C7CFA;color:white;border-radius:999px;padding:9px 18px;white-space:nowrap;font-size:14px;line-height:24px}.enter-btn:hover{background:#7390FF;color:#fff}.menu-trigger{display:none;background:transparent;border:0;width:40px;height:40px;padding:10px;align-items:center;justify-content:space-around;flex-direction:column}.menu-trigger span{width:20px;height:2px;background:#F5F7FA}.quick-nav{background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.quick-inner{height:45px;display:flex;align-items:center}.desktop-quick{display:flex;align-items:center;gap:30px;overflow:auto;white-space:nowrap;scrollbar-width:none}.desktop-quick a{font-size:13px;color:#AEB7C2}.desktop-quick a:hover,.desktop-quick a.selected{color:#6EA8FF}.mobile-quick{display:none}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:90}.drawer-mask.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:91;left:0;top:0;bottom:0;width:min(390px,86vw);padding:20px 24px 36px;background:#0D1015;overflow-y:auto;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}.drawer-brand{font-weight:700;color:#fff;font-size:21px}.drawer-brand small{margin-left:9px;font-weight:400;color:#9098A3}.drawer-close{background:none;border:0;color:#fff;font-size:30px;width:40px;height:40px;line-height:1}.drawer-group{padding-top:20px}.drawer-group h2{font-size:14px;text-transform:none;color:#9098A3;letter-spacing:.1em;margin-bottom:10px}.drawer-group>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.drawer-group a{padding:6px 0;color:#CDD4DE;font-size:14px}.drawer-group a[aria-current=page]{color:#6EA8FF}.content-main{padding-top:35px;padding-bottom:70px;min-height:65vh}.crumb{display:flex;flex-wrap:wrap;gap:10px;color:#9098A3;font-size:13px;margin-bottom:26px}.crumb a{color:#9098A3}.crumb span:last-child{color:#D6E1F1}.eyebrow{font-size:12px;color:#8ED8FF;font-weight:bold;letter-spacing:.18em;margin:0 0 10px}.page-head{max-width:920px;margin-bottom:40px}.page-head p{max-width:780px;font-size:17px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:54px;align-items:start}.story{min-width:0;max-width:830px}.story-section{border-top:1px solid rgba(255,255,255,.12);padding:27px 0 29px;scroll-margin-top:20px}.story-section h2{margin-bottom:16px}.story-section p{line-height:1.85}.story-section p:last-child{margin-bottom:0}.side-index{background:#12161C;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:14px;position:sticky;top:18px}.side-index h2{font-size:16px;margin-bottom:16px}.side-index a{display:block;font-size:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.side-index a:last-child{border-bottom:0}.related{margin-top:52px;border-top:1px solid rgba(255,255,255,.14);padding-top:28px}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-list>div{padding:16px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px;min-width:0}.related-list a{color:#F5F7FA}.media-box{margin:24px 0;padding:14px;background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:14px;min-width:0;max-width:100%;text-align:center}.media-box img{display:block;max-width:100%;width:auto;height:auto;max-height:245px;margin:auto;object-fit:contain;object-position:center center}.media-box figcaption{font-size:13px;line-height:1.6;color:#9098A3;margin-top:12px}.media-placeholder{height:160px;max-width:100%;border:1px dashed rgba(255,255,255,.1);background:#12161C;border-radius:8px}.media-box.hero-media img{max-height:310px}.media-box.hero-media .media-placeholder{height:280px}.media-box.device-media{max-width:270px;margin:0 auto}.media-box.device-media img{max-height:340px}.media-box.gif-media img{max-height:175px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-grid figure{margin:0}.gallery-grid .media-box img{max-height:230px}.gallery-grid .media-placeholder{height:190px}.gallery-grid figcaption{min-height:44px}.image-note{margin:10px 0 16px;color:#AEB7C2;font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:44px;margin-bottom:55px}.hero h1{font-size:40px}.hero p{font-size:17px}.hero-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.hero .hero-media{margin:0}.home-section{margin:55px 0}.section-heading{max-width:760px;margin-bottom:25px}.section-heading p{max-width:670px}.home-2cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-four article{padding:25px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px}.home-four h3{margin-bottom:10px}.text-panel{padding:26px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px}.text-panel h3{margin-top:0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:45px;align-items:center}.small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.visual-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.visual-four .media-box,.small-grid .media-box{margin:0}.small-grid .media-box img{max-height:180px}.visual-four .media-box img{max-height:165px}.numbered-links{counter-reset:item}.numbered-links a{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#F5F7FA}.numbered-links a:before{counter-increment:item;content:counter(item,decimal-leading-zero);color:#8ED8FF;font-size:13px}.minor{font-size:14px;color:#9098A3}.long-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin:30px 0}.long-image .media-box{margin:0}.text-list{display:grid;gap:12px}.text-list article{padding:16px 20px;background:#12161C;border-left:2px solid #5C7CFA}.text-list h3{font-size:18px;margin:0 0 9px}.text-list p{margin-bottom:7px}.compare-table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}.compare-table th,.compare-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.compare-table th{color:#F5F7FA;background:#171C23}.faq-list{max-width:850px}.faq-list details{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:17px 22px;margin-bottom:12px}.faq-list summary{color:#F5F7FA;font-weight:600;cursor:pointer}.faq-list p{margin:15px 0 0}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:47px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1.5fr .8fr;gap:42px}.footer-about p{max-width:300px;font-size:14px;color:#9098A3}.footer-logo{display:inline-block;color:#fff;font-size:22px;font-weight:bold;margin-bottom:16px}.footer-logo img{max-height:35px;max-width:170px;width:auto;height:auto;object-fit:contain}.site-footer h2{font-size:17px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.footer-links a{color:#AEB7C2;font-size:13px}.footer-links a:hover{color:#8ED8FF}.bottom-line{display:flex;justify-content:space-between;gap:15px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;color:#9098A3}.backtop{position:fixed;right:22px;bottom:22px;border:1px solid rgba(255,255,255,.2);background:#171C23;color:#fff;border-radius:999px;width:42px;height:42px;opacity:0;pointer-events:none;transition:opacity .2s}.backtop.visible{opacity:1;pointer-events:auto}@media(max-width:1100px){.main-nav{gap:13px}.main-nav a{font-size:13px}.brand{min-width:185px}.brand small{display:none}}@media(max-width:979px){.brand-bar{height:64px;position:relative;gap:0;justify-content:space-between}.menu-trigger{display:flex}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;width:auto;max-width:calc(100% - 200px);justify-content:center}.brand img{max-height:28px;max-width:120px}.brand small{display:none}.main-nav{display:none}.enter-btn{padding:7px 13px;line-height:24px;font-size:13px}.quick-inner{height:44px;overflow:hidden}.desktop-quick{display:none}.mobile-quick{display:flex;gap:27px;white-space:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;width:100%;height:44px;scrollbar-width:none;-ms-overflow-style:none}.mobile-quick::-webkit-scrollbar{display:none}.mobile-quick a{font-size:14px;color:#CDD4DE;flex:0 0 auto}.story-grid{grid-template-columns:minmax(0,1fr)}.side-index{position:static;order:-1}.side-index div{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.wrap{padding-left:20px;padding-right:20px}.hero,.split,.home-2cols,.long-image{grid-template-columns:1fr}.hero{gap:20px}.hero .hero-media{order:-1}.hero h1{font-size:30px}.hero .hero-media img{max-height:205px}.hero .hero-media .media-placeholder{height:190px}.home-section{margin:35px 0}.home-four{grid-template-columns:1fr}.home-four article{padding:18px}.content-main{padding-top:26px;padding-bottom:48px}.page-head{margin-bottom:26px}.page-head p{font-size:16px}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.story-section{padding:20px 0}.small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-list{grid-template-columns:1fr}.split .media-box{max-width:100%}.media-box img{max-height:185px}.media-box.hero-media img{max-height:205px}.media-box.gif-media img{max-height:145px}.media-box.device-media{max-width:220px}.site-footer{padding-top:35px}.bottom-line{flex-direction:column}}@media(max-width:430px){.wrap{padding-left:16px;padding-right:16px}.brand-bar{height:62px}.brand{max-width:calc(100% - 182px)}.brand img{max-width:100%;max-height:28px}.brand-text{font-size:17px}.enter-btn{padding:7px 10px;font-size:12px}.hero h1{font-size:28px}.small-grid{grid-template-columns:1fr}.visual-four{grid-template-columns:1fr 1fr}.visual-four .media-box img{max-height:130px}.gallery-grid{grid-template-columns:1fr}.gallery-grid .media-box img{max-height:225px}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-links{grid-template-columns:1fr 1fr}.side-index div{grid-template-columns:1fr 1fr}.side-index{padding:16px}.story-section p{font-size:15px}.home-2cols{gap:15px}}@media(max-width:340px){.brand{max-width:calc(100% - 164px)}.brand-text{font-size:16px}.enter-btn{font-size:12px;padding:6px 9px}.visual-four{grid-template-columns:1fr}.side-index div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
