*{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:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}img{max-width:100%;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.35}h1{font-size:34px;letter-spacing:-.025em}h2{font-size:26px}h3{font-size:20px}p{margin-bottom:16px}::selection{background:#5C7CFA;color:white}:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}.skip-link{position:absolute;z-index:200;left:12px;top:-80px;background:#12161C;padding:8px}.skip-link:focus{top:8px}.container{max-width:1200px;margin:auto;padding:0 24px;min-width:0}.site-header{height:74px;background:rgba(8,10,13,.96);position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:100%;max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;gap:12px}.menu-toggle{height:44px;width:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:1px solid rgba(255,255,255,.16);color:#F5F7FA;border-radius:10px;flex:none}.menu-toggle span{height:2px;width:19px;background:currentColor;display:block}.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;max-width:40%;min-width:0}.brand .media,.drawer-brand .media,.footer-intro .media{background:none;border:0;max-height:none;aspect-ratio:auto;padding:0}.brand img{max-height:36px;width:auto;max-width:100%;object-fit:contain}.brand .media-placeholder{width:120px;height:34px;min-height:0}.enter-link,.btn{border:1px solid #5C7CFA;background:#5C7CFA;color:white;border-radius:999px;padding:6px 20px;display:inline-flex;justify-content:center;align-items:center;min-height:42px;line-height:1.3;font-size:14px;white-space:nowrap}.enter-link:hover,.btn:hover{background:#6EA8FF;color:#080A0D}.channel-nav{height:48px;background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09)}.channel-inner{max-width:1200px;height:100%;margin:auto;display:flex;align-items:stretch;justify-content:space-between;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:0 24px}.channel-inner a{display:flex;align-items:center;position:relative;white-space:nowrap;color:#C7CDD5;padding:0 4px;font-size:14px}.channel-inner a.active{color:#6EA8FF}.channel-inner a.active:after{position:absolute;bottom:0;left:0;right:0;height:2px;background:#6EA8FF;content:""}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.70);z-index:60;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.site-drawer{position:fixed;top:0;bottom:0;left:0;width:420px;max-width:86vw;background:#0D1015;border-right:1px solid rgba(255,255,255,.16);z-index:70;transform:translateX(-101%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;overflow-y:auto;overscroll-behavior:contain;padding:24px}.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:18px;gap:14px}.drawer-brand img{max-height:36px;width:auto}.drawer-brand p{font-size:13px;color:#9098A3;margin:10px 0 0}.drawer-close{background:transparent;border:1px solid rgba(255,255,255,.16);color:#F5F7FA;border-radius:9px;width:38px;height:38px;font-size:26px;line-height:1}.drawer-group{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-group h3{font-size:13px;letter-spacing:.1em;color:#9098A3;margin:0 0 8px}.drawer-group a{display:block;border-left:2px solid transparent;padding:4px 12px;font-size:15px}.drawer-group a.active{color:#6EA8FF;border-left-color:#6EA8FF}body.drawer-open{overflow:hidden}main{min-height:50vh}.kicker{color:#8ED8FF;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.hero,.page-intro{padding:52px 0 44px;border-bottom:1px solid rgba(255,255,255,.09)}.hero-grid,.split{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center;min-width:0}.hero h1{font-size:40px;max-width:720px;margin:12px 0 20px}.hero-desc{font-size:17px;color:#C7CDD5;max-width:620px}.text-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.text-actions a,.inline-link{color:#8ED8FF;border-bottom:1px solid rgba(142,216,255,.38)}.section{padding:52px 0;border-bottom:1px solid rgba(255,255,255,.07)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}.section-head h2{margin:0}.section-sub{max-width:760px;color:#9098A3;font-size:14px}.grid-2,.grid-3,.grid-4,.link-grid,.visual-grid{display:grid;gap:20px;min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.knowledge-card,.visual-card{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:22px;min-width:0}.panel h3,.knowledge-card h3,.visual-card h3{margin:0 0 12px}.panel p:last-child,.knowledge-card p:last-child,.visual-card p:last-child{margin-bottom:0}.panel p,.knowledge-card p{font-size:15px}.number{color:#6EA8FF;font-size:12px;letter-spacing:.1em;display:inline-block;margin-bottom:8px}.media{width:100%;min-width:0;max-width:100%;background:#0D1015;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);padding:7px}.media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.media-square{aspect-ratio:1/1;max-height:175px}.media-wide{aspect-ratio:16/9;max-height:175px}.media-banner{aspect-ratio:16/7;max-height:250px}.media-device{aspect-ratio:9/16;max-height:350px;width:100%;max-width:250px;margin-inline:auto}.media-hero{aspect-ratio:16/10;max-height:310px}.media-gif{aspect-ratio:16/8;max-height:170px}.media-placeholder{background:linear-gradient(135deg,#12161C,#171C23 65%,#101924);position:relative}.media-placeholder:after{content:"";position:absolute;inset:14px;border:1px solid rgba(110,168,255,.08);border-radius:8px}.visual-card{padding:12px}.visual-card h3{font-size:18px;margin:15px 8px 8px}.visual-card p{font-size:14px;margin:0 8px 10px;color:#A9B2BF}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(0,1fr);gap:40px;align-items:start}.article-body{min-width:0;max-width:820px}.article-body h2{margin:34px 0 16px}.article-body h3{margin:24px 0 12px}.article-body p,.article-body li{line-height:1.9}.article-body .media{margin:18px 0 24px;max-height:310px}.page-intro h1{margin:10px 0 16px}.page-intro p{max-width:820px;font-size:17px;margin:0}.sidebar{position:sticky;top:18px;padding:24px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px}.sidebar h2{font-size:18px}.sidebar a{display:block;color:#8ED8FF;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px}.related{margin-top:40px;border-top:1px solid rgba(255,255,255,.16);padding-top:22px}.related h2{font-size:20px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related a{padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;font-size:14px}.related a:hover{border-color:#8ED8FF}.link-tile{position:relative;background:#12161C;border:1px solid rgba(255,255,255,.09);padding:18px 40px 18px 18px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.link-tile>span:first-child{color:#F5F7FA;font-size:17px}.link-tile small{color:#9098A3;font-size:13px;line-height:1.7}.link-arrow{position:absolute;right:17px;top:17px;color:#6EA8FF}.index-list{counter-reset:item;list-style:none;padding:0;margin:0}.index-list li{counter-increment:item;border-bottom:1px solid rgba(255,255,255,.09);padding:16px 0 16px 46px;position:relative}.index-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:17px;color:#6EA8FF;font-size:13px}.index-list strong{display:block;color:#F5F7FA;font-size:17px;margin-bottom:4px}.index-list p{margin:0;color:#AAB3BE;font-size:15px}.index-list a{color:#8ED8FF}.feature-block{border-left:2px solid #5C7CFA;padding:0 0 0 22px}.faq-item{border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}.faq-item summary{font-size:17px;color:#F5F7FA;cursor:pointer;font-weight:600}.faq-item p{margin:12px 0 0}.site-footer{background:#050608;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}.site-footer h2{font-size:16px;margin-bottom:14px}.site-footer a{display:block;color:#AAB3BE;font-size:14px;margin-bottom:7px}.site-footer a:hover{color:#8ED8FF}.footer-intro img{max-height:34px;width:auto}.footer-intro p{font-size:14px;color:#9098A3;max-width:330px;margin-top:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:20px;color:#9098A3;font-size:13px}.footer-bottom p{margin-bottom:8px}.back-top{position:fixed;right:18px;bottom:18px;z-index:30;width:40px;height:40px;border-radius:12px;background:#171C23;border:1px solid rgba(255,255,255,.16);color:#F5F7FA;opacity:0;visibility:hidden;pointer-events:none}.back-top.visible{opacity:1;visibility:visible;pointer-events:auto}.small-note{color:#9098A3;font-size:13px}.banner-wrap{max-width:980px;margin:auto}.compact-section{padding:32px 0}.bread{font-size:13px;color:#9098A3;margin-bottom:8px}.accent{color:#8ED8FF}@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:26px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}.container{padding:0 20px}.header-inner{padding:0 20px}.hero-grid,.split,.article-layout{grid-template-columns:minmax(0,1fr)}.hero-grid .hero-visual,.split .media{order:-1}.sidebar{position:static}.hero{padding:32px 0}.hero h1{font-size:29px}.hero-visual .media{max-height:230px}.section{padding:34px 0}.page-intro{padding:34px 0}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body h2{margin-top:26px}.section-head{display:block}.section-sub{margin-top:9px}}@media(max-width:600px){body{font-size:15px}.site-header{height:62px}.header-inner{padding:0 16px}.menu-toggle{width:40px;height:40px}.enter-link{min-height:38px;padding:6px 12px;font-size:12px}.brand{max-width:34%}.brand img{max-height:28px}.brand .media-placeholder{width:78px;height:26px}.channel-nav{height:44px}.channel-inner{padding:0 16px;gap:20px;justify-content:flex-start}.channel-inner a{font-size:13px;flex:none}.container{padding:0 16px}.site-drawer{padding:18px}.hero h1{font-size:29px}.hero-visual .media{max-height:205px}.hero-desc,.page-intro p{font-size:15px}.grid-2,.grid-3,.grid-4,.visual-grid,.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel,.knowledge-card{padding:16px}.visual-card{padding:8px}.visual-card h3{font-size:16px}.media-wide,.media-square{max-height:155px}.media-banner{max-height:140px}.media-gif{max-height:150px}.footer-grid{gap:24px}.section{padding:32px 0}.article-body .media{max-height:240px}}@media(max-width:360px){.brand{max-width:28%}.enter-link{padding:6px 9px;font-size:11px}.grid-2,.grid-3,.grid-4,.visual-grid,.link-grid{grid-template-columns:minmax(0,1fr)}.visual-card .media{max-height:145px}.hero-visual .media{max-height:175px}.footer-grid{grid-template-columns:minmax(0,1fr)}.media-device{max-height:320px}}