:root{color-scheme:light;--green:#0f7a4f;--ink:#12231b;--muted:#60766d;--line:#dfece4}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#f6faf7;color:var(--ink)}
main{width:min(100%,760px);margin:0 auto;display:grid;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:900}
.brand img{width:38px;height:38px;border-radius:10px}
.poster{display:block;width:min(100%,520px);max-width:100%;height:auto;margin:0 auto;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 48px rgba(15,60,38,.12);background:#fff}
.actions{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr;gap:10px;padding-top:4px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-size:16px;font-weight:900;border:1px solid rgba(15,122,79,.18)}
.button.primary{background:var(--green);color:#fff;box-shadow:0 14px 32px rgba(15,122,79,.22)}
.button.secondary{background:#fff;color:var(--green)}
p{margin:0;text-align:center;color:var(--muted);line-height:1.6;font-size:14px}
@media(min-width:720px){body{padding-top:34px}.actions{position:static;grid-template-columns:1fr 1fr}.poster{width:min(100%,560px)}}