*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;background:#eef3fb;color:#222}
body{overflow-x:hidden}
.page{width:100%;max-width:520px;min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#f5f8fd 0%,#edf3fb 100%);padding:14px 14px 36px}
.brand-bar{width:100%;height:56px;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(40,86,150,.08);display:flex;align-items:center;padding:0 14px;margin-bottom:10px}
.brand-left{display:flex;align-items:center;gap:10px;color:#2d66be;font-size:20px;font-weight:800;letter-spacing:-.02em}
.brand-small-icon{width:34px;height:34px;border-radius:8px;object-fit:cover}
.main-card{width:100%}
.app-card{background:#fff;border-radius:14px;padding:42px 18px 30px;text-align:center;box-shadow:0 8px 24px rgba(47,83,134,.08);border:1px solid rgba(180,207,238,.48)}
.icon-wrap{width:148px;height:148px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}
.app-icon{width:136px;height:136px;border-radius:24px;display:block;object-fit:cover;box-shadow:0 10px 22px rgba(0,0,0,.12)}
h1{margin:0;font-size:27px;line-height:1.18;font-weight:800;color:#151515}
.company{margin:16px 0 24px;color:#8e8e8e;font-size:14px;font-weight:700;letter-spacing:.02em}
.rating-line{display:flex;justify-content:center;align-items:center;gap:9px;color:#777;font-size:16px;font-weight:650;margin-bottom:24px}
.stars{color:#ffd328;font-size:17px;letter-spacing:1px}
.tags{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap}
.tags span{min-width:54px;height:30px;padding:0 15px;border-radius:999px;background:#f2f2f6;color:#aaa;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.download-btn{display:flex;align-items:center;justify-content:center;width:min(100%,442px);height:56px;margin:0 auto 24px;border:0;border-radius:8px;background:linear-gradient(180deg,#2d82ef 0%,#2477df 100%);color:#fff;font-size:19px;font-weight:900;cursor:pointer;text-decoration:none;box-shadow:0 8px 18px rgba(38,120,224,.22);transition:transform .12s ease,filter .12s ease}
.download-btn:active{transform:scale(.985);filter:brightness(.96)}
.meta{color:#8d8d8d;font-size:18px;font-weight:760;line-height:1.55}
.meta p{margin:7px 0}
.intro-section,.info-section{margin-top:34px}
.intro-section h2,.info-section h2{margin:0 0 16px;text-align:center;font-size:26px;line-height:1.2;color:#111;font-weight:900}
.intro-list{display:flex;flex-direction:column;gap:14px}
.intro-card{background:#fff;border-radius:14px;padding:10px;box-shadow:0 8px 22px rgba(47,83,134,.08);border:1px solid rgba(180,207,238,.48);overflow:hidden}
.intro-card img{width:100%;display:block;border-radius:10px;object-fit:cover}
.info-section{background:rgba(255,255,255,.88);border:1px solid rgba(180,207,238,.45);border-radius:16px;padding:20px 18px;box-shadow:0 8px 22px rgba(47,83,134,.06)}
.info-section p{margin:0;color:#777;font-size:15px;line-height:1.75;text-align:left}
.toast{position:fixed;left:50%;bottom:38px;transform:translateX(-50%) translateY(18px);max-width:calc(100vw - 48px);padding:12px 16px;border-radius:999px;background:rgba(18,21,27,.92);color:#fff;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:99;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:420px){.page{padding:12px 12px 34px}.app-card{padding-top:38px}.icon-wrap{width:138px;height:138px}.app-icon{width:130px;height:130px}.download-btn{height:53px;font-size:18px}.meta{font-size:17px}}