:root{--bg: #212478;--panel: #1a1e46;--text: #ffffff;--muted: #111111;--accent: #25d8ff;--max-phone: 375px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#c7d8de;color:var(--text);font-family:Microsoft YaHei,PingFang SC,sans-serif}.page-shell{min-height:100vh;display:flex;justify-content:center;padding:0}.phone-stage{width:100%;min-height:100vh;background:var(--bg);box-shadow:0 0 0 1px #1a23623d}.screen{display:none}.screen.active{display:block}.hero{position:relative;background:#171d5f}.hero-main,.hero-sub,.site-foot img,.step-image,.brand-head{width:100%;display:block}.download-box{margin-top:-68px;padding:8px 10px 12px;background:url(/image/page-bg.jpg) center top / cover no-repeat;display:grid;gap:30px}.download-btn{display:block;width:70%;margin:0 auto;text-align:center;text-decoration:none;color:#fff;padding:10px;border-radius:999px;font-size:16px;font-weight:700;line-height:1.2;box-shadow:inset 0 2px #ffffff40}.download-btn.android{background:linear-gradient(90deg,#6427ff,#ff3fa0)}.download-btn.ios{background:linear-gradient(90deg,#cc4af1,#ff3f9f)}.brand-entry{text-align:center;position:relative;padding:12px 10px 8px;background:url(/image/page-bg.jpg) center top / cover no-repeat}.brand-entry h2{margin:4px 0 0;font-size:18px;line-height:1.15;font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#000}.brand-entry .p-jc{margin:8px 0 20px;color:#000;font-size:10px}.brand-entry .p-jc span{color:#038edc}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brand-card{border:1px solid #8f93ba;background:#fff;color:#131313;border-radius:14px;padding:4px 4px 8px;display:grid;gap:3px;cursor:pointer;box-shadow:0 4px #6a6ca1}.brand-logo-wrap{height:58px;border-radius:9px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.brand-card img{width:auto;max-width:92%;max-height:48px;object-fit:contain;border-radius:0;background:#fff}.brand-card strong{font-size:14px;line-height:1.1;font-weight:600}.brand-card em{font-style:normal;font-size:10px;color:#2f74dc;font-weight:700}.float-kf{position:fixed;right:max(10px,calc((100vw - var(--max-phone)) / 2 + 8px));bottom:104px;width:88px;z-index:50}.disclaimer{margin:30px 0;color:#000;text-indent:2em;font-size:14px;text-align:left;line-height:1.3}.ios-guide-entry{padding:8px 0 10px;background:url(/image/page-bg.jpg) center center / cover no-repeat;text-align:center}.ios-guide-entry img{width:180px}.site-foot{background:url(/image/page-bg.jpg) center center / cover no-repeat;padding-bottom:30px}.site-foot img{width:80%;margin:0 auto}.guide-screen{background:#f3f3f3;color:#101010}.guide-topbar{position:sticky;top:0;z-index:10;height:48px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center}.guide-topbar strong{font-size:16px;font-weight:700}.back-btn{position:absolute;left:10px;top:8px;border:0;background:transparent;padding:6px;cursor:pointer}.back-btn img{width:12px}.guide-content{padding-bottom:16px}.guide-intro-panel{background:#fff;margin:0 0 8px;padding:14px 0 10px}.guide-brand-card{width:calc(100% - 80px);margin:0 auto 10px;background:transparent;border:0;border-radius:0;text-align:center;padding:0}.guide-brand-logo{width:180px;margin:0 auto;display:block;object-fit:contain}.guide-brand-name{margin:6px 0 0;color:#222;font-size:20px;line-height:1.05;font-weight:600}.guide-risk-tip{width:calc(100% - 84px);margin:0 auto 10px;min-height:62px;background:transparent;border:0;display:flex;align-items:center;gap:12px;padding:0 12px}.guide-risk-tip .step-no{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e94234;color:#fff;font-size:24px;font-weight:700;display:grid;place-items:center;line-height:1}.guide-risk-tip p{margin:0;color:#6e6e6e;font-size:12px;line-height:1.3}.guide-risk-tip em{color:#f13f3f;font-style:normal}.guide-mid-title{width:calc(100% - 84px);margin:10px auto 8px;color:#161f2c;font-size:52px;line-height:1.06;font-weight:800;text-align:left}.ios-doc-screen{background:#f6f6f6}.ios-doc-content{padding:0}.ios-doc-image{width:100%;display:block}.url-pulse{animation:urlPulse 1s ease-in-out infinite;transform-origin:center bottom}@keyframes urlPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.brand-head{width:min(56%,220px);margin:16px auto 10px;border-radius:12px;border:1px solid #e6e6e6;background:#fff}.step-image{margin-top:8px;background:#fff}@media (min-width: 768px){.page-shell{padding:0}.phone-stage{max-width:var(--max-phone);min-height:calc(100vh - 40px)}.brand-entry h2{font-size:40px}.float-kf{right:max(18px,calc((100vw - var(--max-phone)) / 2 + 10px));width:92px}}
