.mp-page{--mp-ink:#24263f;--mp-purple:#5550d6;max-width:1280px;color:var(--mp-ink);background:#fffdf8;margin:auto;padding:0 36px;font-family:Arial,Microsoft JhengHei,sans-serif;line-height:1.75}.mp-page a{color:inherit;text-decoration:none}.mp-page a:hover{text-decoration:underline}.mp-header{border-bottom:1px solid #e6e2dd;justify-content:space-between;align-items:center;gap:22px;padding:24px 0;display:flex}.mp-brand{letter-spacing:-.6px;font-size:23px;font-weight:800}.mp-header nav{gap:24px;font-size:14px;display:flex}.mp-cta{background:var(--mp-purple);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;font-weight:700;display:inline-flex;color:#fff!important}.mp-hero{padding:76px 0 40px}.mp-intro{text-align:center;max-width:820px;margin:0 auto 42px}.mp-kicker{letter-spacing:2px;color:#706885;margin:0 0 18px;font-size:12px;font-weight:700}.mp-page h1{letter-spacing:-2px;margin:0 0 24px;font-size:clamp(34px,4.8vw,62px);line-height:1.22}.mp-page em{color:var(--mp-purple);font-style:normal}.mp-lead{color:#58576b;max-width:710px;margin:0 auto 26px;font-size:18px}.mp-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;display:flex}.mp-note{color:#686477;font-size:13px}.mp-page figure{margin:0}.mp-page img{border-radius:18px;width:100%;height:auto;display:block}.mp-page figcaption{color:#77707b;margin-top:10px;font-size:12px}.mp-cover{max-width:1040px;margin:auto!important}.mp-section{border-bottom:1px solid #e6e2dd;padding:58px 0;scroll-margin-top:24px}.mp-page h2{letter-spacing:-1px;margin:0 0 26px;font-size:clamp(26px,3vw,38px);line-height:1.4}.mp-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.mp-features article{border-top:3px solid #f1d478;padding-top:18px}.mp-features article>span{color:var(--mp-purple);font-size:13px;font-weight:700}.mp-page h3{margin:12px 0;font-size:18px}.mp-features p,.mp-scenario p,.mp-steps p,.mp-faq p{color:#605c6d;font-size:15px}.mp-scenario{grid-template-columns:1.2fr 1fr;align-items:center;gap:44px;display:grid}.mp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-left:24px;display:grid}.mp-steps li{padding-left:4px}.mp-steps li::marker{color:var(--mp-purple);font-weight:700}.mp-steps a{color:var(--mp-purple);font-weight:700}.mp-page code{overflow-wrap:anywhere;background:#f0ecfa;border-radius:4px;padding:2px 4px;font-size:13px}.mp-faq details{border-top:1px solid #e6e2dd;padding:18px 0}.mp-faq summary{cursor:pointer;font-weight:700}.mp-faq p{max-width:900px}.mp-footer{flex-wrap:wrap;justify-content:space-between;gap:20px;padding:32px 0;font-size:14px;display:flex}:is(.mp-page a:focus-visible,.mp-page summary:focus-visible){outline-offset:4px;outline:3px solid #8279e2}@media (max-width:800px){.mp-page{padding:0 22px}.mp-header{flex-wrap:wrap;gap:16px}.mp-header nav{order:3;gap:20px;width:100%}.mp-hero{padding-top:42px}.mp-features{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-scenario{grid-template-columns:1fr;gap:26px}.mp-steps{grid-template-columns:1fr;gap:16px}.mp-section{padding:38px 0}}@media (max-width:460px){.mp-page{padding:0 16px}.mp-brand{font-size:20px}.mp-header .mp-cta{padding:9px 12px;font-size:13px}.mp-features{grid-template-columns:1fr;gap:20px}.mp-lead{font-size:16px}.mp-actions{gap:16px}.mp-page h1{letter-spacing:-1px}.mp-footer{flex-direction:column}}.mp-scenario figure{justify-self:center;width:100%;max-width:480px}.mp-install-intro{color:#605c6d;max-width:780px;font-size:18px}.mp-install-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.mp-install-option{background:#fff;border:1px solid #ddd8e8;border-radius:16px;min-width:0;padding:24px}.mp-install-option.mp-recommended{border:2px solid var(--mp-purple);background:#f8f7ff;padding:23px}.mp-install-option h3{font-size:22px;line-height:1.4}.mp-install-option p,.mp-install-option li,.mp-install-next p{font-size:16px}.mp-install-option p{color:#605c6d}.mp-install-option .mp-install-label{color:var(--mp-purple);margin:0;font-size:14px;font-weight:700}.mp-install-option .mp-cta{white-space:normal;text-align:center;box-sizing:border-box;width:100%;font-size:16px}.mp-install-option ol{padding-left:22px}.mp-install-option li{margin-bottom:12px}.mp-install-option a:not(.mp-cta){color:var(--mp-purple);text-decoration:underline}.mp-install-option .mp-install-detail{font-size:14px}.mp-install-next{background:#f3f0e8;border-radius:12px;padding:20px 24px}.mp-install-next h3{margin-top:0}@media (max-width:1050px){.mp-install-options{grid-template-columns:1fr}.mp-install-option .mp-cta{width:auto}}.mp-install-option>p{margin:16px 0;line-height:1.85}.mp-install-option>.mp-cta{min-height:56px;margin:24px 0 28px;padding:16px 20px;line-height:1.5;display:flex}.mp-install-option>ol{margin:0 0 26px;padding-left:22px}.mp-install-option li{margin-bottom:18px;line-height:1.85}.mp-install-option li:last-child{margin-bottom:0}.mp-install-option>.mp-install-detail{margin-top:16px}.mp-install-option h3{margin:16px 0 18px}.mp-intro .mp-actions+.mp-note{margin:24px 0 0;line-height:1.8}.mp-browser-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.mp-chrome,.mp-script{grid-column:1/-1}.mp-chrome-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:24px;display:grid}.mp-chrome-methods section+section{border-left:1px solid #ddd8e8;padding-left:32px}.mp-chrome-methods h4{margin:0 0 16px;font-size:19px}.mp-chrome-methods .mp-cta{margin:24px 0 28px;padding:16px 20px;display:flex}.mp-chrome-methods p{margin:16px 0}.mp-script>.mp-cta{max-width:400px}@media (max-width:700px){.mp-browser-options,.mp-chrome-methods{grid-template-columns:1fr}.mp-chrome-methods section+section{border-top:1px solid #ddd8e8;border-left:0;padding:24px 0 0}.mp-install-option .mp-cta{width:100%}}
