*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#252B3A;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:#315CFF}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#17213A;line-height:1.38}h1{font-size:36px}h2{font-size:25px}h3{font-size:19px}.container{width:calc(100% - 48px);max-width:1160px;margin:0 auto}.skip-link{position:absolute;top:-100px;z-index:20000;background:#fff;padding:10px}.skip-link:focus{top:0}.top-shell{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);box-shadow:0 2px 13px rgba(24,44,80,.05)}.site-header{background:#fff;border-bottom:1px solid #edf1f8}.header-inner{height:70px;display:flex;align-items:center;gap:24px}.brand{width:166px;max-width:28%;display:flex;align-items:center;flex-shrink:0}.brand img{max-height:38px;max-width:100%;object-fit:contain}.logo-fallback{font-size:24px;color:#315CFF;line-height:1;font-weight:900;white-space:nowrap;letter-spacing:-1px}.logo-fallback span{color:#17213A}.desktop-nav{display:flex;align-items:center;gap:27px;flex:1;justify-content:center;white-space:nowrap}.desktop-nav a{font-size:14px;font-weight:600;line-height:70px;border-bottom:2px solid transparent}.desktop-nav a.active,.desktop-nav a:hover{color:#315CFF;border-color:#315CFF}.main-btn{display:inline-flex;justify-content:center;align-items:center;min-width:80px;height:40px;padding:0 18px;border-radius:99px;background:#315CFF;color:#fff;font-weight:700;white-space:nowrap;font-size:14px}.main-btn:hover{background:#2348dc;color:#fff}.channel-bar{background:#F5F7FB}.channel-inner{display:flex;align-items:center;gap:0;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;height:44px}.channel-inner a{font-size:13px;color:#5F6B82;padding:0 18px;border-right:1px solid #dfe6f2;line-height:17px}.channel-inner a:first-child{padding-left:0}.channel-inner a:last-child{border:0}.channel-inner a.active,.channel-inner a:hover{color:#315CFF}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.interior{padding-top:26px;padding-bottom:60px}.breadcrumbs{font-size:13px;color:#74819a;margin-bottom:24px}.breadcrumbs a:hover{color:#315cff}.page-intro{max-width:820px;padding:8px 0 25px;border-bottom:1px solid #e8edf5;margin-bottom:30px}.page-intro p{font-size:17px;line-height:1.85;color:#5F6B82;max-width:820px;margin:0}.eyebrow{display:block;text-transform:uppercase;letter-spacing:2px;color:#315cff;font-size:12px;font-weight:800;margin-bottom:8px}.reading-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(225px,1fr);align-items:start;gap:38px}.article-body{min-width:0}.reading-section{margin-bottom:32px}.reading-section h2{font-size:24px;margin:0 0 14px;padding-left:14px;border-left:4px solid #315CFF}.reading-section p{margin-bottom:16px;line-height:1.85}.related-sidebar{background:#F5F7FB;border-radius:14px;padding:22px}.related-sidebar h2{font-size:20px;margin-bottom:6px}.related-sidebar p{font-size:14px;color:#5F6B82}.related-sidebar ul{list-style:none;padding:0;margin:18px 0}.related-sidebar li{border-bottom:1px solid #e3e9f4}.related-sidebar li a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:14px}.related-sidebar li span{color:#315cff;font-size:19px}.aside-note{border-top:1px solid #dde5f1;padding-top:16px;font-size:14px}.aside-note strong{color:#315cff}.picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.picture{min-width:0;margin:0;padding:10px;border:1px solid #e1e9f7;border-radius:12px}.picture figcaption{display:grid;gap:3px;font-size:13px}.picture figcaption span{color:#5F6B82}.media{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;overflow:hidden;border-radius:12px;background:#EEF4FF}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-natural{min-height:96px}.media-natural img{width:100%;height:auto;max-height:175px;object-fit:contain}.media-placeholder{display:block;width:100%;min-height:105px;aspect-ratio:16/9;background:linear-gradient(135deg,#eef4ff,#e3ebff)}.media-device img{max-height:330px;width:auto;margin:auto}.faq-list details{border:1px solid #dfe7f5;border-radius:10px;margin:10px 0;padding:12px 16px}.faq-list summary{font-weight:700;cursor:pointer;color:#17213A}.faq-list details p{margin:10px 0 2px;color:#5F6B82}.news-index{padding-left:24px}.news-index li{margin-bottom:14px;padding-left:8px}.news-index a{display:grid}.news-index span{font-size:14px;color:#5F6B82}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-tile{padding:18px;background:#F5F7FB;border-radius:12px;display:grid;gap:7px}.category-tile strong{color:#315cff}.category-tile span{font-size:14px;color:#5F6B82}.site-footer{background:#101828;color:#D8E0F2;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:36px}.footer-grid section{display:flex;flex-direction:column;gap:7px}.footer-grid h2{color:#fff;font-size:17px;margin:0 0 10px}.footer-grid a{font-size:14px}.footer-grid a:hover{color:#a8c1ff}.footer-grid p{font-size:14px;margin:10px 0}.footer-brand .logo-fallback span{color:#fff}.footer-bottom{margin-top:35px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#bfcbe0}.footer-bottom p{margin:0}.mobile-bottom{display:none}.back-top{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border:none;border-radius:50%;background:#315cff;color:white;z-index:800;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible}.home-section{padding:38px 0;border-bottom:1px solid #eef1f6}.home-section h2{margin:0 0 15px}.home-lead{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:center}.home-lead p{font-size:17px;color:#5F6B82}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-links a{padding:13px;background:#F5F7FB;border:1px solid #e8edf7;border-radius:10px;font-size:14px;font-weight:700}.quick-links a:hover,.topic-card:hover,.link-item:hover{border-color:#315cff}.six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{padding:22px;border:1px solid #e5eaf5;border-radius:13px;min-width:0}.topic-card strong{display:block;color:#17213A;font-size:19px;margin-bottom:7px}.topic-card p{color:#5F6B82;font-size:14px;margin:0}.topic-card span,.text-link{display:inline-block;color:#315cff;font-weight:700;font-size:14px;margin-top:8px}.split-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.split-feature p,.body-copy{color:#5F6B82}.split-feature .media-natural img{max-height:240px}.link-list{display:grid;gap:10px}.link-item{padding:13px 16px;border:1px solid #e5eaf5;border-radius:9px;display:flex;justify-content:space-between;gap:8px;font-size:15px}.link-item span{color:#315cff}.gallery-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mini-feature{border:1px solid #e5eaf5;padding:12px;border-radius:13px;min-width:0}.mini-feature p{font-size:14px;color:#5F6B82;margin:8px 0}.mini-feature strong{display:block;margin-top:8px}.mini-feature .media img{max-height:165px}.home-two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.home-two>div{padding:22px;background:#F5F7FB;border-radius:12px}.numbered{list-style:none;counter-reset:newscount;padding:0;margin:0}.numbered li{counter-increment:newscount;border-bottom:1px solid #e8eef7}.numbered a{display:flex;gap:15px;padding:12px 0}.numbered a:before{content:counter(newscount,decimal-leading-zero);color:#315cff;font-weight:800}.hero-slider{margin-top:22px;position:relative;border-radius:14px;overflow:hidden;background:#EEF4FF}.slides{height:290px}.slide{display:none;height:100%;justify-content:center;align-items:center}.slide.active{display:flex}.slide .media{height:100%;border-radius:0}.slide img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.hero-slider .media-placeholder{height:100%;min-height:100%;aspect-ratio:auto}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;background:rgba(23,33,58,.46);color:#fff;width:37px;height:43px;font-size:26px}.slide-btn.prev{left:12px}.slide-btn.next{right:12px}.slide-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px}.slide-dots button{border:0;width:9px;height:9px;padding:0;border-radius:50%;background:#b6c1d9}.slide-dots button.active{background:#315cff;outline:2px solid #fff}.notice{background:#eef4ff;border-left:4px solid #315cff;padding:18px 20px;border-radius:8px}.notice p{margin:0}.home-app{grid-template-columns:1.5fr .7fr}.home-app .media img{max-height:290px}@media(max-width:1100px){.desktop-nav{gap:15px}.desktop-nav a{font-size:13px}.brand{width:130px}}@media(max-width:980px){.desktop-nav{display:none}.header-inner{height:58px;justify-content:space-between;gap:10px}.brand{width:150px;max-width:45%;margin:auto}.brand img{max-height:29px}.logo-fallback{font-size:22px}.main-btn{height:36px;min-width:67px;padding:0 11px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;flex-shrink:0;background:none;border:0;padding:10px 2px;width:32px;height:36px}.menu-toggle span{display:block;width:23px;height:2px;background:#17213A}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100vh;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:18px;border-bottom:1px solid #e5eaf5}.drawer-top .brand{margin:0}.drawer-close{border:0;background:none;color:#17213A;font-size:30px;line-height:1}.drawer-group{padding:12px 16px;border-bottom:1px solid #eef2f7}.drawer-group h2{font-size:13px;color:#8091ac;margin:0 0 6px}.drawer-group div{display:grid;grid-template-columns:1fr 1fr;gap:1px 5px}.drawer-group a{font-size:14px;display:flex;align-items:center;min-height:41px;padding:5px 6px}.drawer-group a.active{color:#315cff;font-weight:700}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;z-index:990;box-shadow:0 -2px 15px rgba(16,24,40,.09)}.mobile-bottom a{text-align:center;font-size:14px;color:#5f6b82}.mobile-bottom a.active{color:#315cff;font-weight:800}.site-footer{padding-bottom:88px}.back-top{bottom:75px}.reading-layout{grid-template-columns:minmax(0,1fr)}.related-sidebar{max-width:none}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-bottom{display:block}.footer-bottom p{margin-top:6px}}@media(max-width:768px){.container{width:calc(100% - 32px)}.interior{padding-top:20px}.page-intro h1{font-size:27px}.page-intro p{font-size:15px}.reading-section h2{font-size:21px}.reading-section p{font-size:15px}.six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-lead,.split-feature,.home-two,.home-app{grid-template-columns:1fr}.hero-slider .slides{height:192px}.home-section{padding:29px 0}.home-section h2{font-size:22px}.home-lead h1{font-size:28px}.gallery-three{grid-template-columns:repeat(2,minmax(0,1fr))}.picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.hero-slider .slides{height:165px}.topic-card{padding:14px}.topic-card strong{font-size:16px}.topic-card p{font-size:13px}.gallery-three{grid-template-columns:1fr 1fr;gap:10px}.mini-feature{padding:8px}.mini-feature .media img{max-height:120px}.quick-links{gap:8px}.quick-links a{padding:10px;font-size:13px}.footer-grid{gap:16px}.footer-grid section:first-child{grid-column:1/-1}.category-grid{grid-template-columns:1fr}.channel-inner a{padding:0 12px}}
