*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000 url(https://static22cdn.tc87.top/img/e0221ba4a5acdc42ce6933c90598536f.png) center / cover no-repeat}body{font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.page{--s: min(100vw, 402px) / 402;--canvas-h: calc(874 * var(--s));position:fixed;left:50%;bottom:0;width:calc(402 * var(--s));height:calc(874 * var(--s));transform:translate(-50%);overflow:hidden;background:#000}.page-bg{position:absolute;inset:0;background:url(https://static22cdn.tc87.top/img/e0221ba4a5acdc42ce6933c90598536f.png) center / cover no-repeat;opacity:.7;pointer-events:none}.page-overlay{position:absolute;inset:0;background:#00000073;pointer-events:none;z-index:2}.page-module{position:absolute;inset:0;z-index:3}.page-figure{position:absolute;left:0;top:calc(14 * var(--s));width:auto;height:calc(682 * var(--s));object-fit:contain;pointer-events:none}.reminder{position:absolute;left:calc(20 * var(--s));top:calc(288 * var(--s));width:calc(362 * var(--s));height:calc(408 * var(--s))}.reminder-card{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reminder-subtitle{position:absolute;left:6.354%;top:21.324%;width:87.293%;font-size:calc(28 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.18;text-align:center;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(180,180,180,.45);pointer-events:none;z-index:1}.reminder-title{position:absolute;left:56.077%;top:4.902%;font-size:calc(30 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.17;text-align:center;color:#000;z-index:2}.reminder-panel{position:absolute;left:4.697%;top:26.471%;width:90.608%;height:46.324%;border-radius:calc(18 * var(--s));background:#fff9;padding:calc(32 * var(--s)) calc(20 * var(--s)) calc(20 * var(--s));display:flex;flex-direction:column;justify-content:flex-start;gap:calc(31 * var(--s));z-index:2}.reminder-question{width:100%;font-size:calc(22 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.36;text-align:left;color:#000}.reminder-desc{width:100%;font-size:calc(18 * var(--s));font-weight:500;letter-spacing:.05em;line-height:1.36;text-align:left;color:#000}.reminder-actions{position:absolute;left:8.011%;top:80.392%;width:85.359%;height:10.784%;z-index:2}.btn{position:absolute;top:0;width:calc(136 / 309 * 100%);height:100%;border:none;border-radius:calc(50 * var(--s));background:#000;color:#fff;font-family:inherit;font-size:calc(20 * var(--s));font-weight:500;letter-spacing:.05em;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-accept{left:0}.btn-decline{right:0}.reminder.is-hidden,.reminder-desc.is-hidden,.reminder-actions.is-hidden{display:none}.reminder-progress{position:absolute;left:8.011%;top:80.392%;width:85.359%;height:calc(22 * var(--s));border-radius:calc(11 * var(--s));background:#fff;overflow:hidden;z-index:2;display:none}.reminder-progress.is-visible{display:block}.reminder-progress-bar{height:100%;width:0;background:#cb081e;border-radius:calc(11 * var(--s));transition:none}.page-figure.is-changing{opacity:.85;transition:opacity .2s ease}.page-module.is-pick .page-figure,.page-module.is-final .page-figure{display:none}.pick-panel{position:absolute;left:calc(20 * var(--s));top:calc(166 * var(--s));width:calc(362 * var(--s));height:calc(487 * var(--s));z-index:2}.pick-panel.is-hidden{display:none}.pick-card{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pick-title{position:absolute;left:calc(22 * var(--s));top:calc(25 * var(--s));font-size:calc(26 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.15;color:#0a0b0f;z-index:2}.pick-grid{position:absolute;inset:22% 3.2% 5%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:0;row-gap:calc(10 * var(--s));list-style:none;z-index:2}.pick-grid.is-image-only{left:2.5%;right:2.5%}.pick-item{position:relative;width:100%;height:100%;min-height:0;overflow:visible}.pick-grid:not(.is-image-only) .pick-item:nth-child(odd){transform:translate(calc(8 * var(--s)))}.pick-grid:not(.is-image-only) .pick-item:nth-child(2n){transform:translate(calc(-8 * var(--s)))}.pick-item.is-selected{z-index:3}.pick-item-shape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pick-item button{position:absolute;inset:0;z-index:1;border:none;background:transparent;padding:12% 6%;cursor:pointer;-webkit-tap-highlight-color:transparent}.pick-item-product{width:100%;height:100%;object-fit:contain;pointer-events:none}.pick-item.is-image-only{overflow:hidden}.pick-item.is-image-only button{padding:0;overflow:hidden}.pick-item-image{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.pick-grid.is-image-only .pick-item:nth-child(odd){transform:translate(calc(8 * var(--s)))}.pick-grid.is-image-only .pick-item:nth-child(2n){transform:translate(calc(-8 * var(--s)))}.pick-grid.is-image-only .pick-item:nth-child(odd) .pick-item-image{transform-origin:right center}.pick-grid.is-image-only .pick-item:nth-child(2n) .pick-item-image{transform-origin:left center}.pick-grid:not(.is-image-only) .pick-item:nth-child(odd) .pick-item-product{transform-origin:right center}.pick-grid:not(.is-image-only) .pick-item:nth-child(2n) .pick-item-product{transform-origin:left center}.pick-nav{position:absolute;left:calc(21 * var(--s));top:calc(678 * var(--s));display:flex;gap:calc(15 * var(--s));z-index:2}.pick-nav.is-hidden{display:none}.pick-nav-item{width:calc(80 * var(--s));height:calc(80 * var(--s));border:none;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:calc(10 * var(--s));cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease}.pick-nav-item.is-selected{box-shadow:0 0 0 calc(3 * var(--s)) #d50c38}.pick-nav-label{margin-bottom:calc(6 * var(--s));font-size:calc(16 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1;color:#000}.pick-nav-icon{width:calc(36 * var(--s));height:calc(36 * var(--s))}.pick-nav-icon img{width:100%;height:100%;display:block}.pick-nav-icon.is-thumb img{width:auto;height:calc(28 * var(--s));max-width:100%;object-fit:contain}.pick-nav-icon.is-custom img{width:calc(36 * var(--s));height:calc(36 * var(--s));object-fit:contain}.final-panel,.success-panel{position:absolute;left:calc(20 * var(--s));top:calc(166 * var(--s));width:calc(362 * var(--s));height:calc(487 * var(--s));z-index:4}.final-panel.is-hidden,.success-panel.is-hidden{display:none}.final-card,.success-card{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.final-loading-text{position:absolute;left:0;right:0;top:38%;font-size:calc(28 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.2;text-align:center;color:#000;z-index:2}.final-progress{position:absolute;left:8.011%;top:80.392%;width:85.359%;height:calc(22 * var(--s));border-radius:calc(11 * var(--s));background:#fff;overflow:hidden;z-index:2}.final-progress-bar{height:100%;width:0;background:#cb081e;border-radius:calc(11 * var(--s))}.success-title{position:absolute;left:8.011%;top:8.824%;font-size:calc(30 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.17;color:#000;z-index:2}.success-content{position:absolute;left:8.011%;top:20.588%;width:85.359%;bottom:calc(78 * var(--s));z-index:2}.success-lead{font-size:calc(18 * var(--s));font-weight:900;letter-spacing:.05em;line-height:1.36;color:#000;margin-bottom:calc(20 * var(--s))}.success-list{font-size:calc(18 * var(--s));font-weight:500;letter-spacing:.05em;line-height:1.36;color:#000}.success-list p+p{margin-top:calc(16 * var(--s))}.success-btn{position:absolute;left:8.011%;bottom:calc(22 * var(--s));width:85.359%;height:calc(44 * var(--s));border:none;border-radius:calc(50 * var(--s));background:#000;color:#fff;font-family:inherit;font-size:calc(20 * var(--s));font-weight:500;letter-spacing:.05em;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:2}@media (max-height: 700px){.page-module{transform:translateY(calc(24 * var(--s)))}.page-figure{--fig-scale: min(1, calc(100dvh / var(--canvas-h) * 1.02));top:auto;bottom:calc(178 * var(--s));width:auto;height:calc(682 * var(--s) * var(--fig-scale))}.page-module.is-pick .page-figure{display:none}.reminder,.pick-panel,.final-panel,.success-panel{left:calc(10 * var(--s));width:calc(382 * var(--s))}}