.mall-page{position:absolute;inset:0;z-index:70;background:#f5f3f5;color:#111;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:400;animation:mall-in var(--mall-enter) ease-out both;overflow:hidden}.mall-page.leaving{animation:mall-out var(--mall-exit) ease-in both;pointer-events:none}@keyframes mall-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes mall-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
.mall-hero{height:calc(calc(var(--u) * 355) + var(--mall-safe,calc(var(--u) * 0)));position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#ff313a 0%,#ef001b 48%,#d90020 49%,#f71d31 73%,#ff7762 92%);color:#fff7e8}.mall-hero:before{content:'';position:absolute;inset:0 0 auto;height:calc(var(--u) * 100);background:linear-gradient(var(--mall-red),var(--mall-red),transparent)}.mall-petal{position:absolute;width:calc(var(--u) * 60);height:calc(var(--u) * 40);background:linear-gradient(20deg,#e63131,#ffb392);border-radius:60% 55% 60% 0;transform:rotate(-35deg);opacity:.75}.mall-petal.a{left:calc(var(--u) * 1);top:calc(var(--u) * 194);transform:rotate(-70deg)}.mall-petal.b{right:calc(var(--u) * 42);top:calc(var(--u) * 92);transform:rotate(40deg)}.mall-petal.c{left:calc(var(--u) * 177);top:calc(var(--u) * 326);transform:rotate(-55deg)}.mall-back{position:absolute;left:calc(var(--u) * 36);top:calc(calc(var(--u) * 136) + var(--mall-safe,calc(var(--u) * 0)));width:calc(var(--u) * 34);height:calc(var(--u) * 42);padding:0;border:0;background:transparent}.mall-back:before{content:'';display:block;width:calc(var(--u) * 31);height:calc(var(--u) * 31);border-left:calc(var(--u) * 3) solid #fff;border-bottom:calc(var(--u) * 3) solid #fff;transform:rotate(45deg);margin-left:calc(var(--u) * 8)}.mall-title{position:absolute;left:calc(var(--u) * 84);right:calc(var(--u) * 35);top:calc(calc(var(--u) * 124) + var(--mall-safe,calc(var(--u) * 0)));height:calc(var(--u) * 64);line-height:calc(var(--u) * 64);font-size:calc(var(--u) * 49);white-space:nowrap;letter-spacing:calc(var(--u) * -1);text-shadow:0 calc(var(--u) * 2) calc(var(--u) * 2) #a50b19;font-weight:600}.mall-coin{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 40);height:calc(var(--u) * 40);border:calc(var(--u) * 3) solid #d59c46;border-radius:50%;background:linear-gradient(120deg,#fff0b3,#f6bd61);color:#d59c46;font-size:calc(var(--u) * 27);line-height:calc(var(--u) * 32);vertical-align:middle;flex-shrink:0;box-shadow:inset 0 0 0 calc(var(--u) * 3) #ffdf93}.mall-title .mall-coin{margin-left:calc(var(--u) * 8);transform:translateY(calc(var(--u) * -4))}.mall-stages{position:absolute;top:calc(calc(var(--u) * 207) + var(--mall-safe,calc(var(--u) * 0)));left:calc(var(--u) * 60);right:calc(var(--u) * 60);display:flex;justify-content:space-between;gap:calc(var(--u) * 45)}.mall-stages>div,.mall-stage{position:relative;z-index:1;flex:1;height:calc(var(--u) * 72);border:calc(var(--u) * 3) solid #ff7174;border-radius:calc(var(--u) * 50);background:#ca0016;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * 36);white-space:nowrap}.mall-stages>div:after,.mall-stage:after{content:'';position:absolute;left:100%;top:calc(var(--u) * 24);width:calc(var(--u) * 51);height:calc(var(--u) * 18);background:#ca0016;border-top:calc(var(--u) * 3) solid #ff7174;border-bottom:calc(var(--u) * 3) solid #ff7174;z-index:-1}.mall-stages>div:last-child:after,.mall-stage:last-child:after{display:none}.mall-stages .mall-coin{width:calc(var(--u) * 38);height:calc(var(--u) * 38);margin-left:calc(var(--u) * 5)}.mall-refund{position:absolute;bottom:calc(var(--u) * 20);left:0;width:100%;text-align:center;font-size:calc(var(--u) * 34);line-height:calc(var(--u) * 44);color:#ffddb6}
.mall-search-wrap{height:calc(var(--u) * 125);padding:calc(var(--u) * 15) calc(var(--u) * 33);background:#fff;border-bottom:calc(var(--u) * 7) solid #f5f3f5}.mall-search{height:calc(var(--u) * 90);border-radius:calc(var(--u) * 22);background:#eeecef;display:flex;align-items:center;justify-content:center;padding:0 calc(var(--u) * 25);gap:calc(var(--u) * 14)}.mall-search-icon{width:calc(var(--u) * 34);height:calc(var(--u) * 34);border:calc(var(--u) * 2) solid #aaa;border-radius:50%;background:none;position:relative;flex-shrink:0;padding:0}.mall-search-icon:after{content:'';position:absolute;width:calc(var(--u) * 18);height:calc(var(--u) * 2);background:#aaa;right:calc(var(--u) * -10);bottom:calc(var(--u) * -4);transform:rotate(45deg)}.mall-search-input{min-width:0;width:var(--mall-search-width);max-width:90%;height:calc(var(--u) * 80);line-height:calc(var(--u) * 80);color:#555;font-size:calc(var(--u) * 38);border:0;background:transparent;outline:0;padding:0}.mall-search-input::placeholder{color:#aaa}.mall-scroll{position:absolute;left:0;right:0;top:calc(calc(var(--u) * 480) + var(--mall-safe,calc(var(--u) * 0)));bottom:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * 8)}.mall-product{min-width:0;background:#fff;overflow:hidden}.mall-image-link{display:block;width:100%;height:calc(var(--u) * 440);border:0;background:#f6f6f6;padding:0;border-radius:0}.mall-image{display:block;width:100%;height:calc(var(--u) * 440);object-fit:cover}.mall-product-info{height:calc(var(--u) * 280);position:relative;padding:0 calc(var(--u) * 20)}.mall-product-title{position:absolute;top:calc(var(--u) * 14);left:calc(var(--u) * 20);right:calc(var(--u) * 20);height:calc(var(--u) * 50);line-height:calc(var(--u) * 50);font-size:calc(var(--u) * 36);overflow:hidden;white-space:nowrap;text-overflow:clip}.mall-subsidy{display:inline-block;vertical-align:middle;margin-right:calc(var(--u) * 10);line-height:calc(var(--u) * 33);height:calc(var(--u) * 34);padding:0 calc(var(--u) * 5);color:#fff;font-size:calc(var(--u) * 29);font-style:italic;font-weight:700;background:linear-gradient(100deg,#f23327,#ffa081);border:calc(var(--u) * 2) solid #d85a48;border-radius:calc(var(--u) * 4)}.mall-brand{display:inline-block;vertical-align:middle;margin-right:calc(var(--u) * 24);line-height:calc(var(--u) * 34);padding:0 calc(var(--u) * 8);color:white;background:#25212a;border-radius:calc(var(--u) * 4);font-size:calc(var(--u) * 28)}.mall-tags{position:absolute;left:calc(var(--u) * 20);right:calc(var(--u) * 20);top:calc(var(--u) * 74);display:flex;gap:calc(var(--u) * 10);overflow:hidden;white-space:nowrap;height:calc(var(--u) * 40)}.mall-tags>span,.mall-tag{font-size:calc(var(--u) * 30);line-height:calc(var(--u) * 38);padding:0 calc(var(--u) * 4);background:#f9f6f6;color:#aaa}.mall-tags .tag-0{color:#40a745;background:#eff9ef}.mall-tags .tag-1,.mall-tags .tag-2{color:#a72c21;background:#fff3f2}.mall-price-row{position:absolute;top:calc(var(--u) * 122);left:calc(var(--u) * 20);right:calc(var(--u) * 20);height:calc(var(--u) * 60);display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u) * 8);white-space:nowrap}.mall-price{font-size:calc(var(--u) * 44);line-height:calc(var(--u) * 60);color:#b52417;flex-shrink:0}.mall-price small,.mall-price-prefix{font-size:calc(var(--u) * 28);margin-right:calc(var(--u) * 4)}.mall-sales{font-size:calc(var(--u) * 25);line-height:calc(var(--u) * 60);color:#aaa;overflow:hidden;text-overflow:ellipsis}.mall-product-go{position:absolute;left:calc(var(--u) * 20);right:calc(var(--u) * 20);bottom:calc(var(--u) * 14);width:calc(100% - calc(var(--u) * 40));height:calc(var(--u) * 80);line-height:calc(var(--u) * 76);padding:0;border:calc(var(--u) * 2) solid #c82c15;border-radius:calc(var(--u) * 50);color:#fffce7;background:linear-gradient(#ff492b,var(--mall-button));font-size:calc(var(--u) * 38);white-space:nowrap;font-weight:500}.mall-product-go .mall-coin{width:calc(var(--u) * 30);height:calc(var(--u) * 30);font-size:calc(var(--u) * 22);border-width:calc(var(--u) * 2);margin-right:calc(var(--u) * 5);transform:translateY(calc(var(--u) * -3))}.mall-empty{padding:calc(var(--u) * 120) calc(var(--u) * 40);text-align:center;font-size:calc(var(--u) * 34);color:#999}
.mall-task-scroll{position:absolute;top:calc(var(--u) * 282);left:0;right:0;bottom:0;overflow:auto;overscroll-behavior:contain}.mall-task-scroll .task-rules{position:static;margin-top:calc(var(--u) * 25)}.mall-tasks{padding-top:calc(var(--u) * 20)}.mall-featured{height:calc(var(--u) * 230);margin:0 calc(var(--u) * 10);border:calc(var(--u) * 4) solid transparent;border-radius:calc(var(--u) * 22);background:linear-gradient(110deg,#ffe8ed,#fff9f8) padding-box,linear-gradient(110deg,#b92422,#ebaa6e) border-box;position:relative;display:flex;align-items:center;padding:0 calc(var(--u) * 20)}.mall-recommend{position:absolute;left:0;top:0;border-radius:calc(var(--u) * 16) 0 calc(var(--u) * 16) 0;background:linear-gradient(90deg,#ba261d,#db935f);color:white;padding:0 calc(var(--u) * 8);font-size:calc(var(--u) * 28);line-height:calc(var(--u) * 30)}.mall-task-icon{width:calc(var(--u) * 86);height:calc(var(--u) * 86);flex-shrink:0;margin-right:calc(var(--u) * 24);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff8fa;font-size:calc(var(--u) * 62);color:#e3a3a1;position:relative}.mall-heart{border:calc(var(--u) * 6) solid #fff}.mall-heart:before{content:'';position:absolute;inset:calc(var(--u) * 13);border:calc(var(--u) * 3) solid #e3a3a1;border-radius:50%}.mall-task-title{font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 52);white-space:nowrap}.mall-task-title strong,.mall-task-title .mall-task-gold{font-weight:500;color:#e2a228;background:#fffbed}.mall-task-title .mall-coin{width:calc(var(--u) * 35);height:calc(var(--u) * 35);font-size:calc(var(--u) * 24);transform:translateY(calc(var(--u) * -2));margin-right:calc(var(--u) * 6)}.mall-task-sub{font-size:calc(var(--u) * 32);line-height:calc(var(--u) * 50);color:#999}.mall-task-stages{display:flex;gap:calc(var(--u) * 20);margin-top:calc(var(--u) * 8)}.mall-task-stages>span,.mall-task-stage{display:inline-flex;align-items:center;justify-content:center;border:calc(var(--u) * 2) solid #e4c4cb;border-radius:calc(var(--u) * 30);line-height:calc(var(--u) * 37);padding:0 calc(var(--u) * 12);position:relative;color:#ac3030;font-size:calc(var(--u) * 28);background:#fff8f5}.mall-task-stages .mall-coin{height:calc(var(--u) * 30);width:calc(var(--u) * 30);font-size:calc(var(--u) * 21);margin-left:calc(var(--u) * 3)}.mall-task-stages>span:after,.mall-task-stage:after{content:'';position:absolute;left:100%;width:calc(var(--u) * 22);height:calc(var(--u) * 12);background:#fff8f5;border-top:calc(var(--u) * 2) solid #e4c4cb;border-bottom:calc(var(--u) * 2) solid #e4c4cb}.mall-task-stages>span:last-child:after,.mall-task-stage:last-child:after{display:none}.mall-featured-go,.mall-regular-go{height:calc(var(--u) * 78);line-height:calc(var(--u) * 74);width:calc(var(--u) * 164);border-radius:calc(var(--u) * 48);font-size:calc(var(--u) * 34);color:#fff;border:calc(var(--u) * 2) solid #bd271d;background:#e8251d;padding:0;margin-left:auto;flex-shrink:0}.mall-featured-go{position:absolute;right:calc(var(--u) * 20);top:calc(var(--u) * 72);background:#f6b000;border-color:#f4b82e;color:#fffbea}.mall-featured-go i{position:absolute;right:0;top:calc(var(--u) * -10);width:calc(var(--u) * 25);height:calc(var(--u) * 25);border:calc(var(--u) * 2) solid #b9472a;background:#ed8551;border-radius:50%}.mall-task-hand{position:absolute;right:calc(var(--u) * 43);bottom:calc(var(--u) * 6);width:calc(var(--u) * 85);height:calc(var(--u) * 100);background-size:contain;background-repeat:no-repeat;pointer-events:none;animation:mall-tap var(--mall-hand) ease-in-out infinite}.mall-regular{display:flex;align-items:center;height:calc(var(--u) * 165);padding:0 calc(var(--u) * 32)}.mall-bag{font-size:0}.mall-bag:before{content:'';position:absolute;inset:calc(var(--u) * 18) calc(var(--u) * 25) calc(var(--u) * 24);border:calc(var(--u) * 4) solid #dba3a5;border-radius:calc(var(--u) * 5);transform:perspective(calc(var(--u) * 60)) rotateX(8deg)}.mall-bag:after{content:'';position:absolute;left:calc(var(--u) * 34);top:calc(var(--u) * 29);width:calc(var(--u) * 18);height:calc(var(--u) * 16);border:calc(var(--u) * 3) solid #dba3a5;border-top:0;border-radius:0 0 calc(var(--u) * 12) calc(var(--u) * 12)}@keyframes mall-tap{0%,100%{transform:translateY(calc(var(--u) * 8)) rotate(-15deg)}50%{transform:translateY(calc(var(--u) * -5)) rotate(-15deg) scale(.9)}}

.mall-title-gold{color:var(--mall-gold)}.mall-tags .tag-muted{background:#f7f5f7;color:#aaa}

.mall-page.featured .mall-hero{height:calc(calc(var(--u) * 368) + var(--mall-safe,calc(var(--u) * 0)))}.mall-page.featured .mall-title{left:calc(var(--u) * 70);right:calc(var(--u) * 70);text-align:center;top:calc(calc(var(--u) * 130) + var(--mall-safe,calc(var(--u) * 0)));font-size:calc(var(--u) * 80);height:calc(var(--u) * 110);line-height:calc(var(--u) * 110);font-weight:600;letter-spacing:calc(var(--u) * 2)}.mall-page.featured .mall-stages,.mall-page.featured .mall-refund,.mall-page.featured .mall-tags{display:none}.mall-page.featured .mall-scroll{top:calc(calc(var(--u) * 493) + var(--mall-safe,calc(var(--u) * 0)))}.mall-page.featured .mall-product-info{height:calc(var(--u) * 198)}.mall-page.featured .mall-product-title{top:calc(var(--u) * 4)}.mall-page.featured .mall-price-row{top:calc(var(--u) * 52)}.mall-page.featured .mall-product-go{height:calc(var(--u) * 70);line-height:calc(var(--u) * 66);bottom:calc(var(--u) * 18);font-size:calc(var(--u) * 34);font-weight:400;background:#df291f}.mall-page.featured .mall-product-go .mall-coin{display:none}

.mall-task-hand{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCAxMTAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icyIgeDI9Ii44IiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZjVlMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2U2YWM3YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0yNCA1M1YxM0MyNCAxIDM5IDEgNDAgMTN2MzFjNS0xMCAxNi03IDE3IDEgNi03IDE2LTMgMTcgNSA3LTQgMTQgMSAxNCA5djE5YzAgMTQtOSAyNC0xNSAyOUg0MGMtNC0xMS0xMi0yMC0yMC0yNkw1IDY5Qy0zIDYyIDUgNTEgMTMgNTZsMTQgMTAiIGZpbGw9InVybCgjcykiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTQxIDQ1djE4bTE3LTE0djE3bTE2LTExdjE1IiBmaWxsPSJub25lIiBzdHJva2U9IiNjYzkyNjciIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPgo=")}
