*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FAF9F6;color:#414255;font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{color:#6756C8}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #D65D69;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(100% - 64px,1120px);margin-inline:auto;min-width:0}.site-head{background:#fff;border-bottom:1px solid #E6E4EB}.head-inner{height:72px;display:flex;align-items:center;gap:20px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-weight:750;color:#25243A;white-space:nowrap}.brand-name{line-height:1.2;font-size:17px}.brand-name small,.footer-brand small{display:block;font-size:10px;letter-spacing:.09em;color:#66687B}.logo-frame{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:8px;background:#fff;border:1px solid #dedce6;border-radius:10px;box-shadow:0 2px 8px #25243a0b;max-width:112px}.logo-frame img{display:block;width:auto;height:auto;max-width:94px;max-height:34px;object-fit:contain;object-position:center}.logo-letter{font-size:18px;line-height:1;color:#6756C8}.primary{display:flex;justify-content:center;gap:clamp(8px,1.7vw,24px);margin-left:auto}.primary a,.quick a{font-size:14px;white-space:nowrap}.primary a[aria-current],.quick a[aria-current]{color:#6756C8;text-decoration:underline;text-underline-offset:7px}.head-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.plain-btn{min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #E6E4EB;background:#fff;border-radius:10px;color:#25243A}.desktop-app{font-size:14px;color:#6756C8}.menu-toggle{display:none}.quick{background:#F2EFFB}.quick-inner{min-height:40px;display:flex;gap:27px;align-items:center}.quick a{color:#4b456c}main{padding-block:28px 78px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#25243A;line-height:1.36;overflow-wrap:anywhere}h1{font-size:34px}h2{font-size:26px}h3{font-size:19px}p{margin-bottom:16px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.1em;color:#6756C8}.lead{font-size:16px;color:#55566a}.section{margin-block:62px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin-bottom:0}.muted{font-size:14px;color:#66687B}.hero,.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px}.hero{padding:24px 0}.hero h1{margin:9px 0 20px}.hero .lead{max-width:560px}.buttons,.related{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid #6756C8;border-radius:10px;background:#6756C8;color:#fff;font-size:14px;font-weight:650}.btn:hover{background:#4e3faf;color:#fff}.btn.secondary{color:#6756C8;background:transparent}.btn.secondary:hover{background:#F2EFFB}.visual{min-width:0;width:100%;display:flex;align-items:center;justify-content:center;padding:12px;background:#F2EFFB;border:1px solid #E6E4EB;border-radius:16px}.visual img{display:block;width:auto;height:auto;max-width:100%;max-height:260px;object-fit:contain;object-position:center}.visual-banner img{max-height:320px}.visual-article img{max-height:300px}.visual-app img{max-height:300px}.visual-icon{max-width:82px;padding:8px;background:white}.visual-icon img{max-width:64px;max-height:64px}.image-empty{display:flex;align-items:center;justify-content:center;min-height:94px;padding:16px;border-radius:16px;background:#F2EFFB}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;padding:22px;background:#fff;border:1px solid #E6E4EB;border-radius:16px}.card h3{margin-bottom:10px}.card p{font-size:15px}.card a.more,.more{color:#6756C8;font-size:14px;font-weight:700}.soft-purple{background:#F2EFFB}.soft-teal{background:#EAF6F4}.soft-orange{background:#FFF1E4}.feature{padding:24px;border-radius:18px;background:#fff;border:1px solid #E6E4EB}.feature>p:last-child,.card>p:last-child{margin-bottom:0}.chapter{padding:25px 0;border-bottom:1px solid #E6E4EB}.chapter h2{font-size:24px;margin-bottom:16px}.chapter p{max-width:760px}.article-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px;padding:22px 0 26px;border-bottom:1px solid #E6E4EB}.article-top:not(:has(.visual)){display:block}.article-top p{max-width:760px}.article-body{max-width:920px;margin:20px auto 0}.article-body .chapter{padding:26px 0}.article-body .chapter p{max-width:760px}.article-body .chapter:nth-child(even){padding:26px 22px;background:#F2EFFB;border-radius:16px;border:0;margin:10px 0}.article-body .chapter:nth-child(3n){background:#EAF6F4;padding:26px 22px;border-radius:16px}.related{margin-top:34px;padding:24px;background:#FFF1E4;border-radius:16px}.related strong{width:100%;color:#25243A}.related a{color:#6756C8;font-weight:700}.breadcrumbs{font-size:13px;color:#66687B;margin-bottom:13px}.breadcrumbs a{color:#6756C8}.faq-item{margin:15px 0;padding:20px;background:#fff;border:1px solid #E6E4EB;border-radius:14px}.faq-item h2{font-size:19px;margin:0 0 9px}.faq-item p{margin:0}.site-footer{background:#25243A;color:#f2effb;padding:44px 0 26px}.footer-brand{color:#fff;margin-bottom:29px}.footer-brand small{color:#cbc8e0}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.footer-grid h2{font-size:16px;color:#fff;margin:0 0 11px}.footer-grid a{display:block;font-size:14px;padding:2px 0;color:#dcd9ef}.footer-grid a:hover{color:#fff;text-decoration:underline}.copyright{margin:32px 0 0;padding-top:16px;border-top:1px solid #ffffff33;color:#c9c6df;font-size:13px}.bottom-nav,.mobile-menu{display:none}.search-overlay[hidden],.mobile-menu[hidden]{display:none!important}.search-overlay{position:fixed;inset:0;z-index:100;background:#25243a99;display:flex;align-items:flex-start;justify-content:center;padding:clamp(18px,9vh,90px) 16px 18px}.search-card{width:min(100%,650px);max-height:80vh;overflow:auto;background:white;border-radius:18px;padding:24px;box-shadow:0 18px 70px #17152e55}.search-top,.menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-top h2{margin:0}.search-card label{display:block;font-size:14px;margin:16px 0 6px}.search-card input{width:100%;border:1px solid #aeacc0;border-radius:10px;padding:11px 13px;min-height:44px;background:#fff;color:#25243A}#search-results{margin-top:18px}#search-results a{color:#6756C8}#search-results .result{display:block;padding:12px;border-bottom:1px solid #E6E4EB}#search-results .result small{display:block;color:#66687B;font-size:13px}.mobile-menu{position:absolute;z-index:80;left:0;right:0;background:white;border-bottom:1px solid #E6E4EB;box-shadow:0 14px 25px #25243a20;padding:12px 20px 24px}.menu-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.menu-content h2{font-size:16px;margin:12px 0 5px}.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 9px}.menu-links a{display:flex;align-items:center;min-height:44px;padding:5px 3px;font-size:14px;border-bottom:1px solid #eee}.menu-head strong{color:#25243A}@media(max-width:1024px){.wrap{width:calc(100% - 48px)}.brand-name small{display:none}.primary{gap:10px}.primary a{font-size:13px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-inner{gap:20px}}@media(max-width:820px){.primary,.quick,.desktop-app{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.head-actions{margin-left:auto}.mobile-menu:not([hidden]){display:block}.head-inner{height:58px}.brand-name{font-size:16px}.logo-frame{padding:6px}.logo-frame img{max-height:30px;max-width:76px}.wrap{width:calc(100% - 40px)}.hero,.split,.article-top{grid-template-columns:1fr;gap:18px}.hero .visual{order:2}.section{margin-block:44px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{position:fixed;z-index:70;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:white;box-shadow:0 -2px 16px #25243a16;border-top:1px solid #E6E4EB}.bottom-nav a{min-height:58px;display:flex;justify-content:center;align-items:center;font-size:13px;text-align:center;color:#414255}.bottom-nav a[aria-current]{color:#6756C8;font-weight:750}.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}main{padding-bottom:62px}}@media(max-width:480px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.brand{gap:5px}.brand-name{font-size:15px}.brand-name small{display:none}.logo-frame{max-width:77px}.logo-frame img{max-width:61px}.head-inner{gap:6px}.head-actions{gap:4px}.head-actions .plain-btn{padding:4px 7px}.hero{padding-top:12px}h1{font-size:28px}h2{font-size:22px}.section{margin-block:39px}.cards,.cards.four,.cards.two{grid-template-columns:1fr;gap:14px}.card{padding:17px}.feature{padding:18px}.visual-banner img{max-height:240px}.visual:not(.visual-banner):not(.visual-app):not(.visual-icon) img{max-height:210px}.visual-article img{max-height:300px}.visual-app img{max-height:300px}.article-body .chapter:nth-child(n){padding:21px 12px}.article-body .chapter h2{font-size:21px}.menu-content{grid-template-columns:1fr;gap:5px}.footer-grid{gap:20px 12px}.footer-grid h2{font-size:15px}.footer-grid a{font-size:13px}.search-card{padding:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Keep layouts balanced when optional local artwork has not been supplied. */
.hero:not(:has(> .visual)),.split:not(:has(> .visual)){display:block}
.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:820px){.mobile-menu{position:fixed;top:58px;max-height:calc(100dvh - 122px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:480px){.cards.four{grid-template-columns:1fr}}