*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F8FC;color:#38445A;font:16px/1.78 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.overlay-open{overflow:hidden}a{color:#3d4e81;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7566AB;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}.shell{max-width:1160px;margin-inline:auto;padding-inline:28px;min-width:0}.site-head{background:#fff;border-bottom:1px solid #E2E8F1}.head-inner{display:flex;align-items:center;min-height:70px;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#202B43;white-space:nowrap}.brand-cn{font-weight:800;font-size:22px;letter-spacing:.03em}.brand-en{font-size:11px;letter-spacing:.13em;color:#637189}.logo{max-height:30px;width:auto;max-width:155px}.head-links{display:flex;align-items:center;gap:24px;margin-left:auto}.head-links a,.desktop-service{font-size:14px;color:#38445A;white-space:nowrap}.head-links a[aria-current],.subnav a[aria-current]{color:#7566AB;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.head-tools{display:flex;align-items:center;gap:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;background:transparent;border:1px solid transparent;border-radius:10px;color:#202B43;font-size:29px;line-height:1}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.icon-button:hover{background:#EEF3FA}.menu-button{display:none}.no-script-menu{position:absolute;left:-9999px}.subnav{border-bottom:1px solid #E2E8F1;background:#EEF3FA}.subnav-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#637189}.subnav-inner>div{display:flex;gap:27px}.subnav a{color:#38445A}.main-content{padding-top:36px;padding-bottom:66px}.eyebrow{font-size:13px;letter-spacing:.14em;color:#7566AB;font-weight:700}.page-title{font-size:34px;line-height:1.28;margin:10px 0 14px;color:#202B43}.lead{font-size:17px;line-height:1.85;max-width:720px;color:#43516A}.section{margin-top:54px}.section h2,.article-section h2{font-size:25px;line-height:1.35;color:#202B43;margin:0 0 15px}.section h3{font-size:19px;line-height:1.4;color:#202B43;margin:12px 0}.section p,.article-section p{margin:0 0 14px;max-width:760px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.section-heading p{color:#637189;font-size:14px}.section-heading h2{margin:0}.text-link{font-weight:700;white-space:normal}.text-link:after{content:' →'}.button-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 17px;background:#202B43;color:#fff;font-size:14px;font-weight:700}.button-link:hover{background:#374769;color:#fff;text-decoration:none}.button-link.secondary{background:#EEF3FA;color:#202B43}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.media{display:flex;align-items:center;justify-content:center;min-width:0;background:#EEF3FA;border-radius:12px;padding:10px;max-height:180px;min-height:98px}.media img{max-width:100%;max-height:160px;width:auto;height:auto}.media-fallback{display:flex;align-items:center;justify-content:center;min-height:90px;text-align:center;color:#667494;font-size:14px;padding:12px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:34px;align-items:center;padding:25px 0 10px}.hero .media{max-height:260px;min-height:185px}.hero .media img{max-height:240px}.hero-intro{max-width:575px}.hero-intro .lead{margin-bottom:0}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:27px;align-items:center;background:#fff;border:1px solid #E2E8F1;border-radius:14px;padding:22px}.feature .media{max-height:170px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid #E2E8F1;border-radius:12px;background:#fff;padding:18px;min-width:0}.card .media{height:140px;max-height:140px}.card .media img{max-height:120px}.card p{font-size:15px;line-height:1.75}.card a{font-weight:700}.split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:19px}.editor-card{border:1px solid #E2E8F1;border-radius:12px;background:#fff;padding:23px;min-width:0}.editor-card .media{margin-bottom:18px}.editor-card p{max-width:710px}.magazine{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:26px;background:#EEF3FA;border-radius:14px;padding:24px}.magazine .media{max-height:210px}.magazine .media img{max-height:188px}.magazine-list{display:grid;gap:10px}.magazine-list article{border-bottom:1px solid #d5e0ee;padding-bottom:8px}.magazine-list h3{margin:0 0 3px}.magazine-list p{margin:0}.soft-panel{background:#EEF3FA;border-radius:12px;padding:24px}.horizontal{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:24px;align-items:center}.horizontal .media{max-height:180px}.triplet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.triplet>div{border-left:3px solid #7566AB;padding:0 14px}.triplet h3{margin:0 0 9px}.note-strip{display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;align-items:center}.note-strip .media{max-height:150px}.app-strip{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1.55fr);gap:27px;align-items:center;background:#fff;border:1px solid #E2E8F1;border-radius:14px;padding:24px}.app-strip .media{max-height:340px;width:min(100%,210px);margin-inline:auto}.app-strip .media img{max-height:320px;max-width:190px}.bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bottom-grid article{border-top:2px solid #D9E7F6;padding-top:12px}.faq-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.faq-mini a{padding:14px;background:#fff;border:1px solid #E2E8F1;border-radius:10px}.article-header{margin-bottom:24px}.article-intro{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:27px;align-items:center;margin-bottom:31px}.article-intro .media{max-height:260px}.article-intro .media img{max-height:240px}.article-intro .intro-body p{max-width:720px}.article-section{margin-top:27px}.article-section h2{font-size:24px}.article-body{max-width:820px}.article-body p{max-width:780px}.article-layout-b .article-intro{display:block}.article-layout-b .article-intro .media{max-width:620px;margin:18px auto 24px}.article-layout-b .article-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;max-width:100%}.article-layout-b .article-section{border-top:1px solid #E2E8F1;padding-top:15px}.article-layout-c .article-intro{display:block}.article-layout-c .article-intro .media{max-width:560px;margin:16px 0}.article-layout-c .article-columns{display:grid;grid-template-columns:minmax(0,.29fr) minmax(0,.71fr);gap:32px}.article-toc{align-self:start;background:#EEF3FA;border-radius:12px;padding:18px}.article-toc strong{display:block;color:#202B43;margin-bottom:12px}.article-toc a{display:block;padding:7px 0;border-top:1px solid #d9e3ee;font-size:14px}.article-tip{border-left:3px solid #7566AB;background:#EEF3FA;padding:15px 18px;margin:27px 0;border-radius:0 10px 10px 0;max-width:820px}.article-tip strong{color:#202B43}.article-related{margin-top:36px;padding-top:20px;border-top:1px solid #E2E8F1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.article-related a{display:inline-block;background:#fff;border:1px solid #E2E8F1;border-radius:9px;padding:7px 12px}.article-end{max-width:790px;color:#637189}.faq-list{max-width:840px}.faq-item{border-bottom:1px solid #E2E8F1;padding:19px 0}.faq-item h2{font-size:21px;color:#202B43;margin:0 0 8px}.faq-item p{margin:0}.site-footer{background:#202B43;color:#e5ebf7;padding:38px 0 20px}.site-footer a{color:#e5ebf7}.foot-name{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.foot-name span{font-size:12px;font-weight:400;letter-spacing:.08em}.foot-brand p{font-size:14px;color:#c0cbe0;margin:10px 0 27px}.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.foot-grid h2{font-size:16px;margin:0 0 12px;color:white}.foot-grid a{display:block;font-size:14px;padding:3px 0;color:#cbd5e7}.foot-end{font-size:13px;border-top:1px solid #43506a;margin-top:26px;padding-top:16px;color:#c0cbe0}.mobile-quick{display:none}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:8px;z-index:99}.skip-link:focus{top:10px}.overlay[hidden],.search-all[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:stretch;justify-content:center;pointer-events:auto}.overlay-backdrop{position:absolute;inset:0;background:rgba(16,28,49,.74)}.overlay-sheet{position:relative;background:#F7F8FC;width:min(100%,1000px);height:100%;overflow-y:auto;overscroll-behavior:contain;padding:25px 32px}.overlay-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #E2E8F1;padding-bottom:15px;margin-bottom:20px;color:#202B43}.overlay-top strong{font-size:22px}.overlay-top small{font-size:11px;font-weight:400}.directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px}.directory-groups section{min-width:0}.directory-groups h2{color:#7566AB;font-size:17px;margin:0 0 10px}.directory-groups section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.directory-groups a{display:flex;align-items:center;min-height:44px;padding:6px 9px;background:#fff;border:1px solid #E2E8F1;border-radius:9px;color:#202B43;font-size:14px}.search-sheet{max-width:650px;margin:auto;height:min(86vh,680px);border-radius:14px}.search-sheet label{display:block;font-weight:700;color:#202B43}.search-sheet input{width:100%;height:48px;border:1px solid #aab9cc;border-radius:9px;padding:9px 13px;background:white;margin-top:10px}.search-hint{font-size:13px;color:#637189}.search-results{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.search-results p{width:100%;margin:0}.search-results a,.search-all a{display:inline-block;padding:7px 11px;border:1px solid #E2E8F1;background:#fff;border-radius:8px;font-size:14px}.search-all{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}@media(max-width:1024px){.shell{padding-inline:22px}.head-inner{gap:16px}.head-links{gap:13px}.head-links a:last-child{display:none}.desktop-service{display:none}.menu-button{display:inline-flex}.subnav-inner>span{display:none}.subnav-inner>div{margin:auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.head-inner{min-height:60px}.head-links,.subnav{display:none}.head-tools{margin-left:auto}.brand-en{display:none}.main-content{padding-top:25px}.page-title{font-size:29px}.section{margin-top:36px}.section h2{font-size:22px}.hero,.feature,.split,.magazine,.horizontal,.note-strip,.app-strip,.article-intro,.article-layout-c .article-columns{grid-template-columns:minmax(0,1fr)}.hero{gap:17px}.hero .media{max-height:220px;min-height:110px}.hero .media img{max-height:200px}.feature,.magazine,.app-strip{padding:17px;gap:18px}.feature .media{max-height:160px}.article-layout-b .article-body{grid-template-columns:minmax(0,1fr)}.article-intro .media{max-height:200px}.article-intro .media img{max-height:180px}.article-layout-c .article-intro .media{max-width:100%}.article-toc{display:none}.triplet{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.faq-mini{grid-template-columns:1fr}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-quick{display:flex;justify-content:space-between;gap:8px;margin:24px 0 0;border-top:1px solid #43506a;padding-top:13px}.mobile-quick a{min-height:44px;display:flex;align-items:center}.overlay-sheet{padding:16px}.directory-groups{gap:14px}.directory-groups section>div{grid-template-columns:1fr}.search-sheet{height:100%;border-radius:0}}@media(max-width:480px){.shell{padding-inline:16px}.brand-cn{font-size:20px}.head-tools{gap:0}.card-grid,.directory-groups{grid-template-columns:1fr}.card{padding:16px}.card .media{height:auto;max-height:150px}.section-heading{display:block}.section-heading p{margin:6px 0 0}.article-section h2{font-size:21px}.lead{font-size:16px}.foot-grid{gap:16px}.foot-name{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
