*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:#000}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.page{--s-w:min(100vw,402px)/402;--vh:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));--s-h:var(--vh)/874;--s:min(var(--s-w),var(--s-h));--canvas-h:calc(874 * var(--s));position:fixed;left:50%;bottom:env(safe-area-inset-bottom,0px);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(../assets/98805078/bg.js) 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%;min-height:max(44px,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}.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.is-hidden{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));min-width:max(48px,calc(80 * var(--s)));min-height:max(48px,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;touch-action:manipulation}.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;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.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));min-height:max(44px,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;touch-action:manipulation}@media (min-width:768px){html,body{background:#000 url(../assets/98805078/bg.js) center/cover no-repeat}}@media (max-width:767px){html,body{background:#000!important;background-image:none!important;-webkit-overflow-scrolling:touch}.page-bg{display:block!important;opacity:.7}.page-overlay{display:block!important}.page{left:0;right:0;top:0;bottom:0;width:100vw;height:100dvh;height:var(--vh);transform:none;overflow:hidden;background:#000;--vh:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));--s-w:100vw/402;--s-h:var(--vh)/874;--s:calc(var(--s-w)*0.9);--s-ui:calc(var(--s-w)*0.84);--s-ok:calc(var(--s-w)*0.91)}.page-module{position:absolute;inset:0;top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);left:0;width:100%;height:auto;max-height:none}.page-module:not(.is-pick):not(.is-final) .page-figure{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 0;z-index:0}.page-module:has(.success-panel:not(.is-hidden)) .page-figure{display:none}.reminder{left:calc(20/402*100vw);width:calc(362/402*100vw);top:calc(288/874*var(--vh));height:calc(408/874*var(--vh));z-index:2}.reminder-title{font-size:calc(24 * var(--s-ui))}.reminder-subtitle{font-size:calc(22 * var(--s-ui))}.reminder-panel{gap:calc(18 * var(--s-ui));padding:calc(22 * var(--s-ui)) calc(14 * var(--s-ui)) calc(14 * var(--s-ui))}.reminder-question{font-size:calc(17 * var(--s-ui));line-height:1.32}.reminder-desc{font-size:calc(15 * var(--s-ui));line-height:1.32}.btn{font-size:calc(17 * var(--s-ui));min-height:max(40px,calc(38 * var(--s-ui)))}.pick-title{font-size:calc(20 * var(--s-ui))}.pick-nav-item{width:calc(66 * var(--s-ui));height:calc(66 * var(--s-ui));min-width:max(44px,calc(66 * var(--s-ui)));min-height:max(44px,calc(66 * var(--s-ui)))}.pick-nav-label{font-size:calc(13 * var(--s-ui))}.pick-nav-icon{width:calc(30 * var(--s-ui));height:calc(30 * var(--s-ui))}.final-loading-text{font-size:calc(22 * var(--s-ui))}.page-module.is-pick,.page-module.is-final,.page-module:has(.success-panel:not(.is-hidden)){top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);height:var(--vh)}.page-module.is-pick .pick-panel,.page-module.is-final .final-panel,.page-module:has(.success-panel:not(.is-hidden)) .success-panel{top:calc(166/874*var(--vh));left:calc(20/402*100vw);width:calc(362/402*100vw);height:calc(487/874*var(--vh));bottom:auto}.page-module.is-pick .pick-nav{top:calc(678/874*var(--vh));bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:max-content;justify-content:center;gap:calc(13 * var(--s-ui))}.page-module.is-pick .pick-grid{inset:22% 3.2% 5%}.page-module:has(.success-panel:not(.is-hidden)) .page-figure{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;z-index:0}.page-module:has(.success-panel:not(.is-hidden)) .success-content{bottom:calc(64 * var(--s-ok));overflow-y:visible}.page-module:has(.success-panel:not(.is-hidden)) .success-btn{bottom:calc(18 * var(--s-ok));height:calc(42 * var(--s-ok));min-height:max(42px,calc(42 * var(--s-ok)))}.page-module:has(.success-panel:not(.is-hidden)) .success-title{top:7%;font-size:calc(26 * var(--s-ok))}.page-module:has(.success-panel:not(.is-hidden)) .success-content{top:17%}.page-module:has(.success-panel:not(.is-hidden)) .success-lead{font-size:calc(16 * var(--s-ok));line-height:1.3;margin-bottom:calc(12 * var(--s-ok))}.page-module:has(.success-panel:not(.is-hidden)) .success-list{font-size:calc(15 * var(--s-ok));line-height:1.3}.page-module:has(.success-panel:not(.is-hidden)) .success-list p+p{margin-top:calc(10 * var(--s-ok))}.page-module:has(.success-panel:not(.is-hidden)) .success-btn{font-size:calc(18 * var(--s-ok))}}@media (max-width:360px){.reminder{left:calc(16/402*100vw);width:calc(370/402*100vw)}.page-module.is-pick .pick-panel,.page-module.is-final .final-panel,.page-module:has(.success-panel:not(.is-hidden)) .success-panel{left:calc(16/402*100vw);width:calc(370/402*100vw)}.page-module.is-pick .pick-nav{left:50%;transform:translateX(-50%);gap:calc(10 * var(--s-ui))}}@media (orientation:landscape) and (max-height:500px){.page-figure{display:none}.page-module.is-pick .page-figure,.page-module.is-final .page-figure{display:none}.reminder{top:calc(140 * var(--s))}.pick-panel,.final-panel,.success-panel{top:calc(72 * var(--s));height:calc(420 * var(--s))}.pick-nav{top:auto;bottom:calc(12 * var(--s))}.success-content{bottom:calc(68 * var(--s))}}@media (prefers-reduced-motion:reduce){.reminder-progress-bar,.final-progress-bar{transition:none!important}}#wechat-mask{padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}#wechat-mask>div{max-width:min(360px,calc(100vw - 32px));margin:max(24px,env(safe-area-inset-top,0px)) auto 0}