*{box-sizing:border-box}body{margin:0;background:#dfe6ee;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#13243a}.phone{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#f4f7fb;position:relative}.wxbar{height:54px;background:#071a2f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:17px;position:sticky;top:0;z-index:5}.wxbar>b{font-size:16px}main{padding:14px 14px 84px}.hero{background:linear-gradient(135deg,#071a2f,#0b6fd3);border-radius:16px;padding:20px;color:#fff;box-shadow:0 10px 22px rgba(7,63,120,.2)}.hero.gold{background:linear-gradient(135deg,#362817,#b98a37)}h1{font-size:23px;margin:0 0 6px}.sub{font-size:13px;color:#75849a;line-height:1.55}.hero .sub{color:#c7e3fb}.card{background:#fff;border-radius:14px;padding:16px;margin-top:12px;box-shadow:0 6px 18px rgba(20,48,82,.06)}.quick{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.quick button{border:0;background:transparent;font-size:12px}.quick i{display:block;width:42px;height:42px;line-height:42px;background:#eaf3ff;color:#0878f9;border-radius:13px;margin:0 auto 8px;font-size:16px;font-style:normal;font-weight:700}.section{font-size:18px;font-weight:700;margin:22px 2px 8px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.value{font-weight:700;font-size:16px}.price{font-weight:800;color:#e64a35}.tag{background:#eaf3ff;color:#0878f9;padding:5px 9px;border-radius:20px;font-size:11px}.primary{width:100%;border:0;background:#0878f9;color:#fff;border-radius:12px;height:46px;font-size:15px;font-weight:700;margin-top:12px}.tabs{display:flex;gap:8px;overflow:auto;margin:2px 0 10px}.tabs button{white-space:nowrap;border:0;background:#fff;border-radius:20px;padding:8px 14px;color:#65758b}.tabs button.on{background:#0878f9;color:#fff}.merchant{display:flex;gap:12px}.thumb{width:72px;height:72px;border-radius:12px;background:#eaf3ff;color:#0878f9;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.benefit{font-size:11px;color:#865a08;background:#fff5d8;padding:5px 7px;border-radius:7px;display:inline-block;margin-top:7px}.assets{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.assets b,.assets span{display:block}.assets span{font-size:11px;color:#75849a;margin-top:4px}.menu div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f4}nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:430px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(20,48,82,.08)}nav button{border:0;background:transparent;color:#7b8794;font-size:12px;padding:8px}nav button.on{color:#0878f9;font-weight:700}@media(min-width:700px){body{padding:20px}.phone{min-height:812px;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(22,45,71,.22)}nav{position:absolute}}