:root{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#10213e;font-synthesis:none;scroll-behavior:smooth;--blue:#087bfa;--muted:#738096}
*{box-sizing:border-box}body{margin:0;background:#fff}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1945a5;outline-offset:5px}[hidden]{display:none!important}
.brand-hero{background:radial-gradient(ellipse at 92% 0%,#52caff80 0%,transparent 60%),linear-gradient(125deg,#169bfa 0%,#087bfa 52%,#1262e9 100%);color:white}.site-header,.hero,.main-content,.site-footer{width:calc(100% - 48px);max-width:540px;margin-inline:auto}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650}.brand img{object-fit:contain;border-radius:9px;background:white}.help-link{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.95}.help-link img{filter:brightness(0) invert(1)}.hero{padding:23px 0 32px}h1{font-size:42px;line-height:1.3;letter-spacing:-1px;font-weight:700}h1>span{display:block}.hero-rule{width:64px;height:2px;background:#fff;border:0;margin:19px 0 13px;border-radius:2px}#tagline{font-size:15px;line-height:1.8;color:#ecf6ff}
.download-area{padding-top:27px}h2{font-size:21px;font-weight:650;line-height:1.5;letter-spacing:-.3px}.download-buttons{display:flex;flex-direction:column;gap:14px;margin-top:20px}.download-btn{display:flex;align-items:center;gap:16px;width:100%;min-height:80px;padding:16px 21px;border:1px solid;border-radius:18px;text-align:left;transition:background .18s,transform .18s,box-shadow .18s}.android{background:#f0fbf3;border-color:#b7e8c9}.ios{background:#eff7ff;border-color:#b2d8ff}.download-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #16304f0b}.android:hover{background:#e4f7eb}.ios:hover{background:#e4f1ff}.download-btn:active{transform:translateY(0)}.download-btn:disabled{opacity:.65;cursor:wait}.platform-icon{width:33px;height:33px;object-fit:contain;flex-shrink:0}.android .platform-icon,.android .download-arrow{filter:brightness(0) saturate(100%) invert(52%) sepia(83%) saturate(638%) hue-rotate(93deg) brightness(90%) contrast(88%)}.ios .platform-icon,.ios .download-arrow{filter:brightness(0) saturate(100%) invert(38%) sepia(98%) saturate(2531%) hue-rotate(195deg) brightness(101%) contrast(101%)}.button-label{flex:1;display:flex;flex-direction:column;gap:3px}.button-label strong{font-size:18px;font-weight:650;color:#10213e;line-height:1.5}.button-label small{font-size:13px;color:#6b788d;line-height:1.5}.download-arrow{width:24px;height:24px;flex-shrink:0}.preview-notice{font-size:12px;color:var(--muted);margin-top:10px}
.guide-section{margin-top:27px;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;scroll-margin-top:20px}.guide-section summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;padding:22px 0}.guide-section summary::-webkit-details-marker{display:none}summary strong{display:block;font-size:17px;font-weight:600;line-height:1.5}.guide-summary{display:block;font-size:13px;color:#748197;line-height:1.7;margin-top:4px}summary>img{opacity:.5;transition:transform .2s;flex-shrink:0}.guide-section[open] summary>img{transform:rotate(90deg)}.guide-content{padding:0 0 24px}.guide-tabs{display:flex;gap:6px;background:#f2f6fb;padding:4px;border-radius:12px;margin-bottom:22px}.guide-tabs button{flex:1;background:none;border:0;padding:10px 5px;border-radius:9px;font-size:13px;color:#63748b}.guide-tabs button[aria-selected=true]{background:white;color:#0873e5;box-shadow:0 2px 6px #1a416510}.steps{padding:0;list-style:none;display:flex;flex-direction:column;gap:19px}.steps li{display:flex;gap:13px}.steps li>span{font-size:12px;color:#087bfa;line-height:24px;min-width:22px}.steps h3{font-size:15px;line-height:24px;font-weight:600}.steps p{font-size:13px;line-height:1.9;color:#687990;margin-top:4px}.guide-tip{font-size:12px;line-height:1.9;color:#657b97;margin-top:20px;padding:13px;background:#f2f7fd;border-radius:10px}.site-footer{padding:28px 0 24px;text-align:center}#copyright{font-family:Arial,sans-serif;color:#8390a3;font-size:13px;line-height:1.8;text-wrap:balance}
dialog{width:calc(100% - 40px);max-width:400px;border:1px solid #e4eaf3;border-radius:22px;padding:28px;color:#10213e;box-shadow:0 20px 80px #06204029}dialog::backdrop{background:#0c1e3d66;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:#f2f6fb;border-radius:50%;padding:9px}.dialog-icon img{object-fit:contain;border-radius:12px;margin-bottom:18px}dialog h2{font-size:22px}#dialog-message{font-size:14px;color:#66758a;line-height:1.9;white-space:pre-line;margin:14px 0 22px}.dialog-primary{display:block;text-align:center;width:100%;padding:13px;border:0;border-radius:12px;background:#087bfa;color:white;font-size:15px}.dialog-help{display:block;text-align:center;margin-top:18px;font-size:13px;color:#63748b}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#14243a;color:white;border-radius:12px;padding:13px 18px;font-size:13px;max-width:90%;width:max-content;box-shadow:0 8px 24px #0002}
@media(min-width:901px){.site-header{max-width:1080px;height:90px}.hero{max-width:680px;padding:32px 0 44px}h1{font-size:54px}#tagline{font-size:17px}.main-content,.site-footer{max-width:680px}.download-area{padding-top:36px}.download-btn{min-height:86px}.site-footer{padding-top:32px}}
@media(max-width:360px){.site-header,.hero,.main-content,.site-footer{width:calc(100% - 40px)}h1{font-size:37px}.site-header{height:74px}.brand{font-size:21px}.hero{padding-top:19px}.download-btn{gap:12px;padding-inline:16px}.button-label strong{font-size:17px}.guide-summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* 品牌整体居中，标题两行分别左、右对齐。 */
.site-header .brand{grid-column:2;justify-self:center}.site-header nav{grid-column:3;justify-self:end}.headline-line{text-align:left}#highlight{text-align:right}
@media(max-width:360px){.help-link{font-size:11px;gap:2px}.help-link img{width:12px}}

/* 放大页头品牌，保持居中。 */
.site-header .brand{font-size:28px;gap:11px}.site-header .brand img{width:42px;height:42px;border-radius:11px}
@media(max-width:360px){.site-header .brand{font-size:26px;gap:9px}.site-header .brand img{width:40px;height:40px}}

/* 安装帮助位于蓝色首屏底部右侧。 */
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-bottom nav{margin-left:auto;flex-shrink:0}.hero-bottom .help-link{white-space:nowrap}

/* 安装帮助与旁边说明使用相同文字样式。 */
.hero-bottom .help-link{font-family:inherit;font-size:15px;font-weight:400;line-height:1.8;color:#ecf6ff;opacity:1}
@media(min-width:901px){.hero-bottom .help-link{font-size:17px}}

#icp-line{margin-top:8px;color:#8390a3;font-size:13px;line-height:1.8;text-align:center}#icp-number:hover{text-decoration:underline;color:#087bfa}

/* 横线随说明文字宽度变化，两端对齐。 */
.hero-bottom{align-items:flex-end}.tagline-block{width:fit-content;max-width:100%}.tagline-block .hero-rule{width:100%;margin:19px 0 13px}
