:root{color-scheme:dark;--ink: #f8fbff;--soft: #c5d4ec;--deep: #030815;--navy: #071947;--cyan: #42e9ff;--gold: #ffd67a;--green: #59f0b0}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#071947f2,#030815 48%,#1d1738f5),linear-gradient(90deg,#42e9ff1f,#ffd67a1f);overflow-x:hidden}a{color:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:20px}.app-stage{width:min(100%,430px);height:min(900px,calc(100vh - 40px));min-height:720px;position:relative;overflow:hidden;border:1px solid rgba(104,226,255,.24);border-radius:8px;background:var(--navy);box-shadow:0 26px 80px #00000075;isolation:isolate}.poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 148px,rgba(0,0,0,.34) 166px,#000 198px);mask-image:linear-gradient(180deg,transparent 0,transparent 148px,rgba(0,0,0,.34) 166px,#000 198px);transform:scale(1.015);animation:poster-breathe 9s ease-in-out infinite alternate;z-index:-3}.app-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#01091eeb 0,#01091ec7 128px,#01091e38 220px,#01091e14 300px,#01091e14 40%,#010716bd 78%,#010716f5),linear-gradient(110deg,rgba(5,31,90,.24),transparent 46%,rgba(255,200,97,.12));pointer-events:none}.app-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 92px,rgba(66,233,255,.08) 93px,transparent 95px),linear-gradient(90deg,transparent,rgba(255,214,122,.2),transparent);background-size:auto,180% 100%;mix-blend-mode:screen;opacity:.38;animation:light-drift 6s ease-in-out infinite alternate;pointer-events:none}.brand-chip{position:absolute;top:18px;left:18px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#020b22ad;box-shadow:0 14px 34px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:drop-in .56s ease both}.brand-left{min-width:0;display:flex;align-items:center;gap:10px}.brand-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand-mark{width:36px;height:36px;display:block;flex:0 0 36px;border-radius:8px;object-fit:cover;background:#13a9ed;box-shadow:0 8px 22px #42e9ff47}.brand-name{display:grid;gap:2px;min-width:0;line-height:1.12}.brand-name strong{overflow:hidden;color:#fff;font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.brand-name span{overflow:hidden;color:#e5f1ffb8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chip-tag{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(255,214,122,.34);border-radius:8px;color:var(--gold);background:#ffd67a1a;font-size:12px;font-weight:700}.official-button{min-height:30px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.official-dot{width:6px;height:6px;border-radius:999px;background:#ffffff75;box-shadow:0 0 12px #ffffff47}.official-button.testing .official-dot{background:var(--gold);animation:dot-pulse 1s ease-in-out infinite}.official-button.ready .official-dot{background:var(--green);box-shadow:0 0 14px #77efb499}.official-button.empty .official-dot{background:#ff7b7b;box-shadow:0 0 12px #ff7b7b75}.language-switch{display:grid;grid-template-columns:1fr 1fr;width:72px;height:30px;padding:3px;border:1px solid rgba(66,233,255,.24);border-radius:8px;background:#020b226b}.language-switch button{min-width:0;border:0;border-radius:6px;color:#e8f3ffbd;background:transparent;font:inherit;font-size:11px;font-weight:800;letter-spacing:0;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.language-switch button.active{color:#061327;background:linear-gradient(135deg,var(--cyan),#fff2bd);box-shadow:0 5px 14px #42e9ff2e}.language-switch button:focus-visible{outline:2px solid rgba(66,233,255,.7);outline-offset:2px}.official-embed{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:12;overflow:hidden;border:1px solid rgba(123,226,255,.26);border-radius:8px;background:#030916f5;box-shadow:0 18px 60px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.embed-body{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.embed-body iframe{width:100%;height:100%;display:block;border:0;background:#fff}.embed-loading,.embed-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#e8f3ffd1;background:#030916b8;font-size:14px;font-weight:800}.embed-empty{position:absolute;top:0;right:0;bottom:0;left:0}.embed-panel-enter-active,.embed-panel-leave-active{transition:opacity .18s ease,transform .18s ease}.embed-panel-enter-from,.embed-panel-leave-to{opacity:0;transform:translateY(10px)}.download-dock{position:absolute;left:12px;right:12px;bottom:12px;padding:18px 16px 16px;border:1px solid rgba(123,226,255,.22);border-radius:8px;background:linear-gradient(180deg,#06122d9e,#020816e6),linear-gradient(120deg,#42e9ff24,#ffd67a21);box-shadow:0 18px 48px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:dock-rise .68s ease both}.download-dock:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent);background-size:180% 100%;animation:line-flow 3.2s ease-in-out infinite}.dock-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.dock-heading h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:0;font-weight:900}.dock-heading p{margin:6px 0 0;color:var(--soft);font-size:13px;line-height:1.45}.download-badge{min-width:82px;padding:8px 10px;border-radius:8px;color:#071327;background:linear-gradient(135deg,var(--gold),#fff4c7);font-size:12px;font-weight:900;text-align:center;box-shadow:0 10px 24px #ffd67a33}.desktop-qr{display:none}.qr-card{width:126px;aspect-ratio:1;display:grid;place-items:center;padding:8px;border-radius:8px;background:#fff;box-shadow:0 14px 28px #00000038}.qr-card img{width:100%;height:100%;display:block}.qr-placeholder{color:#071327;font-size:12px;font-weight:900}.qr-copy{min-width:0;display:grid;gap:7px}.qr-copy strong{color:#fff;font-size:22px;line-height:1.18;font-weight:900}.qr-copy span{color:var(--soft);font-size:13px;line-height:1.45}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download-button{min-height:64px;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.download-button:hover,.download-button:focus-visible{transform:translateY(-3px);outline:none}.download-button.ios{border:1px solid rgba(255,255,255,.2);color:#fff;background:linear-gradient(145deg,#ffffff24,#ffffff0d);box-shadow:inset 0 1px #ffffff2e,0 14px 26px #0000003d}.download-button.android{border:1px solid rgba(79,240,177,.38);color:#041f28;background:linear-gradient(135deg,#eafff8,var(--green));box-shadow:0 14px 28px #59f0b033}.download-button:focus-visible{box-shadow:0 0 0 3px #42e9ff4d,0 14px 28px #0000003d}.button-icon{width:28px;height:28px;flex:0 0 28px}.button-copy{min-width:0;display:grid;gap:2px;line-height:1.08}.button-kicker{font-size:11px;opacity:.74;white-space:nowrap}.button-main{font-size:17px;font-weight:900;white-space:nowrap}.dock-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;color:#e9f3ffc7;font-size:12px}.dock-foot:before,.dock-foot:after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(66,233,255,.58))}.dock-foot:after{background:linear-gradient(90deg,rgba(255,214,122,.58),transparent)}@keyframes poster-breathe{0%{transform:scale(1.015) translateY(0)}to{transform:scale(1.045) translateY(-8px)}}@keyframes light-drift{0%{opacity:.24;background-position:0 0,0 0}to{opacity:.46;background-position:0 0,100% 0}}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes dock-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes line-flow{0%{background-position:0 0}to{background-position:180% 0}}@keyframes dot-pulse{0%,to{opacity:.42;transform:scale(.88)}45%{opacity:1;transform:scale(1.2)}}@media (min-width: 760px){.page{padding:32px}.app-stage{width:min(1040px,calc(100vw - 64px));height:min(760px,calc(100vh - 64px));min-height:620px}.poster{object-position:center center}.brand-chip{top:24px;left:24px;right:24px;padding:12px 14px}.brand-mark{width:42px;height:42px;flex-basis:42px}.brand-name strong{font-size:17px}.brand-name span{font-size:12px}.download-dock{width:min(380px,calc(100% - 56px));left:auto;right:28px;bottom:28px;padding:22px}.dock-heading{align-items:center}.dock-heading h1{font-size:28px}.desktop-qr{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.buttons{display:none}.dock-foot{margin-top:15px}.official-embed{position:fixed;top:16px;right:16px;bottom:16px;left:16px;border-radius:8px}}@media (max-width: 480px){.page{display:block;padding:0;background:var(--deep)}.app-stage{width:100vw;max-width:100vw;height:100vh;min-height:680px;border:0;border-radius:0;box-shadow:none}.brand-chip{top:18px;left:14px;right:auto;width:calc(100vw - 54px);gap:8px;padding:8px 9px}.download-dock{right:auto;width:calc(100vw - 54px)}.brand-left{gap:8px}.brand-mark{width:32px;height:32px;flex-basis:32px}.brand-name strong{font-size:12px}.brand-name{width:102px}.brand-name span{font-size:10px}.chip-tag{padding:5px 7px;font-size:11px}.official-button{min-height:28px;gap:5px}.language-switch{width:54px;height:28px}.language-switch button{font-size:10px}}@media (max-width: 370px){.brand-chip{left:12px;right:auto;width:calc(100vw - 44px)}.brand-actions{gap:6px}.chip-tag{padding-inline:6px}.language-switch{width:54px}.brand-name{width:78px}.download-dock{left:8px;right:auto;width:calc(100vw - 24px);bottom:8px;padding-inline:12px}.dock-heading{align-items:start}.dock-heading h1{font-size:23px}.download-badge{min-width:70px;padding-inline:7px}.buttons{gap:8px}.download-button{gap:7px;padding-inline:8px}.button-main{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}