:root{--red:#e93323;--red-dark:#c92114;--ink:#202124;--muted:#888;--line:#ececec;--bg:#f6f6f6;--panel:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 "PingFang SC","Microsoft YaHei",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:var(--max);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:34px;background:#f2f2f2;border-bottom:1px solid #e8e8e8;color:#666;font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{margin-left:18px;transition:color .2s}.topbar a:hover{color:var(--red)}.topbar strong{font-weight:500;color:var(--red)}.bar-dot{margin-left:18px;color:#d5d5d5}.site-header{background:#fff}.header-main{height:137px;display:flex;align-items:center;gap:70px}.brand{display:flex;align-items:center;gap:11px;min-width:176px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#ff6f56,var(--red));color:#fff;font:bold 27px Georgia,serif;box-shadow:0 6px 13px rgba(233,51,35,.2)}.brand b{display:block;font-size:25px;line-height:29px;letter-spacing:.4px}.brand em{display:block;color:#999;font-size:11px;font-style:normal;letter-spacing:.5px}.search-wrap{position:relative;flex:1;max-width:540px;height:42px;border:2px solid var(--red);display:flex}.search-wrap input{border:0;outline:0;min-width:0;flex:1;padding:0 15px;font-size:14px}.search-wrap button[type=submit]{width:91px;color:#fff;border:0;background:var(--red);font-size:16px;cursor:pointer}.hot-search{position:absolute;left:0;top:47px;color:#aaa;font-size:12px;white-space:nowrap}.hot-search button{border:0;background:transparent;padding:0;margin-right:15px;color:#999;cursor:pointer}.hot-search button:hover{color:var(--red)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:18px;white-space:nowrap}.tool-link{font-size:13px;color:#555;text-align:center}.tool-link:hover{color:var(--red)}.tool-icon{display:block;font-size:19px;color:var(--red);line-height:19px}.cart-button{height:36px;padding:0 13px;border:1px solid #ddd;background:#fafafa;color:#555;cursor:pointer}.cart-button:hover{border-color:var(--red);color:var(--red)}.cart-icon{font-size:19px;color:var(--red);vertical-align:-2px}.cart-button b{margin-left:4px;display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:10px;background:var(--red);color:#fff;font-size:11px}.main-nav{height:44px;background:#fff;border-bottom:2px solid var(--red)}.nav-inner{height:100%;display:flex;align-items:center}.all-category{height:42px;width:210px;border:0;background:var(--red);color:#fff;font-size:16px;text-align:left;padding:0 23px;cursor:pointer}.all-category span{font-size:20px;vertical-align:-1px;margin-right:10px}.nav-links{display:flex;align-items:center;height:100%;margin-left:25px;gap:42px}.nav-links a{position:relative;font-size:16px;height:42px;line-height:42px;transition:color .2s}.nav-links a.active,.nav-links a:hover{color:var(--red)}.nav-links a.active:after{position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--red);content:""}.hero-area{background:#fff}.hero-layout{height:438px;display:flex}.category-sidebar{z-index:5;width:210px;padding:5px 0;background:rgba(28,28,32,.94);color:#fff}.category-loading{padding:26px 20px;color:#bbb}.category-item{position:relative;display:block;width:100%;height:53px;padding:9px 18px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.category-item:hover,.category-item.active{background:#fff;color:var(--red)}.category-item b{display:block;font-size:14px;font-weight:500}.category-item span{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b4b4b5;font-size:11px}.category-item:hover span,.category-item.active span{color:#999}.hero-content{position:relative;flex:1;overflow:hidden}.banner{position:relative;height:394px;overflow:hidden}.banner-slides{height:100%}.banner-slide{position:absolute;inset:0;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(3,13,30,.64),rgba(3,13,30,.05) 60%),var(--banner);background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity .6s,transform 1.1s}.banner-slide.active{opacity:1;transform:scale(1)}.banner-slide span{margin-left:68px;color:#fff;max-width:410px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.banner-slide small{display:block;letter-spacing:3px;font-size:12px;opacity:.8}.banner-slide b{display:block;margin:7px 0 4px;font-size:33px;line-height:1.25}.banner-slide em{display:block;font-style:normal;font-size:15px;opacity:.9}.banner-slide i{display:inline-block;margin-top:22px;padding:8px 17px;border:1px solid rgba(255,255,255,.8);font-style:normal;font-size:13px}.banner-dots{position:absolute;right:26px;bottom:22px;display:flex;gap:8px}.banner-dots button{width:24px;height:3px;padding:0;border:0;background:rgba(255,255,255,.5);cursor:pointer}.banner-dots button.on{background:#fff}.service-strip{height:44px;display:flex;align-items:center;justify-content:space-around;background:#fbfbfb;color:#777}.service-strip span{font-size:12px}.service-strip b{margin-right:6px;color:var(--red)}.section{margin-top:22px;background:#fff}.section-heading,.section-title{display:flex;align-items:center;justify-content:space-between}.section-heading h2,.section-title h2{margin:0;font-size:25px;line-height:1.1;font-weight:600}.section-heading p,.section-title p{margin:0 0 3px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:1.5px}.seckill-section{background:#fff}.seckill-heading{height:92px;padding:0 26px;background:linear-gradient(98deg,#201e20,#343235);color:#fff}.seckill-heading span{display:block;margin-top:5px;color:#bbb;font-size:12px}.countdown{display:flex;align-items:center;gap:7px}.countdown>span{margin:0 7px 0 0;color:#ddd}.countdown b{display:grid;place-items:center;width:30px;height:30px;background:#111;border-radius:2px;font-size:18px}.countdown i{font-size:17px;font-style:normal}.countdown a{margin-left:20px;color:#fff;font-size:12px}.seckill-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:196px}.seckill-card{display:flex;min-width:0;padding:22px 15px;border-right:1px solid var(--line)}.seckill-card:last-child{border-right:0}.seckill-card img{width:120px;height:120px;object-fit:contain;background:#fafafa}.seckill-card div{min-width:0;padding:8px 0 0 12px}.seckill-card h3{display:-webkit-box;overflow:hidden;margin:0;line-height:1.4;font-size:13px;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical}.seckill-card strong{display:block;margin-top:11px;color:var(--red);font-size:18px}.seckill-card del{color:#999;font-size:11px}.seckill-card button{margin-top:9px;padding:4px 9px;border:1px solid var(--red);background:#fff;color:var(--red);font-size:11px;cursor:pointer}.section-title{height:92px;padding:0 25px;border-bottom:1px solid #f0f0f0}.section-title>a{color:#999;font-size:12px}.recommendation-section{padding-bottom:25px}.category-tabs{display:flex;gap:8px;max-width:700px;overflow:hidden}.category-tabs button{border:0;background:#f5f5f5;color:#666;padding:6px 12px;white-space:nowrap;cursor:pointer}.category-tabs button.active,.category-tabs button:hover{background:var(--red);color:#fff}.recommend-grid{display:grid;grid-template-columns:258px 1fr;gap:20px;padding:23px 25px 0}.recommend-poster{position:relative;display:flex;height:378px;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:28px;background:linear-gradient(165deg,rgba(5,16,36,.02),rgba(5,16,36,.42)),var(--poster) center/cover;color:#fff}.recommend-poster span{font-size:11px;letter-spacing:2px}.recommend-poster b{margin:7px 0;font-size:30px;line-height:1.16}.recommend-poster p{margin:0;color:#eee;font-size:12px}.recommend-poster a{margin-top:19px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.9);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{position:relative;min-width:0;background:#fff;transition:box-shadow .25s,transform .25s}.product-card:hover{z-index:1;transform:translateY(-3px);box-shadow:0 9px 23px rgba(0,0,0,.12)}.product-image{position:relative;display:grid;width:100%;aspect-ratio:1/1;border:0;background:#f7f7f7;cursor:pointer;overflow:hidden}.product-image img{z-index:1;width:100%;height:100%;object-fit:contain;transition:transform .45s}.product-card:hover .product-image img{transform:scale(1.05)}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#ccc;font:700 20px Georgia,serif}.sale-tag{position:absolute;top:0;left:0;z-index:2;padding:3px 8px;background:var(--red);color:#fff;font-size:11px}.product-info{padding:10px 12px 13px}.product-category{overflow:hidden;margin:0 0 3px;color:var(--red);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.product-info h3{display:-webkit-box;min-height:39px;overflow:hidden;margin:0;color:#333;line-height:1.5;font-size:13px;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}.product-price{margin:7px 0 2px}.product-price strong{color:var(--red);font-size:19px}.product-price del{margin-left:6px;color:#aaa;font-size:11px}.product-sales{margin:0;color:#999;font-size:11px}.add-cart{position:absolute;right:10px;bottom:11px;padding:4px 7px;border:1px solid #e6e6e6;background:#fff;color:#666;font-size:11px;cursor:pointer;opacity:0;transition:opacity .2s}.product-card:hover .add-cart{opacity:1}.product-card:hover .add-cart:hover{border-color:var(--red);color:var(--red)}.activity-section{padding-bottom:25px}.activity-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:0 25px}.activity-card{position:relative;display:flex;height:164px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:20px;background:linear-gradient(130deg,rgba(0,0,0,.1),rgba(0,0,0,.62)),var(--activity) center/cover;color:#fff;transition:transform .25s}.activity-card:hover{transform:translateY(-3px)}.activity-card.big{height:164px}.activity-card span{font-size:10px;letter-spacing:2px;opacity:.85}.activity-card b{margin:3px 0;font-size:22px}.activity-card em{font-style:normal;font-size:11px;opacity:.88}.all-products-section{padding-bottom:31px}.product-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 25px;padding:16px 0;border-bottom:1px solid #eee;color:#999;font-size:12px}.sort-button{border:0;background:transparent;padding:0 12px;color:#666;cursor:pointer}.sort-button+.sort-button{border-left:1px solid #eee}.sort-button.active,.sort-button:hover{color:var(--red)}.product-grid-all{padding:22px 25px 0;grid-template-columns:repeat(5,1fr)}.more-wrap{text-align:center;padding-top:26px}.more-button,.quiet-button{border:1px solid #ddd;background:#fff;color:#777;padding:8px 30px;cursor:pointer}.more-button:hover,.quiet-button:hover{border-color:var(--red);color:var(--red)}.loading-card{display:grid;min-height:170px;place-items:center;grid-column:1/-1;color:#999}.benefit-row{margin-top:36px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.benefit-row .container{height:104px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefit-row .container>div{display:flex;justify-content:center;gap:11px;border-right:1px solid #eee}.benefit-row .container>div:last-child{border:0}.benefit-row b{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--red);border-radius:50%;color:var(--red);font-size:18px}.benefit-row strong,.benefit-row em{display:block}.benefit-row strong{font-size:15px;font-weight:500}.benefit-row em{color:#999;font-size:11px;font-style:normal}footer{background:#303030;color:#ddd}.footer-main{display:flex;justify-content:space-between;padding:43px 15px 35px}.footer-main .brand b{color:#fff}.footer-main .brand em{color:#aaa}.footer-brand p{width:270px;margin:17px 0 12px;color:#aaa;font-size:12px}.footer-live{color:#fff;font-size:12px}.footer-columns{display:flex;gap:80px}.footer-columns h3{margin:0 0 12px;font-size:14px;font-weight:500;color:#fff}.footer-columns a,.footer-columns p{display:block;max-width:160px;margin:7px 0;color:#aaa;font-size:12px}.footer-columns a:hover{color:#fff}.copyright{padding:15px 0;border-top:1px solid #444;text-align:center;color:#999;font-size:11px}.side-tools{position:fixed;right:max(16px,calc((100vw - 1280px)/2 - 54px));bottom:110px;z-index:20;width:47px;background:#fff;box-shadow:0 2px 13px rgba(0,0,0,.13)}.side-tools a,.side-tools button{display:grid;width:100%;min-height:49px;place-items:center;border:0;border-bottom:1px solid #eee;background:#fff;color:#666;font-size:11px;text-align:center;cursor:pointer}.side-tools a:hover,.side-tools button:hover{background:var(--red);color:#fff}.side-tools b{color:var(--red);font-size:10px}.cart-mask{position:fixed;z-index:29;inset:0;background:rgba(0,0,0,.35)}.cart-panel{position:fixed;z-index:30;top:0;right:0;bottom:0;width:360px;padding-bottom:116px;background:#fff;box-shadow:-5px 0 22px rgba(0,0,0,.16);transform:translateX(105%);transition:transform .25s}.cart-panel.open{transform:translateX(0)}.cart-panel-head{display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 20px;border-bottom:1px solid #eee}.cart-panel-head h2{margin:0;font-size:18px}.cart-panel-head button,.dialog-close{border:0;background:transparent;color:#999;font-size:26px;cursor:pointer}.cart-items{max-height:calc(100vh - 176px);overflow:auto;padding:10px 20px}.cart-empty{padding-top:55px;text-align:center;color:#999}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0f0f0}.cart-item h3{max-width:228px;margin:0;font-size:13px;font-weight:500}.cart-item p{margin:4px 0 0;color:var(--red);font-size:12px}.cart-item button{border:0;background:transparent;color:#999;cursor:pointer}.cart-total{position:absolute;right:0;bottom:61px;left:0;display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid #eee}.cart-total b{color:var(--red);font-size:20px}.checkout-button{position:absolute;right:20px;bottom:17px;left:20px;display:grid;height:36px;place-items:center;background:var(--red);color:#fff}.product-dialog{width:min(860px,calc(100% - 30px));padding:0;border:0;box-shadow:0 16px 56px rgba(0,0,0,.3)}.product-dialog::backdrop{background:rgba(0,0,0,.54)}.dialog-close{position:absolute;top:8px;right:13px;z-index:3}.detail-view{display:grid;grid-template-columns:390px 1fr;min-height:420px}.detail-view img{width:100%;height:390px;object-fit:contain;background:#fafafa}.detail-copy{padding:42px 38px}.detail-copy .product-category{font-size:12px}.detail-copy h2{margin:5px 0 17px;font-size:21px}.detail-price{margin:0;padding:13px;background:#fff4f3;color:var(--red);font-size:29px}.detail-copy p{color:#777}.detail-actions{display:flex;gap:12px;margin-top:25px}.detail-actions button,.detail-actions a{padding:10px 20px;border:1px solid var(--red);background:#fff;color:var(--red);cursor:pointer}.detail-actions .primary{background:var(--red);color:#fff}#toast{position:fixed;z-index:60;bottom:35px;left:50%;padding:10px 18px;border-radius:3px;background:rgba(0,0,0,.75);color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1260px){.container{width:calc(100% - 32px)}.side-tools{right:8px}.header-main{gap:32px}.nav-links{gap:25px}.product-grid-all{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.topbar,.main-nav,.category-sidebar,.header-tools,.hot-search,.side-tools{display:none}.container{width:calc(100% - 24px)}.header-main{height:92px;gap:16px}.brand{min-width:130px}.brand b{font-size:20px}.brand-mark{width:38px;height:38px;font-size:22px}.search-wrap{height:37px}.search-wrap button[type=submit]{width:65px;font-size:14px}.hero-layout{height:auto}.banner{height:300px}.banner-slide span{margin-left:30px}.banner-slide b{font-size:25px}.service-strip{height:39px}.seckill-grid{grid-template-columns:repeat(2,1fr)}.recommend-grid{grid-template-columns:1fr}.recommend-poster{height:200px}.product-grid-all,.product-grid{grid-template-columns:repeat(3,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}.footer-main{gap:20px;flex-direction:column}.footer-columns{gap:36px}.benefit-row .container>div{gap:7px}.benefit-row em{display:none}.product-dialog{width:calc(100% - 20px)}.detail-view{grid-template-columns:1fr}.detail-view img{height:280px}}