@charset "UTF-8";
:root{--orange:#ff3e00;--bg:#f5f6fa;--frame:411px}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:#eceef1;color:#000;font:14px Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.65}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #fe875a;outline-offset:3px}.icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.device-wrap{width:var(--frame);max-width:100%;margin:auto}.phone{position:relative;width:100%;min-height:785px;background:var(--bg);overflow:clip;border-radius:7px;box-shadow:0 2px 16px #00000008}#app{outline:0;min-height:785px}.screen{min-height:785px;position:relative;padding-bottom:70px}
.topbar{height:45px;background:white;display:flex;justify-content:center;align-items:center;position:relative}.topbar h1{font-size:16px;font-weight:400;display:flex;align-items:center;gap:5px}.icon-button{display:grid;place-items:center;width:40px;height:42px;padding:0}.topbar .back{position:absolute;left:3px;top:1px}.topbar .back svg{width:22px;height:22px}.title-help{padding:0;display:inline-flex}.title-help .icon{width:17px;height:17px}.primary,.secondary{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:44px;padding:10px 14px;border-radius:25px;font-size:16px;line-height:1.4;background:var(--orange);color:#fff;border:1px solid var(--orange)}.secondary{background:transparent;color:var(--orange)}.primary:active{filter:brightness(.96)}.bottom-action{position:sticky;bottom:0;margin-top:-50px;z-index:8;background:#fff;padding:3px 20px;min-height:50px}.bottom-action .primary{font-weight:bold}.bottom-nav{display:flex;align-items:center;justify-content:space-around;height:59px;position:sticky;bottom:0;margin-top:-59px;background:white;z-index:8;border-top:1px solid #fafafa;padding:5px 0}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;min-width:56px;height:48px;color:#a0a0a0}.bottom-nav .icon{width:23px;height:23px;stroke-width:1.8}.bottom-nav button.active{color:var(--orange)}.bottom-nav button.active .icon{fill:#ff6b00;stroke:#ff6b00}.bottom-nav button.active .icon path:last-child{stroke:#fff}.bottom-nav button.active:first-child .icon path{fill:#ff6b00;stroke:#ff6b00}
.home-screen{background:var(--bg);padding-bottom:78px}.home-hero{aspect-ratio:411/262;position:relative;background:url('assets/optimized/441551562a45/home-banner.webp') top center/100% 100% no-repeat}.home-search{position:absolute;left:15.1%;right:11.8%;top:4.5%;height:12.5%;background:#fff;border-radius:22px;display:flex;align-items:center;gap:7px;padding:0 14px}.home-search svg{width:14px;height:14px;color:#777}.home-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:12px;color:#666}.home-search input::placeholder{color:#777}.bind-hotspot{position:absolute;right:1.5%;top:1%;width:9.5%;height:19%}.home-categories{margin:0 12px;background:white;border-radius:8px;padding:11px 5px 25px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 0;position:relative}.category{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;min-width:0;font-size:13px;line-height:18px;white-space:nowrap}.category img{width:49px;height:49px;display:block;max-width:90%;object-fit:contain}.carousel-dots{display:flex;gap:5px;justify-content:center;align-items:center;height:10px}.home-categories .carousel-dots{position:absolute;bottom:8px;left:0;right:0}.carousel-dots b,.carousel-dots i{display:block;background:#ddd;width:5px;height:5px;border-radius:5px}.carousel-dots b{background:var(--orange);width:9px}.home-services{margin:12px 12px 0;background:linear-gradient(#fff 45%,#fff3f0);border-radius:12px 12px 0 0;padding:7px 5px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.service-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;height:72px;padding:0 0 8px;font-size:12px;line-height:16px;white-space:nowrap;border-right:1px solid #f5f5f5}.service-item img{width:38px;height:38px;object-fit:contain;display:block}.service-item:nth-child(-n+5){border-bottom:2px solid #fff}.service-item:nth-child(5n){border-right:0}.service-dots{margin-top:4px}.home-floating{position:absolute;right:15px;top:587px;z-index:9;display:flex;flex-direction:column;align-items:center;gap:14px}.floating-cart{position:relative;display:grid;place-items:center;background:white;border-radius:50%;box-shadow:0 1px 5px #0004;width:43px;height:43px;color:#555}.floating-cart .icon{width:29px;height:29px}.floating-cart span{position:absolute;right:-7px;top:-6px;background:white;border:1px solid var(--orange);color:var(--orange);border-radius:20px;font-size:12px;padding:0 3px}.floating-upgrade{color:var(--orange);font-size:24px;line-height:29px;font-weight:bold;background:#fff;padding:0 2px}
.activity{background:#ff7541;padding-bottom:63px}.campaign-hero{display:block;width:100%;height:auto}.intro-outline{border:1px solid #fff;border-radius:22px 22px 0 0;background:#ff8d67;padding:10px 10px 8px}.intro-panel{background:white;border-radius:22px;padding:19px 13px 24px}.section-title{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:400;color:#ff6334;line-height:21px;margin:0 0 17px;text-align:center}.section-title:before,.section-title:after{content:"";height:1px;width:80px;max-width:26%;background:linear-gradient(90deg,transparent,#ff794d)}.section-title:after{background:linear-gradient(90deg,#ff794d,transparent)}.numbered-note{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:21px}.numbered-note>span{display:grid;place-items:center;width:28px;height:28px;background:#ff7848;border-radius:50%;color:#fff;font-size:14px;flex-shrink:0;margin-top:-4px}.numbered-note p{min-width:0}.flow-label{margin:28px 0 24px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}.guide-step{min-width:0}.guide-step p{font-size:14px;line-height:20px;margin-bottom:20px;white-space:nowrap}.guide-step img{display:block;width:100%;height:auto}.guide-step:nth-child(1) img{margin-top:10px}.activity-footer{padding:4px 13px 10px;margin-top:-62px;min-height:62px;border-radius:12px 12px 0 0}.activity-footer .primary{background:linear-gradient(90deg,#ff7a00,#ff3c00);font-size:18px;min-height:46px;border:0;border-radius:14px}
.account-screen{background:var(--bg);padding-bottom:60px}.account-tabs{display:flex;background:#fff;height:48px;align-items:center}.account-tabs button{flex:1;font-size:16px;position:relative;height:48px;line-height:48px;padding:0}.account-tabs button+button:before{content:"";position:absolute;left:0;top:18px;height:14px;border-left:1px solid #eee}.account-tabs .selected{font-weight:bold}.account-tabs .selected:after{content:"";height:4px;width:26px;border-radius:4px;background:#f2133f;position:absolute;bottom:0;left:calc(50% - 13px)}.account-list{padding:18px 13px}.asset-card{min-height:94px;border-radius:8px;background:linear-gradient(#ffe3c9,white 66%);position:relative;display:flex;align-items:flex-start;margin-bottom:17px;padding-bottom:13px}.asset-card:before,.asset-card:after{content:"";position:absolute;left:72px;width:16px;height:16px;background:var(--bg);border-radius:50%;z-index:2}.asset-card:before{top:-6px}.asset-card:after{bottom:-6px}.asset-value{width:80px;position:relative;flex-shrink:0;padding-top:34px;text-align:center;align-self:stretch;color:var(--orange)}.asset-value:after{content:"";position:absolute;right:0;top:25px;bottom:5px;border-right:1px dashed #f5d7c0}.asset-value>span{position:absolute;left:0;top:0;display:block;background:white;border-radius:0 0 10px 0;padding:6px 11px;font-size:12px;line-height:15px}.asset-value strong{font-size:24px;font-weight:bold;line-height:28px}.asset-info{padding:25px 10px 8px;flex:1;min-width:0}.asset-info h2{font-size:16px;font-weight:bold;line-height:20px;margin:0 0 8px;white-space:nowrap}.asset-info p{font-size:14px;line-height:18px;white-space:nowrap;color:#253144}.asset-actions{position:absolute;right:14px;bottom:9px;display:flex;gap:8px}.asset-actions button{padding:6px 12px;min-height:30px;border:1px solid var(--orange);color:var(--orange);background:#fff;border-radius:22px;font-size:14px;line-height:16px}.asset-actions .upgrade-button{background:var(--orange);color:#fff;padding-left:15px;padding-right:15px}.empty-state{text-align:center;color:#999;font-size:14px;line-height:1.7;padding:40px 20px}.empty-state .primary{margin-top:20px}
.detail-screen{padding-bottom:69px}.detail-screen .topbar{height:41px}.detail-screen .topbar h1{font-size:15px}.detail-hero{margin:12px 11px 10px;border-radius:9px;background:white;height:180px;position:relative;overflow:hidden}.detail-photo{position:absolute;top:0;bottom:0;right:0;width:54%;background:url('assets/optimized/441551562a45/detail-illustration.webp') right center/100% 100% no-repeat}.detail-balance{position:absolute;top:28px;left:21px;z-index:1}.detail-balance h2{font-size:14px;font-weight:bold;margin-bottom:6px}.detail-balance>p{display:flex;align-items:baseline;gap:5px}.detail-balance strong{font-size:36px;font-weight:400;line-height:40px}.detail-balance span{font-size:14px}.detail-balance span .icon{width:13px;height:13px}.detail-expiry{position:absolute;left:21px;bottom:25px;z-index:2;font-size:12px;white-space:nowrap}.detail-tabs{margin:11px;background:white;height:40px;border-radius:9px;display:flex}.detail-tabs button{width:50%;color:#999;font-size:14px;position:relative}.detail-tabs .selected{font-size:16px;font-weight:bold;color:#000}.detail-tabs .selected:after{content:"";position:absolute;bottom:6px;left:calc(50% - 9px);width:17px;height:7px;border-bottom:4px solid var(--orange);border-radius:0 0 12px 12px}.detail-resources{background:white;border-radius:9px;margin:11px;padding:24px 14px 17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}.detail-category{padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#999;font-size:13px;white-space:nowrap}.detail-category img{display:block;width:50px;height:50px;object-fit:contain;max-width:100%}.detail-resources .empty-state{grid-column:1/-1}.detail-screen+.bottom-action{padding:12px 14px 14px;margin-top:-69px;min-height:69px}.detail-screen+.bottom-action .primary{min-height:41px;font-size:17px}
.activity-panel{margin:5px 11px 14px;padding:18px 17px;background:white;border-radius:21px}.asset-comparison{padding:18px 17px 19px}.asset-comparison .section-title{margin-bottom:15px}.asset-comparison .section-title:not(:first-child){margin-top:19px}.comparison-fields{max-width:250px;margin:0 auto;font-size:14px;line-height:20px}.comparison-fields p+p{margin-top:11px}.resource-comparison .section-title{margin-bottom:15px}.resource-comparison>p{font-size:14px;line-height:20px;margin:0 0 10px 9px}.resource-before{width:150px;max-width:55%;height:auto;display:block;margin:0 0 23px 9px}.resource-after{display:block;width:100%;height:auto;margin:0 auto 14px}.resource-comparison{padding-bottom:16px}.upgrade-rules{padding:18px 17px;margin-bottom:14px}.upgrade-rules .section-title{margin-bottom:17px}.upgrade-rules ol{list-style:none;counter-reset:rule;margin:0;padding:0;font-size:14px;line-height:21px}.upgrade-rules li{counter-increment:rule}.upgrade-rules li:before{content:counter(rule) "、"}
.success-screen{padding:0;min-height:785px;background:linear-gradient(#ffebd2,#fff6e9 55%,#fff 100%);overflow:hidden}.success-art{display:block;width:100%;height:auto}.success-screen>h1{text-align:center;font-size:40px;line-height:50px;color:var(--orange);font-weight:bold;margin:0}.success-copy{text-align:center;margin-top:46px}.success-copy>p:first-child{font-size:16px;line-height:23px}.success-expiry{margin-top:8px;color:#999;font-size:14px;line-height:20px}.success-buttons{display:grid;gap:10px;margin:68px 20px 0}.success-buttons .primary,.success-buttons .secondary{min-height:49px;font-size:16px;font-weight:400}
.profile-screen{padding-bottom:69px;color:#333}.profile-header{display:flex;align-items:center;gap:13px;height:73px;padding:13px 14px;background:radial-gradient(ellipse at top right,#e9edf0 0,transparent 48%)}.profile-header>img{width:45px;height:46px;border-radius:50%}.profile-header>strong{font-size:22px}.profile-header>button{margin-left:auto;background:#ffffff60;padding:10px 12px;border-radius:25px;color:var(--orange);font-size:12px}.profile-account{margin-top:5px}.profile-section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:27px;margin-bottom:5px}.profile-section-heading h2{font-size:16px;line-height:22px;font-weight:bold}.text-link{color:#999;font-size:13px;display:flex;align-items:center;gap:1px;padding:0}.text-link .icon{width:11px;height:11px}.profile-card-row{display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding:0 12px}.profile-card-row::-webkit-scrollbar{display:none}.profile-asset{width:137px;min-width:137px;height:88px;background:white;border-radius:8px;text-align:left;padding:12px;position:relative;overflow:hidden}.profile-asset>strong{font-size:20px;display:block;margin-bottom:6px}.profile-asset>span:not(.small-ticket){font-size:13px;color:#999;display:block;width:76px}.profile-asset .small-ticket{position:absolute;right:5px;top:5px;color:var(--orange);font-size:10px}.profile-asset img{position:absolute;right:4px;top:23px;width:45px;height:56px;object-fit:contain}.order-panel{background:white;border-radius:17px;margin:8px 12px;padding:11px 0 15px}.order-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}.order-grid button{padding:0;font-size:14px}.order-grid button>span{position:relative;display:inline-block}.order-grid .icon{width:32px;height:32px;stroke:#111;filter:drop-shadow(3px -3px 0 #ff4b0018)}.order-grid button>span b{position:absolute;right:-6px;top:-6px;font-size:12px;background:#ff123c;color:white;border-radius:10px;padding:0 3px;font-weight:400}.order-grid p{margin-top:10px}.profile-menu{background:white;border-radius:17px;margin:8px 12px;padding:0 12px}.profile-menu button{display:flex;align-items:center;width:100%;gap:11px;text-align:left;height:53px;font-size:14px;border-bottom:1px solid #f5f5f5;padding:0}.profile-menu button:last-child{border-bottom:0}.profile-menu button>.icon:first-child{width:23px;height:23px;color:#333}.profile-menu button>.icon:last-child{margin-left:auto;width:11px;height:11px;color:#888}.profile-menu small{font-size:14px;color:#777;margin-left:auto;white-space:nowrap}.profile-menu small+.icon{margin-left:0!important}.profile-menu button:nth-child(3)>.icon:first-child{color:#888}
dialog{padding:22px 13px 25px;border:0;border-radius:10px;background:white;color:#000;width:min(332px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;box-shadow:none}dialog::backdrop{background:#0003}dialog h2{font-size:18px;font-weight:400;text-align:center;line-height:24px}dialog .upgrade-dialog-title{font-weight:700}.upgrade-dialog-icon{display:block;width:157px;height:98px;object-fit:contain;margin:10px auto 15px}.dialog-warning{background:#fff4e8;color:var(--orange);text-align:center;font-size:14px;line-height:20px;padding:7px 3px;border-radius:10px;margin:0 auto;width:262px;max-width:100%}.dialog-account{text-align:center;font-size:14px;line-height:20px;color:var(--orange);margin:26px -1px 31px;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:center;gap:23px;align-items:center}.dialog-actions .primary,.dialog-actions .secondary{font-size:14px;font-weight:400;min-height:39px;line-height:19px;padding:8px 14px;width:auto;min-width:98px}.dialog-actions .primary{min-width:121px}.dialog-actions .secondary{border-color:#999;color:#333;background:white}.help-content{font-size:14px;line-height:1.8;padding:18px 8px}.help-content p+p{margin-top:8px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(345px,calc(100vw - 35px));background:#000b;color:white;border-radius:6px;padding:11px 15px;font-size:13px;line-height:1.6;opacity:0;pointer-events:none;z-index:50;text-align:center}#toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){body{background:var(--bg)}.demo-layout{padding:0}.device-wrap{width:100%;max-width:480px}.phone{border-radius:0;box-shadow:none;min-height:100dvh}#app,.screen{min-height:100dvh}.home-floating{top:auto;bottom:82px}.bottom-action{padding-bottom:max(3px,env(safe-area-inset-bottom));min-height:50px}.activity-footer{padding-bottom:max(10px,env(safe-area-inset-bottom));min-height:62px}.bottom-nav{padding-bottom:max(5px,env(safe-area-inset-bottom));height:calc(59px + env(safe-area-inset-bottom,0px))}.detail-screen+.bottom-action{padding-bottom:max(14px,env(safe-area-inset-bottom))}.detail-hero{height:calc((100vw - 22px)*179/353);max-height:232px}.detail-balance{top:15.6%}.detail-expiry{bottom:14%}.success-screen>h1{font-size:calc(100vw * 40/411);line-height:1.25}.success-copy{margin-top:calc(100vw * 46/411)}.success-buttons{margin-top:calc(100vw * 68/411)}}
@media(max-width:390px){.category{font-size:12px;gap:5px}.home-categories{gap:12px 0}.category img{width:46px;height:46px}.service-item{font-size:11px;height:68px}.service-item img{width:36px;height:36px}.asset-info{padding-left:12px}.asset-info h2{font-size:15px}.asset-info p{font-size:12px}.asset-actions{right:10px;gap:7px}.asset-actions button{font-size:12px;padding:6px 10px}.asset-actions .upgrade-button{padding-left:12px;padding-right:12px}.guide-grid{gap:28px 15px}.guide-step p{font-size:13px}.profile-menu small{font-size:12px}.profile-menu button{gap:10px}.profile-header{gap:11px}}
@media(max-width:359px){.category{font-size:10px;gap:5px}.category img{width:40px;height:40px}.home-categories{padding-left:2px;padding-right:2px;gap:10px 0}.home-services{padding-left:1px;padding-right:1px}.service-item{font-size:10px;height:65px}.service-item img{width:33px;height:33px}.floating-upgrade{font-size:22px;line-height:27px}.home-search{padding:0 8px;gap:4px}.home-search input{font-size:10px}.home-search svg{width:11px;height:11px}.asset-value{width:62px}.asset-card:before,.asset-card:after{left:54px}.asset-info{padding-left:8px;padding-top:17px}.asset-info h2{font-size:14px;margin-bottom:7px}.asset-info p{font-size:11px;margin-bottom:26px}.asset-actions{bottom:8px;right:9px;gap:6px}.asset-actions button{font-size:11px;min-height:26px;line-height:14px;padding:5px 9px}.asset-actions .upgrade-button{padding-left:11px;padding-right:11px}.asset-card{min-height:100px}.asset-value strong{font-size:22px}.asset-value>span{font-size:11px;padding:5px 9px}.detail-balance{left:16px}.detail-balance h2{font-size:12px}.detail-balance strong{font-size:32px}.detail-balance span{font-size:12px}.detail-expiry{left:16px;font-size:10px}.detail-category{font-size:11px}.detail-category img{width:43px;height:43px}.detail-resources{gap:12px 6px;padding-left:10px;padding-right:10px}.intro-panel{padding-left:10px;padding-right:10px}.numbered-note{font-size:13px;line-height:20px;gap:6px}.numbered-note>span{width:26px;height:26px}.guide-grid{gap:24px 10px}.guide-step p{font-size:11px}.section-title{font-size:13px}.activity-panel{padding-left:15px;padding-right:15px}.comparison-fields{font-size:13px}.upgrade-rules ol{font-size:13px;line-height:20px}.dialog-account{font-size:12px}.dialog-actions{gap:14px}.success-expiry{font-size:12px}.success-copy>p:first-child{font-size:14px}.success-buttons .primary,.success-buttons .secondary{font-size:14px;min-height:44px}.profile-menu small{font-size:11px}.profile-menu button{gap:8px}.profile-menu button>.icon:first-child{width:20px;height:20px}.order-grid button{font-size:12px}.order-grid .icon{width:29px;height:29px}.profile-section-heading h2{font-size:15px}}
.home-categories{row-gap:11px;padding-bottom:24px}.service-item{height:69px}.home-screen{padding-bottom:76px}.home-floating{gap:22px}.service-item:last-child img{visibility:hidden}.bottom-nav img{width:26px;height:29px;object-fit:contain;display:block}.order-grid img{width:39px;height:40px;object-fit:contain;display:block}.detail-photo{mask-image:linear-gradient(90deg,transparent,#000 11%)}
@media(max-width:760px){.home-floating{bottom:70px}}
@media(max-width:390px){.home-categories{row-gap:12px}.service-item{height:68px}}
@media(max-width:359px){.home-categories{row-gap:10px}.service-item{height:65px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Every route shares one H5 viewport. Only the screen content scrolls. */
.invalid-vouchers-link{display:flex;align-items:center;justify-content:center;gap:3px;min-height:33px;padding:0;margin:12px auto 0;color:#999;font-size:13px}
.invalid-vouchers-link .icon{width:12px;height:12px}
.campaign-hero{clip-path:inset(0 0 2px);margin-bottom:-2px}
.intro-outline{border:0;border-radius:0;background:transparent;padding:10px 11px 8px}
.asset-card.is-invalid{background:linear-gradient(#e8e9ec,#fff 66%)}
.asset-card.is-invalid .asset-value,.asset-card.is-invalid .asset-info h2,.asset-card.is-invalid .asset-info p{color:#999}
.asset-card.is-invalid .asset-value:after{border-color:#ddd}
.asset-card.is-invalid .view-button{color:#888;border-color:#bbb}
.detail-screen.is-invalid .detail-photo{filter:grayscale(1);opacity:.55}
.detail-screen.is-invalid .detail-balance,.detail-screen.is-invalid .detail-expiry{color:#999}
.detail-photo.benefit-photo{background-image:url('assets/optimized/441551562a45/upgrade-gift-v2.webp');background-size:100% auto}
.voucher-origin{margin:0 13px 10px;color:#999;font-size:12px;line-height:18px}
.upgrade-record{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.upgrade-record small{display:block;color:#999;font-size:12px;margin-top:8px}
.upgrade-record>b{white-space:nowrap;color:var(--orange);font-weight:400}
@media(max-width:359px){.account-tabs button{font-size:14px}}
:root{--frame:375px;--viewport-height:min(812px,100dvh)}
html,body{height:100%;overflow:hidden}
.demo-layout{display:flex;align-items:center;height:100dvh;padding:0;overflow:hidden}
.device-wrap{margin:0 auto}
.phone{height:var(--viewport-height);min-height:0;overflow:hidden}
#app{position:relative;height:100%;min-height:0;overflow:hidden}
#app>.screen{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#app>.screen::-webkit-scrollbar{display:none}
#app>.bottom-action,#app>.bottom-nav{position:absolute;left:0;right:0;bottom:0;margin-top:0}
#app>.home-floating{top:auto;right:0;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:80px;pointer-events:none}
.home-floating>button{pointer-events:auto}
.floating-upgrade{position:relative;isolation:isolate;width:72px;height:78px;flex-shrink:0;padding:0;background:transparent;font-size:12px;line-height:20px;touch-action:manipulation}
.floating-upgrade>img{position:absolute;top:0;left:-3px;display:block;width:78px;height:52px;object-fit:contain;pointer-events:none}
.floating-upgrade>span{position:absolute;left:4px;right:4px;bottom:6px;border:1px solid #ffe2ce;border-radius:12px;background:linear-gradient(110deg,#ff942e,#ff4c15);color:#fff;white-space:nowrap;font-weight:700;box-shadow:0 2px 5px #ed6b2424;pointer-events:none}
#toast{position:absolute;bottom:95px;max-width:calc(100% - 35px)}
@media(max-width:760px){
  :root{--viewport-height:100dvh}
  .demo-layout{padding:0}
  .device-wrap{width:100%;max-width:480px;height:100%}
  .phone{height:100%;min-height:0}
}