/* HANZUMIO public information pages and the homepage app introduction. */
.official-page{margin:0;background:#faf9f2;color:#1d4035;font:16px/1.75 "Microsoft YaHei","微软雅黑","PingFang SC","Malgun Gothic",Arial,sans-serif}
.official-page *,.app-promo *{box-sizing:border-box}
.official-page a{color:inherit;text-underline-offset:4px}
.official-page img{max-width:100%;height:auto}
.official-page button,.app-promo button{font:inherit}
.official-shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.official-skip{position:fixed;top:-80px;left:16px;padding:12px 20px;background:#173e30;color:#fff!important;z-index:100}
.official-skip:focus{top:12px}
.official-skip:not(:focus),.home-page .skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}
.official-page :focus-visible,.app-promo :focus-visible,.legal-links :focus-visible{outline:3px solid #a6642e;outline-offset:5px}
.official-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px;border-bottom:1px solid #dce3d6}
.official-wordmark{display:inline-flex;width:175px;flex-shrink:0}
.official-wordmark img{display:block;width:100%;height:auto}
.official-header nav{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}
.official-header nav a{text-decoration:none;padding-block:8px}
.official-header nav a:hover,.legal-links a:hover{color:#9b472b;text-decoration:underline}
.official-intro{padding-block:64px 42px;max-width:800px}
.official-eyebrow,.app-kicker{font-size:11px;letter-spacing:1.7px;font-weight:700;margin:0 0 18px;color:#586b59}
.official-intro h1{font-size:clamp(36px,5vw,62px);font-weight:600;letter-spacing:-1.8px;line-height:1.2;margin:0 0 24px}
.official-intro h1 span{color:#657b47}
.official-intro>p:last-child{color:#5d7167;max-width:620px;margin:0}
.official-page h2{font-size:23px;line-height:1.45;font-weight:600;margin:0 0 14px;letter-spacing:-.3px}
.official-button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:13px 20px;border-radius:12px;background:#1d503d;color:#fff!important;text-decoration:none!important;font-size:16px;max-width:100%;overflow-wrap:anywhere}
.official-button:hover{background:#2c614b}
.support-contact{padding:36px 42px;display:grid;grid-template-columns:1fr 210px;align-items:center;gap:32px;border:1px solid #d7dfca;border-radius:24px;background:#edf1e2}
.support-contact p{margin:0 0 20px}
.support-contact .official-small{font-size:13px;line-height:1.8;color:#5b6d61;max-width:570px;margin:18px 0 0}
.support-contact img{width:210px}
.official-faq{max-width:820px;margin:58px auto}
.official-faq>h2{margin-bottom:20px;font-size:28px}
.official-faq details{border-bottom:1px solid #dce3d6;padding:22px 0}
.official-faq summary{font-weight:600;cursor:pointer;line-height:1.6;padding-right:12px}
.official-faq details p{margin:14px 0 0;color:#50685d}
.official-note{border-top:1px solid #dce3d6;padding:22px 0 50px;font-size:13px;color:#5b6d61}
.official-footer{border-top:1px solid #dce3d6;margin-top:12px;padding-block:32px 40px}
.official-footer>.official-shell{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.official-footer .official-wordmark{width:136px}
.official-footer p,.official-footer small{font-size:12px;color:#5b6d61;margin:0}
.legal-links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:center;font:13px/1.7 "Microsoft YaHei","微软雅黑",Arial,sans-serif}
.legal-links a{display:inline-flex;align-items:center;min-height:44px;color:#315443;text-decoration:none}
.shared-info-links{flex:0 0 100%;width:100%;margin:18px auto 6px;padding:8px 18px;border-top:1px solid #dce3d6;background:transparent}
footer:has(>.shared-info-links){flex-wrap:wrap}
.home-page .footer>div{flex-wrap:wrap;align-items:center}
.home-page .footer a.plain{font-size:13px;display:inline-flex;align-items:center;min-height:44px}
.legal-intro{padding-bottom:40px}
.legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;margin-bottom:72px;align-items:start}
.legal-toc{display:grid;gap:6px;position:sticky;top:24px;padding:12px 0;border-top:1px solid #dce3d6}
.legal-toc a{font-size:13px;text-decoration:none;padding:8px 0;color:#526b5c}
.legal-copy{max-width:740px}
.legal-copy section{scroll-margin-top:24px;padding:28px 0;border-top:1px solid #dce3d6}
.legal-copy p{margin:0 0 16px;color:#425f51}
.legal-copy p:last-child{margin-bottom:0}
.legal-copy ul{padding-left:22px;margin:16px 0 20px}
.legal-copy li{padding-left:4px;margin-bottom:14px;color:#425f51}
.app-promo{padding-top:52px;padding-bottom:60px;border-top:1px solid #dce3d6;border-bottom:1px solid #dce3d6;scroll-margin-top:24px}
.app-promo-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center}
.app-promo h2{font-size:clamp(30px,3.8vw,46px);line-height:1.25;margin:0 0 20px;letter-spacing:-1.2px}
.app-lead{font-size:15px;color:#53695b;line-height:1.85;max-width:600px}
.app-promo .app-family{position:static;display:block;width:100%;max-width:470px;height:auto;filter:none}
.app-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:26px}
.app-promo .app-download:disabled{cursor:default;opacity:1;border:1px solid #345444;border-radius:12px;background:#244b39;color:#fff;padding:14px 19px;font-size:14px;line-height:1.6}
.app-web-link{font-size:13px;color:#234b37;text-decoration:underline;text-underline-offset:5px;padding-block:10px}
.app-status{font-size:12px;line-height:1.8;color:#617362;margin-top:13px}
.app-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:46px;padding-block:30px;border-top:1px solid #dce3d6;border-bottom:1px solid #dce3d6}
.app-feature-number{font-size:11px;color:#8a5637;letter-spacing:1px}
.app-features h3{font-size:17px;line-height:1.5;margin:9px 0 10px}
.app-features p{font-size:13px;color:#5b6d61;line-height:1.9}
.app-preview-heading{margin:36px 0 22px;display:flex;gap:16px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}
.app-preview-heading h3{font-size:21px}
.app-preview-heading p{font-size:12px;color:#5b6d61}
.app-screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.app-screen-placeholder{margin:0;padding:28px 22px 18px;border:1px solid #dce3d6;border-radius:20px;background:#f1f3e9;text-align:center}
.app-screen-placeholder:nth-child(2){background:#f7eee5}.app-screen-placeholder:nth-child(3){background:#edf2f1}
.app-screen-shell{width:146px;max-width:100%;height:207px;border:1px dashed #9eafa1;border-radius:18px;margin:auto;background:#fffefa99;padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:16px}
.app-screen-top{width:30px;height:4px;border-radius:3px;background:#b2bcae}
.app-screen-outline{font-size:46px;line-height:1.6;color:#6d8469;font-weight:500;margin-top:4px}
.app-screen-line{height:5px;background:#d3ddce;border-radius:2px;width:100%}
.app-screen-line.short{width:62%}
.app-screen-placeholder figcaption{font-size:13px;margin-top:18px;line-height:1.7}
.app-screen-placeholder figcaption strong{display:block;font-weight:600}
.app-screen-placeholder figcaption span{display:block;color:#647364;font-size:11px;margin-top:3px}
.app-info-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:12px}
.app-info-links a{padding-block:8px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
 .official-shell{width:calc(100% - 40px)}
 .official-header{padding-block:18px;gap:14px;flex-wrap:wrap}
 .official-header nav{gap:18px;font-size:13px}
 .official-wordmark{width:146px}
 .official-intro{padding-block:44px 30px}
 .official-intro h1{letter-spacing:-1px}
 .support-contact{grid-template-columns:1fr;padding:26px;gap:12px}
 .support-contact img{width:130px;justify-self:center;grid-row:1}
 .official-button{font-size:14px;gap:14px;padding:12px 16px}
 .official-faq{margin-block:40px}
 .official-footer>.official-shell{flex-direction:column;align-items:flex-start;gap:12px}
 .legal-layout{grid-template-columns:1fr;gap:14px;margin-bottom:40px}
 .legal-toc{position:static;display:flex;flex-wrap:wrap;gap:0 18px;padding:8px 0}
 .legal-copy section{padding:24px 0}
 .official-page{font-size:15px}
 .app-promo-heading{grid-template-columns:1fr;gap:28px}
 .app-promo .app-family{max-width:330px;justify-self:center}
 .app-promo{padding-top:38px;padding-bottom:38px}
 .app-features{grid-template-columns:1fr;gap:24px;margin-top:30px}
 .app-features article{display:grid;grid-template-columns:24px 1fr;column-gap:12px}
 .app-feature-number{grid-row:1/3;padding-top:4px}
 .app-features h3{margin:0 0 8px}.app-features p{grid-column:2}
 .app-screenshots{gap:10px}
 .app-screen-placeholder{padding:14px 9px;border-radius:14px}
 .app-screen-shell{height:152px;padding:12px;gap:12px;border-radius:12px}
 .app-screen-outline{font-size:30px;margin-top:0}
 .app-screen-placeholder figcaption{font-size:11px;margin-top:12px}
 .app-screen-placeholder figcaption span{font-size:10px}
 .app-info-links{gap:10px 20px}
}
@media(prefers-reduced-motion:reduce){.official-page,.app-promo{scroll-behavior:auto}}
@media print{.official-header nav,.official-skip,.official-footer,.legal-toc{display:none}.official-page{background:#fff;color:#000;font-size:11pt}.official-shell{width:100%}.legal-layout{display:block}.legal-copy{max-width:none}.legal-copy section{break-inside:avoid}.official-intro{padding:20px 0}.official-intro h1{font-size:28pt}}