:root{--h5-bg:#0f0f12;--h5-surface:#1a1a21;--h5-border:#ffffff14;--h5-text:#f4f4f5;--h5-muted:#a1a1aa;--h5-accent:#f59e0b;--h5-accent-dim:#f59e0b26;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--h5-bg);min-height:100%;color:var(--h5-text);-webkit-tap-highlight-color:transparent;margin:0}#h5-root{min-height:100dvh;padding-bottom:calc(88px + var(--safe-bottom))}.h5-page{max-width:480px;margin:0 auto}.h5-hero{aspect-ratio:9/16;background:var(--h5-surface);max-height:72vh;position:relative;overflow:hidden}.h5-hero video,.h5-hero img{object-fit:cover;width:100%;height:100%;display:block}.h5-hero-play{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border:none;border-radius:50%;width:64px;height:64px;margin:auto;font-size:24px;position:absolute;inset:0}.h5-hero-muted{color:#e4e4e7;background:#00000080;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:10px;left:12px}.h5-brand{padding:16px 18px 8px}.h5-brand-store{color:var(--h5-muted);margin-bottom:4px;font-size:13px}.h5-brand-title{letter-spacing:.02em;font-size:22px;font-weight:700;line-height:1.3}.h5-bullets{flex-direction:column;gap:8px;padding:0 18px 12px;display:flex}.h5-bullet{color:#d4d4d8;align-items:flex-start;gap:8px;font-size:14px;line-height:1.45;display:flex}.h5-bullet:before{content:"";background:var(--h5-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.h5-section{background:var(--h5-surface);border:1px solid var(--h5-border);border-radius:14px;margin:12px 18px;padding:14px 16px}.h5-section-title{color:var(--h5-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:600}.h5-copy-block{color:#e4e4e7;white-space:pre-wrap;word-break:break-word;margin-bottom:8px;font-size:14px;line-height:1.55}.h5-section-actions{flex-direction:column;gap:10px;width:100%;display:flex}.h5-btn-row{flex-wrap:wrap;gap:8px;display:flex}.h5-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.h5-btn:active{opacity:.9;transform:scale(.98)}.h5-btn-primary{color:#0f0f12;background:linear-gradient(135deg,#f59e0b,#ea580c)}.h5-btn.h5-btn-sm{border-radius:999px;padding:8px 16px;font-size:13px}.h5-btn-secondary{background:var(--h5-accent-dim);color:var(--h5-accent);border:1px solid #f59e0b59}.h5-btn-ghost{color:var(--h5-muted);border:1px solid var(--h5-border);background:0 0}.h5-actions{flex-direction:column;gap:10px;display:flex}.h5-actions .h5-btn{width:100%}.h5-bar{padding:12px 18px calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000,#0f0f12eb 28%);max-width:480px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.h5-toast{color:#fafafa;z-index:50;background:#27272af2;border-radius:10px;padding:10px 18px;font-size:14px;animation:.2s h5-fade;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes h5-fade{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.h5-loading,.h5-error{text-align:center;color:var(--h5-muted);padding:48px 24px;font-size:15px;line-height:1.6}.h5-error strong{color:#fca5a5;margin-bottom:8px;display:block}.h5-spinner{border:3px solid var(--h5-border);border-top-color:var(--h5-accent);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.7s linear infinite h5-spin}@keyframes h5-spin{to{transform:rotate(360deg)}}.h5-stub{color:var(--h5-muted);text-align:center;padding:8px 16px 24px;font-size:12px}.h5-header{padding:16px 18px 8px}.h5-header .h5-brand{padding:0;font-size:20px;font-weight:700}.h5-sub{color:#d4d4d8;padding:0 18px 4px;font-size:15px;line-height:1.4}.h5-tenant{color:var(--h5-muted);padding:0 18px 8px;font-size:12px}.h5-hint{color:var(--h5-muted);margin:0 0 12px;font-size:12px;line-height:1.5}.h5-muted{color:var(--h5-muted);padding:8px 0;font-size:13px}.h5-platform-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.h5-platform-btn{background:var(--h5-accent-dim);min-height:48px;color:var(--h5-accent);text-align:center;border:1px solid #f59e0b59;border-radius:12px;justify-content:center;align-items:center;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.h5-platform-btn:active{opacity:.9;transform:scale(.98)}.h5-card{background:var(--h5-surface);border:1px solid var(--h5-border);border-radius:14px;margin:16px 18px;padding:16px}.h5-video-wrap{background:var(--h5-surface);aspect-ratio:9/16;border-radius:14px;max-height:58vh;margin:0 18px 12px;position:relative;overflow:hidden}.h5-video-wrap--vm-platform{aspect-ratio:9/16;border:1px solid var(--h5-border);background:#0a0a0c;border-radius:14px;width:min(100% - 36px,min(38vh,280px)/1.77778);max-width:calc(100% - 36px);max-height:min(38vh,280px);margin:0 auto 12px;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059}.h5-video-wrap--vm-platform.h5-video-wrap--vm-platform-tall{width:min(100% - 36px,min(52vh,400px)/1.77778);max-height:min(52vh,400px)}.h5-video-boot{z-index:2;pointer-events:none;color:#f8fafce0;letter-spacing:.02em;background:linear-gradient(165deg,#1e293bf5 0%,#0f172afa 55%,#0a0a0c 100%);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.h5-video-boot__text{background:#00000059;border-radius:999px;padding:10px 16px}.h5-video-wrap--vm-platform .h5-video{z-index:1;object-fit:contain;background:#0a0a0c;width:100%;height:100%;display:block;position:relative}.h5-video-wrap--vm-platform .h5-muted--video-placeholder{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:12px;font-size:13px;display:flex}.h5-video{object-fit:cover;width:100%;height:100%;display:block}.h5-page--vm-platform{background:linear-gradient(#0c1220 0%,#0f0f12 38% 100%);max-width:392px;min-height:100dvh}.h5-page--vm-platform .h5-header{padding-bottom:4px}.h5-page--vm-platform .h5-header .h5-brand{color:#f8fafceb;font-size:17px;font-weight:600}.h5-page--vm-platform .h5-toolbar{border-bottom:1px solid #ffffff0f;margin-bottom:4px;padding-bottom:12px}.h5-page--vm-platform .h5-section{background:#1a1a21b8;border-color:#ffffff12}.h5-vm-platform-meta{text-align:center;padding:4px 20px 12px}.h5-vm-platform-store{color:#e4e4e7bf;font-size:13px;line-height:1.4}.h5-vm-platform-note{color:#fbbf24e0;text-align:center;margin:0 18px 12px;padding:0 4px;font-size:14px;line-height:1.55}.h5-section--save-only{padding-top:12px;padding-bottom:12px}.h5-btn-block{width:100%}.h5-muted--video-placeholder{text-align:center;justify-content:center;align-items:center;min-height:120px;padding:16px;font-size:13px;display:flex}.h5-play-overlay{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;width:64px;height:64px;margin:auto;font-size:14px;position:absolute;inset:0}.h5-steps{color:#e4e4e7;margin:0;padding-left:18px;font-size:14px;line-height:1.55}.h5-steps li{margin-bottom:8px}.h5-toolbar{align-items:center;gap:12px;padding:10px 18px;display:flex}.h5-link-back{color:var(--h5-accent);font-size:14px;text-decoration:none}.h5-platform-title{font-size:16px;font-weight:600}.h5-safe-bottom{height:calc(24px + var(--safe-bottom))}.h5-page--vm-share{background:radial-gradient(120% 80% at 50% -20%,#38bdf82e 0%,#0000 55%),linear-gradient(#0a1628 0%,#060d18 42%,#030508 100%);max-width:392px;min-height:100dvh;position:relative;overflow-x:hidden}.h5-share-hero-bg{pointer-events:none;opacity:1;background:radial-gradient(90% 70% at 50% 0,#6366f138 0%,#0ea5e914 45%,#0000 72%),radial-gradient(60% 40% at 80% 20%,#ec48991f 0%,#0000 50%);height:220px;position:absolute;top:0;left:0;right:0}.h5-header--share{z-index:1;padding:16px 20px 4px;position:relative}.h5-share-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(145deg,#ffffff17 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:20px;max-width:100%;margin:0 auto;padding:20px 20px 18px;box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.h5-share-hero-badge{letter-spacing:.08em;color:#fbbf24f2;background:#f59e0b1f;border:1px solid #fbbf2447;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.h5-share-hero-title{letter-spacing:.04em;color:#f8fafc;margin:0;font-size:22px;font-weight:700;line-height:1.35}.h5-share-hero-note{color:#fbbf24eb;margin:10px 0 0;font-size:14px;font-weight:500;line-height:1.55}.h5-share-hero-desc{color:#e2e8f0c7;margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.5}.h5-share-main{z-index:1;padding:4px 20px calc(32px + var(--safe-bottom));position:relative}.h5-share-section{margin-bottom:20px}.h5-share-cat-title{color:#ffffff6b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px 4px;font-size:12px;font-weight:600}.h5-share-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.h5-share-tile{color:#fff;text-align:center;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:68px;padding:10px 8px;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 6px 18px #00000052,inset 0 1px #ffffff29}.h5-share-tile:active{opacity:.96;transform:scale(.97);box-shadow:0 4px 14px #00000047}.h5-share-tile-icon{justify-content:center;align-items:center;line-height:0;display:flex}.h5-share-tile-icon--emoji{filter:drop-shadow(0 2px 4px #00000040);font-size:22px;line-height:1}.h5-brand-icon-wrap{background:#fffffff5;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #00000024}.h5-share-tile-text{letter-spacing:.02em;text-shadow:0 1px 2px #0003;font-size:12px;font-weight:600}.h5-tile--dy{background:linear-gradient(145deg,#38bdf8 0%,#a855f7 55%,#ec4899 100%)}.h5-tile--xhs{background:linear-gradient(145deg,#fb7185 0%,#f97316 100%)}.h5-tile--ks{background:linear-gradient(145deg,#fb923c 0%,#f472b6 50%,#c084fc 100%)}.h5-tile--ch{background:linear-gradient(145deg,#34d399 0%,#0ea5e9 90%)}.h5-tile--moments{background:linear-gradient(145deg,#60a5fa 0%,#fbbf24 100%)}.h5-tile--dp{background:linear-gradient(145deg,#fb923c 0%,#f472b6 100%)}.h5-tile--rvdy{color:#1e1b4b;background:linear-gradient(145deg,#7dd3fc 0%,#e9d5ff 100%)}.h5-tile--rvdy .h5-share-tile-text{color:#1e1b4b;text-shadow:none}.h5-tile--amap{color:#0c4a6e;background:linear-gradient(145deg,#38bdf8 0%,#f0f9ff 100%)}.h5-tile--amap .h5-share-tile-text{color:#0c4a6e;text-shadow:none}.h5-tile--mt{color:#422006;background:linear-gradient(145deg,#fcd34d 0%,#f97316 85%)}.h5-tile--mt .h5-share-tile-text{color:#422006;text-shadow:none}.h5-tile--dpdeal{color:#431407;background:linear-gradient(145deg,#fdba74 0%,#fb7185 100%)}.h5-tile--dpdeal .h5-share-tile-text{color:#431407;text-shadow:none}.h5-tile--dydeal{background:linear-gradient(145deg,#38bdf8 0%,#ec4899 100%)}.h5-tile--claim{color:#0c4a6e;background:linear-gradient(145deg,#22d3ee 0%,#e0f2fe 100%)}.h5-tile--claim .h5-share-tile-text{color:#0c4a6e;text-shadow:none}.h5-tile--fallback{background:linear-gradient(145deg,#64748b 0%,#475569 100%)}.h5-share-footnote{color:#ffffff52;text-align:center;margin:16px 12px 0;font-size:11px;line-height:1.55}.h5-share-empty{color:#ffffff73;text-align:center;padding:40px 16px;font-size:14px;line-height:1.6}