

.kp-reference-hero-download,.kp-reference-cta{display:inline-flex!important;align-items:center;justify-content:center;padding:15px 30px!important;border-radius:10px!important;background:var(--kp-primary,#2374ed)!important;color:#fff!important;text-decoration:none!important;font:700 16px/1.4 system-ui!important;box-shadow:0 8px 24px #0002!important;margin:20px 10px 16px 0!important;position:relative;z-index:5}
.kp-reference-help,.kp-reference-download{display:block!important;padding:72px 24px!important;color:#142238!important;background:#f6f8fc!important;clear:both!important;font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif!important;position:relative!important;float:none!important;transform:none!important;opacity:1!important;width:100%!important;height:auto!important}
.kp-reference-help>div,.kp-reference-download>div{width:min(1160px,100%)!important;margin:auto!important}.kp-reference-help h2,.kp-reference-download h2{font:700 clamp(27px,3vw,42px)/1.2 system-ui!important;margin:0 0 18px!important;color:inherit!important}.kp-reference-help details{border-bottom:1px solid #d7dfeb;padding:20px 0}.kp-reference-help summary{font-weight:700;cursor:pointer}.kp-reference-platforms{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;gap:16px!important;margin:30px 0!important}.kp-reference-platforms a{display:flex!important;flex-direction:column;gap:28px;padding:25px 22px!important;background:white!important;border:1px solid #dae2ef;border-radius:18px!important;color:#152b4f!important;text-decoration:none!important;box-shadow:0 14px 35px #172a4310}.kp-reference-platforms strong{font-size:22px}.kp-reference-platforms span{color:var(--kp-primary,#2374ed);font-weight:750}.kp-template-spacer{display:none!important}.kp-reference-help p{font-size:16px!important;line-height:1.8!important;margin:12px 0!important;color:#52617b!important}html{scroll-behavior:smooth}body{overflow-x:hidden}.kp-reference-platforms a:hover,.kp-reference-hero-download:hover{filter:brightness(1.06);transform:translateY(-3px);transition:transform .2s}.aos-init:not(.aos-animate),[data-aos]{opacity:1!important;transform:none!important}.wow{visibility:visible!important}@media(max-width:600px){.kp-reference-help,.kp-reference-download{padding:48px 20px!important}.kp-reference-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}

:root{--kp-primary:#7057ef}.kp-reference-help,.kp-reference-download,.kuaipai-ai-story{grid-column:1/-1!important;flex-basis:100%;box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{min-width:0!important}.kp-reference-download,.kp-reference-help{padding-inline:24px!important}.kp-reference-help>div,.kp-reference-download>div{box-sizing:border-box}.kp-reference-hero-download{font-family:system-ui!important}

@media(min-width:900px){nav li:hover>ul,nav li:focus-within>ul{visibility:visible;opacity:1}}

/* Proton header controls stay in normal flow, including older saved/static pages. */
/* Reference hero: the native CTA pair, badges, refund note and artwork stay in place. */
body[data-site-template="protonvpn"] a.kp-reference-hero-download{display:none!important}
body[data-site-template="protonvpn"] [data-kp-proton-hero-r2]>div{width:100%;max-width:1120px;margin-inline:auto;box-sizing:border-box}
body[data-site-template="protonvpn"] [data-kp-proton-title-r2]{max-width:1000px;margin-inline:auto;text-wrap:wrap}
body[data-site-template="protonvpn"] [data-kp-proton-subtitle-r2]{max-width:1120px;margin-inline:auto}
body[data-site-template="protonvpn"] .kp-reference-top-download{display:none!important}
body[data-site-template="protonvpn"] header[data-testid="product-header-id"]>div{height:auto!important;min-height:64px;gap:12px;padding-block:8px;box-sizing:border-box}
body[data-site-template="protonvpn"] header[data-testid="product-header-id"] .ms-auto{gap:12px;min-width:0}
body[data-site-template="protonvpn"] header[data-testid="product-header-id"] .ms-auto>[class~="sm:block"]{display:flex!important;flex:0 0 auto}
body[data-site-template="protonvpn"] header[data-testid="product-header-id"] .ms-auto>[class~="sm:block"]>a{min-height:40px;padding:9px 16px;font-size:14px;line-height:1.2;white-space:nowrap;text-decoration:none}
body[data-site-template="protonvpn"] .kp-proton-language-v9218{display:inline-flex!important;align-items:center;justify-content:center;position:static!important;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0!important;margin:0!important;border:1px solid #c9baff;border-radius:50%;background:#fff;color:#4a2d9d;box-shadow:none;cursor:pointer;transform:none!important}
body[data-site-template="protonvpn"] .kp-proton-language-v9218:hover,body[data-site-template="protonvpn"] .kp-proton-language-v9218[aria-expanded="true"]{background:#e8e1ff;border-color:#7057ef}
body[data-site-template="protonvpn"] .kp-proton-language-v9218:focus-visible{outline:3px solid #7057ef;outline-offset:3px}
body[data-site-template="protonvpn"] .kp-proton-language-v9218>svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65}
@media(max-width:1279px){body[data-site-template="protonvpn"] header[data-testid="product-header-id"]{padding-inline:16px!important}body[data-site-template="protonvpn"] header[data-testid="product-header-id"] .ms-auto{gap:8px}}
@media(max-width:639px){body[data-site-template="protonvpn"] header[data-testid="product-header-id"]{padding-inline:12px!important}body[data-site-template="protonvpn"] header[data-testid="product-header-id"]>div{gap:8px}body[data-site-template="protonvpn"] header[data-testid="product-header-id"]>div>a>img{width:124px;max-width:124px;height:25px;object-fit:contain}body[data-site-template="protonvpn"] header[data-testid="product-header-id"] .ms-auto>[class~="sm:block"]>a{max-width:98px;min-height:36px;padding:8px 10px;font-size:13px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}body[data-site-template="protonvpn"] .kp-proton-language-v9218{flex-basis:36px;width:36px;height:36px;min-width:36px;min-height:36px}}
@media(max-width:360px){body[data-site-template="protonvpn"] header[data-testid="product-header-id"]>div>a>img{width:104px;max-width:104px;height:23px}}
