:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: #203137; background: #f5f9f9; }
* { box-sizing: border-box; }
body { margin: 0; }
[hidden] { display: none !important; }
.entry { width: min(100%, 440px); margin: 0 auto; padding: max(24px, env(safe-area-inset-top)) 28px max(24px, env(safe-area-inset-bottom)); }
.entry__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.entry__brand { color: #087d7e; font-size: 23px; font-weight: 750; }
.entry__language { min-height: 44px; display: inline-flex; align-items: center; color: #536b70; font-size: 13px; text-decoration: none; }
main { padding-top: 54px; }
.entry__symbol { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 16px; background: #e0f3f2; }
.entry__symbol span { width: 18px; height: 23px; border: 2px solid #087d7e; border-radius: 12px 12px 12px 2px; transform: rotate(-45deg); position: relative; }
.entry__symbol span::after { content: ""; position: absolute; width: 6px; height: 6px; border: 2px solid #087d7e; border-radius: 50%; left: 4px; top: 5px; }
h1 { font-size: 28px; line-height: 1.35; margin: 0; font-weight: 650; }
.entry__description { color: #536b70; font-size: 15px; line-height: 1.8; margin: 14px 0 0; }
.entry__action { margin-top: 32px; position: relative; }
.entry__wechat, .entry__wechat wx-open-launch-weapp { display: block; width: 100%; min-height: 50px; }
.entry__wechat { margin-bottom: 14px; }
.entry__wechat[data-pending] { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; }
.entry__button { min-height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 12px; background: #087d7e; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; }
.entry__button:active { background: #066567; }
a:focus-visible { outline: 3px solid #203137; outline-offset: 4px; }
.entry__hint { margin: 14px 0 0; font-size: 13px; line-height: 1.8; color: #536b70; }
.entry__fallback { border-top: 1px solid #dce6e7; margin-top: 30px; padding-top: 22px; }
h2 { margin: 0; font-size: 14px; font-weight: 600; }
.entry__alternative { display: inline-flex; align-items: center; min-height: 44px; color: #087d7e; font-size: 13px; text-underline-offset: 3px; }
.entry__fallback p, .entry__error p { font-size: 13px; line-height: 1.8; color: #536b70; margin: 8px 0 0; }
.entry__error p { margin: 0 0 14px; }
footer { margin-top: 38px; color: #536b70; font-size: 12px; line-height: 1.8; }
.entry[data-launch-state="opening"] .entry__header { justify-content: center; }
.entry[data-launch-state="opening"] main { padding-top: min(24vh, 160px); }
.entry[data-launch-state="opening"] .entry__action { margin-top: 0; }
.entry[data-launch-state="opening"] .entry__hint { margin-top: 0; text-align: center; font-size: 16px; }
.entry[data-launch-state="opening"] .entry__language,
.entry[data-launch-state="opening"] .entry__symbol,
.entry[data-launch-state="opening"] h1,
.entry[data-launch-state="opening"] .entry__description,
.entry[data-launch-state="opening"] .entry__after-open,
.entry[data-launch-state="opening"] .entry__alternative,
.entry[data-launch-state="opening"] .entry__fallback,
.entry[data-launch-state="opening"] footer { display: none; }
@media (max-width: 350px) { .entry { padding-left: 22px; padding-right: 22px; } main { padding-top: 36px; } h1 { font-size: 25px; } }