:root{color-scheme:light;--ink:#292b25;--muted:#76786f;--gold:#f5bd4c;--line:#eceae2;--paper:#fffdf8}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a57012;outline-offset:4px}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}button{color:inherit}p{overflow-wrap:anywhere;word-wrap:break-word}[hidden]{display:none!important}
.page{width:100%;max-width:1080px;min-height:100vh;min-height:100svh;margin:auto;padding:32px 40px 24px;padding:32px max(40px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(40px,env(safe-area-inset-left))}.brand{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;font-size:17px;font-weight:650;letter-spacing:-.3px}.brand>span:first-child{overflow-wrap:anywhere}.brand-note{flex-shrink:0;color:#858477;font-size:11px;font-weight:400;letter-spacing:1.5px}
.hero{display:grid;grid-template-columns:minmax(0,480px) minmax(0,280px);justify-content:space-between;align-items:center;gap:80px;padding:68px 0 42px}.intro{min-width:0}.app-mark{display:block;width:80px;height:80px;border-radius:23px;object-fit:cover;margin-bottom:24px}h1{margin:0;font-size:40px;font-size:clamp(30px,3.8vw,44px);line-height:1.25;font-weight:720;letter-spacing:-1.4px;overflow-wrap:anywhere;text-wrap:balance;word-break:break-word}.description{max-width:450px;margin:16px 0 0;font-size:16px;line-height:1.85;color:var(--muted);text-wrap:pretty}.highlights{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:19px 0 0;font-size:12px;color:#857352}.highlights span{min-width:0;overflow-wrap:anywhere}.highlights span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#c8a264;vertical-align:middle;margin-right:7px}
.download-panel{max-width:390px;margin-top:32px}.platforms{display:flex;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#f0eee7;border-radius:12px}.platforms[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.platforms button{flex:1;min-width:0;min-height:40px;border:0;background:transparent;border-radius:9px;padding:8px 5px;font-size:13px;color:#77786d;line-height:1.5}.platforms button[aria-pressed=true]{background:white;color:var(--ink);font-weight:650;box-shadow:0 1px 5px #292b250a}#environment{margin:14px 0 12px;font-size:12px;line-height:1.7;color:var(--muted)}.actions{display:flex;flex-direction:column;align-items:stretch}.actions>*+*{margin-top:10px}.actions a,.actions button,.installed-action a,.primary,.secondary{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:52px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;font-size:14px;font-weight:550;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center;background:transparent}.actions .primary,.primary{border-color:var(--gold);background:var(--gold);font-size:16px;font-weight:650}.actions .open-link,.installed-action .open-link{min-height:44px;padding:10px;border-color:transparent;color:#72736a;font-size:12px;font-weight:450}.actions .other-markets{order:2;margin-top:0}.other-markets summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted);list-style:none}.other-markets summary::after{content:"⌄"}.other-markets[open] summary::after{content:"⌃"}.other-markets .market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 6px}.other-markets a{font-size:12px;min-height:44px;padding:10px 8px}.muted,.package-meta{font-size:12px;line-height:1.75;color:var(--muted)}.package-meta{margin:12px 0 0;overflow-wrap:anywhere}#status{margin:12px 0 0}#status:empty{display:none}#wx-launch{width:100%;height:52px;min-height:52px;margin-top:10px}#wx-launch wx-open-launch-app,#wx-launch wx-open-launch-weapp{display:block;width:100%;height:52px}
.scan{text-align:center;padding:28px 20px 24px;border:1px solid #efece3;background:#fffefb;border-radius:24px}.scan-label{font-size:12px;letter-spacing:2px;color:#958367}.qr-wrap{display:flex;justify-content:center;background:#fff;border-radius:16px;padding:12px;margin:22px auto 18px;width:204px;max-width:100%}.scan img{display:block;width:180px;max-width:100%;height:auto}.scan h2{font-size:17px;font-weight:550;letter-spacing:.5px;margin:0}.scan p{margin:8px 0 0}.showcase{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 0 28px;scroll-snap-type:x mandatory;scrollbar-width:thin}.showcase img{flex:0 0 auto;display:block;width:220px;max-width:100%;height:auto;align-self:flex-start;border-radius:16px;scroll-snap-align:start}
.help{max-width:480px;border-top:1px solid var(--line)}.help details+details{border-top:1px solid var(--line)}.help summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:14px 0;list-style:none;font-size:13px;color:#77766a}.help summary::-webkit-details-marker,.other-markets summary::-webkit-details-marker{display:none}.help summary span{font-size:17px;color:#a39f91;font-weight:300}.help details[open] summary span{transform:rotate(45deg)}.help-content{padding:0 0 14px;font-size:13px;line-height:1.85;color:var(--muted)}.help-content p{margin:0 0 10px}.guide,.notice{padding:18px;border:1px solid #efdfbf;background:#fff8e9;border-radius:14px;text-align:left;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.guide{margin-top:18px}.notice{margin:20px 0 0}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-heading strong{font-size:14px}.guide-heading button{flex-shrink:0;min-height:44px;padding:10px 4px;border:0;background:none;color:#8b703e;font-size:12px}.guide p{margin:8px 0 12px}.guide-steps:not([hidden]){display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0;font-size:12px}.guide-steps>span:not([aria-hidden]){display:flex;align-items:center;gap:5px}.guide-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f2d69c;font-size:11px}.guide-steps>span[aria-hidden]{color:#b09c72}.guide .secondary{min-height:46px;background:#fffaf0;border-color:#e5d6b8;font-size:13px}.manual{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.manual input{display:block;min-width:0;width:100%;min-height:44px;margin-top:6px;padding:10px 8px;background:#fff;border:1px solid #eadfc9;border-radius:8px;font-size:16px;color:var(--ink)}footer{margin-top:32px;text-align:center;color:#aaa69a;font-size:11px}footer nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}footer a{display:inline-flex;align-items:center;min-height:44px;padding:8px;color:#898476}footer p{margin:0;letter-spacing:.5px;line-height:1.7}
@media(max-width:760px){.page{max-width:480px;padding:22px 24px;padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.brand{font-size:14px}.brand-note{font-size:10px;letter-spacing:1px}.hero{display:block;padding:38px 0 22px;text-align:center}.app-mark{width:76px;height:76px;border-radius:22px;margin:0 auto 22px}h1{font-size:32px;letter-spacing:-1px;line-height:1.3}.description{margin:14px auto 0;font-size:14px;line-height:1.85;max-width:335px}.highlights{justify-content:center;margin-top:17px;font-size:11px;gap:6px 12px}.download-panel{margin:27px auto 0;max-width:360px}.scan{display:none}.help{max-width:360px;margin:auto}footer{margin-top:20px}.showcase{margin:0 -4px 10px;padding-left:4px;padding-right:4px}.showcase img{width:72vw;max-width:260px;height:auto}}
@media(max-width:350px){.page{padding-right:20px;padding-left:20px;padding-right:max(20px,env(safe-area-inset-right));padding-left:max(20px,env(safe-area-inset-left))}.hero{padding-top:28px}.app-mark{width:64px;height:64px;border-radius:19px;margin-bottom:18px}h1{font-size:28px}.description{font-size:13px}.download-panel{margin-top:23px}.guide{padding:12px}.guide-steps{gap:5px}}
@media(max-height:700px) and (max-width:760px){.hero{padding-top:24px}.app-mark{width:60px;height:60px;margin-bottom:16px}.download-panel{margin-top:21px}}
@media(prefers-reduced-motion:no-preference){button,a,summary{transition:background-color .16s ease,color .16s ease}}

.installed-action{margin-top:8px}.installed-action:empty{display:none}