.hw-template-root{width:83.333333vw;max-width:none;box-sizing:border-box;margin:0 auto;padding:30px 24px 72px;color:#202b3d;font:15px/1.6 system-ui,sans-serif}.hw-library-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.hw-library-title h1{font-size:26px;font-weight:750;margin:0 0 3px}.hw-library-title p{margin:0;color:#7b8798;font-size:13px}.hw-library-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin:0}.hw-library-tools input,.hw-library-tools select,.hw-library-pager select,.hw-remark-presets,.hw-category-search{padding:10px 14px;border:1px solid #dfe5ee;border-radius:8px;background:white;font-size:14px;color:#243247;max-width:100%}.hw-library-tools input{min-width:280px}.hw-library-advanced{position:relative}.hw-library-advanced summary{padding:9px 12px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#52647d;cursor:pointer;font-size:13px;list-style:none}.hw-library-advanced summary::-webkit-details-marker{display:none}.hw-library-advanced[open] summary{border-color:#9ab9f6;color:#1e63dc}.hw-library-advanced-fields{position:absolute;right:0;top:44px;z-index:5;display:flex;gap:8px;padding:12px;border:1px solid #e0e7f2;border-radius:10px;background:#fff;box-shadow:0 12px 28px #1b36641c}.hw-library-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.hw-library-cats{display:grid;gap:5px;align-content:start;padding:15px;border:1px solid #e5ebf3;border-radius:12px;background:#fff;position:sticky;top:14px;margin:0}.hw-library-cats .hw-customer-btn{text-align:left}.hw-library-results{min-width:0;padding:18px;border:1px solid #e5ebf3;border-radius:12px;background:#fff}.hw-customer-btn{padding:8px 14px;border:1px solid #dbe4ef;border-radius:8px;color:#315271;background:white;cursor:pointer;font:inherit}.hw-customer-btn:hover{border-color:#0f67fe;color:#0f67fe}.hw-customer-btn.active{background:#0f67fe;color:white;border-color:#0f67fe}.hw-customer-btn:disabled{opacity:.45;cursor:default}.hw-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:300px}.hw-library-card{background:white;border:1px solid #e5ebf3;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.hw-library-card:hover{box-shadow:0 10px 32px #1b366418}.hw-library-cover{padding:0;width:100%;height:205px;border:0;background:#eef2f8;cursor:zoom-in;overflow:hidden}.hw-library-cover img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.hw-library-cover:hover img{transform:scale(1.08)}.hw-library-card h3{margin:13px 14px 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.hw-library-card p{margin:0 14px 10px;color:#798698;font-size:12px;min-height:20px}.hw-library-actions{display:flex;justify-content:space-between;gap:8px;margin:10px 14px 14px}.hw-library-actions .hw-customer-btn{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap}.hw-library-pager{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:24px 0 2px;flex-wrap:wrap}.hw-library-empty{grid-column:1/-1;text-align:center;padding:80px;color:#8793a4}.hw-customer-dialog{border:0;border-radius:16px;padding:24px;width:min(820px,90vw);max-height:85vh;box-shadow:0 12px 60px #0005;color:#203149;font:15px/1.7 system-ui}.hw-customer-dialog::backdrop{background:#0f203c80}.hw-customer-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hw-customer-dialog img{max-width:100%;max-height:55vh;display:block;margin:auto}.hw-customer-toast{position:fixed;top:24px;right:24px;z-index:10000;background:#203856;color:white;padding:14px 24px;border-radius:10px;font:14px/1.5 system-ui}.hw-quote-tools{display:none!important}.hw-category-search{width:95%;margin-bottom:10px}.hw-quote-page .file-upload-container .el-upload-list:empty,.hw-quote-page .file-upload-container .el-upload-list__item:empty{display:none!important}.hw-template-root .hw-library-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}
.hw-template-root .hw-library-results{min-width:0}
.hw-template-root .hw-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1800px){.hw-template-root{padding-left:30px;padding-right:30px}.hw-template-root .hw-library-grid{gap:18px}}
@media(max-width:1000px){.hw-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.hw-template-root{width:100%;padding:20px 12px}.hw-library-head{display:block}.hw-library-title h1{font-size:24px}.hw-library-tools{margin-top:14px;justify-content:stretch}.hw-library-tools input{min-width:0;width:100%}.hw-library-advanced{margin-top:10px}.hw-library-advanced-fields{position:static;display:grid;grid-template-columns:1fr;box-shadow:none;margin-top:8px}.hw-library-layout{grid-template-columns:1fr;gap:12px}.hw-library-cats{position:static;display:flex;overflow-x:auto;padding:10px;gap:7px}.hw-library-cats .hw-customer-btn{white-space:nowrap}.hw-library-results{padding:12px}.hw-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hw-library-cover{height:150px}.hw-library-actions{flex-wrap:wrap}.hw-library-card h3{font-size:14px}.page-mian>div[class*="grid-cols"]{display:block!important;width:100%!important}.page-mian [class*="w1600px"]{width:100%!important}.page-mian #YdxOfferFormWrap{grid-template-columns:1fr!important}.page-mian [class*="w260px"]{width:100%!important;margin:0!important}.page-mian [class*="w-[230px]"]{width:100%!important;max-height:220px!important}.page-mian [class*="ml15px"]{margin:0!important}.page-mian [class*="p30px"]{padding:14px!important}}
.hw-quote-status{align-self:center;margin-left:auto;color:#78889c;font-size:13px}.hw-quote-status.is-error{color:#c44c32}.hw-native-dimensions{display:none!important}.hw-dimension-fields{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hw-dimension-fields input{width:138px;min-width:138px;height:42px;box-sizing:border-box;padding:8px 12px;border:1px solid #dbe3ed;border-radius:6px;text-align:center;font-size:14px;background:#fff}.hw-dimension-fields select{width:78px;min-width:78px;height:42px;box-sizing:border-box;border:1px solid #dbe3ed;border-radius:6px;padding:8px 10px;background:#f5f7fa;font-size:14px}.hw-dimension-error{color:#c44c32;font-size:12px;flex-basis:100%;line-height:1.4}.hw-dimension-error:empty{display:none}.hw-category-tools{position:sticky;top:0;z-index:2;background:#eef1f6;padding-bottom:10px}.hw-category-tools .hw-customer-btn{font-size:12px;width:95%}.hw-category-search{font-size:13px;width:95%;box-sizing:border-box}.hw-library-hover-preview{position:fixed;pointer-events:none;z-index:9000;right:28px;bottom:28px;width:min(440px,36vw);padding:12px;border:1px solid #e0e6ef;background:white;box-shadow:0 12px 48px #17345340;border-radius:12px}.hw-library-hover-preview img{display:block;max-width:100%;max-height:48vh;margin:auto}.hw-library-hover-preview span{display:block;text-align:center;font:14px/1.6 system-ui;margin-top:8px}.hw-library-card [hidden]{display:none!important}.hw-remark-presets{margin-top:8px;display:block;font-size:13px}.hw-customer-dialog p{white-space:pre-wrap}.hw-quote-page .page-mian>div[class*="w1600px"]{width:calc(100% - 40px);max-width:1600px}.hw-quote-page [class*="w-[calc(1600px)]"]{width:calc(100% - 40px);max-width:1600px}.hw-quote-page .cube-input-box input:invalid{outline:1px solid #d45a41}
@media(max-width:700px){
 .hw-quote-page,.hw-library-page{min-width:0!important}.hw-quote-page .el-main,.hw-library-page .el-main{padding-left:0!important;padding-right:0!important;overflow-x:hidden}.hw-quote-page header.el-header,.hw-library-page header.el-header{height:auto!important;min-height:60px}.hw-quote-page .page-mian>div[class*="w1600px"]{width:100%;padding:12px!important}.hw-quote-page .page-mian #YdxOfferFormWrap{display:block!important}.hw-quote-page .page-mian [class*="w-[230px]"]{position:relative!important;left:auto!important;top:auto!important;height:auto!important;width:100%!important;max-height:280px!important;margin:0 0 16px!important}.hw-quote-page .page-mian [class*="w230px"]{width:100%!important;box-sizing:border-box}.hw-quote-page .page-mian .form-item-content{width:100%!important}.hw-quote-page .el-form-item{display:block!important}.hw-quote-page .el-form-item__label{width:100%!important;justify-content:flex-start!important;margin:10px 0!important;padding:5px 10px!important;height:auto!important;line-height:1.5!important}.hw-quote-page .el-form-item__content{margin-left:0!important;min-width:0!important}.hw-quote-page .form-item-box{display:block!important}.hw-quote-page .btn-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.hw-quote-page .list-item-btn{margin:0!important;max-width:100%!important}.hw-quote-page .page-mian .inner-title{padding:16px!important}.hw-quote-page .page-mian [class*="w260px"]{max-width:100%;margin:16px 0!important}.hw-quote-page .page-mian [class*="fixed"][class*="bottom-0"]{position:sticky!important;bottom:0;padding:10px!important;box-sizing:border-box}.hw-quote-page .page-mian [class*="ml280px"]{margin-left:0!important}.hw-quote-page [class*="w-[calc(1600px)]"]{width:100%!important;display:flex;flex-wrap:wrap;gap:10px!important}.hw-quote-page .page-mian [class*="w-550px"],.hw-quote-page .page-mian [class*="w-750px"]{width:100%!important}.hw-quote-page .page-mian [class*="min-w-110px"]{min-width:72px!important}.hw-quote-tools{gap:7px}.hw-quote-tools .hw-customer-btn{font-size:12px;padding:7px 9px}.hw-quote-status{width:100%;margin-left:0}.hw-library-empty{padding:50px 12px}.hw-library-actions .hw-customer-btn{font-size:12px;padding:7px}.hw-library-pager{gap:8px;justify-content:center}.hw-customer-dialog{padding:16px;width:94vw;max-width:94vw;box-sizing:border-box}.hw-dimension-fields input{width:90px}.hw-customer-toast{left:16px;right:16px;top:16px}.hw-library-grid{min-height:180px}
}
@media(max-width:700px){
 .hw-quote-page .page-mian{font-size:14px!important;line-height:1.5!important}.hw-quote-page .page-mian *{font-size:inherit!important;line-height:1.5!important}.hw-quote-page .page-mian #YdxOfferFormWrap>div:first-child{min-height:0!important;padding:16px!important}.hw-quote-page .page-mian [class*="h48px"]{height:auto!important;min-height:44px!important;padding:10px!important;box-sizing:border-box}.hw-quote-page .page-mian .product-item{padding:8px!important}.hw-quote-page .page-mian .product-img{width:90px!important;height:90px!important}.hw-quote-page .page-mian .list-item-btn{padding:7px 9px!important;min-height:34px!important;box-sizing:border-box}.hw-quote-page .page-mian .el-checkbox{height:auto!important;min-height:32px!important}.hw-quote-page .page-mian .el-checkbox__inner{width:14px!important;height:14px!important}.hw-quote-page .page-mian .cube-input{min-height:34px!important;width:90px!important}.hw-quote-page .page-mian .input-unit{min-width:28px!important;padding:7px!important}.hw-quote-page .page-mian .el-button{min-height:38px!important;padding:9px 15px!important;min-width:75px!important;width:auto!important}.hw-quote-page .page-mian .img-tips{display:none!important}.hw-quote-page .page-mian .el-input{min-height:36px!important}.hw-quote-page .page-mian .el-input__inner{height:auto!important;min-height:34px!important}.hw-quote-page .page-mian .el-input__wrapper{padding:2px 10px!important}.hw-quote-page .page-mian [class*="w260px"] img{min-height:120px!important;object-fit:contain!important}.hw-quote-page .page-mian [class*="min-w-110px"]{padding:8px!important;height:auto!important;box-sizing:border-box}.hw-quote-page .page-mian [class*="text-18px"]{font-size:18px!important}.hw-quote-page .page-mian [class*="text-30px"]{font-size:24px!important}.hw-quote-page .page-mian [class*="mt20px"]{margin-top:16px!important}.hw-quote-page .page-mian .inner-title{font-size:15px!important}.hw-quote-page .page-mian .hw-category-tools{font-size:13px!important}.hw-quote-page .page-mian .hw-category-tools input{min-height:38px!important}.hw-quote-page .page-mian [class*="w-[230px]"]{max-height:290px!important}.hw-quote-page .page-mian .hw-dimension-fields input{font-size:16px!important}.hw-quote-page .page-mian [class*="w-full"][class*="fixed"]{position:sticky!important}.hw-quote-page header.el-header,.hw-library-page header.el-header{overflow-x:auto!important}.hw-quote-page header.el-header>div,.hw-library-page header.el-header>div{min-width:780px!important}.hw-quote-page header.el-header *,.hw-library-page header.el-header *{font-size:13px!important}.hw-quote-page header.el-header img,.hw-library-page header.el-header img{min-width:115px!important}.hw-quote-page header.el-header [class*="h-"],.hw-library-page header.el-header [class*="h-"]{min-height:42px!important}
}
@media(max-width:700px){
 .hw-quote-page .page-mian [class*="w-110px"],.hw-quote-page .page-mian [class*="min-w-110px"]{width:86px!important;min-width:86px!important;flex-shrink:0!important;padding:7px!important;box-sizing:border-box;height:auto!important}.hw-quote-page .page-mian [class*="ml20px"]{margin-left:10px!important;min-width:0!important}.hw-quote-page .page-mian [class*="ml20px"].flex{flex:1!important}.hw-quote-page .page-mian [class*="w264px"]{width:100%!important;min-width:0!important;min-height:165px!important;margin-top:0!important;padding:12px!important;box-sizing:border-box}.hw-quote-page .file-upload-container{width:100%!important;min-width:0!important}.hw-quote-page .file-upload-container>div{width:100%!important}.hw-quote-page .file-upload-container .el-upload{width:100%!important;min-width:0!important}.hw-quote-page #quotationResult [class*="w-110px"]{width:82px!important;min-width:82px!important}.hw-quote-page .page-mian [class*="!w83px"]{width:auto!important;min-width:76px!important;min-height:38px!important;padding:8px!important;margin-left:10px!important;box-sizing:border-box}.hw-quote-page .page-mian [class*="my20px"]{margin:16px 0!important}.hw-quote-page .page-mian .cube-input-box{min-width:130px!important;min-height:36px!important}.hw-quote-page .page-mian .cube-input-box input{flex:1!important}.hw-quote-page .page-mian .cube-input-box:not(.hw-native-dimensions){display:flex!important;align-items:center!important}
}
@media(max-width:700px){
 .hw-quote-page header.el-header>div:first-child,.hw-library-page header.el-header>div:first-child{width:max-content!important;min-width:0!important;justify-content:flex-start!important;gap:8px!important;height:48px!important}.hw-quote-page header.el-header>div:first-child>img,.hw-library-page header.el-header>div:first-child>img{width:120px!important;min-width:120px!important;height:40px!important;margin:0 8px!important;flex-shrink:0!important}.hw-quote-page header.el-header [class*="w-1120px"],.hw-library-page header.el-header [class*="w-1120px"]{width:auto!important}.hw-quote-page header.el-header .active-inner,.hw-library-page header.el-header .active-inner{min-width:82px!important;padding:0 10px!important;height:48px!important;white-space:nowrap!important;box-sizing:border-box}.hw-quote-page header.el-header .icon-inner,.hw-library-page header.el-header .icon-inner{margin:0!important}.hw-quote-page header.el-header .icon-item,.hw-library-page header.el-header .icon-item{min-width:54px!important;white-space:nowrap!important}.hw-quote-page header.el-header #searchDownHistoryId,.hw-library-page header.el-header #searchDownHistoryId{display:none!important}.hw-quote-page header.el-header .icon-inner img,.hw-library-page header.el-header .icon-inner img{min-width:30px!important;width:30px!important;height:30px!important}
}


/* 20260928 图40：长边/短边输入框收回「与周围按钮同一个比例」。
   基准取自同页同类控件（量自 1440 视口）：
     .list-item-btn（产品种类/覆膜种类按钮）= 高 27px / 字号 12px / 圆角 3px
     「产品数量」输入框 .cube-input-box    = 高 27px / 字号 12px
   所以长边/短边取 27px / 12px / 3px，垂直内边距 0，左边距 8px≈按钮的 7.5px；
   右边距 24px 是留给内嵌的 cm 后缀（图04 要求 cm 进输入框）。
   这里必须 !important 且选择器多带一层：xqh-spa/index.html 的
   <style id="hw-dimension-style"> 用 .hw-quote-page .page-mian .hw-dimension-fields input.hw-dimension-value
   把 42px/18px/6px 钉成了 !important，非 !important 压不住它。 */
/* 第二个条件覆盖「桌面浏览器被系统缩放/Chrome zoom 压到 ≤700px」那种情形：本文件
   下面第 56-68 行会把这种页面按 1120px 的桌面栅格渲染，那时这条也必须生效，
   否则输入框会停在 42px。390 真机（pointer:coarse）两个条件都不命中，窄屏行为不动。 */
@media(min-width:701px),(hover:hover) and (pointer:fine){
body.hw-quote-page .page-mian .hw-dimension-fields input.hw-dimension-value{width:132px!important;min-width:132px!important;height:27px!important;min-height:27px!important;box-sizing:border-box!important;padding:0 24px 0 8px!important;border:1px solid #dbe3ed!important;border-radius:3px!important;text-align:center!important;font-size:12px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='27'%3E%3Ctext x='0' y='18' font-family='system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' fill='%2378889c'%3Ecm%3C/text%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important}
}
.hw-quote-page .hw-dimension-fields select{width:100px;min-width:100px;height:42px;box-sizing:border-box;border:1px solid #dbe3ed;border-radius:6px;padding:8px 10px;background:#fff;font-size:15px}
/* 上传说明为空时不再渲染空的浅粉竖条（「空了太多」兜底） */
.hw-quote-page [class*="bg-#FFF3F3"]:empty{display:none!important}

/* Keep quote dimensions, color and thickness controls at a consistent height. */
@media(min-width:1001px){
.hw-quote-page #YdxOfferFormWrap .el-select__wrapper,.hw-quote-page #YdxOfferFormWrap .el-input__wrapper{min-height:42px;box-sizing:border-box}
.hw-quote-page #YdxOfferFormWrap .el-select,.hw-quote-page #YdxOfferFormWrap .el-cascader{min-width:240px}
.hw-quote-page #YdxOfferFormWrap .el-form-item__label{height:auto;min-height:36px;line-height:1.5;white-space:normal;align-self:flex-start;padding:7px 10px;box-sizing:border-box}
.hw-quote-page #YdxOfferFormWrap .el-form-item:has(.select2-wrapper)>.el-form-item__label{min-width:max(210px,8.33333vw);height:42px;min-height:42px;line-height:1.5;white-space:nowrap;align-items:center}
}

/* Keep a visible, bounded gutter at every desktop size. The right gutter also
   reserves room for the floating cart/"我的" toolbar. */
.hw-quote-page{--hw-quote-left-gap:clamp(24px,2.5vw,64px);--hw-quote-right-gap:clamp(84px,4vw,128px)}
@media(min-width:701px){
.hw-quote-page .page-mian>div[class*="w1600px"],
.hw-quote-page [class*="w-[calc(1600px)]"]{width:83.33333vw;max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
.hw-quote-page .page-mian>div[class*="w1600px"]{grid-template-columns:11.97917vw minmax(0,1fr)}
.hw-quote-page .page-mian>div[class*="w1600px"]>[class*="230px"],
.hw-quote-page .page-mian [class*="w230px"]{width:100%;min-width:0;box-sizing:border-box}
.hw-quote-page #YdxOfferFormWrap{grid-template-columns:minmax(0,1fr) 14.58333vw}
.hw-quote-page #YdxOfferFormWrap>div{min-width:0}
.hw-quote-page #YdxOfferFormWrap>div[class*="w260px"]{width:auto}
.hw-quote-page #YdxOfferFormWrap .el-form-item__content{min-width:0}
.hw-quote-page #YdxOfferFormWrap .form-item-content{max-width:100%}
}
@media(min-width:701px) and (max-width:1440px){
.hw-quote-page .page-mian>div[class*="w1600px"]{grid-template-columns:11.97917vw minmax(0,1fr)}
.hw-quote-page #YdxOfferFormWrap>div:first-child{padding:20px}
}

/* A desktop browser can enter the 700px CSS breakpoint when Windows or Chrome
   zoom is high. Keep the quotation page in its desktop grid in that case so
   the category rail never expands over the whole page. */
@media(max-width:700px) and (hover:hover) and (pointer:fine){
.hw-quote-page{min-width:1120px!important}
.hw-quote-page .el-main{width:1120px!important;min-width:1120px!important;overflow-x:visible!important}
.hw-quote-page .page-mian>div[class*="w1600px"]{display:grid!important;grid-template-columns:11.97917% minmax(0,1fr)!important;width:83.33333%!important;max-width:none!important;padding:30px 0!important;margin-left:auto!important;margin-right:auto!important;gap:15px!important}
.hw-quote-page .page-mian>div[class*="w1600px"]>[class*="w-[230px]"]{position:static!important;width:100%!important;min-width:0!important;height:700px!important;max-height:none!important;margin:0!important}
.hw-quote-page .page-mian #YdxOfferFormWrap{display:grid!important;grid-template-columns:minmax(0,1fr) 14.58333%!important;gap:20px!important}
.hw-quote-page .page-mian #YdxOfferFormWrap>div[class*="w260px"]{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
.hw-quote-page .page-mian #YdxOfferFormWrap>div:first-child{padding:20px!important}
.hw-quote-page #YdxOfferFormWrap .el-form-item:has(.select2-wrapper)>.el-form-item__label{min-width:210px!important;height:42px!important;min-height:42px!important;white-space:nowrap!important;align-items:center!important}
}

/* When scrolling the SPA swaps the visible category rail to `.product-list-box`.
   Keep that rail in the first grid column instead of turning it into a full-page
   fixed layer.  The component keeps both rails in the DOM and toggles them with
   Vue's v-show.  Do not use :has(.product-list-box) here: the hidden rail still
   has that class, so a broad :has rule also hid the active rail at the top of the
   page and caused the main column to auto-place into the first grid track. */
.hw-quote-page .page-mian>div[class*="w1600px"]>.product-list-box{position:sticky!important;top:16px!important;left:auto!important;right:auto!important;width:100%!important;min-width:0!important;height:calc(100vh - 200px)!important;max-height:none!important;z-index:3!important}
/* The extra empty slot is rendered only while the sticky rail is active.  Hide
   that slot by its empty state; leave the normal v-show controlled rail alone. */
.hw-quote-page .page-mian>div[class*="w1600px"]>div[class*="w-[230px]"]:empty{display:none!important}

/* 20260928 图41：合计与「商品价格 / 快递价格」成比例。
   现状（1440 视口实测）：商品价格/快递价格 = 10.5px（text-14px 档），
   合计数值 = 22.5px（text-30px 档）= 2.14 倍，客户反馈「比例相等一些」。
   这里降到 12px（text-16px 档，比商品价格正好大 1 档）并保留 700 加粗 + 红色做强调。
   选择器只认「合计」那一行：底部结算块里 .text-#9A9A9A（商品价格/快递价格行）的
   兄弟节点 div.flex.items-center，不碰结果区/明细表里的其它 text-30px 价格。 */
.hw-quote-page .page-mian .mt10px.mb16px>div.flex.items-center span{font-size:12px!important;line-height:1.5!important}
.hw-quote-page .page-mian .mt10px.mb16px>div.flex.items-center span.text-30px{font-weight:700!important}

/* Keep the original customer template gallery, with a wider canvas and real product filters. */
html body.hw-template-center-page #hw-template-center-host.hw-template-root {width:calc(100% - 32px)!important;max-width:none!important;padding:30px 0 64px!important;}
html body.hw-template-center-page #hw-template-center-host .hw-library-layout {display:grid!important;grid-template-columns:188px minmax(0,1fr)!important;gap:18px!important;}
#hw-template-center-host .hw-library-cats {position:sticky;top:18px;display:grid;gap:6px;margin:0;padding:14px;background:#fff;border:1px solid #e5ebf3;border-radius:12px;}
#hw-template-center-host .hw-library-cats button {border-color:transparent;text-align:left;padding:10px 12px;font-size:14px;}
#hw-template-center-host .hw-library-cats button.active {background:#0f67fe;color:#fff;border-color:#0f67fe;}
html body.hw-template-center-page #hw-template-center-host .hw-library-results {margin:0!important;padding:18px;border:1px solid #e5ebf3;background:#fff;border-radius:12px;}
#hw-template-center-host .hw-library-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;}
#hw-template-center-host .hw-library-title h1 {font-size:24px;margin:0 0 4px;}
#hw-template-center-host .hw-library-title p {font-size:13px;color:#7b8798;}
#hw-template-center-host .hw-library-tools {display:flex;flex-wrap:nowrap;gap:8px;width:min(480px,45%);}
#hw-template-center-host .hw-library-tools input {flex:1;min-width:0;width:100%;}
#hw-template-center-host .hw-library-tools button {background:#0f67fe;color:white;border-color:#0f67fe;white-space:nowrap;}
#hw-template-center-host .hw-library-products {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:12px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;}
#hw-template-center-host .hw-library-products-label {color:#7b8798;font-size:13px;margin-right:4px;}
#hw-template-center-host .hw-library-products button {padding:5px 10px;font-size:13px;border-color:transparent;}
#hw-template-center-host .hw-library-products button.active {background:#eaf2ff;color:#0f67fe;border-color:#c9ddff;}
html body.hw-template-center-page #hw-template-center-host .hw-library-grid {grid-template-columns:repeat(var(--hw-cols,6),minmax(0,1fr))!important;gap:16px;}
html body.hw-template-center-page #hw-template-center-host .hw-library-card {display:block!important;position:relative;border:1px solid #e5ebf3;border-radius:10px;background:#fff;}
html body.hw-template-center-page #hw-template-center-host .hw-library-cover {display:block!important;width:100%!important;aspect-ratio:1!important;height:auto!important;background:#f5f7fb!important;}
html body.hw-template-center-page #hw-template-center-host .hw-library-cover img {display:block;width:100%!important;height:100%!important;object-fit:contain!important;}
html body.hw-template-center-page #hw-template-center-host .hw-library-card h3 {margin:10px 12px!important;font-size:14px!important;font-weight:500;}
#hw-template-center-host .hw-library-favorite {position:absolute;right:8px;top:8px;z-index:1;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffffd9;color:#c99b29;font-size:22px;line-height:1;cursor:pointer;}
#hw-template-center-host .hw-library-favorite:hover {background:#fff;}
#hw-template-center-host .hw-library-favorite:focus-visible {outline:2px solid #0f67fe;outline-offset:2px;}
#hw-template-center-host .hw-library-pager {margin-top:24px;}
#hw-my-promotion-entry {display:block;padding:10px 18px;color:inherit;text-decoration:none;font:inherit;white-space:nowrap;}
#hw-my-promotion-entry:hover {color:#0f67fe;background:#f2f7ff;}
@media(max-width:1200px){#hw-template-center-host .hw-library-head{flex-wrap:wrap;}#hw-template-center-host .hw-library-tools{width:100%;}html body.hw-template-center-page #hw-template-center-host .hw-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:700px){html body.hw-template-center-page #hw-template-center-host.hw-template-root{width:calc(100% - 24px)!important;padding-top:16px!important;}html body.hw-template-center-page #hw-template-center-host .hw-library-layout{grid-template-columns:1fr!important;gap:12px!important;}#hw-template-center-host .hw-library-cats{position:static;display:flex;flex-wrap:nowrap;overflow-x:auto;}#hw-template-center-host .hw-library-cats button{white-space:nowrap;}html body.hw-template-center-page #hw-template-center-host .hw-library-results{padding:12px;}html body.hw-template-center-page #hw-template-center-host .hw-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}#hw-template-center-host .hw-library-title h1{font-size:22px;}}

/* Product filters share the upper row with search; cross-category facets sit below. */
#hw-template-center-host .hw-library-title {text-align:center;margin:0 0 14px;}
#hw-template-center-host .hw-library-title p {margin:0;font-size:13px;}
#hw-template-center-host .hw-library-head {gap:16px;margin-bottom:0;align-items:flex-start;}
#hw-template-center-host .hw-library-category-tabs {display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;padding:12px 0;margin-bottom:16px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;}
#hw-template-center-host .hw-library-category-tabs button {padding:7px 10px;border-color:transparent;font-size:13px;}
#hw-template-center-host .hw-library-category-tabs button.active {background:#eaf2ff;color:#0f67fe;border-color:#c9ddff;}
#hw-template-center-host .hw-library-head .hw-library-tools {width:360px;flex:none;}
#hw-template-center-host .hw-library-head .hw-library-products {flex:1;min-width:0;min-height:42px;margin:0;padding:0 0 12px;border:0;box-sizing:border-box;}
#hw-template-center-host .hw-library-products button {font-size:15px;font-weight:900;color:#222;-webkit-text-stroke:.2px currentColor;}
#hw-template-center-host .hw-library-products button:hover {color:#0f67fe;}
#hw-template-center-host .hw-library-products-label {font-size:14px;font-weight:600;}
#hw-template-center-host .hw-library-products>.hw-library-products-label {color:#222;font-weight:900;-webkit-text-stroke:.2px currentColor;}
@media(max-width:1200px){#hw-template-center-host .hw-library-head .hw-library-tools{width:100%;}#hw-template-center-host .hw-library-head .hw-library-products{flex-basis:100%;}}

/* Independent filter dimensions and unobtrusive hover actions. */
#hw-template-center-host .hw-library-category-tabs {flex-direction:column;align-items:stretch;gap:6px;}
#hw-template-center-host .hw-library-facet-row {display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:30px;}
#hw-template-center-host .hw-library-facet-row>.hw-library-products-label {width:72px;flex:none;}
#hw-template-center-host .hw-library-facet-row button {padding:4px 9px;font-size:14px;font-weight:500;}
#hw-template-center-host .hw-library-head {align-items:flex-start;}
html body.hw-template-center-page #hw-template-center-host .hw-library-card h3 {position:absolute;bottom:0;left:0;right:0;z-index:1;margin:0!important;padding:22px 10px 9px;font-size:13px!important;color:#fff;background:linear-gradient(transparent,#142236ba);pointer-events:none;}
#hw-template-center-host .hw-library-favorite,#hw-template-center-host .hw-library-preview-action {position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:#fffffff0;color:#bc8d1e;font-size:16px;cursor:pointer;}
#hw-template-center-host .hw-library-preview-action {right:34px;color:#315271;}
html body.hw-template-center-page #hw-template-center-host .hw-library-card h3,#hw-template-center-host .hw-library-favorite,#hw-template-center-host .hw-library-preview-action {opacity:0;visibility:hidden;transition:opacity .15s;}
html body.hw-template-center-page #hw-template-center-host .hw-library-card:hover h3,html body.hw-template-center-page #hw-template-center-host .hw-library-card:focus-within h3,#hw-template-center-host .hw-library-card:hover .hw-library-favorite,#hw-template-center-host .hw-library-card:focus-within .hw-library-favorite,#hw-template-center-host .hw-library-card:hover .hw-library-preview-action,#hw-template-center-host .hw-library-card:focus-within .hw-library-preview-action {opacity:1;visibility:visible;}
#hw-template-center-host .hw-library-preview-action:focus-visible {outline:2px solid #0f67fe;outline-offset:2px;}
@media(hover:none){html body.hw-template-center-page #hw-template-center-host .hw-library-card h3,#hw-template-center-host .hw-library-favorite,#hw-template-center-host .hw-library-preview-action {opacity:1;visibility:visible;}}

/* Keep the original navigation styling while fitting seven entries. */
header.el-header .hw-customer-navigation > .active-inner{min-width:100px;padding:0 12px;box-sizing:border-box;white-space:nowrap;flex-shrink:0;}
header.el-header .hw-online-design-entry{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:inherit;font-family:inherit;line-height:inherit;cursor:pointer;}
header.el-header .hw-online-design-entry:hover{color:var(--el-color-primary,#0f67fe);background:#eaf2ff;}
header.el-header .hw-online-design-entry:focus-visible{outline:2px solid var(--el-color-primary,#0f67fe);outline-offset:-3px;}

/* The online-design placeholder uses a normal page with the shared navigation. */
html body.hw-online-design-page .el-main > :not(#hw-online-design-page){display:none!important;}
html body.hw-online-design-page #hw-online-design-page{display:flex!important;min-height:calc(100dvh - 120px);width:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(80px,13vh,120px) 32px 32px;text-align:center;color:#243247;}
#hw-online-design-page .hw-online-design-notice{margin:0;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.5;color:#78889c;}
header.el-header .hw-online-design-entry.menu_actice{color:var(--el-color-primary,#0f67fe);background:#e6efff;}
body.hw-online-design-page #hw-template-cols-ctl{display:none!important;}

/* Ecommerce child routes share the top navigation's selected state. */
header.el-header .active-inner.hw-ecommerce-current{color:var(--el-color-primary,#0f67fe)!important;background-color:rgba(var(--el-color-primary-rgb,15,103,254),.1)!important}

/* Match the template center's outer gutters and keep the navigation and content aligned. */
@media(min-width:1001px){
body .merber-container:has(> .container-content > .store){padding-left:16px!important;padding-right:16px!important;gap:20px;box-sizing:border-box}
body .merber-container:has(> .container-content > .store)>.container-nav{width:clamp(230px,14vw,320px);flex-shrink:0}
body .merber-container:has(> .container-content > .store)>.container-content{width:auto;min-width:0;flex:1}
body .merber-container:has(> .container-content > .store)>.container-content>.store,
body .merber-container:has(> .container-content > .store)>.container-content>.member-content{width:100%!important;min-width:0;box-sizing:border-box}
body:has(.merber-container>.container-content>.store) .fixed.box:has(>.icon-item){top:auto!important;bottom:24px!important}
}
.gernal-goods-box{--hw-supply-left-gap:20px;--hw-supply-right-gap:clamp(84px,5vw,128px)}
@media(min-width:701px){
body .gernal-goods-box{padding-left:var(--hw-supply-left-gap)!important;padding-right:var(--hw-supply-right-gap)!important;box-sizing:border-box}
body .gernal-goods-box .gernal-goods-box-body .gernal-goods-box-body-menus{flex-shrink:0}
body .gernal-goods-box .gernal-goods-box-body .fixed-menu{left:var(--hw-supply-left-gap)!important}
body .gernal-goods-box .gernal-goods-box-body .gernal-goods-box-body-content{min-width:0}
body .gernal-goods-box .gernal-goods-box-footer-left{margin-left:calc(var(--hw-supply-left-gap) + 13.02084vw)!important}
body .gernal-goods-box .gernal-goods-box-footer-right{margin-right:var(--hw-supply-right-gap)!important}
}