*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#252B3A;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#315CFF;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);z-index:100;box-shadow:0 1px 12px rgba(23,33,58,.08)}.topbar{min-height:70px;display:flex;align-items:center;gap:24px}.brand{min-width:135px;display:flex;align-items:center;color:#315CFF;font-size:22px;font-weight:800}.brand img{display:block;max-height:38px;width:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:18px;white-space:nowrap}.nav-link{height:70px;display:inline-flex;align-items:center;position:relative;color:#252B3A;font-size:14px}.nav-link.is-active{color:#315CFF}.nav-link.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;background:#315CFF;height:2px}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:40px;padding:0 18px;border-radius:999px;background:#315CFF;color:#fff;font-weight:700;white-space:nowrap}.main-btn:hover{color:#fff}.subnav{background:#F5F7FB}.subnav-inner{display:flex;align-items:center;gap:0;min-height:44px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.subnav-link{font-size:13px;color:#5F6B82;padding:0 17px;border-right:1px solid #dce3ef}.subnav-link:first-child{padding-left:0}.subnav-link:last-child{border:0}.subnav-link.is-active{color:#315CFF;font-weight:700}.page-main{padding-top:27px;padding-bottom:55px}.menu-button,.mobile-bottom{display:none}.page-header{max-width:850px;margin:0 0 30px}.eyebrow{font-size:13px;color:#315CFF;font-weight:700;letter-spacing:.06em}.page-header h1,.home-intro h1{color:#17213A;font-size:32px;line-height:1.35;margin:8px 0 12px}.lead{font-size:17px;color:#5F6B82;line-height:1.8;margin:0}.section{margin:36px 0}.section h2{font-size:24px;line-height:1.4;margin:0 0 13px;color:#17213A}.section h3{font-size:19px;color:#17213A;margin:0 0 9px}.section p,.article-body p{margin:0 0 16px}.article-body{max-width:800px}.article-body section{padding-bottom:14px;border-bottom:1px solid #e9eef7;margin-bottom:30px}.article-body h2{font-size:24px;line-height:1.4;margin:0 0 16px;color:#17213A}.article-body p{line-height:1.85}.related{padding:25px;background:#F5F7FB;border-radius:14px;margin-top:30px}.related h2{font-size:22px;color:#17213A;margin:0 0 14px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{background:white;border:1px solid rgba(49,92,255,.14);padding:7px 16px;border-radius:8px}.media{width:100%;max-width:100%;min-width:0;display:flex;justify-content:center;align-items:center;background:#EEF4FF;border-radius:12px;overflow:hidden}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-natural{min-height:90px}.media-natural img{width:auto;height:auto;max-height:230px}.media-device img{max-height:330px}.media-placeholder{min-height:145px}.media-device.media-placeholder{min-height:260px}.media-wide.media-placeholder{min-height:165px}.figure-title{font-size:16px;font-weight:700;color:#17213A;margin:9px 0 4px}.figure-desc{font-size:14px;line-height:1.65;color:#5F6B82;margin:0}.grid-3,.grid-2{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-width:0;padding:22px;border:1px solid rgba(49,92,255,.14);border-radius:14px;background:#fff}.tile h3{margin:0 0 9px;font-size:19px;color:#17213A}.tile p{margin:0 0 10px;color:#5F6B82}.tile a{font-weight:700}.soft{background:#EEF4FF;border-radius:14px;padding:26px}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center}.side-list{padding:0;margin:0;list-style:none}.side-list li{border-bottom:1px solid #e1e8f4;padding:11px 0}.number-list{list-style:none;counter-reset:rows;padding:0}.number-list li{counter-increment:rows;border-bottom:1px solid #e7edf6;display:flex;gap:14px;padding:13px 0}.number-list li:before{content:counter(rows,decimal-leading-zero);font-weight:800;color:#315CFF}.banner{position:relative;background:#EEF4FF;border-radius:14px;overflow:hidden;min-height:145px}.slide{display:none}.slide.active{display:block}.slide .media{border-radius:0;min-height:155px;max-height:320px}.slide .media img{max-height:320px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:rgba(23,33,58,.7);color:#fff;z-index:2}.slider-prev{left:14px}.slider-next{right:14px}.slider-dots{display:flex;justify-content:center;gap:8px;position:absolute;bottom:10px;left:0;right:0}.slider-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#c7d3e7;padding:0}.slider-dots button.active{background:#315CFF}.site-footer{background:#101828;color:#D8E0F2}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:30px;padding-top:46px;padding-bottom:35px}.site-footer h2{font-size:16px;color:#fff}.site-footer a{color:#D8E0F2;display:block;font-size:14px;margin:6px 0}.footer-logo{font-size:22px;font-weight:800}.footer-logo img{max-height:36px;object-fit:contain;width:auto}.footer-about p{max-width:270px;font-size:14px}.footer-bottom{padding:20px 0;border-top:1px solid #354157;font-size:13px;line-height:1.8}.drawer-mask,.mobile-drawer{display:none}.back-top{position:fixed;right:20px;bottom:24px;background:#315CFF;color:white;border:0;border-radius:50%;width:42px;height:42px;display:none;z-index:99}.back-top.show{display:block}.site-note{font-size:14px;color:#5F6B82}.faq-item{margin:0 0 22px;border-bottom:1px solid #e7edf6;padding-bottom:12px}.faq-item h2{font-size:19px;color:#17213A;margin:0 0 7px}.faq-item p{margin:0 0 8px}
@media(max-width:980px){.desktop-nav{display:none}.topbar{min-height:58px;justify-content:space-between;gap:10px}.brand{min-width:0;margin:auto}.brand img{max-height:29px}.menu-button{display:flex;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px;padding:9px}.menu-button span{height:2px;width:23px;background:#17213A}.main-btn{height:36px;min-width:68px;padding:0 12px;font-size:14px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:#fff;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(16,24,40,.42);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e7edf6}.drawer-brand{font-size:20px;font-weight:800}.drawer-brand img{max-height:30px;width:auto}.drawer-close{font-size:28px;background:none;border:0;color:#17213A}.drawer-group{padding:14px 20px;border-bottom:1px solid #e9eef7}.drawer-group h2{font-size:14px;margin:0 0 8px;color:#5F6B82}.drawer-group a{display:block;min-height:40px;padding:6px 8px;color:#252B3A}.drawer-group a.is-active{color:#315CFF;background:#EEF4FF;border-radius:6px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #dfe7f4;z-index:100}.mobile-bottom a{display:flex;justify-content:center;align-items:center;color:#5F6B82;font-size:14px}.mobile-bottom a.is-active{color:#315CFF;font-weight:700}.page-main{padding-bottom:90px}.footer-bottom{padding-bottom:82px}.back-top{bottom:80px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.page-header h1,.home-intro h1{font-size:27px}.lead{font-size:15px}.section{margin:28px 0}.section h2,.article-body h2{font-size:21px}.grid-3,.grid-2,.split{grid-template-columns:minmax(0,1fr)}.tile{padding:17px}.soft{padding:18px}.media-natural img{max-height:180px}.media-device img{max-height:260px}.banner .slide .media,.banner .slide .media img{max-height:200px}.footer-grid{gap:16px}.footer-grid h2{margin-top:0}.footer-about p{font-size:13px}}
@media(max-width:359px){.brand{font-size:18px}.main-btn{min-width:62px}.subnav-link{padding:0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}