*{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}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{color:#F5F7FA;line-height:1.38;letter-spacing:.01em}h1{font-size:34px;margin:8px 0 24px}h2{font-size:26px;margin:0 0 16px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 16px}p:last-child{margin-bottom:0}.wrap{width:min(100% - 48px,1200px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:10px;background:#5C7CFA;color:white;padding:8px 16px;z-index:50}.skip-link:focus{top:10px}.site-head{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.brandbar{height:76px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:214px;max-width:240px}.brand-image{width:auto;max-width:130px;max-height:36px;display:inline-flex;align-items:center}.brand-image img{height:auto;max-height:36px;width:auto;max-width:130px}.brand-en{color:#9098A3;font-size:10px;line-height:1.3;max-width:90px;letter-spacing:.08em}.desktop-nav{display:flex;gap:clamp(12px,1.4vw,22px);white-space:nowrap;align-items:center;justify-content:center;flex:1;min-width:0;font-size:14px}.desktop-nav a{border-bottom:2px solid transparent;padding:25px 0 22px}.desktop-nav .active{color:#6EA8FF;border-color:#6EA8FF}.enter-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;background:#5C7CFA;color:white;padding:0 21px;height:42px;border-radius:999px;font-size:14px;font-weight:700}.enter-btn:hover{background:#7390FF;color:white}.menu-open{display:none}.quick-band{background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.quick-wrap{height:44px;min-width:0}.quick-desktop,.quick-mobile{height:100%;align-items:center;gap:27px;font-size:14px;white-space:nowrap}.quick-desktop{display:flex}.quick-mobile{display:none}.quick-wrap a:hover{color:#6EA8FF}.main-content{padding-block:36px 70px}.breadcrumbs{font-size:13px;color:#9098A3;margin-bottom:30px;display:flex;gap:11px;flex-wrap:wrap}.breadcrumbs a{color:#C7CDD5}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8ED8FF;font-weight:bold}.page-intro{border-bottom:1px solid rgba(255,255,255,.09);padding:0 0 26px;margin-bottom:36px;max-width:920px}.lead{font-size:18px;line-height:1.8;color:#D5DBE5}.reading-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(200px,1fr);align-items:start;gap:55px}.article-column{min-width:0}.article-section{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.09)}.article-section:first-child{padding-top:0}.article-section p{font-size:16px;line-height:1.84}.article-section h2{margin-bottom:14px}.side-index{position:sticky;top:20px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:22px}.side-index h2{font-size:17px}.side-index a{display:block;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.related{margin:40px 0 0;border-top:1px solid rgba(255,255,255,.16);padding:24px 0}.related h2{font-size:21px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a,.text-link{color:#8ED8FF;border-bottom:1px solid rgba(142,216,255,.4)}.section-note{padding:18px 22px;border-left:2px solid #5C7CFA;background:#12161C;margin:24px 0}.media-frame,.brand-image,.footer-logo,.drawer-logo{display:block;min-width:0;max-width:100%}.media-frame{background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:10px;overflow:hidden;text-align:center}.media-frame img{max-height:245px;max-width:100%;width:auto;margin-inline:auto}.media-frame.hero img{max-height:245px}.media-frame.feature img{max-height:245px}.media-frame.small img{max-height:170px}.media-frame.gif img{max-height:175px}.media-frame.device{max-width:270px;margin:auto}.media-frame.device img{max-height:340px}.placeholder{min-height:150px;display:grid;place-items:center}.placeholder-art{width:43%;height:34%;border:1px solid rgba(142,216,255,.17);background:linear-gradient(145deg,#131A24,#0D1015);border-radius:12px}.media-frame.hero.placeholder{min-height:240px}.media-frame.device.placeholder{min-height:310px}.figure-card{min-width:0}.figure-card figcaption{font-size:14px;line-height:1.7;color:#AEB6C1;margin-top:11px}.figure-card h3{margin-top:14px}.figure-card p{font-size:14px}.figure-card{margin:0}.media-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin:30px 0}.media-row>*,.media-grid>*,.feature-grid>*{min-width:0}.media-row .media-frame{margin:0}.media-row.reverse>figure{order:2}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.gallery-grid .media-frame img{max-height:290px}.gallery-grid .figure-card:first-child{grid-column:span 2}.gallery-grid .figure-card:first-child img{max-height:245px}.index-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 28px}.index-entry{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.09)}.index-entry h2{font-size:20px}.index-entry p{font-size:15px}.index-entry a{color:#8ED8FF}.compact-table{width:100%;border-collapse:collapse;font-size:15px;margin:22px 0}.compact-table td,.compact-table th{border-bottom:1px solid rgba(255,255,255,.14);padding:13px 12px;text-align:left;vertical-align:top}.compact-table th{color:#F5F7FA;background:#171C23}.steps{counter-reset:step}.steps .article-section h2:before{counter-increment:step;content:counter(step,decimal-leading-zero) ' / ';color:#6EA8FF}.category-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 34px}.category-unit{border-top:1px solid rgba(255,255,255,.16);padding:21px 0}.category-unit h2{font-size:22px}.category-unit p{font-size:15px}.category-unit .links{display:flex;gap:13px;flex-wrap:wrap;font-size:14px;color:#8ED8FF}.faq-list{max-width:860px}.faq-list details{border-bottom:1px solid rgba(255,255,255,.12);padding:17px 0}.faq-list summary{cursor:pointer;color:#F5F7FA;font-size:17px;font-weight:600}.faq-list p{padding:12px 0 0;color:#C7CDD5}.hero-home{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:center;margin-bottom:62px}.hero-home h1{font-size:40px}.hero-home .hero-image{min-width:0}.hero-home .hero-image .media-frame img{max-height:245px}.intro-actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;color:#8ED8FF}.home-section{margin:0 0 55px}.home-section>.eyebrow{display:block;margin-bottom:8px}.home-section>h2{max-width:800px}.home-section .prose{max-width:820px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.feature-grid .feature-unit{padding:23px;border-top:1px solid #405171;background:#12161C}.feature-unit h3{font-size:20px}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:35px}.split>*,.home-section>*{min-width:0}.split aside{border-left:1px solid rgba(255,255,255,.14);padding-left:25px}.numbered-item{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.numbered-item b{color:#6EA8FF;margin-right:12px}.long-note{max-width:800px}.service-band{background:#12161C;padding:25px;border-top:2px solid #5C7CFA}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:46px 0 20px}.footer-grid{display:grid;grid-template-columns:1.05fr 1.65fr 1fr;gap:40px}.footer-grid h2{font-size:17px}.footer-grid p{font-size:13px;color:#9098A3}.footer-logo{max-width:140px;min-height:20px}.footer-logo img{width:auto;max-height:36px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 15px;font-size:13px}.footer-bottom{margin-top:38px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9098A3}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(86vw,390px);background:#0D1015;z-index:31;overflow-y:auto;visibility:hidden;pointer-events:none;transform:translateX(-100%);transition:transform .22s,visibility .22s;padding:20px 25px}.drawer.visible,.drawer-overlay.visible{visibility:visible;pointer-events:auto}.drawer.visible{transform:translateX(0)}.drawer-overlay.visible{opacity:1}.drawer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:18px}.drawer-logo img{max-height:34px;width:auto}.icon-button{border:1px solid rgba(255,255,255,.16);background:#171C23;border-radius:9px;width:40px;height:40px}.menu-close{font-size:24px}.drawer-group{margin:20px 0}.drawer-group h2{font-size:13px;color:#8ED8FF;margin-bottom:9px;letter-spacing:.06em}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}.drawer-links a{padding:5px 0;font-size:14px}.back-to-top{position:fixed;right:20px;bottom:24px;opacity:0;pointer-events:none;border:1px solid rgba(255,255,255,.2);background:#171C23;width:43px;height:43px;border-radius:50%;z-index:20}.back-to-top.visible{opacity:1;pointer-events:auto}@media(max-width:1099px){.brand{min-width:175px}.brand-en{display:none}.desktop-nav{gap:12px;font-size:13px}.brandbar{gap:15px}}@media(max-width:979px){.wrap{width:calc(100% - 40px)}.brandbar{height:64px;justify-content:space-between;position:relative}.desktop-nav{display:none}.menu-open{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:none}.menu-open span{width:17px;height:2px;background:#F5F7FA}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:130px;justify-content:center}.brand-image img{max-height:28px;max-width:125px}.brandbar .enter-btn{height:40px;padding:0 16px;font-size:13px;margin-left:auto}.quick-desktop{display:none}.quick-mobile{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.quick-mobile::-webkit-scrollbar{display:none}.reading-layout{grid-template-columns:minmax(0,1fr)}.side-index{position:static;order:-1}.side-index div{display:flex;flex-wrap:wrap;gap:8px 18px}.side-index a{border-bottom:0}.hero-home h1{font-size:35px}}@media(max-width:767px){.wrap{width:calc(100% - 32px)}.main-content{padding-top:25px;padding-bottom:45px}.hero-home,.split,.media-row{grid-template-columns:1fr}.hero-home{gap:20px;margin-bottom:36px}.hero-home .hero-image{order:-1}.hero-home h1{font-size:29px}.hero-home .hero-image .media-frame img{max-height:145px}.hero-home .hero-image .placeholder{min-height:155px}.home-section{margin-bottom:35px}.media-row.reverse>figure{order:0}.media-row{gap:14px}.feature-grid,.category-board,.index-list{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:1fr}.gallery-grid .figure-card:first-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.split aside{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:18px 0 0}.media-frame.feature img{max-height:185px}.media-frame.small img{max-height:155px}.media-frame.gif img{max-height:145px}.media-frame.device{max-width:220px}.media-frame.device img{max-height:340px}h1{font-size:26px}h2{font-size:22px}.article-section p{font-size:15px}.lead{font-size:16px}}@media(max-width:374px){.brand{max-width:98px}.brand-image img{max-width:98px;max-height:26px}.brandbar .enter-btn{padding:0 10px;height:38px;font-size:12px}.quick-mobile{gap:19px}.media-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}