*{box-sizing:border-box}body{margin:0;background:#edeae4;color:#24251f;font-family:Arial,"Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:3px solid #b36219;outline-offset:2px}.app{max-width:1100px;width:100%;margin:auto;background:#faf9f6;min-height:100vh;padding-bottom:90px;overflow:visible;position:relative}header{padding:30px 40px 22px;background:linear-gradient(115deg,#ffb83f,#ff951e 65%,#ffa42b);position:relative;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:12px;font-size:42px;font-weight:900;align-items:center}.logo>span{font-size:23px;letter-spacing:2px}.sub{display:block;font-size:11px;letter-spacing:1px;font-weight:400;margin-top:5px}.top button{background:#ffffff36;padding:10px 15px;border-radius:20px;font-size:12px}.headline{display:flex;align-items:center;justify-content:space-between;margin:22px 0}h1{font-size:40px;line-height:1.3;letter-spacing:2px;margin:0}h1 span{color:white}.stamp{border:1px solid #42301640;border-radius:50%;width:91px;height:91px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);font-size:13px;line-height:1.8}.search{background:white;display:flex;align-items:center;border-radius:12px;padding:7px 7px 7px 17px;box-shadow:0 2.5px 12.5px #b6631712}.search>span{font-size:30px}.search input{border:0;outline:none;min-width:0;flex:1;padding:9px;background:transparent;font-size:14px}.search button,.primary{background:#272820;color:white;border-radius:8px;padding:12px 20px}.promises{display:flex;gap:30px;font-size:11px;margin-top:15px;color:#603d12}main{padding:25px 30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title h2{font-size:22px;margin:0}.section-title span{font-size:11px;color:#929088}.catalog{display:grid;grid-template-columns:145px 225px 1fr;border:1px solid #e9e5dc;border-radius:14px;overflow:hidden;background:white;min-height:480px}.col-title{font-size:12px;color:#969084;padding:16px 20px;border-bottom:1px solid #eee}.categories{background:#f0eee8}.cat{display:flex;align-items:center;gap:10px;padding:22px 13px;width:100%;background:transparent;font-size:13px;color:#747367;border-bottom:1px solid #e5e2da;text-align:left}.cat i{font-style:normal;font-size:22px}.cat.active{color:#272820;background:#ffb13f;font-weight:bold}.materials{background:#faf9f5;border-right:1px solid #eee}.material{width:calc(100% - 20px);margin:5px 10px;padding:16px 12px;text-align:left;background:transparent;border-radius:7px;color:#706e66;font-size:14px;display:flex;justify-content:space-between}.material.active{background:#fff0d9;color:#b66b09;font-weight:bold}.brands{padding:0 20px 20px}.brands .col-title{padding-left:0}.brand-title{font-size:20px;margin:22px 0 4px}.small{font-size:11px;color:#969084}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.brand{border:1px solid #e9e7e0;background:white;min-height:98px;border-radius:10px;padding:15px;text-align:left;transition:.2s}.brand:hover{border-color:#ec9a27;transform:translateY(-2px)}.brand b{display:block;font-size:19px;margin:5px 0 10px}.brand em{font-size:10px;font-style:normal;color:#9b978b}.brand .mark{color:#e99a23;font-size:11px}.guide{background:#f8f6ef;border-radius:10px;padding:17px;margin-top:22px;display:flex;justify-content:space-between;align-items:center}.guide b{font-size:13px}.guide p{margin:7px 0 0;font-size:11px;color:#999185}.guide button{color:#a36b1b;background:#f4e7ce;border-radius:6px;padding:9px;font-size:12px}.recommend{display:flex;justify-content:space-between;margin:26px 0 15px;align-items:center}.recommend h3{margin:0;font-size:18px}.recommend button{background:none;color:#8c887d;font-size:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{background:white;border:1px solid #eee9df;border-radius:12px;overflow:hidden}.product-art{height:110px;display:flex;justify-content:center;align-items:center;background:#f1f0e9}.bag{width:65px;height:78px;background:linear-gradient(120deg,#e1d6b9,#f3eacb,#c7b895);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);text-align:center;padding-top:20px;color:#555b49;font-size:12px;box-shadow:2.5px 3px 6px #0002}.bag strong{display:block;font-size:17px}.product-info{padding:15px}.product h4{font-size:13px;margin:0 0 8px}.product p{font-size:11px;color:#9a9588;margin:0 0 14px}.price{display:flex;align-items:center;justify-content:space-between;color:#d9740d;font-size:20px;font-weight:bold}.price small{font-size:10px;color:#999;font-weight:400}.add{background:#ffb13e;border-radius:50%;font-size:22px;width:30px;height:30px;color:#342c1f}nav{position:relative;bottom:auto;left:auto;transform:none;width:100%;background:#fffefb;display:flex;justify-content:space-around;border-top:1px solid #e6e2da;padding:12px 10px 18px;z-index:3}nav button{background:none;color:#969186;font-size:11px;position:relative;min-width:50px}nav i{display:block;font-size:23px;font-style:normal;margin-bottom:5px}nav button.active{color:#ca7e16}nav button.camera i{background:#ffb13e;color:#262820;width:43px;height:43px;border-radius:14px;padding:7px;margin:-20px auto 5px;border:4px solid #fff}.badge{background:#e48b22;color:white;border-radius:10px;font-size:9px;padding:2px 5px;position:absolute;top:-3px;right:0}dialog{border:0;border-radius:18px;padding:28px;max-width:440px;width:90%;box-shadow:0 10px 50px #0002}dialog::backdrop{background:#24282077}dialog h2{font-size:22px}.close{margin-top:18px;background:#f0eee8;border-radius:6px;padding:10px 20px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#252820;color:white;border-radius:8px;padding:12px 20px;font-size:13px;z-index:10;display:none}.cart-row{display:flex;justify-content:space-between;align-items:center;background:white;padding:20px;margin-bottom:10px;border-radius:10px}.qty button{padding:7px 12px;background:#f4eee4}.qty span{padding:10px}.empty{text-align:center;padding:65px 20px;color:#8a867b}.checkout{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.delivery-address{width:100%;font-size:14px}.upload{padding:40px;text-align:center;border:1px dashed #dda249;border-radius:14px;background:#fff7e8;margin:20px 0}.upload input{max-width:100%}textarea,input.field{display:block;width:100%;padding:12px;border:1px solid #ddd7cb;border-radius:8px;margin:15px 0}#photoPreview{max-width:100%;max-height:250px}.profile{padding:30px;background:#fff0d6;border-radius:12px}.menu-row{padding:22px;background:white;margin-top:10px;border-radius:8px;display:flex;justify-content:space-between}.notice{font-size:11px;color:#aaa;margin:20px 0;text-align:center}@media(max-width:650px){header{padding:22px 20px 18px}.logo{font-size:34px}.logo>span{font-size:20px}.headline{margin:25px 0 20px}h1{font-size:30px}.stamp{width:73px;height:73px;font-size:11px}main{padding:20px 12px}.section-title h2{font-size:19px}.catalog{grid-template-columns:81px 114px 1fr;min-height:520px;border-radius:10px}.col-title{font-size:10px;padding:13px 8px}.cat{padding:2.5px 5px;flex-direction:column;gap:6px;font-size:11px}.cat i{font-size:22px}.material{font-size:12px;padding:15px 5px;width:calc(100% - 10px);margin:4px 5px}.brands{padding:0 10px 14px}.brand-title{font-size:17px;margin-top:18px}.brand-grid{grid-template-columns:1fr;gap:9px;margin-top:15px}.brand{min-height:82px;padding:11px}.brand b{font-size:16px}.guide{padding:10px;display:block}.guide button{margin-top:12px}.products{gap:8px}.product-info{padding:10px}.product h4{font-size:11px;line-height:1.5}.price{font-size:16px}.price small{font-size:9px}.product-art{height:95px}.promises{gap:24px}.cart-row{padding:15px;gap:10px;font-size:12px}.qty{white-space:nowrap}.qty button{padding:6px 9px}}

.headline,.promises{display:none!important}header{padding:20px 25px 18px}.search{margin-top:0}



button{box-shadow:0 1.5px 4px #5b4a321f}button:active{transform:translateY(1px);box-shadow:0 0.5px 1.5px #5b4a3228}
.cat img{width:32px;height:32px;object-fit:contain}.cat i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f5a83b;border-radius:8px}nav img{width:30px;height:30px;display:block;margin:0 auto 5px;color:currentColor}nav button.camera img{background:#ffb13e;border-radius:14px;padding:5px;width:43px;height:43px;margin:-20px auto 5px}
.export-box{background:#fff;padding:18px;border-radius:10px;margin-top:16px;box-shadow:0 2px 6px #6a4a211c}.export-box p{margin:7px 0 12px}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.export-actions button{background:#ffb13e;color:#3b2d18;border-radius:6px;padding:9px 12px;font-size:12px}
.detail-art{height:180px;background:#f3f0e8;display:flex;align-items:center;justify-content:center;border-radius:10px;margin:12px 0}.detail-price{color:#d17412;font-size:22px;font-weight:bold}
.product-open{display:block;width:100%;border:0;padding:0;background:white;text-align:left;box-shadow:none}.material-photo{width:100%;height:100%;object-fit:contain}.detail-photo{display:block;width:100%;height:auto;margin:12px 0}.report-panel{background:#fff3de;padding:16px;border-radius:10px;margin:18px 0}.report-panel p{overflow-wrap:anywhere}dialog{max-height:90vh;overflow:auto}
.catalog{grid-template-columns:32% 68%}.materials{border-right:1px solid #eee}.brands{border-left:0}@media(max-width:650px){.catalog{grid-template-columns:35% 65%}}
.catalog .categories{display:block!important}
.catalog{grid-template-columns:28% 28% 44%}@media(max-width:650px){.catalog{grid-template-columns:20% 25% 55%}}
.brand .material-photo{width:100%;height:70px;object-fit:contain;margin-bottom:8px}.brand em{display:block;line-height:1.5}.brand b{line-height:1.4}
.brand-grid{display:block}.material-item{display:flex;width:100%;align-items:center;gap:14px;padding:16px 10px;background:#fff;border:0;border-bottom:1px solid #eee;text-align:left;box-shadow:none;border-radius:0}.material-item img{width:95px;height:95px;object-fit:contain;flex:none}.material-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.material-copy b{font-size:17px;color:#20211d}.material-copy small{font-size:12px;color:#777}.material-copy strong{font-size:22px;color:#e33e2c}.material-copy em{font-style:normal;font-size:11px;color:#a7aaa9}.material-plus{margin-left:auto;font-size:38px;color:#8e9694;font-weight:300}
.catalog{grid-template-columns:30% 32% 38%}.material-item{padding:12px 6px;gap:8px}.material-item img{width:70px;height:70px}.material-copy b{font-size:14px}.material-copy strong{font-size:18px}.material-plus{font-size:30px}@media(max-width:650px){.catalog{grid-template-columns:20% 30% 50%}.material-item{gap:5px;padding:10px 4px}.material-item img{width:54px;height:54px}.material-copy b{font-size:11px}.material-copy small,.material-copy em{font-size:9px}.material-copy strong{font-size:15px}.material-plus{font-size:25px}}
.material-item{cursor:pointer}.material-plus{border:0;background:transparent;box-shadow:none;cursor:pointer;flex:none}.material-plus:hover{color:#d77e12;transform:scale(1.1)}
.back-button{background:#fff;border:0;border-radius:8px;padding:10px 14px;margin-bottom:14px;color:#666}.detail-page{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2.5px 8px #6a4a211c}.detail-main-image{height:280px;background:#f6f3ec;border-radius:10px;display:flex;justify-content:center;align-items:center}.detail-main-image img{max-width:100%;max-height:100%;object-fit:contain}.detail-heading h1{font-size:24px;margin:20px 0 8px}.detail-heading p{color:#777;margin:7px 0}.detail-heading>strong{display:block;color:#df3d2d;font-size:28px;margin:16px 0}.detail-actions{margin:16px 0}.detail-page h2{font-size:18px;margin-top:24px}@media(max-width:650px){.detail-main-image{height:230px}.detail-page{padding:14px}.detail-heading h1{font-size:20px}}
.detail-section{margin-bottom:22px}.detail-section h2{margin:0 0 12px}.purchase-module{padding:18px;background:#fff7e9;border:1px solid #f2d9ab;border-radius:12px}.purchase-module .detail-heading h1{margin-top:0}.purchase-module .detail-heading>strong{margin-bottom:8px}
.taobao-detail{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2.5px 9px #6a4a2118}.tb-gallery{background:#fafafa;padding:16px}.tb-main-photo{height:330px;background:#fff;display:flex;align-items:center;justify-content:center}.tb-main-photo img{width:100%;height:100%;object-fit:contain}.tb-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.tb-thumbs img{width:58px;height:58px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:5px;cursor:pointer}.tb-info{padding:20px}.tb-info h1{font-size:22px;line-height:1.4;margin:0 0 5px}.tb-code{color:#999;font-size:12px;margin:0 0 12px}.tb-price{display:inline-block;width:56%;box-sizing:border-box;vertical-align:middle;background:transparent;color:#e33b2c;font-size:32px;font-weight:bold;padding:12px}.tb-meta{display:flex;gap:18px;color:#999;font-size:12px;padding:12px 0;border-bottom:1px solid #eee}.tb-line{display:flex;gap:18px;padding:14px 0;font-size:13px;border-bottom:1px solid #f1eee9}.tb-line b,.tb-buy>b{color:#999;font-weight:400;min-width:38px}.tb-buy{display:flex;align-items:center;gap:18px;padding:16px 0}.qty-control{display:flex;border:1px solid #ddd;border-radius:4px}.qty-control button{border:0;background:#f7f5f1;width:32px;height:30px}.qty-control input{width:45px;border:0;text-align:center}.tb-price-actions{display:inline-flex;width:42%;box-sizing:border-box;vertical-align:middle;gap:10px;margin:12px 0 18px}.tb-price-actions button{flex:1;padding:11px 14px;border:0;border-radius:7px;font-size:15px;font-weight:700;box-shadow:0 1px 3px #6a4a2126}.tb-price-actions .tb-cart{background:#fff0d9;color:#c46b12;border:1px solid #efc27b}.tb-price-actions .tb-buy-now{background:#e87512;color:#fff}.tb-actions{display:flex;gap:10px;margin-top:10px}.tb-actions button{flex:1;padding:14px;border:0;border-radius:6px;font-size:15px}.tb-cart{background:#fff0d9;color:#d57513}.tb-buy-now{background:#e94832;color:#fff}.report-panel{margin-top:18px}@media(max-width:650px){.tb-price{display:block;width:100%}.tb-price-actions{display:flex;width:100%}.tb-main-photo{height:260px}.tb-info{padding:14px}.tb-info h1{font-size:19px}.tb-price{font-size:28px}}
.tb-detail-images{border-top:1px solid #f1eee9;padding-top:14px}.tb-detail-images h3{font-size:15px;margin:0 0 10px}.tb-detail-images img{display:block;width:100%;max-height:420px;object-fit:contain;margin:8px 0;background:#fafafa}
.push-order-box{margin:14px 0;padding:16px;background:#fffaf0;border:1px solid #f0dfbf;border-radius:12px}.push-order-box h3{margin:0 0 10px;font-size:16px}.push-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #f0e7d8}.push-order p{margin:4px 0;font-size:12px}.push-order small{color:#999}.push-order button{border:0;border-radius:6px;padding:8px 10px;background:#ffb13e;color:#5c390f}
.recommend + .products{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend + .products .product-open{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:stretch;width:100%;text-align:left;background:#fff}.recommend + .products .product-art{height:120px}.recommend + .products .product-info{padding:14px}.recommend + .products .product-info.price{grid-column:1/-1}.recommend + .products .product h4{font-size:14px}@media(max-width:650px){.recommend + .products{grid-template-columns:1fr}.recommend + .products .product-open{grid-template-columns:95px minmax(0,1fr)}.recommend + .products .product-art{height:105px}}
.recommend + .products{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.recommend + .products{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend + .products .product-open{grid-template-columns:78px minmax(0,1fr)}.recommend + .products .product-art{height:95px}.recommend + .products .product-info{padding:9px}.recommend + .products .product h4{font-size:11px}}



.address-entry{flex:1;border:1px solid #ead8bd;background:#fffaf2;color:#8b5d22;border-radius:8px;padding:10px;text-align:left}

#amapPicker{height:300px;margin:10px 0;border-radius:8px;overflow:hidden}.secondary{border:1px solid #e6c38f;background:#fff8ec;color:#a76412;border-radius:8px;padding:10px 14px;margin:8px}

#currentMapAddress{background:#fff8ec;color:#8a5b20;border-radius:8px;padding:10px 12px;line-height:1.5;margin:10px 0}#nearbyAddresses{margin:10px 0;background:#fff;height:44px}#amapPicker{height:280px;border:1px solid #eadfce;box-shadow:0 1.5px 6px #6a4a2114}dialog .primary,dialog .secondary{display:inline-block;margin:4px 6px 0 0}dialog .secondary{padding:10px 14px}

/* 立体光影增强 */
body{background:linear-gradient(145deg,#d7d2c8,#f7f5f0 48%,#c9c3b8);background-attachment:fixed}.app{box-shadow:0 4px 0 #aaa398,0 9px 17.5px #493d302e}.catalog,.brand,.cart-row,.product{box-shadow:inset 0 0.5px #fff,0 1.5px 0 #c7c0b5,0 4.5px 9px #493d3029}.catalog{background:linear-gradient(145deg,#fffdf8,#eee9df)}.cat,.material{background:linear-gradient(145deg,#fffdf8 0%,#f1ede5 70%,#d8d1c6 100%);box-shadow:inset 0 0.5px #fff,0 1.5px 0 #bbb3a6,0 3px 6px #40372e22}.cat.active,.material.active{box-shadow:inset 0 1px #fff4c8,0 1.5px 0 #8e5c27,0 4px 7px #6c421f44}.primary,.search button,.tb-price-actions button{box-shadow:inset 0 1px #ffffff66,0 1.5px 0 #3d2a1d,0 3.5px 6px #46382c3d}.primary:hover,.search button:hover,.tb-price-actions button:hover{filter:brightness(1.08);transform:translateY(-1px)}

.logo{flex-direction:column;align-items:flex-start;gap:4px}.company-logo{width:140px;height:56px;object-fit:contain;filter:none}.logo>.sub{font-size:11px;letter-spacing:1px}@media(max-width:650px){.company-logo{width:120px;height:48px}}






.product-code,.material-code{display:block;font-size:10px;color:#9c805d;margin:3px 0 6px}.material-copy .material-code{color:#b28a52}

/* 方案A：筑联白底圆角导航 */
nav{background:#fffaf2;border:1px solid #ead8bc;border-radius:22px 22px 0 0;box-shadow:0 -5px 9px #9a6a3124;padding:10px 16px 16px}nav button{color:#8a7259;border-radius:14px;padding:6px 14px;transition:.2s}nav button.active{background:#fff0d7;color:#e47d18;box-shadow:0 1.5px 5px #c77a2638}nav button.active img{filter:none}nav img{width:30px;height:30px;object-fit:contain}nav button:first-child img{width:34px;height:34px}


nav button.camera i{background:none;width:auto;height:auto;border:0;padding:0;margin:0 auto 5px}nav button.camera img{width:30px;height:30px;margin:0 auto 5px;padding:0;background:none;border-radius:0}


.tb-price-actions{flex-direction:column;align-items:stretch}


.tb-price-actions{position:relative;z-index:20;pointer-events:auto}.tb-price-actions button{position:relative;z-index:21;pointer-events:auto;cursor:pointer}


.checkout>.primary{width:25%;min-width:170px;align-self:flex-end}.checkout>.primary{padding:10px 14px}@media(max-width:650px){.checkout>.primary{width:50%;min-width:0}}


body{background:#eee9df!important;color:#2b251f!important}.app{background:#faf9f6!important}






.product .add{width:58px;height:30px;border-radius:5px;font-size:13px;background:#ffb13e;color:#4b2b12;box-shadow:inset 0 0.5px #ffe5a1,0 1px 0 #b66b1e}.material-plus{min-width:48px;padding:8px 10px;border-radius:5px;background:#ffb13e;color:#4b2b12;font-size:13px;text-align:center;box-shadow:inset 0 0.5px #ffe5a1,0 1px 0 #b66b1e}





nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(1100px,100%);z-index:50;background:#fff;border-radius:0;border-top:1px solid #ddd;box-shadow:0 -3px 6px #0002}nav button{background:#fff}nav button.active{background:#fff0d7}.cat,.material{margin-bottom:4px!important}


.catalog{grid-template-columns:162px 225px 1fr}@media(max-width:650px){.catalog{grid-template-columns:90px 114px 1fr}}




.categories .cat{border-radius:6px!important}



.categories .cat{width:100%;margin-left:0;margin-right:0;padding-top:4.5px;padding-bottom:4.5px}






.categories .cat{gap:1px;justify-content:center;align-items:center;text-align:center}



.materials .material{border-radius:3px!important}



.categories .cat{width:calc(100% - 4px);margin-left:2px;margin-right:2px}


.categories,.materials{position:sticky;top:0;align-self:start;z-index:4}


header{position:sticky;top:0;z-index:30}


header{padding-top:15px;padding-bottom:7px}@media(max-width:650px){header{padding-top:10px;padding-bottom:0}}


.brands{max-height:calc(100vh - 180px);overflow-y:auto;align-self:start;scrollbar-width:thin}


.categories>.col-title,.materials>.col-title,.brands>.col-title{position:sticky;top:0;z-index:6;background:#faf9f6}


#location{display:none!important}header{position:sticky}header>.search{position:absolute;left:300px;right:24px;top:20px;margin:0}@media(max-width:650px){header>.search{position:relative;left:auto;right:auto;top:auto;margin-top:8px}}


@media(max-width:650px){.company-logo{width:96px;height:38px}header{min-height:86px}header>.search{position:absolute;left:118px;right:10px;top:18px;margin:0}.logo{gap:2px}.logo>.sub{font-size:8px}}


@media(max-width:650px){header>.search{top:10px;height:38px;padding:3px 4px 3px 9px}.search>span{font-size:22px}.search input{padding:5px;font-size:11px}.search button{padding:7px 10px}.logo{height:38px}}


.search{border-radius:4px}@media(max-width:650px){header>.search{right:20%;border-radius:4px}}


@media(max-width:650px){.search button{transform:scale(.8);transform-origin:right center;padding:6px 9px;font-size:11px;margin-left:4px;margin-right:-2px}}


@media(max-width:650px){header>.search{left:158px}}


@media(max-width:650px){header>.search{left:198px;height:30px}.search input{font-size:10px;padding:3px}.search button{padding:5px 8px}}


@media(max-width:650px){header>.search{left:198px;right:20px;width:auto}}


@media(max-width:650px){header>.search{top:50%;transform:translateY(-50%)}}


.logo>.sub{display:none}@media(max-width:650px){header>.search{top:29px;transform:translateY(-50%)}}


@media(max-width:650px){.logo{transform:translateY(11px)}header>.search{top:40px}}


.material-item{display:block;background:#fff;border:1px solid #ddd;margin:8px 0}.material-name,.material-code-title{padding:8px 12px;text-align:center;border-bottom:1px solid #ddd;font-size:16px;font-weight:700}.material-code-title{font-weight:400;color:#777}.material-body{display:grid;grid-template-columns:1fr 120px;min-height:150px}.material-body>img{width:100%;height:150px;object-fit:contain;padding:10px}.material-side{border-left:1px solid #ddd;display:flex;flex-direction:column}.material-side>*{flex:1;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd;padding:6px;text-align:center}.material-side strong{font-size:20px;color:#d83d2c}.material-side .material-plus{margin:0;border-radius:0;background:#fff;color:#333;box-shadow:none;font-size:15px}

.material-item{aspect-ratio:452/476;overflow:hidden}.material-name{height:22%;font-size:clamp(14px,2vw,22px);display:flex;align-items:center;justify-content:center}.material-code-title{height:14%;font-size:clamp(12px,1.7vw,18px);display:flex;align-items:center;justify-content:center}.material-body{height:64%;grid-template-columns:65% 35%;min-height:0}.material-body>img{height:100%}.material-side>*{font-size:clamp(11px,1.6vw,18px)}.material-side strong{font-size:clamp(16px,2.3vw,24px)}


.catalog{grid-template-columns:146px 180px 1fr}@media(max-width:650px){.catalog{grid-template-columns:81px 91px 1fr}}

.material-side>*{flex:1}

.material-side{justify-content:flex-start}.material-side>*{flex:0 0 23.33%;min-height:0;box-sizing:border-box}.material-side span,.material-side strong,.material-side button{font-size:clamp(10px,1.4vw,16px)}


.material-item{cursor:default}.material-body>img{cursor:pointer}.material-side>span,.material-side>strong{border-bottom:1px solid #ddd!important}.material-side>.material-plus{border-bottom:0}.material-side .material-plus{border:1px solid #d89a45!important;border-radius:4px;background:#ffb13e!important;cursor:pointer}


.material-side>.material-plus{margin-top:auto!important;margin-bottom:0!important;align-self:stretch}


.material-item{aspect-ratio:auto;overflow:visible}.material-name,.material-code-title{height:auto;min-height:0}.material-body{height:auto;min-height:0;align-items:stretch}.material-body>img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;min-width:0;object-fit:contain;box-sizing:border-box}.material-side{min-height:0}


.material-body{grid-template-columns:66.6667% 33.3333%}.material-side{display:flex;flex-direction:column}.material-side>span,.material-side>strong,.material-side>.material-plus{flex:1}


.spec-order-list{max-height:320px;overflow:auto}.spec-order-row{display:grid;grid-template-columns:58px 1fr 58px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.spec-order-row img{width:58px;height:58px;object-fit:contain;border-radius:6px;background:#fafafa}.spec-order-row b,.spec-order-row small{display:block}.spec-order-row small{color:#999;margin-top:4px}.spec-qty{width:58px;padding:7px;border:1px solid #ddd;border-radius:5px}

.modal-x{position:absolute;right:14px;top:10px;background:none;font-size:24px;color:#888}.spec-order-row b{font-size:13px}.spec-order-row small{font-size:11px}

/* 多规格弹窗批注：仅影响此弹窗 */
.spec-order-title{font-size:18px;margin:0 0 14px;line-height:1.3;padding-right:25px}
.spec-order-row{grid-template-columns:80px minmax(0,1fr) 58px;gap:10px;min-height:100px}
.spec-order-row img{width:80px;height:80px}
.spec-order-row>div{font-size:15px;font-weight:500;min-width:0;padding-left:20px}
.spec-order-row b{font-size:15px;font-weight:300;line-height:30px;min-height:30px;margin-top:-20px;overflow-wrap:anywhere}
.spec-order-row small{font-size:15px;font-weight:500;overflow-wrap:anywhere}
:is(dialog,.detail-spec-section) .spec-order-confirm{display:block;width:100px;font-size:12px;margin:12px 0 0 auto;padding:10px 8px;white-space:nowrap}
@media(max-width:420px){.spec-order-row{grid-template-columns:80px minmax(0,1fr) 48px;gap:6px}.spec-order-row>div{padding-left:6px}.spec-qty{width:48px}}

.catalog .col-title{font-size:15px;font-weight:800}.brands .col-title{white-space:nowrap;font-size:15px;font-weight:800}

/* 电脑右侧手机预览画布 */
@media(min-width:900px){html,body{background:#d8d8d8}.app{width:390px!important;min-height:844px!important;height:844px!important;margin:20px auto!important;box-shadow:0 0 0 4px #222,0 6px 17.5px #0005;overflow-y:auto}.app header{position:sticky;top:0}.app main{padding:14px 10px}.app nav{position:sticky;bottom:0}}


@media(min-width:900px){.app{width:1216px!important;height:2688px!important;min-height:2688px!important;margin:20px auto!important}}


@media(min-width:900px){.app{width:390px!important;height:862px!important;min-height:862px!important;margin:20px auto!important;border-radius:24px;overflow-y:auto}}


@media(min-width:900px){.app{width:100%!important;max-width:1100px!important;height:auto!important;min-height:100vh!important;margin:auto!important;border-radius:0;overflow:visible;box-shadow:none}}


.detail-spec-panel{display:grid;grid-template-columns:120px 1fr 150px;gap:16px;align-items:stretch;margin:18px 0;border:1px solid #ddd7cb;background:#fff;border-radius:8px;overflow:hidden}.detail-spec-image{display:flex;align-items:center;justify-content:center;background:#faf8f3;min-height:120px}.detail-spec-image img{width:100%;height:120px;object-fit:contain}.detail-spec-info{display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:15px}.detail-spec-info small{color:#888}.detail-spec-actions{display:flex;flex-direction:column;gap:1px}.detail-spec-actions button{flex:1;border:0;border-radius:0!important;font-size:13px}.detail-spec-actions .tb-cart{background:#fff0d9;color:#a85c12}.detail-spec-actions .tb-buy-now{background:#ed7b12;color:#fff}@media(max-width:650px){.detail-spec-panel{grid-template-columns:82px 1fr 92px;gap:8px}.detail-spec-image img{height:92px}.detail-spec-info{font-size:12px;gap:6px}.detail-spec-actions button{font-size:11px;padding:5px 2px!important}}

/* 电脑端导航栏修正：固定在页面底部并保持横向布局 */
@media(min-width:900px){.app nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(1100px,100%);z-index:50;display:flex;justify-content:space-around;background:#fff;border-radius:0;border-top:1px solid #ddd;box-shadow:0 -3px 6px #0002;padding:12px 10px 18px}.app nav button{background:#fff}.app nav button.active{background:#fff0d7}}


.detail-spec-title{font-size:20px;font-weight:700;margin:0 0 12px;padding:0 4px;color:#24251f}
@media(max-width:650px){.detail-spec-title{font-size:16px;margin-bottom:8px}}


.address-picker-row{display:flex;gap:8px;align-items:center}.address-picker-row .field{flex:1}.address-picker-row .secondary{white-space:nowrap;padding:10px 14px;background:#f4e7ce;border-radius:6px;color:#a36b1b}


.address-label{display:block;font-size:12px;color:#756d61;margin:8px 0 4px}


.address-label{font-size:16px;font-weight:800}.checkout-confirm{background:#f2c86e!important;color:#24251f!important;margin-left:276px!important;margin-right:0!important}@media(max-width:650px){.checkout-confirm{margin-left:0!important}}


.address-label{font-size:16px;font-weight:800}.checkout-confirm{background:#f2c86e!important;color:#24251f!important;margin-left:276px!important;margin-right:0!important}@media(max-width:650px){.checkout-confirm{margin-left:0!important}}


/* 底部导航栏高度减半，按钮尺寸保持 */
@media(min-width:651px){.app nav{height:50px;padding:0 10px;align-items:center}.app nav button{padding:0 14px}.app nav button.camera i{margin:-10px auto 2px}}
@media(max-width:650px){.app nav{height:50px;padding:0 10px;align-items:center}.app nav button{padding:0 8px}}


/* 导航按钮恢复原高度，容器保持紧凑 */
@media(min-width:651px){.app nav{height:50px;padding:0 10px;overflow:visible}.app nav button{padding:6px 14px}.app nav button.camera i{margin:-20px auto 5px}}
@media(max-width:650px){.app nav{height:50px;padding:0 10px;overflow:visible}.app nav button{padding:6px 14px}.app nav button.camera i{margin:-20px auto 5px}}


nav button:nth-child(3) img{width:26px!important;height:26px!important}


nav button:nth-child(3){width:72px;height:62px}


nav{height:25px!important;overflow:visible!important}


nav button{margin-top:-60px!important}


nav{height:50px!important}


.captcha-row{display:flex;gap:8px;align-items:center}.captcha-row .field{flex:1}.captcha-row b{padding:10px 14px;background:#fff0d9;letter-spacing:3px;font-size:18px}

.account-actions{display:flex;flex-direction:column;gap:10px;width:180px;margin-left:auto;margin-top:-37px;margin-bottom:-17px}.account-actions button{width:100%;min-height:44px}.profile{position:relative}@media(max-width:650px){.account-actions{width:150px;margin-top:-20px;margin-bottom:0}}.account-actions{width:100px;margin-left:60px;margin-top:-37px;margin-bottom:-10px;gap:-2px}.account-actions button{width:100px;height:30px;min-height:30px;padding:0;font-size:12px;border-radius:2px;margin:0}.profile-address{display:flex;align-items:flex-end;gap:10px;margin-top:12px}.profile-address button{height:30px;padding:0 10px;border-radius:2px}.profile-address span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile h2{font-size:18px;margin-top:-6px;margin-bottom:10px}@media(max-width:650px){.account-actions{width:100px;margin-left:60px;margin-top:-37px;margin-bottom:-10px}.account-actions button{width:100px;height:30px;font-size:12px}}.profile{position:relative}.account-actions{position:absolute;right:30px;top:30px;margin:0;width:100px;display:flex;flex-direction:column;gap:6px}.account-actions button{width:100px;height:30px;min-height:30px;padding:0;font-size:12px;border-radius:2px;margin:0}@media(max-width:650px){.account-actions{right:20px;top:22px;width:100px}.account-actions button{width:100px;height:30px}}.profile{padding-bottom:55px}.account-actions{gap:4px}.profile-address{display:flex;align-items:center;gap:8px;margin-top:18px}.profile-address b{white-space:nowrap}.profile-address span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-address button{height:30px;padding:0 10px;border-radius:2px}@media(max-width:650px){.profile{padding-bottom:55px}.profile-address{margin-top:18px}}.address-card{display:flex;align-items:center;gap:10px;background:#fff0d6;border-radius:8px;padding:14px 18px;margin-top:12px;margin-bottom:12px}.address-card span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-card button{height:30px;padding:0 12px;border-radius:2px}@media(max-width:650px){.address-card{padding:14px 12px}}.saved-address-row{display:flex;align-items:center;gap:10px;padding:10px 18px 4px;color:#766f63;font-size:12px}.saved-address-row span{white-space:nowrap}.saved-address-row select{flex:1;height:32px;border:1px solid #e4c28f;border-radius:4px;background:#fffaf0;color:#6d552f;padding:0 8px}@media(max-width:650px){.saved-address-row{padding-left:12px;padding-right:12px}}dialog .primary,dialog .secondary{border-radius:4px;min-height:45px;height:45px;padding:0 12px}dialog .primary{background:#ff9933;width:111px}dialog .secondary{width:98px}
.inquiry-camera{width:100%;height:120px;background:#fff0d6;border:1px dashed #ff9933;border-radius:12px;font-size:22px;margin-bottom:16px}.inquiry-media{display:flex;gap:10px;min-width:0}.inquiry-media>.inquiry-card{width:calc((100% - 30px)/4);flex-shrink:0}.inquiry-strip{display:flex;gap:10px;overflow-x:auto;flex:1;min-width:0;scroll-snap-type:x proximity}.inquiry-strip>.inquiry-card{flex:0 0 calc((100% - 20px)/3);scroll-snap-align:start}.inquiry-preview{width:100%;height:140px;padding:4px;background:#fff7e8;border:1px solid #eadfce;border-radius:6px;font-size:12px}.inquiry-preview img{width:100%;height:100%;object-fit:contain}.inquiry-tools{display:flex;gap:4px;margin-top:6px}.inquiry-tools button{flex:1;padding:6px 0;font-size:12px;background:#ffdda9;border-radius:4px}#inquiryStatus,#registerStatus{color:#9b4b13;white-space:normal;line-height:1.5}@media(max-width:650px){.inquiry-preview{height:110px}.inquiry-camera{height:100px}}

.inquiry-card{position:relative}.inquiry-tools{position:absolute;right:5px;bottom:5px;display:flex;gap:4px;margin:0}.inquiry-tools button{flex:none;width:24px;height:24px;padding:0;font-size:18px;line-height:24px;background:#ff9933;color:#24251f;border-radius:4px}.photo-viewport{max-height:60vh;overflow:auto;touch-action:pan-x pan-y pinch-zoom}.photo-viewport img{display:block;width:100%;height:auto}.photo-zoom-tools{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.photo-zoom-tools button{padding:8px 12px;background:#ffdda9;border-radius:4px}

.inquiry-tools-a{right:5px;bottom:5px}

/* Homepage visual update 20261009 */
.catalog .categories>.col-title,.catalog .materials>.col-title,.catalog .brands>.col-title{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}
.catalog .brands>.col-title{font-size:10px!important}.material-item{padding-top:10px!important;padding-bottom:10px!important}.material-name{font-size:clamp(12px,1.6vw,18px)!important;min-height:0!important;padding:6px 10px!important;line-height:1.2!important}.material-code-title{font-size:15px!important;min-height:0!important;padding:5px 10px!important;line-height:1.15!important}.material-body{min-height:220px!important;height:220px!important}.material-body>img{height:220px!important;aspect-ratio:auto!important}.material-side span{font-size:0!important}.material-side span::after{content:attr(data-unit);font-size:clamp(10px,1.4vw,16px)}.app{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}@media(max-width:650px){.material-body,.material-body>img{height:180px!important;min-height:180px!important}.material-name{font-size:13px!important}.material-code-title{font-size:15px!important}.app{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}

/* 双购物车布局 */
.dual-cart{display:grid;gap:20px;margin-top:20px}.cart-section{background:#fff;border:1px solid #e7e1d7;border-radius:12px;padding:18px}.cart-section h3{margin:0 0 6px;font-size:20px}.cart-section>.small{display:block;margin-bottom:14px}.cart-section .cart-row{margin-bottom:10px;border:1px solid #eee9df}.cart-delete{background:#f8e4df;color:#a33b2c;border-radius:6px;padding:7px 10px;font-size:12px;white-space:nowrap}.cart-section .checkout{border-top:1px solid #eee9df;padding-top:16px;margin-top:14px}.cart-section .checkout .primary{width:100%}
@media(max-width:650px){.cart-section{padding:12px}.cart-section h3{font-size:18px}.cart-material-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px}.cart-material-row .cart-thumb{width:52px;height:52px;object-fit:cover;grid-row:span 2}.cart-material-row .cart-material-info{min-width:0}.cart-material-row .qty{grid-column:2}.cart-material-row .cart-delete{grid-column:3;grid-row:1}.cart-section .checkout .primary{width:100%;min-width:0}}

.dual-cart .checkout>.primary{width:100px!important;min-width:100px!important;align-self:flex-end}.profile-identity{text-align:center;padding:18px 24px 4px;margin-top:3px}.profile-avatar{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 auto 10px;background:#f2eee6;border:2px solid #fff;box-shadow:0 2px 8px #0002}.profile-identity h2{margin:0;font-size:22px}.profile-identity .small{margin:6px 0 0}

.avatar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-height:300px;overflow:auto;padding:4px;margin:8px 0 14px}.avatar-choice{padding:0;border:2px solid transparent;border-radius:50%;background:#f4f1eb;overflow:hidden;aspect-ratio:1}.avatar-choice img{display:block;width:100%;height:100%;object-fit:cover}.avatar-choice.selected{border-color:#e78b22;box-shadow:0 0 0 2px #ffd18a}.profile-identity{position:relative}
@media(max-width:650px){.avatar-grid{grid-template-columns:repeat(5,1fr);max-height:270px}}

/* 个人中心头像与底部导航 */
.profile-identity{display:flex;align-items:center;justify-content:flex-start;gap:22px;text-align:left;padding:8px 24px 14px;margin-top:3px}.avatar-box{position:relative;width:112px;min-width:112px;padding-top:20px}.avatar-label{position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:#6f675b}.profile-avatar{width:92px;height:92px;margin:0;border-radius:50%;object-fit:cover}.avatar-change{position:absolute;right:4px;bottom:0;width:32px;height:32px;border-radius:50%;background:#f3a329;color:#fff;font-size:25px;line-height:28px;padding:0;border:3px solid #fff;box-shadow:0 2px 5px #0003}.profile-details h2{margin:0;font-size:24px}.profile-details .small{margin:8px 0 0}.app nav{background:#e9e9e9!important;border-top:1px solid #d3d3d3!important}
@media(max-width:650px){.profile-identity{gap:16px;padding:8px 16px 14px}.avatar-box{width:100px;min-width:100px}.profile-avatar{width:82px;height:82px}.profile-details h2{font-size:21px}.app nav{background:#e9e9e9!important}}

.my-waiting-tasks{margin-top:20px}.my-waiting-tasks h3{margin:0 0 6px}.waiting-task{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:12px 0;border-top:1px solid #eee9df}.waiting-task b{font-size:14px}.waiting-task span{font-size:12px;color:#c77b18}.waiting-task p{grid-column:1/-1;margin:0;color:#625e55;font-size:13px;white-space:pre-wrap}.waiting-task small{grid-column:1/-1;color:#9a958b;font-size:11px}

/* sales-area exact user sizing */
.sales-area .material-name{font-size:15px!important;font-weight:400!important;}
.sales-area .material-code-title{font-size:10px!important;}
.sales-area .material-body{grid-template-columns:300px minmax(0,1fr)!important;width:100%;height:300px!important;min-height:300px!important;}
.sales-area .material-body>img{width:300px!important;height:300px!important;min-width:300px!important;min-height:300px!important;object-fit:contain!important;object-position:center top!important;padding:10px;box-sizing:border-box;}

/* sales-area mobile responsive sizing */
@media(max-width:650px){.sales-area .material-body{grid-template-columns:minmax(0,1fr) 35%!important;height:180px!important;min-height:180px!important;width:100%!important}.sales-area .material-body>img{width:170px!important;height:170px!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:170px!important;object-fit:contain!important;object-position:center top!important;padding:6px}.sales-area .material-side{min-width:0}.sales-area .material-side>*{font-size:12px!important}}

/* sales-area material name 20 percent reduction */
.sales-area .material-name{font-size:12px!important;padding:5px 8px!important;line-height:1.2!important;}
@media(max-width:650px){.catalog{grid-template-columns:33.3333% 33.3333% 33.3334%!important}.sales-area .material-name{padding-top:4px!important;padding-bottom:4px!important;min-height:0!important;line-height:1.15!important}}

/* center catalog proportions from reference layout */
.catalog{grid-template-columns:250fr 300fr 585fr!important;}
@media(max-width:650px){.catalog{grid-template-columns:250fr 300fr 585fr!important;}}

/* unified catalog headings from browser annotations */
.catalog>.categories>.col-title,.catalog>.materials>.col-title,.catalog>.brands>.col-title{font-size:15px!important;font-weight:400!important;height:51px!important;min-height:51px!important;line-height:51px!important;padding:0 20px!important;box-sizing:border-box!important;}
.catalog>.brands>.col-title{margin-left:-19px!important;width:calc(100% + 19px)!important;}
.sales-area .material-item{margin-top:-14px!important;margin-bottom:-14px!important;}
@media(max-width:650px){.catalog>.categories>.col-title,.catalog>.materials>.col-title,.catalog>.brands>.col-title{font-size:15px!important;height:51px!important;min-height:51px!important;line-height:51px!important;}.catalog>.brands>.col-title{margin-left:-19px!important;width:calc(100% + 19px)!important;}}

/* mobile sales image frame locked */
@media(max-width:650px){.sales-area .material-body{display:grid!important;grid-template-columns:14.80vw minmax(0,1fr)!important;width:100%!important;height:14.80vw!important;min-height:14.80vw!important;overflow:hidden!important;}.sales-area .material-body>img{display:block!important;width:14.80vw!important;height:14.80vw!important;min-width:14.80vw!important;min-height:14.80vw!important;max-width:14.80vw!important;max-height:14.80vw!important;padding:.41vw!important;box-sizing:border-box!important;object-fit:contain!important;object-position:center top!important;}.sales-area .material-side{min-width:0!important;height:14.80vw!important;}.sales-area .material-side>*{min-width:0!important;overflow:hidden!important;}}

/* mobile sales frame exact 400 physical px */
@media(max-width:650px){.sales-area .material-body{grid-template-columns:32.89vw minmax(0,1fr)!important;height:32.89vw!important;min-height:32.89vw!important;}.sales-area .material-body>img{width:32.89vw!important;height:32.89vw!important;min-width:32.89vw!important;min-height:32.89vw!important;max-width:32.89vw!important;max-height:32.89vw!important;object-fit:contain!important;object-position:center top!important;}.sales-area .material-side{height:32.89vw!important;}}

/* sales card gap 20 and mobile frame 360 */
.sales-area .brand-grid{row-gap:20px!important;}
.sales-area .material-item{margin-top:0!important;margin-bottom:0!important;}
@media(max-width:650px){.sales-area .material-body{grid-template-columns:29.61vw minmax(0,1fr)!important;height:29.61vw!important;min-height:29.61vw!important;}.sales-area .material-body>img{width:29.61vw!important;height:29.61vw!important;min-width:29.61vw!important;min-height:29.61vw!important;max-width:29.61vw!important;max-height:29.61vw!important;object-fit:contain!important;object-position:center top!important;}.sales-area .material-side{height:29.61vw!important;}}

/* latest catalog typography and sales gap */
.catalog>.categories>.col-title,.catalog>.materials>.col-title{font-size:12px!important;}
.sales-area .brand-grid{row-gap:10px!important;}

/* activate the requested sales card spacing */
.sales-area .brand-grid{display:flex!important;flex-direction:column!important;gap:10px!important;}
.sales-area .brand-grid>.material-item{margin-top:0!important;margin-bottom:0!important;flex:none!important;}

/* mobile catalog heading alignment */
@media(max-width:650px){.catalog>.categories>.col-title,.catalog>.materials>.col-title,.catalog>.brands>.col-title{font-size:12px!important;padding:0 8px 0 12px!important;line-height:51px!important;white-space:nowrap;overflow:visible;text-align:left;}.catalog>.brands>.col-title{margin-left:0!important;width:100%!important;}}

/* 手机端个人中心布局修复 */
@media (max-width:650px){
  .profile-identity{flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px 16px 10px;margin-top:0}
  .avatar-box{width:112px;min-width:112px;padding-top:20px}
  .profile-details{width:100%;min-width:0}
  .profile-details h2{font-size:21px;line-height:1.3;overflow-wrap:anywhere}
  .profile-phone{font-size:12px!important;font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 16px 12px}
  .account-actions button{width:100%;min-width:0;margin:0}
}

/* 强制手机个人中心纵向排列，覆盖旧版定位规则 */
@media (max-width:650px){
  .profile{display:block!important;position:relative!important}
  .profile-identity{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}
  .account-actions{position:static!important;display:grid!important;width:calc(100% - 32px)!important;margin:12px 16px 16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .account-actions button{position:static!important;width:100%!important;height:42px!important;min-height:42px!important;font-size:15px!important}
}

/* 个人中心：头像左上，操作按钮右侧纵向排列 */
@media (max-width:650px){
  .profile{position:relative!important;min-height:250px!important}
  .profile-identity{display:block!important;text-align:left!important;padding:18px 150px 8px 20px!important;min-height:145px!important}
  .avatar-box{width:112px!important;min-width:112px!important;padding-top:20px!important;margin:0!important}
  .profile-details{width:112px!important;text-align:center!important}
  .profile-details h2{display:none!important}
  .profile-phone{display:block!important;width:112px!important;white-space:nowrap!important;font-size:12px!important;font-weight:400!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:6px!important}
  .account-actions{position:absolute!important;right:16px!important;top:18px!important;display:flex!important;flex-direction:column!important;width:116px!important;margin:0!important;gap:6px!important}
  .account-actions button{width:116px!important;height:38px!important;min-height:38px!important;font-size:14px!important;padding:0 4px!important}
}

/* 电脑端缩放保持个人中心结构稳定 */
@media (min-width:651px){
  .profile{min-width:760px!important;overflow:hidden!important}
  .profile-identity{min-width:700px!important;min-height:150px!important}
  .profile-details{min-width:260px!important}
  .account-actions{min-width:116px!important;flex-shrink:0!important}
  .account-actions button{white-space:nowrap!important}
}

.spec-order-list{max-height:320px;overflow:auto}.spec-order-row{display:grid;grid-template-columns:58px 1fr 58px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.spec-order-row img{width:58px;height:58px;object-fit:contain;border-radius:6px;background:#fafafa}.spec-order-row b,.spec-order-row small{display:block}.spec-order-row small{color:#999;margin-top:4px}.spec-qty{width:58px;padding:7px;border:1px solid #ddd;border-radius:5px}
.modal-x{position:absolute;right:14px;top:10px;background:none;font-size:24px;color:#888}.spec-order-row b{font-size:13px}.spec-order-row small{font-size:11px}
.spec-order-row{grid-template-columns:80px minmax(0,1fr) 58px;gap:10px;min-height:100px}
.spec-order-row img{width:80px;height:80px}
.spec-order-row>div{font-size:15px;font-weight:500;min-width:0;padding-left:20px}
.spec-order-row b{font-size:15px;font-weight:300;line-height:30px;min-height:30px;margin-top:-20px;overflow-wrap:anywhere}
.spec-order-row small{font-size:15px;font-weight:500;overflow-wrap:anywhere}
@media(max-width:420px){.spec-order-row{grid-template-columns:80px minmax(0,1fr) 48px;gap:6px}.spec-order-row>div{padding-left:6px}.spec-qty{width:48px}}
.spec-order-list{width:100%;overflow-x:hidden}.spec-order-row{font-size:11px!important;grid-template-columns:56px minmax(0,1fr) 68px!important;gap:8px!important;margin-bottom:10px!important;padding:6px 0!important}.spec-order-row img{width:54px!important;height:54px!important}.spec-order-row b{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-order-row small{font-size:10px!important;line-height:1.45!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-order-row input{width:64px!important;font-size:11px!important;padding:4px!important}.spec-order-confirm{font-size:12px!important;padding:8px 16px!important}
.spec-order-row>div:nth-child(2)>b,.spec-order-row>div:nth-child(2)>b+small{display:inline-block!important;vertical-align:baseline}.spec-order-row>div:nth-child(2)>b+small{margin-left:6px}
.spec-order-row>div:nth-child(2)>b,.spec-order-row>div:nth-child(2)>b+small{font-size:11px!important;line-height:1.4!important;vertical-align:middle!important;font-weight:600}
.spec-order-row{font-size:9px!important;line-height:1.25!important}.spec-order-row span,.spec-order-row b{font-size:9px!important}.spec-order-row button{font-size:9px!important;padding:3px 1px!important}
/* Test: halve only the per-spec order button width. */
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { width:55.5px!important; min-width:0!important; max-width:55.5px!important; }

/* Shift the name, brand and stock column by three character widths. */
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(odd) { transform:translateX(3em); }

/* Enlarge only the multi-spec order product images. */
:is(dialog,.detail-spec-section) .spec-order-row > img { transform:scale(1.3); transform-origin:center; }

/* Price offset and individual material backgrounds. */
:is(dialog,.detail-spec-section) .spec-order-row > b { transform:translateY(2em); }
:is(dialog,.detail-spec-section) .spec-order-row { background:#fff6e9; border-radius:8px; border-bottom-color:#eedfc9!important; }

/* Extend the background left without moving row contents. */
:is(dialog,.detail-spec-section) .spec-order-row { position:relative; isolation:isolate; background:transparent; }
:is(dialog,.detail-spec-section) .spec-order-row::before { content:""; position:absolute; inset:0 -18px 0 -18px; z-index:-1; background:#fff6e9; border-radius:8px; pointer-events:none; }

/* Reserve 18px inside the scroll container for the left background extension. */
:is(dialog,.detail-spec-section) .spec-order-list { box-sizing:border-box; width:calc(100% + 36px); margin-left:-18px; padding-left:18px; padding-right:18px; }

/* Move the first text column left 18px and bring its three lines closer. */
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(1) { font-size:12px!important; transform:translate(9px,8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(3) { transform:translateX(9px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(5) { transform:translate(9px,-8px); }

/* Align code/spec/sales with the corresponding left-column lines. */
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(2) { transform:translateY(8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(6) { transform:translateY(-8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span { line-height:15px; }

:is(dialog,.detail-spec-section) .spec-order-row { cursor:pointer; }
:is(dialog,.detail-spec-section) .spec-order-row:focus-visible { outline:2px solid #ff9933; outline-offset:2px; }

/* Use one widened card for a continuous background, corners and bottom border. */
:is(dialog,.detail-spec-section) .spec-order-row { box-sizing:border-box; width:calc(100% + 36px); margin-left:-18px!important; padding-left:18px!important; padding-right:18px!important; background:#fff6e9; border-radius:8px; }
:is(dialog,.detail-spec-section) .spec-order-row::before { content:none; }

/* Continuous bottom shadow across the widened material card. */
:is(dialog,.detail-spec-section) .spec-order-row { box-shadow:0 3px 3px -2px rgba(91,74,50,.24); }
:is(dialog,.detail-spec-section) .spec-order-list { padding-bottom:6px; }

/* Multi-spec dialog prices and order button height, across viewport sizes. */
:is(dialog,.detail-spec-section) .spec-order-row > b { font-size:15px!important; transform:translateY(18px); }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { height:40px; min-height:40px; }

/* Uniform material-card text and unit between stock and sales. */
:is(dialog,.detail-spec-section) .spec-order-row, :is(dialog,.detail-spec-section) .spec-order-row > span, :is(dialog,.detail-spec-section) .spec-order-row > b, :is(dialog,.detail-spec-section) .spec-order-row > button.primary, :is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit { font-size:12px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit { grid-column:2; grid-row:3; justify-self:end; padding:0; font-weight:400; line-height:15px; white-space:nowrap; transform:translate(-8px,-8px); }

/* One compact, non-wrapping row for stock, unit and sales. */
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats { grid-column:2 / 4; grid-row:3; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:4px; min-width:0; padding:0 0 0 9px; transform:translateY(-8px); font-weight:400; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats > span { font-size:10px!important; line-height:15px; white-space:nowrap; }

/* Bring sales closer to the order button. */
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats > span:last-child { transform:translateX(5px); }

/* Keep sales beside the unit, with room for larger counts. */
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats { justify-content:flex-start; column-gap:8px; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats > span { flex:0 0 auto; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats > span:last-child { transform:none; }

/* Move information toward the picture; retain price and button positions. */
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(1) { transform:translate(-3px,8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(3) { transform:translateX(-3px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(2) { transform:translate(-12px,8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(4) { transform:translateX(-12px); }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats { transform:translate(-12px,-8px); }

/* Move the price and order button toward the right edge. */
:is(dialog,.detail-spec-section) .spec-order-row > b { transform:translate(8px,18px); }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { position:relative; left:8px; }

/* Show complete product information instead of truncating it. */
:is(dialog,.detail-spec-section) .spec-order-row > span { white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere; min-width:0; }
:is(dialog,.detail-spec-section) .spec-order-row > b { overflow:visible!important; text-overflow:clip!important; }
:is(dialog,.detail-spec-section) .spec-order-row { height:auto; }

/* Restore four explicit columns instead of the legacy three-column override. */
:is(dialog,.detail-spec-section) .spec-order-row { grid-template-columns:56px minmax(0,1.1fr) minmax(0,1fr) 58px!important; column-gap:4px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > span { white-space:nowrap!important; overflow-wrap:normal; }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(2) { font-size:10px!important; }

/* Separate text from the enlarged image without shifting the price or button. */
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(1) { transform:translate(8px,8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(3) { transform:translateX(8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(2) { transform:translateY(8px); }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(4) { transform:none; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats { padding-left:8px; transform:translateY(-8px); }

/* A dedicated fourth row for the price and order action. */
:is(dialog,.detail-spec-section) .spec-order-row { grid-template-rows:repeat(3,auto) 40px!important; min-height:145px; row-gap:6px!important; padding-bottom:12px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > b { grid-column:2 / 4!important; grid-row:4!important; text-align:left!important; margin-top:0; transform:translateX(8px); align-self:center; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { grid-row:4!important; align-self:center; }

/* Consolidated four-row card layout with an actual image column and aligned actions. */
:is(dialog,.detail-spec-section) .spec-order-row { grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:repeat(3,auto) 40px!important; gap:8px!important; min-height:150px; padding-top:12px!important; padding-bottom:12px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > img { justify-self:center; }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(1), :is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(2), :is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(3), :is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(4) { transform:none; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stats { grid-column:2 / 4; padding:0; transform:none; column-gap:6px; }
:is(dialog,.detail-spec-section) .spec-order-row > b { grid-column:2!important; grid-row:4!important; transform:none; margin:0; justify-self:start; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { grid-column:3!important; grid-row:4!important; left:0; margin:0; justify-self:end; }

/* User reference: image spans rows 1-3; price/unit/order occupy row 4. */
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-stock, :is(dialog,.detail-spec-section) .spec-order-row > .spec-order-sales { transform:none; font-size:10px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > b { grid-column:1!important; grid-row:4!important; justify-self:center; text-align:center!important; transform:none; }
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit { grid-column:2; grid-row:4; justify-self:start; align-self:center; transform:none; font-size:12px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { grid-column:3!important; grid-row:4!important; justify-self:end; }

/* Consistent centered cells, 16px information and 30px price. */
:is(dialog,.detail-spec-section) .spec-order-row { min-height:180px; grid-template-rows:repeat(3,minmax(28px,auto)) 44px!important; align-items:center!important; }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(n), :is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit, :is(dialog,.detail-spec-section) .spec-order-row > button.primary { font-size:16px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(n), :is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit { display:flex; align-items:center; justify-content:center; justify-self:stretch; text-align:center; line-height:1.3; padding:0; margin:0; transform:none; }
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(n) { white-space:normal!important; overflow-wrap:anywhere; }
:is(dialog,.detail-spec-section) .spec-order-row > b { font-size:30px!important; line-height:1.2; display:flex; align-items:center; justify-content:center; justify-self:stretch; align-self:center; text-align:center!important; margin:0; transform:none; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { display:flex; align-items:center; justify-content:center; align-self:center; justify-self:center; left:0; margin:0; }

/* Left-align each information column while retaining vertical centering. */
:is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(n), :is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit, :is(dialog,.detail-spec-section) .spec-order-row > b { justify-content:flex-start; text-align:left!important; align-items:center; justify-self:stretch; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { justify-self:start; }

/* Wider multi-spec dialog: two columns on roomy screens, one on phones. */
dialog:has(.spec-order-list) { width:96vw; max-width:960px; }
:is(dialog,.detail-spec-section) .spec-order-list { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; width:100%; margin:0; padding:6px 3px; max-height:none; overflow:visible; box-sizing:border-box; }
:is(dialog,.detail-spec-section) .spec-order-row { width:100%; margin:0!important; grid-template-columns:72px minmax(0,1fr) minmax(111px,1fr)!important; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { width:111px!important; min-width:111px!important; max-width:111px!important; justify-self:start; }
@media (min-width:800px) { :is(dialog,.detail-spec-section) .spec-order-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px) { dialog:has(.spec-order-list) { padding:20px 12px; } :is(dialog,.detail-spec-section) .spec-order-row { padding-left:10px!important; padding-right:10px!important; grid-template-columns:64px minmax(0,1fr) minmax(111px,1fr)!important; column-gap:6px!important; } }

/* Tall single-column panel for three compact material cards. */
dialog:has(.spec-order-list) { width:94vw; max-width:540px; height:min(660px,92dvh); max-height:92dvh; padding:24px; overflow-y:auto; }
:is(dialog,.detail-spec-section) .spec-order-list { grid-template-columns:minmax(0,1fr); gap:12px; }
:is(dialog,.detail-spec-section) .spec-order-row { min-height:144px; grid-template-rows:repeat(3,minmax(20px,auto)) 36px!important; row-gap:4px!important; padding-top:8px!important; padding-bottom:8px!important; }
dialog:has(.spec-order-list) h2, dialog:has(.spec-order-list) .modal-x, :is(dialog,.detail-spec-section) .spec-order-row, :is(dialog,.detail-spec-section) .spec-order-row > span:nth-of-type(n), :is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit, :is(dialog,.detail-spec-section) .spec-order-row > b, :is(dialog,.detail-spec-section) .spec-order-row > button.primary { font-size:14px!important; }
:is(dialog,.detail-spec-section) .spec-order-row > b { line-height:1.3; }
:is(dialog,.detail-spec-section) .spec-order-row > button.primary { height:36px; min-height:36px; }
@media(max-width:420px) { dialog:has(.spec-order-list) { padding:18px 12px; } }

/* Reuse the approved order cards inside product details. */
.detail-spec-section { width:100%; max-width:540px; margin:16px 0; }
.detail-spec-section .spec-order-list { grid-template-columns:minmax(0,1fr); }
.detail-spec-section .spec-order-row { cursor:default; }

.cart-quantity-dialog h2{font-size:20px;margin:0 0 12px}.cart-quantity-dialog p{font-size:14px;line-height:1.5;margin-bottom:20px}.cart-quantity-dialog label{font-size:14px;display:block;margin-bottom:8px}.cart-quantity-controls{display:flex;align-items:center;gap:10px}.cart-quantity-controls button{width:40px;height:40px;background:#fff0dd;border-radius:6px;font-size:22px}.cart-quantity-controls input{min-width:0;flex:1;height:40px;border:1px solid #ddcdb6;border-radius:6px;padding:6px 12px;font-size:18px}.cart-quantity-unit{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:14px}.cart-quantity-unit span{color:#8a8175;font-size:12px}.cart-quantity-actions{display:flex;gap:10px;justify-content:flex-end}.cart-quantity-actions .primary{width:auto;min-width:140px;font-size:14px}.cart-quantity-actions .secondary{font-size:14px}

/* Self-selected cart items: item total directly below delete. */
.cart-material-row .cart-item-actions { grid-column:3; grid-row:1 / span 2; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:8px; }
.cart-material-row .cart-item-actions .cart-delete { position:static; margin:0; }
.cart-material-row .cart-item-total { font-size:14px; color:#d57e16; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }

.cart-material-row .qty .self-cart-quantity { width:72px; min-width:0; height:30px; padding:3px 5px; border:1px solid #d9c9b1; border-radius:5px; background:white; text-align:center; font-size:14px; }

/* Homepage: main and sub material categories are independent horizontal modules. */
.catalog { display:block!important; min-height:0!important; }
.catalog-filters { display:flex; flex-direction:column; gap:10px; padding:12px; background:linear-gradient(145deg,#fffdf8,#eee9df); border-bottom:1px solid #e9e5dc; }
.catalog-filters .categories, .catalog-filters .materials { position:static!important; display:flex!important; align-items:center; gap:8px; overflow-x:auto; border:0!important; background:transparent; padding:0 2px 5px; scrollbar-width:thin; }
.catalog-filters .col-title { flex:0 0 auto; position:static!important; height:38px!important; min-height:38px!important; line-height:38px!important; padding:0 8px!important; font-weight:600!important; background:transparent!important; }
.catalog-filters .cat, .catalog-filters .material { flex:0 0 auto; width:auto!important; min-width:108px; margin:0!important; padding:9px 14px!important; flex-direction:row!important; gap:7px!important; white-space:nowrap; text-align:center!important; justify-content:center!important; }
.catalog-filters .cat i { width:28px;height:28px;font-size:16px; }
.catalog-filters .material { min-width:124px; }
@media (max-width:600px) { .catalog-filters { padding:8px 6px; gap:6px; } .catalog-filters .col-title { font-size:12px!important; min-width:64px; } .catalog-filters .cat { min-width:98px; padding:7px 10px!important; } .catalog-filters .material { min-width:112px; padding:8px 10px!important; } }

/* Sales area uses the same card language as Hot Recommendations. */
.sales-area .brand-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:10px; }
.sales-area .material-item { display:block!important; padding:0!important; background:#fff!important; border:1px solid #eee9df!important; border-radius:12px!important; overflow:hidden; box-shadow:inset 0 .5px #fff,0 1.5px 0 #c7c0b5,0 4.5px 9px #493d3029!important; }
.sales-area .material-item .material-name { padding:10px 12px 3px; font-size:13px; font-weight:700; color:#514c40; }
.sales-area .material-item .material-code-title { padding:0 12px 8px; color:#9a9588; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sales-area .material-item .material-body { display:flex!important; align-items:center; justify-content:center; height:110px!important; min-height:110px!important; padding:8px!important; background:#f1f0e9; }
.sales-area .material-item .material-body img { width:90px!important; height:90px!important; object-fit:contain; }
.sales-area .material-item .material-side { display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:auto!important; height:auto!important; background:transparent!important; }
.sales-area .material-item .material-side span { font-size:11px!important; color:#8c887d; }
.sales-area .material-item .material-side strong { font-size:14px!important; color:#d57e16; }
.sales-area .material-item .material-side button { font-size:12px!important; padding:7px 12px!important; border-radius:6px; }
@media(max-width:600px){.sales-area .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px}.sales-area .material-item .material-body{height:92px!important;min-height:92px!important}.sales-area .material-item .material-body img{width:64px!important;height:64px!important}.sales-area .material-item .material-name{font-size:12px;padding:8px 8px 2px}.sales-area .material-item .material-code-title{padding:0 8px 6px;font-size:10px}.sales-area .material-item .material-side strong{font-size:12px!important}.sales-area .material-item .material-side button{font-size:11px!important;padding:6px 9px!important}}

/* Match the inner sales card layout to Hot Recommendations. */
.sales-area .material-item { display:grid!important; grid-template-columns:92px minmax(0,1fr) 82px!important; align-items:stretch; }
.sales-area .material-item .material-name { grid-column:2; grid-row:1; padding:14px 8px 3px; }
.sales-area .material-item .material-code-title { grid-column:2; grid-row:2; padding:0 8px; }
.sales-area .material-item .material-body { grid-column:1; grid-row:1 / span 3; height:100%!important; min-height:130px!important; padding:8px!important; }
.sales-area .material-item .material-body img { width:76px!important; height:76px!important; }
.sales-area .material-item .material-side { grid-column:3; grid-row:1 / span 3; padding:8px 5px; }
@media(max-width:600px){.sales-area .material-item{grid-template-columns:70px minmax(0,1fr) 64px!important}.sales-area .material-item .material-body{min-height:105px!important}.sales-area .material-item .material-body img{width:58px!important;height:58px!important}.sales-area .material-item .material-name{padding:10px 5px 2px}.sales-area .material-item .material-code-title{padding:0 5px}.sales-area .material-item .material-side{padding:5px 3px}}

/* Sales cards now reuse the exact product-card structure and layout. */
.sales-area .brand-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; padding:10px; }
.sales-area .product { display:block!important; }
.sales-area .product-open { display:block!important; width:100%; padding:0; background:#fff; text-align:left; }
.sales-area .product-art { height:110px!important; display:flex; align-items:center; justify-content:center; background:#f1f0e9; }
.sales-area .product-art img { width:100%; height:100%; object-fit:contain; }
.sales-area .product-info { padding:10px!important; }
.sales-area .product h4 { font-size:13px!important; }
.sales-area .product p { font-size:11px!important; }
.sales-area .product-info.price { display:flex; align-items:center; justify-content:space-between; color:#d57e16; }
.sales-area .product-info.price .add { width:auto; height:auto; font-size:12px; padding:7px 10px; }

/* Exact Hot Recommendations geometry for sales cards. */
.sales-area .product-open { display:grid!important; grid-template-columns:78px minmax(0,1fr)!important; align-items:stretch; width:100%; text-align:left; background:#fff; }
.sales-area .product-art { grid-column:1; height:95px!important; display:flex!important; align-items:center; justify-content:center; background:#f1f0e9; }
.sales-area .product-info:not(.price) { grid-column:2; padding:9px!important; }
.sales-area .product-info:not(.price) h4 { font-size:11px!important; line-height:1.5; margin:0 0 8px; }
.sales-area .product-info:not(.price) p { font-size:11px!important; margin:0; color:#9a9588; }
.sales-area .product-info.price { grid-column:1 / -1; display:flex!important; align-items:center; justify-content:space-between; padding:9px!important; }
.sales-area .product-info.price .add { width:58px!important; height:30px!important; padding:0!important; font-size:13px!important; }

/* Sales cards: remove the bottom image frame constraint. */
.sales-area .product-art { height:auto!important; min-height:0!important; background:transparent!important; padding:0!important; overflow:visible!important; }
.sales-area .product-art img { width:100%!important; height:auto!important; max-height:none!important; object-fit:contain; display:block; }

/* Sales area retains only product cards; remove its title and inquiry guide. */
.catalog .sales-area > .col-title, .catalog .sales-area > .guide { display:none!important; }
.catalog .sales-area { padding:10px 0!important; background:transparent!important; border:0!important; }

/* Remove the homepage sales module; Hot Recommendations remains below. */
.catalog .sales-area { display:none!important; }

/* Keep sales material cards while removing only the title/guide and extra bottom module space. */
.catalog .sales-area { display:block!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; min-height:0!important; }
.catalog .sales-area > .col-title, .catalog .sales-area > .guide { display:none!important; }
.catalog .sales-area .brand-grid { margin:0!important; padding:0 10px!important; }

/* Remove the category sales-card block; keep the Hot Recommendations block below. */
.catalog .sales-area { display:none!important; }

/* Keep category material cards; remove the separate Hot Recommendations block. */
main > .recommend, main > .recommend + .products { display:none!important; }
.catalog .sales-area { display:block!important; }

/* Remove the sales container background block while retaining its product cards. */
.catalog .sales-area { display:block!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; }
.catalog .sales-area .brand-grid { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; }

/* Restore Hot Recommendations and leave breathing room around both card modules. */
main > .recommend { display:flex!important; margin:24px 0 14px!important; padding-top:10px; }
main > .recommend + .products { display:grid!important; margin:0 0 28px!important; padding-bottom:10px; }
.catalog .sales-area { margin:12px 0 22px!important; }

/* Independent background layer: extend the panel without changing card layout. */
.catalog .sales-area { position:relative!important; isolation:isolate; background:transparent!important; border:0!important; box-shadow:none!important; }
.catalog .sales-area::before { content:""; position:absolute; z-index:-1; inset:0 -12px; border-radius:12px; background:linear-gradient(145deg,#fffdf8,#eee9df); box-shadow:inset 0 .5px #fff,0 1.5px 0 #c7c0b5,0 4.5px 9px #493d3029; pointer-events:none; }

/* Compact material cards without a horizontal scrollbar. */
.catalog .sales-area .brand-grid { overflow-x:hidden!important; overflow-y:visible!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; padding-left:6px!important; padding-right:6px!important; }
.catalog .sales-area .product { transform:scale(.92); transform-origin:top center; margin-bottom:-8px; }

/* Hide overflow on the whole sales module so no outer scrollbar is produced. */
.catalog .sales-area, .catalog .sales-area .brand-grid { overflow-x:hidden!important; overflow-y:visible!important; max-width:100%!important; width:100%!important; }
.catalog .sales-area .brand-grid { box-sizing:border-box!important; }

/* Match the Hot Recommendations card gap. */
.catalog .sales-area .brand-grid { gap:8px!important; }

/* Two equal-width cards flush to the left and right edges. */
.catalog .sales-area .brand-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; padding-left:0!important; padding-right:0!important; }
.catalog .sales-area .product { width:100%!important; transform:none!important; margin-bottom:0!important; }

/* Match Hot Recommendations card shadow. */
.catalog .sales-area .product { box-shadow:inset 0 .5px #fff,0 1.5px 0 #c7c0b5,0 4.5px 9px #493d3029!important; border:1px solid #eee9df!important; border-radius:12px!important; overflow:hidden!important; }

/* Drop shadow remains visible when the catalog clips box shadows. */
.catalog .sales-area .product { filter:drop-shadow(0 3px 3px rgba(73,61,48,.28)); border-bottom:2px solid #c7c0b5!important; }

/* Meituan-style white canvas: remove large containers from categories onward. */
.catalog { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; }
.catalog-filters { background:transparent!important; border:0!important; padding:8px 0!important; }
.catalog-filters .categories, .catalog-filters .materials { background:transparent!important; border:0!important; }
.catalog .sales-area { background:transparent!important; border:0!important; box-shadow:none!important; }
.catalog .sales-area::before { content:none!important; }
.catalog .sales-area .brand-grid { background:transparent!important; box-shadow:none!important; }

/* Flat catalog canvas: no shadows in category, material or product cards. */
.catalog, .catalog *, .catalog .product { box-shadow:none!important; filter:none!important; }

/* Flat Hot Recommendations; navigation shadow remains untouched. */
main > .recommend, main > .recommend + .products, main > .recommend + .products * { box-shadow:none!important; filter:none!important; }


/* Remove category labels and align category controls from the left; flatten sales cards. */
.catalog-filters .categories > .col-title,
.catalog-filters .materials > .col-title { display:none!important; }
.catalog-filters .categories,
.catalog-filters .materials { padding-left:0!important; margin-left:0!important; }
.catalog-filters .categories > .category,
.catalog-filters .materials > .material { margin-left:0!important; }
.catalog .sales-area .product,
.catalog .sales-area .product::before,
.catalog .sales-area .product::after { box-shadow:none!important; filter:none!important; }


/* Use flat button fills throughout the test page; preserve existing background colors and shadows. */
button, .button, a.button { background-image:none!important; }


/* Separate adjacent material category buttons with slim dividers. */
.catalog-filters .materials > .material { position:relative!important; }
.catalog-filters .materials > .material + .material::before { content:""; position:absolute; left:-5px; top:20%; bottom:20%; width:1px; background:#d7d0c4; }


/* Keep the Hot Recommendations heading at regular weight. */
main > .recommend > .col-title,
main > .recommend > h2,
main > .recommend > .section-title { font-weight:400!important; }


/* Refine Hot Recommendations heading and keep price units close to amounts. */
main > .recommend > h3 { font-size:16px!important; font-weight:100!important; }
main > .products .price small,
main > .recommend .price small,
.catalog .sales-area .price small { margin-left:2px!important; }


/* Match Hot Recommendations price/unit spacing to the material cards above. */
main > .products .price { justify-content:flex-start!important; align-items:baseline!important; gap:2px!important; }
main > .products .price small { margin-left:0!important; }


/* Match the upper material cards: light button text at the right edge. */
main > .products .price button.add { margin-left:auto!important; font-weight:100!important; }


/* Keep Hot Recommendations product images on a clean white/transparent surface. */
main > .products .product-art,
main > .products .product-art::before,
main > .products .product-art::after,
main > .products .product-art img { background:transparent!important; }


/* Multi-spec cart dialog: light typography and flat surfaces. */
#dialogBody, #dialogBody * { font-weight:100!important; box-shadow:none!important; filter:none!important; }


/* Sales cards show the requested five fields and inventory in the footer. */
.catalog .sales-area .product-info p { margin:2px 0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.catalog .sales-area .product-info h4 { margin:0 0 3px!important; }
.catalog .sales-area .stock-count { margin-right:auto!important; }


/* Keep themed material cards with amount/unit and inventory; remove Hot Recommendations. */
main > .products { display:none!important; }
.catalog .sales-area .inventory-count { display:block!important; margin-top:2px!important; color:#8b8174!important; font-size:11px!important; }


/* Reuse the themed material cards in Hot Recommendations; place inventory before order. */
main > .products { display:grid!important; }
.catalog .sales-area .inventory-count { display:none!important; }
.catalog .sales-area .stock-count { margin-left:8px!important; margin-right:8px!important; }


/* Clean sales-card labels and position the compact inventory value. */
.catalog .sales-area .stock-count { font-size:12px!important; font-weight:100!important; padding-left:31px!important; margin-left:25px!important; margin-right:8px!important; }


/* Size cloned theme cards correctly inside Hot Recommendations. */
main > .recommend { display:none!important; }
main > .products > .brand-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; overflow:visible!important; }
main > .products > .brand-grid .product { width:100%!important; min-width:0!important; transform:none!important; }
main > .products > .brand-grid .product-art { height:86px!important; min-height:86px!important; overflow:hidden!important; background:transparent!important; }
main > .products > .brand-grid .product-art img { width:100%!important; height:100%!important; object-fit:contain!important; }
main > .products > .brand-grid .product-info { min-width:0!important; }
main > .products > .brand-grid .product-info p { white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }


/* Make the cloned recommendations section a full-width block before its two-card grid. */
main > .products { display:block!important; width:100%!important; min-width:0!important; }
main > .products > h3 { display:block!important; width:100%!important; margin:18px 0 10px!important; }
main > .products > .brand-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; gap:8px!important; }
main > .products > .brand-grid .product { width:100%!important; min-width:0!important; }


/* Hard reset the recommendations wrapper so cloned cards use a normal full-width layout. */
.products { display:block!important; width:100%!important; max-width:none!important; min-width:0!important; grid-template-columns:none!important; }
.products > h3 { display:block!important; width:100%!important; float:none!important; }
.products .brand-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; max-width:none!important; gap:8px!important; }
.products .brand-grid .product { display:block!important; width:100%!important; min-width:0!important; max-width:none!important; }
.products .brand-grid .product-open { display:block!important; width:100%!important; min-width:0!important; }
.products .brand-grid .product-info { display:block!important; width:auto!important; min-width:0!important; writing-mode:horizontal-tb!important; }
.products .brand-grid .product-info h4, .products .brand-grid .product-info p { writing-mode:horizontal-tb!important; white-space:nowrap!important; }
.products .brand-grid .product-art { width:100%!important; height:86px!important; min-height:86px!important; }


/* Hot Recommendations reuses the exact sales-area card geometry. */
.products.sales-area { display:block!important; width:100%!important; }
.products.sales-area > .brand-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; }
.products.sales-area > .brand-grid .product { width:100%!important; min-width:0!important; transform:none!important; }
.products.sales-area > .brand-grid .product-open { width:100%!important; display:block!important; }
.products.sales-area > .brand-grid .product-art { height:86px!important; min-height:86px!important; }
.products.sales-area > .brand-grid .product-art img { width:100%!important; height:100%!important; object-fit:contain!important; }
.products.sales-area > .brand-grid .product-info { writing-mode:horizontal-tb!important; }


/* Exact upper sales-card geometry for the cloned Hot Recommendations cards. */
.products.sales-area > .brand-grid .product-open { display:grid!important; grid-template-columns:78px minmax(0,1fr)!important; align-items:stretch!important; width:100%!important; padding:0!important; text-align:left!important; }
.products.sales-area > .brand-grid .product-art { grid-column:1!important; height:95px!important; min-height:95px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; overflow:hidden!important; }
.products.sales-area > .brand-grid .product-art img { width:100%!important; height:100%!important; max-height:none!important; object-fit:contain!important; }
.products.sales-area > .brand-grid .product-open > .product-info { grid-column:2!important; padding:8px!important; }
.products.sales-area > .brand-grid .product-info h4 { margin:0 0 3px!important; }
.products.sales-area > .brand-grid .product-info p { margin:2px 0!important; }
.products.sales-area > .brand-grid .product-info.price { display:flex!important; align-items:baseline!important; justify-content:flex-start!important; gap:2px!important; }


/* Align inventory three character-widths left, matching the upper material cards. */
.catalog .sales-area .stock-count,
.products.sales-area .stock-count { padding-left:0!important; margin-left:0!important; margin-right:8px!important; }


/* Align inventory with the sales-quantity text column. */
.catalog .sales-area .stock-count,
.products.sales-area .stock-count { font-size:12px!important; font-weight:100!important; padding-left:0!important; margin-left:25px!important; margin-right:8px!important; }

.avatar-label{display:none!important}@media(max-width:650px){.profile .profile-avatar{width:103px!important;height:103px!important;margin-top:-40px!important;padding-right:0!important}.profile .profile-phone{padding-top:16px!important}}

/* Hot recommendations typography and category icon containers. */
main > .products > h3{font-size:16px!important;font-weight:300!important}
.catalog-filters .categories .cat:not(.active) i{background:#eee!important;color:#aaa!important;border-radius:8px!important;padding:6px!important}

/* Desktop cart thumbnails stay compact; mobile rule below remains 52px. */
@media(min-width:651px){.cart-material-row .cart-thumb{width:72px!important;height:72px!important;object-fit:contain!important;flex:0 0 72px!important}}

@media(max-width:650px){.profile .profile-avatar{transform:translate(-20px,-20px)!important}.profile .avatar-change{transform:translate(-20px,-20px)!important}}

.address-picker{margin:-28px;padding:0;min-height:620px}.address-picker-head{display:flex;align-items:center;gap:8px;padding:12px;background:#fff}.address-picker-head b{font-size:20px;white-space:nowrap}.address-picker-head select,.address-picker-head input{padding:10px;border:0;background:#f7f7f7;border-radius:8px;min-width:0}.address-picker-head input{flex:1}.address-map{height:320px;background:#eef2eb}.address-nearby{max-height:240px;overflow:auto;padding:10px 14px}.address-nearby p{color:#888;font-size:13px}.nearby-item{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #eee;padding:10px 4px}.nearby-item b,.nearby-item small{display:block}.nearby-item small{color:#888;margin-top:4px}.nearby-item.selected{background:#fff4d8}.address-confirm{width:calc(100% - 28px);margin:8px 14px 14px!important}

.address-map{position:relative}.address-map #amapClickLayer{position:absolute;inset:0;z-index:10;background:transparent;cursor:crosshair}

.address-confirm{position:relative!important;z-index:100!important;pointer-events:auto!important;cursor:pointer!important}
.address-nearby{position:relative;z-index:20;pointer-events:auto}


.map-address-field{display:block;padding:8px 14px;color:#6b6258;font-size:13px}.map-address-field input{display:block;width:100%;margin:6px 0 0;padding:10px;border:1px solid #e1d5c4;border-radius:7px;background:#fff;font-size:13px;color:#333}


dialog:has(#settingsAddressList){width:min(640px,92vw);max-width:640px}
#settingsAddressList{max-height:320px;overflow:auto;padding:8px 0}
#settingsAddressList label{display:inline-block;min-width:75%;padding:10px;background:#fff8ec;border-radius:6px}
#settingsAddressList .remove-address{margin:4px;padding:6px 10px;color:#a33;background:#fde7e0;border-radius:5px}


#settingsAddressList label{display:inline-flex!important;align-items:center;vertical-align:middle;width:calc(100% - 42px);min-width:0!important}
#settingsAddressList .remove-address{display:inline-block;margin:0 0 0 6px;width:32px;height:32px;padding:0;line-height:30px;text-align:center;font-size:20px;color:#a33;background:#fde7e0;border-radius:5px;vertical-align:middle}


dialog:has(#settingsAddressList) #saveCurrentAddress,dialog:has(#settingsAddressList) button.secondary[onclick*=reload]{display:inline-flex;vertical-align:bottom;min-height:44px;align-items:center;justify-content:center;margin-top:12px}


.settings-cache-btn{margin-left:354px!important}


.catalog-filters .categories .cat:not(.active){background:#eee!important;border-radius:8px!important;color:#5f5f5f!important}
.catalog-filters .categories .cat:not(.active) i{background:transparent!important;color:inherit!important;padding:6px!important}

.push-order-group{background:#fffdf8;border:2px solid #e7d4b7;border-radius:16px;padding:22px 16px 16px;margin:0 0 24px;box-shadow:0 3px 10px #493d3018;position:relative}.push-order-group h4{margin:0 0 16px 34px;font-size:18px;color:#272820;border-bottom:1px solid #eee2d1;padding-bottom:12px}.push-order-group .cart-row{margin-bottom:12px}.push-order-group .checkout{background:#fffaf0;border-radius:10px;padding:16px;margin-top:16px}.push-order-delete{z-index:2;width:30px;height:30px;font-size:20px}.cart-section>p.small{margin-bottom:16px}@media(max-width:650px){.push-order-group{padding:18px 10px 12px;margin-bottom:20px}.push-order-group h4{font-size:17px;margin-left:34px}}
.push-order-group .cart-row{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:16px 0!important;border-bottom:1px solid #eee9df!important}.push-order-group .cart-row:last-of-type{border-bottom:0!important}.push-order-group .cart-material-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center}.push-order-group .cart-section,.push-order-group .cart-material-row{background:transparent}@media(max-width:650px){.push-order-group .cart-material-row{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}.push-order-group .cart-material-row .cart-thumb{width:52px!important;height:52px!important}}

.push-order-group .push-material-row{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;outline:0!important}
.push-order-group .push-order-delete{left:auto!important;right:0!important;top:0!important}.push-order-group h4{margin-left:0!important;margin-right:38px!important}
.push-order-group .push-order-delete{background:transparent!important;color:#24251f!important;box-shadow:none!important;border:0!important;font-size:28px!important;font-weight:400!important;line-height:30px!important;padding:0!important}
.push-order-group .checkout .primary{background:#ffb13f!important;color:#24251f!important;box-shadow:inset 0 1px #ffffff66,0 1.5px 0 #b56b19,0 3.5px 6px #8a551f3d!important}
.cart-section .checkout .primary{background:#ffb13f!important;color:#24251f!important;box-shadow:inset 0 1px #ffffff66,0 1.5px 0 #b56b19,0 3.5px 6px #8a551f3d!important}
#saveCurrentAddress,.settings-cache-btn{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;margin:0 8px 0 0!important;vertical-align:middle;white-space:nowrap}
dialog{position:relative!important}.modal-x{position:absolute!important;right:18px!important;top:14px!important;z-index:5!important;background:transparent!important;color:#24251f!important;border:0!important;font-size:28px!important;line-height:30px!important;padding:0!important;box-shadow:none!important}

.delete-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.delete-confirm-actions button{min-width:90px}.delete-confirm-ok{background:#ffb13f!important;color:#24251f!important}.modal-x{font-weight:100!important}

.delete-confirm-message{font-size:22px!important;font-weight:100!important;line-height:1.5;margin:18px 0 24px!important}
body:has(dialog[open]){overflow:hidden!important}dialog[open]{overscroll-behavior:contain;max-height:85vh;overflow:auto}
dialog:has(.delete-confirm-message){width:50vw!important;max-width:50vw!important;min-width:280px!important;font-size:20px!important}dialog:has(.delete-confirm-message) .delete-confirm-message{font-size:20px!important}

dialog.delete-confirm-dialog{width:72vw!important;max-width:72vw!important;min-width:280px!important;padding:20px!important;box-sizing:border-box!important;align-self:center!important;margin:auto!important;max-height:none!important;overflow:visible!important}dialog.delete-confirm-dialog .delete-confirm-message{font-size:20px!important;font-weight:100!important;margin:12px 0 20px!important}dialog.delete-confirm-dialog .modal-x{right:12px!important;top:10px!important;font-size:24px!important;font-weight:100!important}
dialog.delete-confirm-dialog{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
dialog.delete-confirm-dialog{height:auto!important;min-height:0!important;padding:14px 18px!important}.delete-confirm-dialog .delete-confirm-message{margin:6px 0 12px!important}.delete-confirm-dialog .delete-confirm-actions{margin-top:8px!important}
dialog.delete-confirm-dialog{padding-top:8px!important}.delete-confirm-dialog .delete-confirm-message{margin-top:0!important;margin-bottom:10px!important}

#pushDeleteDialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:72vw;max-width:72vw;min-width:280px;padding:14px 18px;box-sizing:border-box;margin:0;font-size:20px}#pushDeleteDialog .delete-confirm-message{font-size:10px;font-weight:100;margin:0 0 10px}#pushDeleteDialog .delete-confirm-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}#pushDeleteDialog .delete-confirm-actions button{min-width:45px;padding:6px 10px;font-size:12px}

.cart-section>h3{font-weight:300!important}.push-order-group h4{font-weight:200!important}.section-title h2{font-weight:400!important}.push-order-group .push-order-delete{font-weight:100!important}
/* Browser annotation typography: inquiry page and waiting task labels */
main#main > section.cart-section.my-waiting-tasks > h3{font-size:18px!important;font-weight:200!important}
main#main > div.section-title:nth-of-type(2) > h2{font-weight:200!important}
#customerTasks > div.customer-task > b,.waiting-task b{font-size:18px!important;font-weight:200!important}
#customerTasks > div.customer-task > span,.waiting-task span{font-size:14px!important;font-weight:100!important}
/* Address picker annotation adjustments */
#nearbyList .nearby-item b{font-size:12px!important}
#nearbyList .nearby-item small{font-size:12px!important}
.address-nearby > p{margin-top:-7px!important}
/* Remove catalog demo disclaimer text */
.catalog > .notice{display:none!important}
/* Home category lists wrap onto additional rows when there are many items. */
.catalog-filters .categories,.catalog-filters .materials{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:8px!important;overflow:visible!important}
.catalog-filters .categories > .cat,.catalog-filters .materials > .material{flex:0 0 auto!important;white-space:nowrap!important;margin:0!important}
/* Main material categories: three equal gray buttons per row. */
.catalog-filters .categories{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.catalog-filters .categories > .cat{box-sizing:border-box!important;flex:0 0 calc((100% - 16px)/3)!important;justify-content:center!important;text-align:center!important;background:#e8ebef!important;color:#555!important;border:1px solid #d9dde3!important;border-radius:8px!important}
.catalog-filters .categories > .cat.active{background:#e8ebef!important;color:#555!important;border-color:#d9dde3!important}
.catalog-filters .categories{justify-content:center!important}
/* Material subcategory names: three centered items per row. */
.catalog-filters .materials{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
.catalog-filters .materials > .material{box-sizing:border-box!important;flex:0 0 calc((100% - 16px)/3)!important;text-align:center!important;justify-content:center!important;margin:0!important;white-space:nowrap!important}
/* Category and material buttons: three per row, gray by default, yellow when selected. */
.catalog-filters .categories > .cat,.catalog-filters .materials > .material{background:#e8ebef!important;color:#555!important;border:1px solid #d9dde3!important;border-radius:8px!important}
.catalog-filters .categories > .cat.active,.catalog-filters .materials > .material.active{background:#ffb13f!important;color:#24251f!important;border-color:#e39a2e!important}
/* Mobile: force both category rows to exactly three items per row. */
@media(max-width:650px){
  .catalog-filters .categories,.catalog-filters .materials{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
  .catalog-filters .categories > .cat,.catalog-filters .materials > .material{flex:0 0 calc((100% - 16px)/3)!important;width:calc((100% - 16px)/3)!important;min-width:0!important;max-width:calc((100% - 16px)/3)!important;padding-left:4px!important;padding-right:4px!important;box-sizing:border-box!important}
}
.catalog-filters .categories,.catalog-filters .materials{justify-content:flex-start!important}
.spec-order-value{font-style:normal!important;font-family:inherit!important;font-weight:300!important;font-size:14px!important;line-height:1.3!important}
/* Specification chooser typography: all row text uses light weight. */
:is(dialog,.detail-spec-section) .spec-order-row,
:is(dialog,.detail-spec-section) .spec-order-row > span,
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit,
:is(dialog,.detail-spec-section) .spec-order-row > b,
:is(dialog,.detail-spec-section) .spec-order-row .spec-order-value{font-weight:100!important}
/* Price beneath the product image keeps medium emphasis. */
:is(dialog,.detail-spec-section) .spec-order-row > b{font-weight:600!important}
/* Compact specification rows. */
:is(dialog,.detail-spec-section) .spec-order-row{row-gap:0!important;line-height:1.1!important;padding-top:4px!important;padding-bottom:4px!important}
:is(dialog,.detail-spec-section) .spec-order-row > span,
:is(dialog,.detail-spec-section) .spec-order-row > .spec-order-unit{line-height:1.1!important}
/* Reduce the overall height of each specification card. */
:is(dialog,.detail-spec-section) .spec-order-row{min-height:108px!important;grid-template-rows:repeat(3,minmax(16px,auto)) 30px!important;row-gap:0!important}
:is(dialog,.detail-spec-section) .spec-order-row > b{transform:translateX(2ch)!important}
:is(dialog,.detail-spec-section) .spec-order-row > button.primary{font-size:12px!important;width:80%!important;min-width:0!important;max-width:none!important;justify-self:end!important}
:is(dialog,.detail-spec-section) .spec-order-row{background:#fff!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(60,45,25,.16)!important;border:1px solid #eee6da!important;padding:8px 10px!important}
dialog:has(.spec-order-list) > .modal-x{position:absolute!important;right:10px!important;top:8px!important;font-size:40px!important;line-height:40px!important;font-weight:100!important;padding:0!important;margin:0!important}
/* Keep specification dialog and cards fully inside the mobile viewport. */
dialog:has(.spec-order-list){box-sizing:border-box!important;width:94vw!important;max-width:94vw!important;margin:0 auto!important;overflow-x:hidden!important}
dialog:has(.spec-order-list) .spec-order-list{width:100%!important;box-sizing:border-box!important}
:is(dialog,.detail-spec-section) .spec-order-row{box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}
@media(max-width:650px){
 dialog:has(.spec-order-list){position:fixed!important;left:12px!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;max-width:none!important;margin:0!important}
}
dialog:has(.spec-order-list) #dialogBody{position:relative!important}
dialog:has(.spec-order-list) #dialogBody > .modal-x{position:absolute!important;right:12px!important;top:8px!important;left:auto!important;font-size:40px!important;line-height:40px!important;z-index:20!important}
dialog:has(.spec-order-list) #dialogBody > .modal-x{padding-bottom:0!important;margin-top:-33px!important;margin-left:4px!important}
/* Settings dialog close button position. */
dialog:has(#settingsAddressList) #dialogBody > .modal-x{padding-left:0!important;margin-top:-43px!important;margin-left:1px!important}
dialog:has(#settingsAddressList) #dialogBody > .modal-x{margin-left:2ch!important}
dialog:has(#settingsAddressList) #dialogBody > .modal-x{margin:0!important;transform:translate(1ch,-43px)!important}
dialog:has(#settingsAddressList) #dialogBody > .modal-x{font-size:80px!important;line-height:80px!important}
#inquirySubmit{transform:scale(1.3)!important;transform-origin:left center!important}
/* Enlarge the complete header search bar by 1.3x. */
header>.search{transform:translateY(-1.4ch) scale(1.3)!important;transform-origin:right center!important}

#nav{touch-action:manipulation!important}main{scroll-behavior:auto!important}
/* 注册弹窗标注布局修正 */
dialog:has(#regPhone) #dialogBody > .modal-x{padding-left:0!important;margin-top:-40px!important;transform:translateX(-46px)!important}
dialog:has(#regPhone) #dialogBody > h2{font-size:16px!important;margin-top:-12.74px!important}
dialog:has(#regPhone) #dialogBody > #registerButton{padding-top:1px!important;margin-top:-63px!important}
dialog:has(#regPhone) #dialogBody > button.primary{padding-top:1px!important;margin-top:-63px!important}
/* 关闭按钮最终标注修正 */
dialog #dialogBody > .modal-x{padding-top:18px!important;margin-top:-47px!important;margin-left:4ch!important;outline:none!important;border:0!important;box-shadow:none!important}
dialog #dialogBody > .modal-x:focus{outline:none!important;box-shadow:none!important}
.flow-id{color:#d60000!important;font-weight:600!important}

.flow-id{font-weight:100!important}
.order-item{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #eadfce;align-items:center}.order-item img{width:72px;height:90px;object-fit:contain;background:#fffaf0;border-radius:6px}.order-item b{font-size:16px}.order-item p{margin:6px 0;color:#8b8174;font-size:13px}.cart-section>h3{color:#d43b24}.cart-section>p>b{color:#d57e16}

.order-records{display:flex;flex-direction:column;gap:16px;margin:14px 0}.order-record-card{background:#fffdf8;border:2px solid #e7d4b7;border-radius:16px;padding:18px 16px 14px;box-shadow:0 3px 10px #493d3018;color:#272820}.order-record-head{display:flex;justify-content:space-between;border-bottom:1px solid #eee2d1;padding-bottom:12px}.order-record-head b{display:block}.order-record-head strong{display:block;color:#d83a2e;font-size:18px}.order-record-close{background:transparent;border:0;font-size:28px;line-height:28px}.order-record-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eee9df}.order-record-item img{width:64px;height:64px;object-fit:contain;border-radius:8px}.order-record-info{display:flex;flex-direction:column;gap:3px;font-size:12px}.order-record-info b{font-size:15px}.order-record-info span{color:#756b5f}.order-record-line-total{color:#d57e16}.order-record-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:13px}.order-record-foot>b{margin-left:auto;color:#d57e16;font-size:16px}@media(max-width:650px){.order-record-card{padding:15px 10px}.order-record-item{grid-template-columns:52px minmax(0,1fr) auto}.order-record-item img{width:52px;height:52px}.order-record-info span{font-size:11px}.order-record-foot>b{margin-left:0}}
.order-record-history{border-color:#d9d1c4;background:#faf8f3}.order-history-title{font-size:18px;margin:18px 0 8px;color:#333}

/* receipt/history labels */
.order-history-title{font-size:16px;font-weight:500;margin:18px 0 8px;color:#333}.export-box>b{font-size:16px;font-weight:500}.order-record-head strong{font-size:14px;font-weight:100}

.order-record-status{margin-left:auto;margin-right:12px;font-size:14px;align-self:center;color:#8b591b}.history-orders-box>.order-records{margin:14px 0}.history-orders-box>b{font-size:16px;font-weight:500}

.order-record-history .order-record-head{background:transparent!important;color:#272820!important}.order-record-history .order-record-close{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;height:auto!important;font-size:24px!important;line-height:1!important}

.order-record-phone{display:block;color:#756b5f;font-size:12px;font-weight:400;margin-top:3px}

/* keep the storefront search header above page content */
.app>header{position:sticky!important;top:0!important;z-index:1000!important}

/* product detail annotations */
:is(dialog,.detail-spec-section) .spec-order-row > button.primary{width:53px!important;min-width:0!important;max-width:53px!important;padding:3px 0!important;font-size:9px!important}
:is(dialog,.detail-spec-section) .spec-order-row > b{font-size:18px!important;font-weight:600!important}

:is(dialog,.detail-spec-section) .spec-order-row>b[style*="grid-column:4"]{font-size:18px!important}

@media(max-width:650px){.profile{min-height:125px!important}.profile-identity{min-height:112px!important;padding:8px 150px 4px 20px!important}}

.profile{height:210px!important;min-height:0!important;padding-bottom:0!important;overflow:visible!important}

.profile{transform:none!important;width:auto!important;margin-bottom:0!important}

@media(max-width:650px){.profile-identity{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;text-align:left!important;padding:8px 150px 8px 20px!important;min-height:112px!important}.profile-details{width:auto!important;min-width:0!important;text-align:left!important;align-self:center!important}.profile-phone{margin:0!important;white-space:nowrap!important}.avatar-box{flex:0 0 100px!important}}

@media(max-width:650px){.profile-phone{padding-top:29px!important;margin-top:73px!important;margin-left:-143px!important}}