:root{color-scheme:light;--white:#fff;--black:#14161c;--bg-color:#fff;--bg-color-rgb:255,255,255;--bg-color-light:#f7f7f8;--bg-color-general:#f2f2f4;--bg-color-sub:#fafafb;--bg-overlay-l1:rgba(20,22,28,.04);--bg-overlay-l2:rgba(20,22,28,.06);--bg-overlay-l3:rgba(20,22,28,.08);--bg-overlay-l4:rgba(20,22,28,.12);--text-color:#14161c;--text-color-general:#0a0b0f;--text-color-sub:#5a5f6e;--text-color-tertiary:#8e93a0;--text-color-disabled:#b8bcc6;--text-onbrand:#fff;--border-color:#e5e6eb;--border-color-light:#efeff2;--border-color-lighter:rgba(20,22,28,.06);--border-color-anti:#14161c;--border-radius:8px;--border-radius-sm:6px;--border-radius-xs:4px;--color-primary:#9b7ede;--color-primary-rgb:155,126,222;--color-primary-sub:#7b5fc4;--color-primary-sub-rgb:123,95,196;--color-primary-actived:#8c6fd0;--color-primary-light1:rgba(155,126,222,.36);--color-primary-light2:rgba(155,126,222,.28);--color-primary-light3:rgba(155,126,222,.18);--color-primary-light4:rgba(155,126,222,.12);--color-primary-light5:rgba(155,126,222,.06);--color-success:#33c192;--color-success-rgb:51,193,146;--color-success-actived:#27b082;--color-success-light1:rgba(0,165,110,.36);--color-success-light2:rgba(0,165,110,.28);--color-success-light3:rgba(0,165,110,.18);--color-success-light4:rgba(0,165,110,.12);--color-success-light5:rgba(0,165,110,.06);--color-warn:#d29d00;--color-warn-rgb:210,157,0;--color-warn-actived:#ab8820;--color-warn-light1:rgba(210,157,0,.36);--color-warn-light2:rgba(210,157,0,.28);--color-warn-light3:rgba(210,157,0,.18);--color-warn-light4:rgba(210,157,0,.16);--color-warn-light5:rgba(210,157,0,.08);--color-danger:#f65a5a;--color-danger-rgb:246,90,90;--color-danger-actived:#b33636;--color-danger-light1:rgba(246,90,90,.36);--color-danger-light2:rgba(246,90,90,.28);--color-danger-light3:rgba(246,90,90,.18);--color-danger-light4:rgba(246,90,90,.12);--color-danger-light5:rgba(246,90,90,.06);--color-info:#387bff;--color-info-rgb:56,123,255;--color-info-actived:#1759dd;--color-info-light1:rgba(53,121,255,.36);--color-info-light2:rgba(53,121,255,.28);--color-info-light3:rgba(53,121,255,.18);--color-info-light4:rgba(53,121,255,.12);--color-info-light5:rgba(53,121,255,.06);--color-ching:#2dd288;--color-ching-rgb:45,210,136;--color-ching-actived:#27b082;--color-ching-light1:rgba(45,210,136,.36);--color-ching-light2:rgba(45,210,136,.28);--color-ching-light3:rgba(45,210,136,.18);--color-ching-light4:rgba(45,210,136,.12);--color-ching-light5:rgba(45,210,136,.06);--color-yellow:#dcb364;--color-yellow-rgb:220,179,100;--color-yellow-actived:#c99b47;--color-yellow-light1:rgba(220,179,100,.36);--color-yellow-light2:rgba(220,179,100,.28);--color-yellow-light3:rgba(220,179,100,.18);--color-yellow-light4:rgba(220,179,100,.12);--color-yellow-light5:rgba(220,179,100,.06);--color-orange:#d27e24;--color-orange-rgb:210,126,36;--color-orange-actived:#b46510;--color-orange-light1:rgba(210,126,36,.36);--color-orange-light2:rgba(210,126,36,.28);--color-orange-light3:rgba(210,126,36,.18);--color-orange-light4:rgba(210,126,36,.12);--color-orange-light5:rgba(210,126,36,.06);--color-purple:#8e80ff;--color-purple-rgb:142,128,255;--color-purple-actived:#7864ff;--color-purple-light1:rgba(142,128,255,.36);--color-purple-light2:rgba(142,128,255,.28);--color-purple-light3:rgba(142,128,255,.18);--color-purple-light4:rgba(142,128,255,.12);--color-purple-light5:rgba(142,128,255,.06);--color-disabled:rgba(20,22,28,.08);--font-size:14px;--font-size-large:20px;--font-size-big:18px;--font-size-middle:16px;--font-size-small:13px;--font-size-mini:12px;--font-weight:500;--font-weight-sub:400;--font-weight-strong:600;--font-line-height:1;--font-line-height-sub:1.6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}html{width:100vw;height:100vh;background:var(--bg-color-general)}a{text-decoration:none}:root{font-size:.24vw}@media screen and (min-width:768px){:root{font-size:1px!important}}body{font-size:16rem}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track-piece{background-color:transparent;border-radius:2rem}::-webkit-scrollbar-thumb{height:0;background-color:#cbd4dc;border-radius:2rem}.app{width:100vw;min-height:100vh;background:var(--bg-color-general);color:var(--text-color);font-family:PingFang-Medium;overflow:hidden;position:relative}.slide-enter-active,.slide-leave-active{transition:all .3s}.slide-enter-from,.slide-leave-to{transform:translate(10%);opacity:0}.slide-enter-to,.slide-leave-from{transform:translate(0);opacity:1}.pc{max-width:1440px;margin:0 auto}.restful-page{position:relative;width:100%;height:100%;overflow:hidden}.restful-page>header{width:100%;height:72px;padding:0 20px;justify-content:space-between;border-bottom:1px solid var(--border-color)}.restful-page>header,.restful-page>header .title{display:flex;flex-direction:row;align-items:center}.restful-page>header .title{font-weight:700;font-size:var(--font-size-big);justify-content:flex-start;line-height:1}.restful-page>header .title .back-btn{margin-right:12px;cursor:pointer;font-size:var(--font-size-large)}.restful-page>main{width:100%;height:calc(100% - 72px)}.table-container{width:100%;height:100%;padding:20px}.table-container>header{margin-bottom:20px;width:100%;height:92px;padding:12px}.table-container>main{width:100%;height:calc(100% - 188px);padding:0 12px}.table-container>main .actions{width:100%;height:48px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.table-container>footer{margin-top:20px;width:100%;height:56px;padding:12px}.price-wrapper{display:inline-flex;flex-direction:row;align-items:flex-end}.currency{font-size:.65em;margin-left:2px;color:var(--text-color-sub);font-weight:400;align-self:flex-end;line-height:1}.product-card{display:flex;gap:12px;background:var(--bg-color);border-radius:16rem;padding:12rem;border:1px solid var(--border-color-light);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12rem #0000000f}.product-card:hover{box-shadow:0 8px 24rem #0000001a;border-color:var(--color-primary-light3);transform:translateY(-2px)}.product-card:active{transform:scale(.98)}.product-card.layout-horizontal .product-image-wrapper{position:relative;flex-shrink:0;width:100rem;height:100rem;border-radius:12rem;overflow:hidden;background:var(--bg-color-light2)}.product-card.layout-horizontal .product-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-card.layout-horizontal .product-image-wrapper .badge-tag{position:absolute;top:6rem;left:6rem;background:var(--color-primary);color:#fff;font-size:10rem;font-weight:600;padding:2rem 8rem;border-radius:6rem;z-index:2;max-width:calc(100% - 12rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card.layout-horizontal .product-image-wrapper .badge-discount{position:absolute;top:6rem;right:6rem;background:var(--color-danger);color:#fff;font-size:10rem;font-weight:700;padding:2rem 6rem;border-radius:6rem;z-index:2}.product-card.layout-horizontal .product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4rem}.product-card.layout-horizontal .product-info .product-name{font-size:14rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-card.layout-horizontal .product-info .product-desc{font-size:11rem;color:var(--text-color-sub);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card.layout-horizontal .product-info .product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:6rem}.product-card.layout-horizontal .product-info .product-bottom .product-price{display:flex;align-items:baseline;gap:6rem}.product-card.layout-horizontal .product-info .product-bottom .product-price .price-current{display:flex;align-items:baseline;gap:1rem}.product-card.layout-horizontal .product-info .product-bottom .product-price .price-current .currency-symbol{font-size:12rem;font-weight:600;color:var(--color-primary)}.product-card.layout-horizontal .product-info .product-bottom .product-price .price-current .price-amount{font-size:18rem;font-weight:700;color:var(--color-primary);line-height:1}.product-card.layout-horizontal .product-info .product-bottom .product-price .price-original{font-size:12rem;color:var(--text-color-placeholder);text-decoration:line-through}.product-card.layout-horizontal .product-info .product-bottom .add-to-cart-btn{display:flex;align-items:center;gap:4rem;padding:6rem 12rem;background:var(--color-primary);color:#fff;border:none;border-radius:20rem;font-size:11rem;font-weight:600;cursor:pointer;transition:all .2s ease}.product-card.layout-horizontal .product-info .product-bottom .add-to-cart-btn:hover{background:var(--color-primary-sub)}.product-card.layout-horizontal .product-info .product-bottom .add-to-cart-btn:active{transform:scale(.95)}.product-card.layout-vertical{flex-direction:column;gap:12rem;padding:0;overflow:hidden}.product-card.layout-vertical .product-image-wrapper{position:relative;width:100%;height:0;padding-bottom:100%;flex-shrink:0;background:var(--bg-color-light2);border-radius:0}.product-card.layout-vertical .product-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-card.layout-vertical .product-image-wrapper .badge-tag{position:absolute;top:8rem;left:8rem;background:var(--color-primary);color:#fff;font-size:10rem;font-weight:600;padding:3rem 8rem;border-radius:8rem;z-index:2;max-width:calc(100% - 16rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card.layout-vertical .product-image-wrapper .badge-discount{position:absolute;top:8rem;right:8rem;background:var(--color-danger);color:#fff;font-size:10rem;font-weight:700;padding:3rem 8rem;border-radius:8rem;z-index:2}.product-card.layout-vertical .product-info{padding:0 12rem 12rem;display:flex;flex-direction:column;gap:6rem}.product-card.layout-vertical .product-info .product-name{font-size:13rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card.layout-vertical .product-info .product-bottom{display:flex;align-items:center;justify-content:space-between}.product-card.layout-vertical .product-info .product-bottom .product-price{display:flex;align-items:baseline;gap:4rem}.product-card.layout-vertical .product-info .product-bottom .product-price .price-current{display:flex;align-items:baseline;gap:1rem}.product-card.layout-vertical .product-info .product-bottom .product-price .price-current .currency-symbol{font-size:11rem;font-weight:600;color:var(--color-primary)}.product-card.layout-vertical .product-info .product-bottom .product-price .price-current .price-amount{font-size:16rem;font-weight:700;color:var(--color-primary);line-height:1}.product-card.layout-vertical .product-info .product-bottom .product-price .price-original{font-size:11rem;color:var(--text-color-placeholder);text-decoration:line-through}