/* [v-cloak] 防止 Vue 模板閃爍（FOUC）— 2026-03-06 新增 */
[v-cloak] { display: none !important; }

html {font-size:calc(100vw/19.2); -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;scrollbar-width: thin;}

html.act {overflow:hidden;width:100%;height:100vh;}

*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

* {margin:0;padding:0;outline:none;}

/* *:focus:not(:focus-visible) { outline: none }
*:focus-visible { outline: 2px solid var(--color-primary) } */

:root{
  --color-primary: #FF0000;
  --color-button: #DD2235;
  --text-color: #333;
  --text-color2: #666;
  --border-radius: 10px;
  --border-light: rgba(119,119,119,0.10);
  --imgwhite: brightness(0) invert(1);
  --imgblack: brightness(0);
}

/* CSS Tooltip — 網站風格提示框（JS 版，定位在 body 層級不受 overflow 裁切） */
.site-tooltip{position:absolute;background:var(--text-color);color:#fff;font-size:12px;line-height:1.4;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:9999;}

/* 字型：Google Noto Sans TC + Poppins（取代 HarmonyOS Sans SC，2026-03-24） */
/* 透過 <link> 在 app.blade.php 載入 Google Fonts CDN */
.hmb{font-weight: 700;}
.hml{font-weight: 300;}
.hmm{font-weight: 500;}
.hmr{font-weight: 400;}
.pps{font-family: 'Poppins', sans-serif; font-weight: 600;}

body {position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;overflow-x:hidden;position:relative;padding:0;width:100%;color: var(--text-color);font-family:'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang TC', 'Microsoft JhengHei', Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.5;background:#F5F6FA;word-break: break-all;}

ul,ul li,ol li,tr td,dl,dd {list-style-type:none;margin:0;padding:0;}
/* ✅ Bug #23b/24: 富文本內容區域加回列表樣式（後台編輯的有序/無序列表） */
/* 涵蓋所有可能顯示 UEditor/CKEditor 富文本的容器，但排除加購/相關產品的結構性 ul */
.item_cptx .swpbox ol, .item_cptx .swpbox ul, .edit ol, .edit ul, .pprg ol, .pprg ul, .lbt ol, .lbt ul, .det ol, .det ul { padding-left: 2em; margin: 0.5em 0; }
.item_cptx .swpbox ol, .edit ol, .pprg ol, .lbt ol, .det ol { list-style-type: decimal; }
.item_cptx .swpbox ol li, .edit ol li, .pprg ol li, .lbt ol li, .det ol li { list-style-type: decimal; }
.item_cptx .swpbox ul, .edit ul, .pprg ul, .lbt ul, .det ul { list-style-type: disc; }
.item_cptx .swpbox ul li, .edit ul li, .pprg ul li, .lbt ul li, .det ul li { list-style-type: disc; }
.clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
a {display:inline-block;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);color: var(--text-color);-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}
textarea,select {outline:none;color:var(--text-color);font-size: 14px;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:inherit;}
img {border:none;max-width:100%;display:block;width: 100%;}
img[src=""] {opacity:0;}
i {font-style:normal;}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;}
.fw_100 {font-weight:100;}
.img_cct {width:100%;opacity:0;}
.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line7 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:7;-moz-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;box-orient:vertical;}
.place::-webkit-input-placeholder {color:rgba(153, 153, 153, 0.6);}
.place:-moz-placeholder {color:rgba(153, 153, 153, 0.6);}
.place::-moz-placeholder {color:rgba(153, 153, 153, 0.6);}
.place:-ms-input-placeholder {color:rgba(153, 153, 153, 0.6);}

.place2::-webkit-input-placeholder {color:#999;}
.place2:-moz-placeholder {color:#999;}
.place2::-moz-placeholder {color:#999;}
.place2:-ms-input-placeholder {color:#999;}

.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justif {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.text-bold {font-weight:bold;}
.imgTwo{position: relative;}
.imgTwo img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}
.imghover:hover .imgTwo img:nth-child(1){opacity: 0;}
.imghover:hover .imgTwo img:nth-child(2){opacity: 1;}
.imgTwohover:hover img:nth-child(1){opacity: 0;}
.imgTwohover:hover img:nth-child(2){opacity: 1;}
.zId5 {z-index:5;}
.zId4 {z-index:4;}
.zId3 {z-index:3;}
.zId2 {z-index:2;}
.zId1 {z-index:1;}


/* 滚动条样式 */*
/* ::-webkit-scrollbar {width:4px;height:1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);} */
.scroll1::-webkit-scrollbar {width:3px;height:1px;}
.scroll1::-webkit-scrollbar-thumb{ background:var(--color-primary);}
.scroll1::-webkit-scrollbar-track{ background:#DDDDDD;}

.scroll2::-webkit-scrollbar {width:7px;height:1px;}
.scroll2::-webkit-scrollbar-thumb{ background:#666666;border-radius: 7px;}
.scroll2::-webkit-scrollbar-track{ background:#E4E4E4;border-radius: 7px;}

/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:inherit;outline:none;}
input[type="submit"] {background-color:transparent;cursor:pointer;}
input[type="button"],input[type="submit"],input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand {display:none;}

h3 {font-weight:500;}
.f_12 {font-size:12px;}
.f_14 {font-size:14px;line-height: 19px;}
.f_16 {font-size:16px;}
.f_18 {font-size:18px;}
.f_20 {font-size:20px;}
.f_22 {font-size:22px;}
.f_24 {font-size:24px;}
.f_26 {font-size:26px;}
.f_28 {font-size:28px;}
.f_30 {font-size:30px;}
.f_32 {font-size:32px;}
.f_34 {font-size:34px;}
.f_36 {font-size:36px;}
.f_38 {font-size:38px;}
.f_40 {font-size:40px;}
.f_42 {font-size:42px;}
.f_44 {font-size:44px;}
.f_46 {font-size:46px;}
.f_48 {font-size:48px;}
.f_50 {font-size:50px;}
.f_52 {font-size:52px;}
.f_54 {font-size:54px;}
.f_56 {font-size:56px;}
.f_58 {font-size:58px;}
.f_60 {font-size:60px;}
.f_62 {font-size:62px;}
.f_64 {font-size:64px;}
.f_66 {font-size:66px;}
.f_68 {font-size:68px;}
.f_70 {font-size:70px;}
.f_72 {font-size:72px;}
.f_74 {font-size:74px;}
.f_76 {font-size:76px;}
.f_78 {font-size:78px;}
.f_80 {font-size:80px;}

.onetime{-webkit-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1);}

.alltime,.alltime:before,.alltime:after,.alltime *,.alltime *:before,.alltime *:after{-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.w100{width: 100%;}

/* common */
.mg30{margin-top: 0.3rem;}
.mg50{margin-top: 0.5rem;}
.mg55{margin-top: 0.55rem;}
.mg60{margin-top: 0.6rem;}
.mg80{margin-top: 0.8rem;}

.w1410{width: 90%;max-width: 1410px;margin: 0 auto;}

main{min-height: calc(100vh - 450px - 177px);}

.phbox{display: none;}

.footer{background: #fff;padding: 69px 0 23px;}

.footer .ul{display: flex;justify-content: space-between;}

.footer .ul .icon{width: 40px;height: 40px;margin: 0 auto;}

.footer .ul .icon img{max-height: 100%;object-fit: contain;margin: 0 auto;}

.footer .ul .tit{color: #000;margin-top: 20px;}

.footer .ul .det{line-height: calc(24 / 14);color: #999999;margin-top: 10px;}

.footer .ul .det a{color: #999;}

.footer .ul .det a:hover{color: var(--color-primary);}

.footer .bot{border-top: 1px solid rgba(33,33,33,.1);margin-top: 70px;padding-top: 30px;line-height: calc(24 / 14);color: #999;}

.footer .bot a{color: #999;}

.footer .bot a:hover{color: var(--color-primary);}

.hdtop{position: relative;z-index: 112;background: #111;}

.hdtop .w1410{display: flex;align-items: center;justify-content: space-between;}

.hdtop .left{line-height: calc(33 / 14);color: #fff;}

.hdtop .left span{color: var(--color-primary);}

.hdtop .center{line-height: calc(33 / 14);color: #fff;margin-left: 62px;}

.hdtop .center span{color: var(--color-primary);}

.hdtop .right{position: relative;}

.hdtop .right .top{display: flex;align-items: center;line-height: calc(33 / 14);color: #fff;cursor: pointer;}

.hdtop .right .top img{width: 9px;margin-left: 3px;transition: transform 0.2s;}

.hdtop .right.open .top img{transform: rotate(180deg);}

.hdtop .right .bot{position: absolute;top: 100%;right: 0;background: #fff;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.15);min-width: 120px;display: none;z-index: 120;}

.hdtop .right.open .bot{display: block;}

.hdtop .right .bot a{display: block;padding: 8px 16px;color: #333;white-space: nowrap;text-decoration: none;}

.hdtop .right .bot a:hover{background: #f5f5f5;color: var(--color-primary);}

.header{position: sticky;top: 0;z-index: 111;background: #fff;}

.header.on{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}

.header .htp{display: flex;align-items: flex-start;justify-content: space-between;padding: 21px 0 7px;}

.header .htp .logo{display: block;width: 282px;}

.header .htp .form{margin: 2px 50px 0 0.68rem;flex: 1;position: relative;border: 1px solid var(--color-primary);border-radius: 6px;}

.header .htp .form input[type=text]{display: block;width: 100%;height: 48px;padding: 0 200px 0 19px;background: none;}

.header .htp .form .filebox{border: 1px dashed #B7B7B7;border-radius: 3px;position: absolute;top: 0;bottom: 0;right: 90px;width: 120px;height: 30px;display: flex;align-items: center;justify-content: center;color: #999;margin: auto 0;cursor: pointer;}

.header .htp .form .filebox svg{flex-shrink: 0;}

.header .htp .form .filebox:hover{border-color: var(--color-primary);color: var(--color-primary);}

.header .htp .form .submit{position: absolute;top: -1px;right: -1px;width: 70px;height: 50px;background: var(--color-primary) url(../images/svg/head_search.svg) no-repeat center;font-size: 0;background-size: 19px auto;border-radius: 0 6px 6px 0;}

.header .htp .form .submit:hover{background-color: var(--color-button);}

.header .htp .form .filebox.dragover{border-color: var(--color-primary);background: rgba(0,49,140,0.06);}

.header .htp .right{display: flex;align-items: center;margin-top: 6px;}

.header .htp .right .line{width: 1px;height: 32px;background: #999;opacity: 0.4;margin: 0 16px;}

.header .htp .right a{display: flex;align-items: flex-start;}

.header .htp .right a .ico{width: 24px;margin-right: 6px;margin-top: 4px;}

.header .htp .right .login .txt .tt:first-child{line-height: 16px;margin-bottom: 3px;}

.header .htp .right .login .txt .tt:nth-child(2){display: flex;align-items: center;}

.header .htp .right .login .txt .tt span{width: 12px;margin-left: 2px;}

.header .htp .right .login .txt .ttok{transform: translateY(10px)}

.header .htp .right .login:hover .txt .tt{color: var(--color-primary);}

.header .htp .right .shopping .txt{padding-top: 2px;}

.header .htp .right .shopping{display:flex;align-items:center;}
.header .htp .right .shopping .ico{margin-top:0;}

.header .htp .right .shopping .txt .tt{display: flex;align-items: center;}

.header .htp .right .shopping .txt .tt span{width: 12px;margin-left: 2px;}

.header .htp .right .shopping:hover .txt .tt{color: var(--color-primary);}

/* 詢價車 hover popup */
.cart-popup{position:absolute;top:100%;right:0;width:360px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:999;margin-top:8px;}
.cart-popup::before{content:'';position:absolute;top:-6px;right:30px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.05);}
.cart-popup-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee;font-size:14px;font-weight:bold;color:#333;}
.cart-popup-count{font-weight:normal;color:#999;font-size:13px;}
.cart-popup-body{max-height:300px;overflow-y:auto;padding:0;}
.cart-popup-loading{text-align:center;padding:40px 0;color:#999;font-size:14px;}
.cart-popup-empty{text-align:center;padding:40px 0;color:#999;font-size:14px;}
.cart-popup-item{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f5f5f5;gap:10px;}
.cart-popup-item:last-child{border-bottom:none;}
.cart-popup-item .cp-img{width:50px;height:50px;min-width:50px;border-radius:4px;overflow:hidden;background:#f9f9f9;}
.cart-popup-item .cp-img img{width:100%;height:100%;object-fit:contain;}
.cart-popup-item .cp-info{flex:1;min-width:0;}
.cart-popup-item .cp-name{font-size:13px;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cart-popup-item .cp-no{font-size:12px;color:#999;margin-top:2px;}
.cart-popup-item .cp-qty{font-size:13px;color:#666;white-space:nowrap;margin-left:8px;}
.cart-popup-footer{padding:10px 16px;border-top:1px solid #eee;text-align:right;}
.cart-popup-btn{display:inline-block !important;background:var(--color-primary);color:#fff;border-radius:6px;padding:6px 16px;font-size:13px;text-decoration:none;}
.cart-popup-btn:hover{opacity:.9;color:#fff;}
.cart-popup-more{font-size:12px;color:#999;text-align:center;padding:6px 0 2px;}
.cart-popup-item .cp-price{font-size:12px;color:#DD2235;margin-top:2px;}
.shop-cart-popup{position:absolute;top:100%;right:0;width:360px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:999;margin-top:8px;}
.shop-cart-popup::before{content:'';position:absolute;top:-6px;right:30px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.05);}
.shop-cart-popup-body{max-height:300px;overflow-y:auto;padding:0;}

.header .hbt{display: flex;justify-content: space-between;align-items: flex-end;justify-content: space-between;padding-left: 341px;}

.header .hbt .open{background: #E6E7EC;padding: 8px 26px 9px;border-radius: 6px;margin-bottom: 10px;}

.header .hbt .open:hover{background: var(--color-primary);color: #fff;}

.header .hbt .ul{display: flex;}

.header .hbt .ul .li{position: relative;margin-right: 40px;}

.header .hbt .ul .li .lv1 a{display: flex;align-items: center;line-height: calc(21 / 18);padding: 10px 0;position: relative;}

.header .hbt .ul .li .lv1 a span{width: 12px;margin: 3px 0 0 8px;}

.header .hbt .ul .li:hover .lv1 a{color: var(--color-primary);}

.header .hbt .ul .li .lv1 a.act{color: #F00;}

.header .hbt .ul .li .lv1 a.act:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #F00;}

.sidebar{position: fixed;right: 0;top: 20%;bottom: 0;margin: auto 0;height: fit-content;z-index: 100;-webkit-transition: right .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: right .4s cubic-bezier(0.4, 0, 0.2, 1); transition: right .4s cubic-bezier(0.4, 0, 0.2, 1);}

.sidebar .ul{border: 1px solid #E9E9E9;border-right: none;padding: 16px 10px;background: #fff;border-radius: 0 0 0 10px;}

.sidebar .ul .li{position: relative;}

.sidebar .ul .li:not(:first-child){border-top: 1px solid #E6E6E6;}

.sidebar .ul .li .ss{display: block;padding: 14px 0;}

.sidebar .ul .li .ss .icon{width: 26px;margin: 0 auto;}

.sidebar .ul .li .ss .text{line-height: calc(16 / 14);margin-top: 10px;text-align: center;padding: 0 5px;}

.sidebar .ul .li .ss:hover .text{color: var(--color-primary);}

.sidebar .ul .li.li_lxwm .pop{position: absolute;top: 0;right: 100%;padding-right: 20px;width: max-content;transform: translateX(-30px);opacity: 0;pointer-events: none;overflow: hidden;}

.sidebar .ul .li.li_lxwm:hover .pop{transform: translateX(0);opacity: 1;visibility: visible;pointer-events: all;}

.sidebar .ul .li.li_lxwm .pop .link{background: #fff;border: 1px solid #D9D9D9;border-radius: 6px;padding: 17px 0 15px;}

.sidebar .ul .li.li_lxwm .pop .link a{display: block;text-align: center;padding: 0 19px;line-height: calc(16 / 14);position: relative;}

.sidebar .ul .li.li_lxwm .pop .link a::before{content: "";position: absolute;left: -1px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 12px;background: var(--color-primary);opacity: 0;}

.sidebar .ul .li.li_lxwm .pop .link a:not(:first-child){margin-top: 16px;}

.sidebar .ul .li.li_lxwm .pop .link a:hover{color: var(--color-primary);}

.sidebar .ul .li.li_lxwm .pop .link a:hover::before{opacity: 1;}

.sidebar .sidebar_btn{position: absolute;background: #CCCCCC;top: 0;right: 100%;border-radius: 10px 0 0 10px;width: 34px;height: 82px;display: flex;align-items: center;justify-content: center;}

.sidebar .sidebar_btn span{color: #fff;transform: rotate(90deg);letter-spacing: 0.11em;white-space: nowrap;}

.sidebar .sidebar_btn span:nth-child(2){display: none;}

.sidebar .sidebar_btn:hover{background: var(--color-primary);}

.sidebar .back{display: none;}

.sidebar.on{right: -128px;}

.sidebar.on .sidebar_btn span:nth-child(1){display: none;}

.sidebar.on .sidebar_btn span:nth-child(2){display: block;}

.sidebar.act .back{display: block;}


/* index */
.indexLayout{padding: 20px 0 80px;}

.main_tit{line-height: calc(38 / 32);}

.main_more{display: flex;align-items: center;line-height: calc(16 / 14);}

.main_more .imgTwo{width: 7px;margin-left: 4px;}

.main_more.imghover:hover{color: var(--color-primary);}

.in4 .swiper-slide{height: auto;}

.in4 .ss{display: block;height: 100%;background: #fff;border-radius: var(--border-radius);padding: 11px 20px 76px 17px;position: relative;overflow: hidden;}

.in4 .ss::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 100%;height: 3px;background: var(--color-primary);}

.in4 .ss .icon{height: 40px;}

.in4 .ss .icon img{width: auto;height: 100%;object-fit: contain;}

.in4 .ss .t1{margin-top: 9px;line-height: calc(26 / 18);height: calc(26 / 18 * 2em);}

.in4 .ss .img{height: 148px;display: flex;align-items: center;justify-content: center;}

.in4 .ss .img img{width: auto;max-width: 100%;max-height: 100%;object-fit: contain;margin-top: 10px;}

.in4 .ss .t2{margin-top: 20px;line-height: calc(30 / 16);color: var(--text-color2);}

.in4 .ss .t2 p{padding-left: calc(24 / 16 * 1em);position: relative;}

.in4 .ss .t2 p::before{content: "";position: absolute;width: 4px;height: 4px;background: var(--text-color2);border-radius: 50%;top: calc(30 / 16 * 0.5em - 2px);left: calc(24 / 16 * 0.5em - 2px);}

.in4 .ss .main_more{position: absolute;left: 25px;bottom: 30px;}

.in4 .ss:hover .t1{color: var(--color-primary);}

.in4 .ss:hover .main_more{color: var(--color-primary);}

.in4 .ss:hover::before{width: 100%;}

.swpbtn{display: flex;align-items: center;justify-content: center;}

.swpbtn a{margin: 0 15px;width: 14px;}

.swpbtn .pogin{display: flex;align-items: center;justify-content: center;padding: 0 15px;width: fit-content;flex-wrap: wrap;}

.swpbtn .pogin span{width: 10px;height: 10px;border-radius: 50%;background: #999999;margin: 0 20px 0 0 !important;opacity: 1;}

.swpbtn .pogin span:last-child{margin-right: 0 !important;}

.swpbtn .pogin span.swiper-pagination-bullet-active{background: var(--color-primary);}

.layout_more{display: flex;align-items: center;color: var(--color-primary);line-height: calc(19 / 16);}

.layout_more span{width: 7px;margin-left: 4px;}

.layout_more:hover{text-decoration: underline;text-underline-offset: 2px;}

.in3 .itp{display: flex;align-items: center;justify-content: space-between;}

.in3 .iox .ul{display: flex;flex-wrap: wrap;gap: 10px 9px;}

.in3 .iox .ul .li{width: calc((100% - 45px) / 6);}

.in3 .iox .ul .li .ss{background: #fff;height: 110px;border: 1px solid #E4E4E4;border-radius: var(--border-radius);padding: 19px;display: block;}

.in3 .iox .ul .li .ss img{height: 72px;width: auto;max-width: 100%;object-fit: contain;margin: 0 auto;}

.in2 .notice{display: flex;align-items: center;justify-content: center;padding: 7px 30px;background: url(../images/in2_1.png) no-repeat center;background-size: cover;border-radius: var(--border-radius);overflow: hidden;}

.in2 .notice .ico{width: 99px;margin-right: 15px;min-width: 99px;position: relative;}

.in2 .notice .ico img:nth-child(2){position: absolute;top: 0;left: 0;mix-blend-mode: luminosity;}

.in2 .notice .txt{line-height: calc(26 / 22);color: #fff;}

.in2 .ul{display: flex;flex-wrap: wrap;}

.in2 .ul .li{margin-right: 10px;width: calc((100% - 30px) / 4);margin-bottom: 10px;}

.in2 .ul .li:nth-child(4n){margin-right: 0;}

/* 動態欄數（home_module 在英文版可能只剩 1-3 個）：覆寫預設 4 欄佈局避免右邊留白 */
.in2 .ul.cols-1 .li{width: 100%;margin-right: 0;}
.in2 .ul.cols-2 .li{width: calc((100% - 10px) / 2);}
.in2 .ul.cols-2 .li:nth-child(2n){margin-right: 0;}
.in2 .ul.cols-3 .li{width: calc((100% - 20px) / 3);}
.in2 .ul.cols-3 .li:nth-child(3n){margin-right: 0;}

.in2 .ul .li .ss{position: relative;border-radius: var(--border-radius);background: #fff;height: 220px;overflow: hidden;display: flex;}

.in2 .ul .li .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--border-radius);border: 1px solid #E4E4E4;}

.in2 .ul .li .ss .txt{position: relative;z-index: 2;width: calc(261 / 463 * 100%);padding: 40px 30px;}

.in2 .ul .li .ss .img{position: relative;z-index: 2;width: calc(203 / 463 * 100%);height: 100%;overflow: hidden;}

.in2 .ul .li .ss .img img{height: 100%;object-fit: cover;}

.in2 .ul .li .ss .txt .t1{line-height: calc(28 / 24);}

.in2 .ul .li .ss .txt .t2{line-height: calc(24 / 16);color: var(--text-color2);margin-top: 14px;}

.in2 .ul .li .ss .txt .main_more{position: absolute;left: 31px;bottom: 34px;}

.in2 .ul .li .ss:hover .img img{transform: scale(1.1);}

.in2 .ul .li .ss:hover .txt .t1{color: var(--color-primary);}

.in2 .ul .li .ss:hover .txt .main_more{color: var(--color-primary);}

.in1 .iox{display: flex;justify-content: space-between;position: relative;min-height: 700px;}

.in1 .left{width: 330px;background: #fff;border-radius: var(--border-radius);position: absolute;top: 0;bottom: 0;left: 0;padding: 40px 0;z-index: 12;border: 1px solid #dcdde1;min-height: 700px;}

.in1 .left .ltp{position: absolute;top: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: space-between;height: 40px;padding: 0 30px;border-bottom: 1px solid rgba(230, 231, 236, 0.9);font-size: 14px;}

.in1 .left .ltp span{width: 8px;}

.in1 .left .ltp:hover{color: var(--color-primary);}

.in1 .left .lbt{position: absolute;left: 0;bottom: 1px;width: 100%;display: flex;align-items: center;height: 50px;padding: 0 30px;border-top: 1px solid rgba(230, 231, 236, 0.9);color: #0E89E6;background: #fff;}

.in1 .left .lbt:hover{text-decoration: underline;text-underline-offset: 2px;}

.in1 .left .ul{height: 100%;overflow-y: auto;padding: 15px 0;scrollbar-gutter: stable;}

.in1 .left .ul .li .lv1{line-height: 2;}

.in1 .left .ul .li .lv1 a{padding: 0 30px;display: flex;align-items: center;justify-content: space-between;margin-right: -8px;}

.in1 .left .ul .li .lv1 .imgTwo{transition: transform 0.3s;}
.in1 .left .ul .li.act .lv1 .imgTwo{transform: rotate(90deg);}

.in1 .left .ul .li .lv1 .tt{display: flex;}

.in1 .left .ul .li .lv1 .tt span{width: 26px;min-width: 26px;}

.in1 .left .ul .li.act .lv1 .tt,
.in1 .left .ul .li .lv1:hover .tt{color: var(--color-primary);}

.in1 .left .ul .li.act .lv1 .tt span,
.in1 .left .ul .li .lv1:hover .tt span{color: var(--color-primary);}

.in1 .left .ul .li.act .lv1 .imgTwo img:nth-child(1){opacity: 0;}

.in1 .left .ul .li.act .lv1 .imgTwo img:nth-child(2){opacity: 1;}

.in1 .left .ul .li .lv2list{display: none;}

.in1 .left .ul .li.act .lv2list{display: block;}

.in1 .left .ul .li .lv2 a{display: flex;justify-content: space-between;align-items: center;padding: 0 30px 0 56px;margin-right: -8px;line-height: 2;}

.in1 .left .ul .li .lv2 a .imgTwo{width: 8px;min-width: 8px;margin-left: 9px;}

.in1 .left .ul .li .lv2:hover a{background: rgba(230, 231, 236, 0.5);color: var(--color-primary);}

/* 2026-05-05 首頁側邊分類視覺層級（與內頁 .com_left 對齊）— 大類粗體深字、中類中粗中灰 */
.in1 .left .ul .li .lv1 a{font-weight: 700; color: #1a1a1a;}
.in1 .left .ul .li.act .lv1 a{background-color: #f7f8fa;}
.in1 .left .ul .li .lv2 a{font-weight: 500; color: #495057;}

.in1 .right{width: calc(100% - 340px);margin-left: auto;}

/* 分類快搜（首頁 + 內頁共用，2026-05-07） */
.cat-filter-wrap{position: relative;padding: 8px 16px;border-bottom: 1px solid rgba(230,231,236,.9);}
.cat-filter-wrap input{width: 100%;height: 34px;padding: 0 30px 0 12px;border: 1px solid #dcdde1;border-radius: 6px;font-size: 13px;background: #fff;color: #333;outline: none;transition: border-color .2s;}
.cat-filter-wrap input:focus{border-color: var(--color-primary);}
.cat-filter-wrap .cat-filter-icon{position: absolute;right: 24px;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;color: #999;pointer-events: none;}
.cat-filter-wrap .cat-filter-clear{position: absolute;right: 24px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;display: none;cursor: pointer;color: #999;background: transparent;border: 0;padding: 0;}
.cat-filter-wrap .cat-filter-clear:hover{color: #333;}
.cat-filter-wrap.has-value .cat-filter-icon{display: none;}
.cat-filter-wrap.has-value .cat-filter-clear{display: block;}
.cat-filter-empty{display: none;padding: 20px 16px;color: #999;font-size: 13px;text-align: center;}
.cat-filter-empty.show{display: block;}
/* 首頁版的 input 對齊 ltp 的內距 */
.in1 .left .cat-filter-wrap{position: absolute;top: 40px;left: 0;right: 0;background: #fff;z-index: 11;}
.in1 .left .ul{margin-top: 50px;height: calc(100% - 50px);}

.in1 .right .swiper{border-radius: var(--border-radius);overflow: hidden;}

.in1 .right .swiper-slide{height: 505px;}

.in1 .right .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.in1 .right .btnbox a{position: absolute;top: 50%;width: 40px;height: 40px;transform: translateY(-50%);border-radius: 40px;background: rgba(0, 0, 0, 0.19);backdrop-filter: blur(21.100000381469727px);z-index: 11;}

.in1 .right .btnbox a:hover{background: var(--color-primary);}

.in1 .right .btnbox a.prev{left: 40px;}

.in1 .right .btnbox a.next{right: 40px;}

.in1 .right .pogin{display: flex;align-items: center;justify-content: center;padding: 0 15px;width: 100%;position: absolute;bottom: 23px;left: 0;z-index: 11;}

.in1 .right .pogin span{width: 10px;height: 10px;border-radius: 50%;margin: 0 20px 0 0 !important;opacity: 1;border: 1px solid #333;background: #FFF;}

.in1 .right .pogin span:last-child{margin-right: 0 !important;}

.in1 .right .pogin span.swiper-pagination-bullet-active{background: var(--color-primary);}

.in1 .right .ul{display: flex;height: calc(100% - 505px);}

.in1 .right .ul .li{margin: 10px 10px 0 0;width: calc((100% - 30px) / 4);border-radius: var(--border-radius);background: #FFF;box-shadow: 0 7px 43.9px 0 rgba(199, 203, 218, 0.52);padding: 30px 20px 20px;position: relative;}

.in1 .right .ul .li:last-child{margin-right: 0;}

.in1 .right .ul .li .tit{line-height: calc(21 / 18);}

.in1 .right .ul .li .list{padding-top: 4px;}

.in1 .right .ul .li .list .it{margin-top: 14px;display: flex;align-items: flex-start;}

.in1 .right .ul .li .list .it .ico{width: 18px;}

.in1 .right .ul .li .list .it .txt{width: calc(100% - 28px);margin-left: 10px;line-height: 18px;color: var(--text-color2);}

.in1 .right .ul .li .list .it .txt a{display: block;color: var(--text-color2);}

.in1 .right .ul .li .list .it .txt a:hover{color: var(--color-primary);}

.in1 .right .ul .li .list a:hover .it .txt{color: var(--color-primary);}

.in1 .right .ul .li .hot_ico{position: absolute;right: 20px;bottom: 30px;width: 66px;}

.m_dw{position: relative;top: -149px;}

.inner_banner{position: relative;}

.inner_banner .img{height: 360px;}

.inner_banner .img img{height: 100%;object-fit: cover;}

.inner_banner .txt{position: absolute;top: 0;left: 0;width: 100%;padding-top: 35px;}

.inner_banner .txt .t1{line-height: calc(16 / 14);color: #fff;}

.inner_banner .txt .t1 span{color: var(--color-primary);}

.inner_banner .txt .t2{line-height: calc(47 / 40);color: #fff;margin-top: 61px;}

.inner_banner .txt .t3{line-height: calc(28 / 24);color: #fff;margin-top: 20px;}

.mainbox{position: relative;margin-top: -102px;padding-bottom: 115px;}

.ctt1{background: #fff;border-radius: 20px;padding: 60px calc(127 / 1410 * 100%) 62px;}

.ctt1 .tit{line-height: calc(33 / 24);}

.ctt1 .formbox{display: flex;flex-wrap: wrap;gap: 25px 16px;}

.ctt1 .formbox .item{width: calc((100% - 32px) / 3);}

.ctt1 .formbox .item.w50{width: calc(50% - 8px);}

.ctt1 .formbox .item.w100{width: 100%;}

.ctt1 .formbox .item .set{display: flex;line-height: calc(19 / 16);color: var(--text-color2);align-items: center;}

.ctt1 .formbox .item .set span{margin-right: 6px;line-height: calc(15 / 20);color: var(--color-primary);}

.ctt1 .formbox .item .det{margin-top: 17px;}

.ctt1 .formbox .item .det input[type=text]{display: block;width: 100%;height: 49px;border-radius: 5px;border: 1px solid #DBDBDB;padding: 0 10px;}

.ctt1 .formbox .item.item_type .det{display: flex;flex-wrap: wrap;padding: 8px 0 0 15px;gap: 15px 0.7rem;line-height: calc(19 / 16);color: var(--text-color2);}

.ctt1 .formbox .item.item_type .det div{display: flex;align-items: center;}

.ctt1 .formbox .item.item_type .det div input{width: 14px;margin-right: 6px;opacity: 0;}

.ctt1 .formbox .item.item_type label{position: relative;}

.ctt1 .formbox .item.item_type label::before{content: "";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;background: #E6E6E6;border-radius: 2px;}

.ctt1 .formbox .item.item_type label::after{content: "✓";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;opacity: 0;font-size: 12px;line-height: 1;color: #fff;text-align: center;}

.ctt1 .formbox .item.item_type input[type="radio"]:checked + label::before{background: var(--color-primary);}

.ctt1 .formbox .item.item_type input[type="radio"]:checked + label::after{opacity: 1;}

.ctt1 .formbox .item.item_detail{padding: 25px 0 12px;}

.ctt1 .formbox .item.item_detail .det{margin-top: 20px;}

.ctt1 .formbox .item.item_detail .det textarea{display: block;width: 100%;resize: none;padding: 19px 12px;border-radius: 10px;border: 1px solid #DBDBDB;height: 192px;}

.ctt1 .formbox .submit{width: 100%;margin-top: 36px;}

.ctt1 .formbox .submit input{display: block;width: 168px;height: 48px;border-radius: 7px;margin: 0 auto;background: var(--color-primary);color: #fff;}

.ctt1 .formbox .submit input:hover{background: var(--color-button);}

.ctt2{margin-top: 115px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.ctt2 .right{width: calc(810 / 1410 * 100%);border-radius: 20px;overflow: hidden;}

.ctt2 .right img{height: 100%;object-fit: cover;}

.ctt2 .left{width: calc(500 / 1410 * 100%);padding-top: 32px;}

.ctt2 .left .tit{line-height: calc(54 / 40);}

.ctt2 .left .list{padding-top: 53px;}

.ctt2 .left .item{margin-top: 25px;}

.ctt2 .left .item .set{display: flex;align-items: center;line-height: calc(21 / 18);color: var(--text-color2);}

.ctt2 .left .item .set .icon{width: 29px;}

.ctt2 .left .item .set .icon img{width: 21px;}

.ctt2 .left .item .det{margin-top: 13px;padding-left: 29px;}

.ctt2 .left .item.item_tel .det{line-height: calc(45 / 30);}

.ctt2 .left .item.item_tel .det a{color: var(--color-primary);}

.ctt2 .left .item.item_tel .det a:hover{text-decoration: underline;text-underline-offset: 4px;}

.ctt2 .left .item.item_cz .det{line-height: calc(45 / 30);color: var(--color-primary);}

.ctt2 .left .item.item_emial .det{line-height: calc(32 / 20);}

.ctt2 .left .item.item_emial .det a:hover{color: var(--color-primary);}

.ctt2 .left .item.item_line .det{line-height: calc(32 / 20);color: var(--color-primary);}

.ctt2 .left .item.item_line .line-qrcode{margin-top: 10px;padding-left: 29px;}

.ctt2 .left .item.item_line .line-qrcode img{max-width: 150px;border-radius: 6px;}

.abtop{border-radius: 10px;background: #fff;overflow: hidden;padding: 0.8rem 1.25rem 0.9rem;}

.abtit{line-height: calc(47 / 40);}

.abtit span{color: var(--color-primary);}

.ab1{display: flex;flex-wrap: wrap;justify-content: space-between;}

.ab1 .left{flex: 1;}

.ab1 .right{margin-left: 50px;max-width: 800px;line-height: 2;}

.ab2{margin: 67px -1.25rem 0;position: relative;aspect-ratio: 141 / 50;}

.ab2 img{width: 100%;height: 100%;object-fit: cover;}

.ab2 video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.ab3{margin-top: 130px;display: flex;justify-content: space-between;flex-wrap: wrap;}

.ab3 .left{width: calc(450 / 1160 * 100%);}

.ab3 .left .txt{margin-top: 80px;line-height: 2;letter-spacing: 0.03em;}

.ab3 .left .txt p:not(:first-child){margin-top: 23px;}

.ab3 .right{width: calc(630 / 1160 * 100%);}

.ab3 .right .swiper-slide{height: 400px;border-radius: 6px;overflow: hidden;}

.ab3 .right .swiper-slide img{height: 100%;object-fit: cover;}

.ab4{margin: 130px -1.25rem 0;padding: 50px 1.25rem 0;overflow: hidden;position: relative;}

.ab4::before{content: "";background: url(../images/ab4_1.png) top right;position: absolute;top: 0;left: 0;width: 100%;height: 400px;background-size: cover;}

.ab4 .text{width: calc(100% - 200px);position: relative;}

.ab4 .text .t1{line-height: 2;max-width: 410px;margin-top: 22px;}

.ab4 .text .t2{margin-top: 26px;}

.ab4 .text .t2 .it{display: flex;align-items: flex-start;margin-top: 10px;line-height: 2;}

.ab4 .text .t2 .it:first-child{margin-top: 0;}

.ab4 .text .t2 .it .set{display: flex;align-items: center;margin-right: 10px;color: var(--text-color2);}

.ab4 .text .t2 .it .set img{width: 26px;margin-right: 20px;}

.ab4 .text .t2 .it .det{color: #0E89E6;text-align: left;flex: 1;}

.ab4 .text .t2 .it .det a{color: #0E89E6;}

.ab4 .text .t2 .it .det a:hover{text-decoration: underline;text-underline-offset: 2px;}

.ab4 .swpbox{position: relative;margin-top: 50px;}

.ab4 .swpbox .swiper{overflow: visible;}

.ab4 .swpbox .swiper .swiper-slide{width: 350px;height: 400px;border-radius: 6px;overflow: hidden;}

.ab4 .swpbox .swiper .swiper-slide img{height: 100%;object-fit: cover;}

.swpbtn2{display: flex;align-items: center;}

.swpbtn2 a{width: 40px;border-radius: 50%;background: rgba(51,51,51,0.16);}

.swpbtn2 a:not(.swiper-button-disabled):hover{background: var(--color-primary);}

.swpbtn2 .next{margin-left: 30px;}

.ab4 .swpbox .swpbtn2{position: absolute;top: -90px;right: 0;}

/* 企業展示 swiper 標題（位置與右上角的 prev/next 按鈕並排對齊） */
.ab4 .swpbox .swp-caption{position:absolute;top:-86px;right:120px;color:#222;letter-spacing:.04em;}
@media (max-width: 1024px){
    .ab4 .swpbox .swp-caption{position:relative;top:0;right:0;margin-bottom:14px;}
}

.ab5{margin-top: 80px;}

.ab5 .tit{line-height: calc(32 / 24);letter-spacing: 0.03em;}

.ab5 .swpbox{margin-top: 40px;}

.ab5 .swpbox .swiper1{overflow: visible;}

.ab5 .swpbox .swiper1 .swiper-slide{width: 330px;}

.ab5 .swpbox .swiper1 .ss{position: relative;overflow: hidden;border-radius: 6px;}

.ab5 .swpbox .swiper1 .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;border-radius: 6px;border: 1px solid var(--color-primary);opacity: 0;pointer-events: none;}

.ab5 .swpbox .swiper1 .ss .img{height: 400px;position: relative;z-index: 2;}

.ab5 .swpbox .swiper1 .ss .img img{height: 100%;object-fit: cover;}

.ab5 .swpbox .swiper1 .ss .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 27px 20px 30px;z-index: 2;transform: translateY(100%);}

.ab5 .swpbox .swiper1 .ss .txt::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(245, 246, 250, 0.00) 0%, rgba(245, 246, 250, 0.95) 100%);backdrop-filter: blur(15px);}

.ab5 .swpbox .swiper1 .ss .txt .tt{display: flex;align-items: center;position: relative;z-index: 2;align-items: center;line-height: 2;}

.ab5 .swpbox .swiper1 .ss .txt .tt img{width: 22px;margin-right: 6px;}

.ab5 .swpbox .swiper1 .ss .txt .tt a{letter-spacing: 0.03em;}

.ab5 .swpbox .swiper1 .ss .txt .tt a:hover{color: var(--color-primary);}

.ab5 .swpbox .swiper1 .ss .txt .tt:not(:first-child){margin-top: 6px;}

.ab5 .swpbox .swiper1 .ss .year{position: absolute;top: 18px;left: 20px;width: fit-content;max-width: calc(100% - 40px);background: #fff;border-radius: 6px;padding: 8px 12px;line-height: calc(16 / 14);z-index: 3;}

.ab5 .swpbox .swiper1 .swiper-slide-active .ss .txt{transform: translateY(0);}

.ab5 .swpbox .swiper1 .swiper-slide-active .ss::before{opacity: 1;}

.ab5 .swpbox .swiper2{margin-top: 40px;overflow: hidden;}

.ab5 .swpbox .swiper2 .swiper-slide{width: auto;position: relative;}

.ab5 .swpbox .swiper2 .swiper-slide::before{content: "";position: absolute;top: 0.5px;width: calc(100% + 60px);left: 0;height: 1px;background: #CCCCCC;pointer-events: none;}

.ab5 .swpbox .swiper2 .swiper-slide:last-child::before{width: 100%;}

.ab5 .swpbox .swiper2 .swiper-slide .ss::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: var(--color-primary);opacity: 0;}

.ab5 .swpbox .swiper2 .ss{position: relative;text-align: center;padding-top: 20px;cursor: pointer;}

.ab5 .swpbox .swiper2 .t1{line-height: 2;letter-spacing: 0.03em;}

.ab5 .swpbox .swiper2 .t2{line-height: calc(16 / 14);letter-spacing: 0.03em;color: var(--text-color2);}

.ab5 .swpbox .swiper2 .swiper-slide-thumb-active .ss::after{opacity: 1;}

.ab5 .swpbox .swiper2 .swiper-slide-thumb-active .t1,
.ab5 .swpbox .swiper2 .swiper-slide-thumb-active .t2{color: var(--color-primary);}

.abbot{margin-top: 120px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}

.abbot .right{width: calc(810 / 1410 * 100%);border-radius: 20px;overflow: hidden;}

.abbot .right img{height: 100%;object-fit: cover;}

.abbot .left{width: calc(500 / 1410 * 100%);}

.abbot .left .list{padding-top: 40px;}

.abbot .left .list .item{margin-top: 50px;}

.abbot .left .list .item .set{line-height: calc(32 / 20);color: #0E89E6;display: flex;align-items: center;}

.abbot .left .list .item .set .icon{width: 24px;margin-right: 10px;min-width: 24px;}

.abbot .left .list .item .det{padding: 16px 0 0 34px;line-height: calc(19 / 16);}

.abbot .left .list .item .det p:not(:first-child){margin-top: 20px;}

.pts1{background: #fff;border-radius: 20px;padding: 60px 1.25rem 40px;}

.pts1 .tit{line-height: calc(33 / 24);padding-bottom: 28px;border-bottom: 1px solid #E6E7EC;}

.pts1 .edit{margin-top: 40px;line-height: 1.5;}

.pts1 .ctlist{margin-top: 40px;border: 1px solid #D9D9D9;border-radius: 6px;overflow: hidden;}

.pts1 .ctlist .ct_tit{background: #F5F6FA;padding: 18px 30px;}

.pts1 .ctlist .ul{line-height: 2;}

.pts1 .ctlist .li{border-top: 1px solid #D9D9D9;display: flex;align-items: center;justify-content: space-between;padding: 20px 24px 20px 30px;}

.pts1 .ctlist .li img{width: 20px;margin-right: 8px;}

.pts1 .ctlist .li .t2 a{color: var(--color-primary);}

.pts1 .ctlist .li .t2 a:hover{text-decoration: underline;}

.pts1 .ctlist .li .t2,
.pts1 .ctlist .li .t3{display: flex;align-items: center;}

.pts1 .ctlist .li .t3 a{text-decoration: underline;}

.pts1 .ctlist .li .t3 a:hover{color: var(--color-primary);}

.stm1{background: #fff;border-radius: 20px;padding: 60px 1.25rem;}

.stm1 .tit{line-height: calc(33 / 24);padding-bottom: 28px;border-bottom: 1px solid #E6E7EC;}

.stm1 .ul{border: 1px solid #D9D9D9;border-radius: 6px;margin-top: 40px;text-align: center;overflow: hidden;display: flex;padding-bottom: 30px;}

.stm1 .ul .li{flex: 1;}

.stm1 .ul .li .lv1{line-height: calc(19 / 16);padding: 17px 0;background: #F5F6FA;border-bottom: 1px solid #D9D9D9;white-space: nowrap;}

.stm1 .ul .li:first-child .lv1,
.stm1 .ul .li:first-child .lv2{padding-left: 15px;}

.stm1 .ul .li:last-child .lv1,
.stm1 .ul .li:last-child .lv2{padding-right: 30px;}

.stm1 .ul .li .lv2list{line-height: 2;padding-top: 20px;}

.stm1 .ul .li .lv2:not(:first-child){margin-top: 18px;}

.stm1 .ul .li .lv2 a{display: block;width: fit-content;color: #0E89E6;margin: 0 auto;}

.stm1 .ul .li .lv2 a:hover{text-decoration: underline;text-underline-offset: 2px;}

.pprg{background: #fff;border-radius: 10px;padding: 0.5rem 0.6rem;margin-top: 18px;}

.pprg .title{line-height: calc(21 / 18);}

.pprg .edit{border-top: 1px solid #E6E7EC;border-bottom: 1px solid #E6E7EC;margin-top: 15px;padding: 36px 0 30px;line-height: 1.5;}

.pprg .edit .tit{line-height: 1.5;padding-bottom: 12px;}

.pprg .edit .item{margin-top: 15px;}

.pprg .edit .item:first-child{margin-top: 0;}

/* 2026-04-24 限定為「直接子 span」，避免後台塞進來的整段 HTML 內所有 span（含 Word 殘留 font-family span）都被染成主色紅 */
.pprg .edit .item .itp > span{color: var(--color-primary);}

.pprg .edit .item .ibt{padding: 15px 0 12px;color: var(--text-color2);}

.pprg .edit .item .ibt p{position: relative;padding-left: 10px;}

.pprg .edit .item .ibt p:not(:first-child){margin-top: 14px;}

.pprg .edit .item .ibt p::before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #0E89E6;top: calc(0.75em - 2px);left: 0;position: absolute;}

.ppLayout .pca_con{padding-bottom: 120px;}

.crumbs a:last-child,
.crumbs a:hover{color: var(--color-primary);}

.spLayout{padding-bottom: 72px;}

.sppc1{border-radius: 10px;background: #fff;padding: 51px 61px 78px;margin-top: 18px;}

.sppc1 .item:not(:first-child){margin-top: 0.8rem;}

.sppc1 .item .tit{line-height: calc(21 / 18);border-bottom: 1px solid #E6E7EC;padding-bottom: 15px;margin-bottom: 15px;}

.sppc1 .item .det{line-height: 1.5;color: #666;}

.sppc1 .item .pic{line-height: 1.5;color: #666;}

.sppc1 .item .ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.2rem;margin-top: 0.36rem;}

.sppc1 .item .ul .li{width: 73px;text-align: center;}

.sppc1 .item .ul .li .icon{width: 73px;height: 73px;background: #0E89E6;border-radius: 10px;}

.sppc1 .item .ul .li .icon img{max-height: 100%;object-fit: contain;}

.sppc1 .item .ul .li .txt{line-height: 1.5;color: var(--text-color2);margin-top: 9px;}

.sppc1 .item .ul .li.line{height: 73px;display: flex;align-items: center;width: 32px;}

.returnsLayout{padding-bottom: 0.9rem;}

.returns1{background: #fff;border-radius: 10px;margin-top: 18px;padding: 0.5rem 0.6rem;}

.returns1 .tit{line-height: calc(21 / 18);padding-bottom: 15px;border-bottom: 1px solid #E6E7EC;}

.returns1 .ul .li{margin-top: 40px;padding-bottom: 20px;border-bottom: 1px solid #E6E7EC;}

.returns1 .ul .li .ltp{display: flex;justify-content: space-between;align-items: center;}

.returns1 .ul .li .ltp .txt{line-height: 1.5;}

.returns1 .ul .li .ltp .arr{width: 20px;}

.returns1 .ul .li .lbt{padding: 15px 0 10px;}

.returns1 .ul .li .lbt .set{line-height: 1.5;margin-top: 12px;}

.returns1 .ul .li .lbt .set span{color: var(--color-primary);}

.returns1 .ul .li .lbt .det{line-height: 1.5;color: var(--text-color2);padding: 12px 0;}

.returns1 .ul .li .lbt .det span{color: var(--color-primary);}

.returns1 .ul .li .lbt .det p{position: relative;padding-left: 10px;}

.returns1 .ul .li .lbt .det p:not(:first-child){margin-top: 14px;}

.returns1 .ul .li .lbt .det p::before{content: "";position: absolute;left: 0;top: calc(0.75em - 2px);width: 4px;height: 4px;border-radius: 50%;background: #0E89E6;}

.returns1 .ul .li.act .arr img:nth-child(1){opacity: 0;}

.returns1 .ul .li.act .arr img:nth-child(2){opacity: 1;}

.returns1 .ul .li.act .arr img{transform: rotate(180deg);}

.returns1 .ul .li .lbt .item{display: flex;justify-content: space-between;position: relative;}

.returns1 .ul .li .lbt .item:not(:last-child){padding-bottom: 50px;}

.returns1 .ul .li .lbt .item:not(:last-child)::before{content: "";position: absolute;left: 34px;top: 80px;width: 2px;height: calc(100% - 90px);background: url(../images/returns_line.png) repeat-y top center;}

.returns1 .ul .li .lbt .item .icon{width: 70px;height: 70px;background: #0E89E6;border-radius: 10px;display: flex;align-items: center;justify-content: center;}

.returns1 .ul .li .lbt .item .icon img{width: 40px;height: 40px;object-fit: contain;}

.returns1 .ul .li .lbt .item .text{width: calc(100% - 90px);}

.returns1 .ul .li .lbt .item .text .t1{line-height: 1.5;}

.returns1 .ul .li .lbt .item .text .t2{line-height: 1.5;color: var(--text-color2);margin-top: 14px;}

.returns1 .ul .li .lbt .item .text span{color: var(--color-primary);}

.returns1 .ul .li .lbt .item .text .t3 p{line-height: 1.5;color: var(--text-color2);position: relative;padding-left: 10px;}

.returns1 .ul .li .lbt .item .text .t3 p::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: #0E89E6;}

.returns1 .ul .li .lbt .item .text .t3 p{margin-top: 12px;}

/* Q2 富文字型：套用與 Q3 流程型一致的字級/行距/灰色 */
.returns1 .ul .li .lbt-rich{line-height: 1.5; color: var(--text-color2);}
/* 中和 Word 從剪貼簿帶進來的 inline font-family / font-size / color，統一吃站內字型 */
.returns1 .ul .li .lbt-rich *{font-family: inherit !important;}
.returns1 .ul .li .lbt-rich strong, .returns1 .ul .li .lbt-rich b{color: var(--text-color);}
.returns1 .ul .li .lbt-rich p{margin-top: 12px;}
.returns1 .ul .li .lbt-rich p:first-child{margin-top: 0;}
.returns1 .ul .li .lbt-rich ol, .returns1 .ul .li .lbt-rich ul{padding-left: 22px; margin-top: 8px;}
.returns1 .ul .li .lbt-rich li{margin-top: 6px; line-height: 1.5;}

/* ====================================================================
   全站：中和後台富文字（TipTap）從 Word 貼進來的殘留字型
   只動 font-family，顏色 / 粗體 / 字級 / 邊距都尊重編輯器設定
   ==================================================================== */
main [style*="font-family"],
main [style*="FONT-FAMILY"],
main [style*="font-family" i],
main font[face]{font-family: inherit !important;}

/* ====================================================================
   英文版：商品列表 / 詳情頁的「+Quote」當孤兒按鈕時佔滿、補上圓角
   （中文版維持兩按鈕並排的原設計）
   ==================================================================== */
/* 商品分類列表 list1/list2 */
:lang(en) .pcad_right .lists .list.list1 .item .right1 .links .btn:only-child,
:lang(en) .pcad_right .lists .list.list2 .item .txt .links .btn:only-child{
    width: 100%;
    border-radius: 0.1rem;
}
/* 商品詳情頁：英文版收藏沿用中文版固定寬度，+Quote 區塊維持中文版總寬，按鈕填滿 */
:lang(en) .pd1 .txt_box .btns1 .links .btn:only-child{width: 100%; border-radius: 0.1rem;}

.guidebox{background: #fff;padding: 0.5rem 0.6rem;border-radius: 10px;margin-top: 18px;}

.guidebox .title{line-height: calc(21 / 18);border-bottom: 1px solid #E6E7EC;padding-bottom: 15px;}

.guidebox .list{margin-top: 28px;}

.guidebox .item{position: relative;padding-bottom: 0.8rem;display: flex;}

.guidebox .item:not(:last-child)::before{content: "";position: absolute;left: 18px;top: 53px;width: 1px;height: calc(100% - 58px);border-left: 1px dashed #E6E7EC;}

.guidebox .item .number{width: 38px;height: 38px;border-radius: 50%;background: var(--color-primary);display: flex;align-items: center;justify-content: center;color: #fff;margin-top: 5px;}

.guidebox .item .text{width: calc(100% - 58px);margin-left: 20px;}

.guidebox .item .text .t1{line-height: calc(21 / 18);}

.guidebox .item .text .t2{line-height: 1.5;color: var(--text-color2);margin-top: 3px;}

.guidebox .item .text .t2 span{color: var(--color-primary);}

.guidebox .item .text .pic{margin-top: 43px;line-height: 1.5;color: #666;}

.inner_crumbs{color: #999999;line-height: calc(16 / 14);}

.inner_crumbs a{color: var(--text-color);}

.inner_crumbs a:last-child,
.inner_crumbs a:hover{color: var(--color-primary);}

.storeLayout{padding: 35px 0 1.37rem;}

.store1{margin-top: 50px;}

.store1 .li:not(:first-child){margin-top: 0.88rem;}

.store1 .li{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}

.store1 .li .left{width: 394px;}

.store1 .li .left .swiper{border-radius: 20px;overflow: hidden;}

.store1 .li .left .swiper-slide{height: 471px;}

.store1 .li .left .pogin{position: absolute;bottom: 30px;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;z-index: 11;}

.store1 .li .left .pogin span{width: 30px;height: 3px;border-radius: 6px;background: #fff;opacity: 1;margin: 0 !important;}

.store1 .li .left .pogin span.swiper-pagination-bullet-active{background: var(--color-primary);}

.store1 .li .left .swiper-slide img{height: 100%;object-fit: cover;}

.store1 .li .right{width: calc(100% - 394px - 0.68rem);display: flex;justify-content: space-between;}

.store1 .li .right .txt{width: calc(465 / 948 * 100%);}

.store1 .li .right .map{width: calc(443 / 948 * 100%);height: 471px;}

.store1 .li .right .map img{height: 100%;object-fit: cover;}

.store1 .li .right .txt .top{padding-bottom: 30px;border-bottom: 1px solid #E6E7EC;}

.store1 .li .right .txt .top .t1{line-height: calc(26 / 22);margin-bottom: 1em;}

.store1 .li .right .txt .top .t2:not(:last-child){margin-bottom: 1em;}

.store1 .li .right .txt .top .t2{display: flex;line-height: calc(33 / 16);align-items: flex-start;}

.store1 .li .right .txt .top .t2 .set{margin-right: 24px;color: var(--text-color2);position: relative;}

.store1 .li .right .txt .top .t2 .set::before{content: "";position: absolute;right: -12px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 11px;background: var(--text-color2);}

.store1 .li .right .txt .top .t2 .det{flex: 1;}

.store1 .li .right .txt .top .t2 .det a{display: block;width: fit-content;}

.store1 .li .right .txt .top .t2 .det a:hover{color: var(--color-primary);}

.store1 .li .right .txt .bot .item{margin-top: 20px;}

.store1 .li .right .txt .bot .item:first-child{margin-top: 30px;}

.store1 .li .right .txt .bot .item .set{position: relative;line-height: calc(33 / 16);color: var(--text-color2);padding-left: 8px;}

.store1 .li .right .txt .bot .item .set::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 11px;background: var(--color-primary);}

.store1 .li .right .txt .bot .item .det{line-height: calc(19 / 16);margin-top: 12px;}

.newsbox{padding: 0.8rem 0;}

.newsbox .ntp{display: flex;justify-content: flex-end;}

.newsbox .ntp .form{position: relative;border-radius: 6px;overflow: hidden;display: flex;}

.newsbox .ntp .form input[type=text]{display: block;width: 326px;height: 46px;background: #fff;padding: 0 10px;}

.newsbox .ntp .form .submit{display: block;width: 74px;height: 46px;background: #999 url(../images/svg/head_search.svg) no-repeat center;font-size: 0;}

.newsbox .ntp .form .submit:hover{background-color: var(--color-primary);}

.newsbox .ul{margin-top: 40px;}

.newsbox .ul .li:not(:first-child){margin-top: 30px;}

.newsbox .ul .li .ss{display: flex;padding: 20px 1.25rem 20px 20px;background: #fff;border-radius: 10px;position: relative;}

.newsbox .ul .li .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;border: 1px solid var(--color-primary);opacity: 0;pointer-events: none;}

.newsbox .ul .li .ss .imgbox{width: 222px;height: 175px;overflow: hidden;border-radius: 10px;}

.newsbox .ul .li .ss .txtbox{width: calc(100% - 272px);padding-top: 10px;margin-left: 50px;}

.newsbox .ul .li .ss .txtbox .t1{line-height: calc(28 / 24);}

.newsbox .ul .li .ss .txtbox .t2{line-height: 1.5;color: var(--text-color2);height: 3em;margin-top: 15px;}

.newsbox .ul .li .ss .txtbox .t3{display: flex;align-items: center;justify-content: space-between;margin-top: 28px;}

.newsbox .ul .li .ss .txtbox .t3 .more{height: 36px;padding: 0 20px;border-radius: 36px;display: flex;align-items: center;justify-content: center;color: #999;transform: translateX(-20px);}

.newsbox .ul .li .ss .txtbox .t3 .more span{margin-left: 8px;width: 8px;}

.newsbox .ul .li .ss .txtbox .t3 .date{line-height: 1.5;color: #999;}

.newsbox .ul .li .ss:hover::before{opacity: 1;}

.newsbox .ul .li .ss:hover .imgbox img{transform: scale(1.1);}

.newsbox .ul .li .ss:hover .txtbox .t1{color: var(--color-primary);}

.newsbox .ul .li .ss:hover .txtbox .t3 .more{transform: translateX(0);background: var(--color-primary);color: #fff;}

.pages{display: flex;align-items: center;justify-content: center;gap: 10px;}

.pages .pgbtn{background: #fff;border: 1px solid #BDBDBD;border-radius: 6px;text-align: center;display: flex;align-items: center;justify-content: center;width: 80px;height: 40px;color: #000;}

.pages .pgbtn:hover{background: var(--color-primary);color: #fff;border-color: var(--color-primary);}

.pages .num{width: 40px;height: 40px;border: 1px solid #BDBDBD;border-radius: 6px;background: #fff;display: flex;align-items: center;justify-content: center;color: #000;}

.pages .num.act,
.pages .num[href]:hover{background: var(--color-primary);color: #fff;border-color: var(--color-primary);}

.pages .pgbtn.pgto{width: 70px;}

.pages input{display: block;width: 40px;height: 40px;border: 1px solid var(--color-primary);border-radius: 6px;background: none;text-align: center;}

.ndet{background: #fff;border-radius: 10px;padding: 0.8rem 1.25rem 0.6rem;}

.ndet .title{line-height: calc(35 / 30);}

.ndet .status{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}

.ndet .status .left{display: flex;align-items: center;}

.ndet .status .left img{width: 20px;margin-right: 10px;}

.ndet .status .share{color: var(--text-color2);display: flex;align-items: center;gap: 12px;}

.ndet .status .share div{display: flex;align-items: center;gap: 10px;}

.ndet .status .share a{width: 20px;margin: 0;margin-right: 2px;background: none;height: 20px;border: none;font-size: 0;}

.ndet .status .share a.icon-facebook{background: url(../images/svg/facebook.svg) no-repeat center;background-size: 20px;}

.ndet .status .share a.icon-linkedin{background: url(../images/svg/ins.svg) no-repeat center;background-size: 21px;}

.ndet .edit{margin-top: 12px;border-top: 1px solid #E6E7EC;padding: 0.4rem 0 0.6rem;line-height: calc(30 / 16);}

.ndet .fanye{display: flex;align-items: center;justify-content: space-between;padding-top: 0.3rem;border-top: 1px solid #E6E7EC;}

.ndet .fanye .ss{display: flex;align-items: center;}

.ndet .fanye .ss .imgTwo{width: 8px;margin-right: 8px;}

.ndet .fanye .ss .text{line-height: 1.5;color: #999;max-width: 220px;}

.ndet .fanye .ss.next .imgTwo{margin-right: 0;margin-left: 8px;}

.ndet .fanye .ss.next .imgTwo img{transform: rotate(180deg);}

.ndet .fanye .ss:hover .text{color: var(--color-primary);text-decoration: underline;}

.calcLayout{padding: 0.35rem 0 0.87rem;}

.calcLayout .title{margin-top: 0.4rem;line-height: calc(23 / 20);}

.calcbox{margin-top: 25px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}

.calcbox .right{width: calc(960 / 1410 * 100%);}

.calcbox .left{width: calc(390 / 1410 * 100%);background: #fff;border-radius: 10px;padding: 26px 22px 28px;}

.calcbox .left .li:not(:first-child){padding-top: 0.3rem;border-top: 1px solid #E6E7EC;margin-top: 0.3rem;}

.calcbox .left .li .ltp{display: flex;align-items: center;justify-content: space-between;cursor: pointer;}

.calcbox .left .li .ltp .txt{line-height: calc(21 / 18);}

.calcbox .left .li .ltp .imgTwo{width: 20px;}

.calcbox .left .li .lbt{line-height: calc(16 / 14);padding-top: 0.26rem;display: none;}

.calcbox .left .li .lbt a{color: #0E89E6;display: block;width: fit-content;margin-top: 0.24rem;}

.calcbox .left .li .lbt a:first-child{margin-top: 0;}

.calcbox .left .li .lbt a:hover{text-decoration: underline;text-underline-offset: 2px;}

.calcbox .left .li.act .ltp .imgTwo img:nth-child(1){opacity: 0;}

.calcbox .left .li.act .ltp .imgTwo img:nth-child(2){opacity: 1;}

.calcbox .left .li.act .ltp .imgTwo img{transform: rotate(180deg);}

/* Calculator index card grid — icon-based cards */
.calcbox .right .ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}

.calcbox .right .ul .li .ss{display: flex;align-items: flex-start;gap: 16px;background: #fff;border-radius: 10px;padding: 20px;height: 100%;transition: box-shadow .2s, transform .15s;box-shadow: 0 1px 6px rgba(0,0,0,0.04);}

.calcbox .right .ul .li .ss:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.1);transform: translateY(-2px);}

.calcbox .right .ul .li .calc-icon-box{width: 48px;height: 48px;border-radius: 10px;background: #f0f4ff;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}

.calcbox .right .ul .li .calc-icon{display:flex;align-items:center;justify-content:center;color:#4a5d7a;}
.calcbox .right .ul .li .calc-icon svg{width:24px;height:24px;}

.calcbox .right .ul .li .txt{flex: 1;min-width: 0;}

.calcbox .right .ul .li .txt .t1{font-size: 15px;line-height: 1.3;margin: 0;}

.calcbox .right .ul .li .txt .t2{font-size: 13px;line-height: 1.5;color: #888;margin-top: 6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.calcbox .right .ul .li .txt .t3{display: inline-block;margin-top: 10px;padding: 4px 14px;border-radius: 4px;background: var(--color-primary);color: #fff;font-size: 13px;transition: background .2s;}

.calcbox .right .ul .li .txt .t3:hover{background: var(--color-button);}

@media (max-width: 1024px){.calcbox .right .ul{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 640px){.calcbox .right .ul{grid-template-columns: 1fr;}}

.nullLayout{padding: 1.79rem 0 1.11rem;}

.nullbox{width: 480px;background: #fff;border-radius: 10px;padding: 0 40px 30px;margin: 0 auto;}

.nullbox .icon{width: 254px;transform: translateY(-0.87rem);margin: 0 auto;}

.nullbox .txt{line-height: calc(26 / 24);text-align: center;}

.nullbox a{display: block;margin-top: 0.33rem;text-align: center;line-height: 50px;background: var(--color-primary);border-radius: 6px;color: #fff;}

.nullbox a:hover{background: var(--color-button);}

.loginLayout{background: url(../images/login_bg.jpg) no-repeat center;background-size: cover;padding: 50px 0;}

.login_flex{display: flex;align-items: flex-start;justify-content: space-between;gap: 40px;}
.login_promo{flex: 1;max-width: 560px;color: #fff;}
.login_promo_title{line-height: 1.4;margin-bottom: 20px;text-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.login_promo_desc{line-height: 1.8;opacity: 0.95;text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.login_promo_desc p{margin-bottom: 12px;}

/* 登入頁左側輪播廣告（位於介紹文字下方；沒介紹文字時就在頂部與登入框齊高） */
.login_promo_slider{position: relative;border-radius: var(--border-radius);overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.25);}
.login_promo_slider:not(:first-child){margin-top: 30px;}
.login_promo_slider .swiper-slide img{width: 100%;display: block;transition: transform 0.5s ease;}
.login_promo_slider .swiper-slide a{display: block;cursor: pointer;overflow: hidden;}
.login_promo_slider .swiper-slide a:hover img{transform: scale(1.05);}
.login_promo_slider .swiper-slide a::after{content: "";position: absolute;inset: 0;background: rgba(0,0,0,0);transition: background 0.3s ease;pointer-events: none;}
.login_promo_slider .swiper-slide a:hover::after{background: rgba(0,0,0,0.08);}
.login_promo_slider .swiper-slide{position: relative;}
.login_promo_pogin{position: absolute;bottom: 12px;left: 0;right: 0;text-align: center;z-index: 2;}
.login_promo_pogin .swiper-pagination-bullet{background: #fff;opacity: 0.6;}
.login_promo_pogin .swiper-pagination-bullet-active{opacity: 1;background: var(--color-primary);}

.loginbox{width: 480px;background: #fff;border-radius: 10px;padding: 40px;flex-shrink: 0;}

.loginbox .title{line-height: calc(23 / 20);}

.loginbox .form{padding-top: 10px;}

.loginbox .form .item{margin-top: 0.3rem;}

.loginbox .form .item .set{display: flex;align-items: center;color: var(--text-color2);}

.loginbox .form .item .set img{width: 20px;margin-right: 10px;}

.loginbox .form .item .det{margin-top: 10px;}

.loginbox .form .item .det input[type=text],
.loginbox .form .item .det input[type=password]{display: block;width: 100%;height: 50px;border: 1px solid #CCCCCC;border-radius: 6px;padding: 0 10px;}

.pwd-wrap{position: relative;}
.pwd-wrap input{padding-right: 40px !important;}
.pwd-toggle{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;cursor: pointer;opacity: 0.4;background: none;border: none;padding: 0;display: flex;align-items: center;justify-content: center;}
.pwd-toggle:hover{opacity: 0.7;}
.pwd-toggle svg{width: 20px;height: 20px;}

.loginbox .form .item.item_code .det{display: flex;align-items: center;gap: 10px;}

.loginbox .form .item.item_code .det input{flex: 1;}

.loginbox .form .item.item_code .det img{width: 120px;height: 50px;border-radius: 6px;object-fit: contain;}

.loginbox .form .item.item_code .det .code_reset{line-height: calc(16 / 14);color: #0E89E6;text-decoration: underline;text-underline-offset: 1px;}

.loginbox .form .link{display: flex;align-items: center;justify-content: space-between;margin-top: 0.26rem;}

.loginbox .form .link .status{display: flex;align-items: center;position:relative;}

.loginbox .form .link .status input{width: 14px;margin-right: 6px;opacity: 0;}

.loginbox .form .link .status label{position: relative;line-height: calc(16 / 14);color: var(--text-color2);}

.loginbox .form .link .status label::before{content: "";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;background: #E6E6E6;border-radius: 2px;}

.loginbox .form .link .status label::after{content: "✓";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;opacity: 0;font-size: 12px;line-height: 1;color: #fff;text-align: center;}

.loginbox .form .link .status input[type="checkbox"]:checked + label::before{background: var(--color-primary);}

.loginbox .form .link .status input[type="checkbox"]:checked + label::after{opacity: 1;}

.loginbox .form .link .status .remember-tip{position:absolute;left:0;top:calc(100% + 8px);background:#333;color:#fff;font-size:12px;padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:10;pointer-events:none;}
.loginbox .form .link .status .remember-tip::before{content:"";position:absolute;bottom:100%;left:14px;border:5px solid transparent;border-bottom-color:#333;}

.loginbox .form .link .forget{line-height: calc(16 / 14);color: var(--text-color2);}

.loginbox .form .link .forget:hover{color: var(--color-primary);}

.loginbox .form .submit{margin-top: 0.4rem;}

.loginbox .form .submit input{display: block;width: 100%;height: 50px;background: var(--color-primary);border-radius: 6px;color: #fff;}

.loginbox .form .submit input:hover{background: var(--color-button);}

.loginbox .form .register{margin-top: 0.24rem;line-height: calc(16 / 14);color: var(--text-color2);}

.loginbox .form .register a{color: var(--color-primary);text-decoration: underline;text-underline-offset: 1px;}

.error{display: none;line-height: calc(16 / 14);color: var(--color-primary);margin-top: 0.1rem;}

.error.act{display: flex;align-items: center;}

.error img{width: 16px;}

.succLayout{padding: calc(70px + 0.6rem) 0 50px;}

.succLayout .succbox{width: 480px;padding: 0 40px 40px;border-radius: 10px;background: #fff;margin: 0 auto;}

.succLayout .succbox .icon{width: 138px;transform: translateY(-0.6rem);margin: 0 auto;}

.succLayout .succbox .txt{line-height: calc(26 / 24);}

.succLayout .succbox a{display: block;width: 100%;text-align: center;background: var(--color-primary);line-height: 50px;color: #fff;margin-top: 0.4rem;border-radius: 6px;}

.succLayout .succbox a:hover{background: var(--color-button);}

.formLayout{padding: 70px 0 50px;}

.formLayout .title{line-height: calc(23 / 20);}

.formLayout .form{width: 480px;margin: 0.3rem auto 0;background: #fff;padding: 40px;border-radius: 10px;}

.formLayout .form .item{margin-top: 30px;}

.formLayout .form .set{display: flex;align-items: center;color: var(--text-color2);}

.formLayout .form .set span{margin-right: 6px;color: var(--color-primary);}

.formLayout .form .det{margin-top: 10px;}

.formLayout .form .det input[type=text],
.formLayout .form .det input[type=password]{display: block;width: 100%;height: 50px;border: 1px solid #CCCCCC;border-radius: 6px;padding: 0 10px;}

.formLayout .form .item_code .det{position: relative;}

.formLayout .form .item_code .det input{padding-right: 126px;}

.formLayout .form .item_code .det a{position: absolute;top: 6px;right: 6px;width: 114px;height: 39px;display: flex;align-items: center;justify-content: center;background: var(--color-primary);color: #fff;border-radius: 6px;}

.formLayout .form .item_code .det a.act{cursor: no-drop;background: #E6E6E6;color: var(--text-color2);}

.formLayout .form .submit{margin-top: 40px;}

.formLayout .form .submit input{display: block;width: 100%;height: 50px;border-radius: 6px;line-height: 50px;background: var(--color-primary);color: #fff;}

.formLayout .form .submit input:hover{background: var(--color-button);}

.rgtLayout{padding: 50px 0;}

.rgtLayout .form{background: #fff;border-radius: 10px;padding: 40px;margin-top: 30px;}

.rgtLayout .form .row1{display: flex;flex-wrap: wrap;justify-content: space-between;}

.rgtLayout .form .row1 .item{width: calc(310 / 1066 * (100% - 264px));}

.rgtLayout .form .item .set{display: flex;color: var(--text-color2);}

.rgtLayout .form .item .set span{color: var(--color-primary);margin-right: 6px;}

.rgtLayout .form .item .txt{line-height: 14px;color: #999;margin: 10px 0 0 10px;}

.rgtLayout .form .item .det{margin-top: 10px;}

.rgtLayout .form .item .det input[type=text],
.rgtLayout .form .item .det input[type=password]{display: block;width: 100%;height: 50px;border-radius: 6px;border: 1px solid #CCCCCC;padding: 0 10px;}

.rgtLayout .form .item.item_code{width: 264px;}

.rgtLayout .form .item.item_code .det{position: relative;}

.rgtLayout .form .item.item_code .det input{padding-right: 126px;}

.rgtLayout .form .item.item_code .det a{position: absolute;top: 6px;right: 6px;width: 114px;height: 39px;display: flex;align-items: center;justify-content: center;background: var(--color-primary);color: #fff;border-radius: 6px;}

.rgtLayout .form .row2{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0.3rem;}

.rgtLayout .form .row2 .item:nth-child(2){flex: 1;max-width: calc(400 / 1330 * 100%);}

.rgtLayout .form .item_radio .det{display: flex;}

.rgtLayout .form .item_radio .det div{display: flex;}

.rgtLayout .form .item_radio .det label{border: 1px solid #CCCCCC;width: fit-content;padding: 0 22px;height: 50px;display: flex;align-items: center;justify-content: center;}

.rgtLayout .form .item_radio .det div:first-child label{border-right: none;border-radius: 6px 0 0 6px;}

.rgtLayout .form .item_radio .det div:last-child label{border-left: none;border-radius: 0 6px 6px 0;}

.rgtLayout .form .item_radio .det input[type="radio"]:checked + label{background: var(--color-button);border-color: var(--color-button);color: #fff;font-weight: 500;}

.rgtLayout .form .row2 .item_date{width: 346px;}

.rgtLayout .form .row2 .item_date .det{display: flex;justify-content: space-between;}

.rgtLayout .form .row2 .item_date .det select{width: 110px;height: 50px;border-radius: 6px;border: 1px solid #CCCCCC;padding: 0 34px 0 11px;background: url(../images/svg/date_arr.svg) no-repeat right 11px center;color: var(--text-color2);}

.rgtLayout .form .row3{display: flex;justify-content: space-between;margin-top: 0.3rem;}

.rgtLayout .form .row3 .item{width: calc(620 / 1330 * 100%);width: calc(300 / 1330 * 100%);}

.rgtLayout .form .row4{display: flex;justify-content: space-between;margin-top: 0.3rem;}

.rgtLayout .form .row4 .item:first-child{width: calc(472 / 1330 * 100%);}

.rgtLayout .form .row4 .item:last-child{width: calc(768 / 1330 * 100%);}

.rgtLayout .form .item_address .det{display: flex;justify-content: space-between;}

.rgtLayout .form .item_address .det .add{width: 350px;display: flex;justify-content: space-between;}

.rgtLayout .form .item_address .det .add select{border: 1px solid #CCCCCC;border-radius: 6px;padding: 0 34px 0 9px;background: url(../images/svg/date_arr.svg) no-repeat right 11px center;color: var(--text-color2);}

.rgtLayout .form .item_address .det .add select:first-child{width: 102px;}

.rgtLayout .form .item_address .det .add select:nth-child(2){width: 116px;}

.rgtLayout .form .item_address .det .add select:nth-child(3){width: 116px;}

.rgtLayout .form .item_address .det input{flex: 1;margin-left: 10px;}

.rgtLayout .form .row5{text-align: center;margin-top: 0.24rem;}

.rgtLayout .form .row5 label{position: relative;line-height: calc(16 / 14);color: var(--text-color2);margin-left: 20px;}

.rgtLayout .form .row5 label::before{content: "";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;background: #E6E6E6;border-radius: 2px;}

.rgtLayout .form .row5 label::after{content: "✓";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 14px;height: 14px;opacity: 0;font-size: 12px;line-height: 1;color: #fff;text-align: center;}

.rgtLayout .form .row5 input[type="checkbox"]:checked + label::before{background: var(--color-primary);}

.rgtLayout .form .row5 input[type="checkbox"]:checked + label::after{opacity: 1;}

.rgtLayout .form .row5 label a{color: var(--color-primary);}

.rgtLayout .form .row5 label a:hover{text-decoration: underline;text-underline-offset: 1px;}

.rgtLayout .form .row6{display: flex;justify-content: center;margin-top: 0.4rem;}

.rgtLayout .form .row6 input{width: calc(50% - 0.2rem);max-width: 400px;height: 50px;border-radius: 6px;background: none;border: 1px solid #BDBDBD;color: var(--text-color2);}

.rgtLayout .form .row6 input:hover{background: var(--color-button);border-color: var(--color-button);color: #fff;}

.rgtLayout .form .row6 .submit{margin-right: 0.4rem;background: var(--color-primary);border-color: var(--color-primary);color: #fff;}

.rgtLayout .form .register{margin-top: 0.24rem;line-height: calc(16 / 14);color: var(--text-color2);}

.rgtLayout .form .register a{color: var(--color-primary);text-decoration: underline;text-underline-offset: 1px;}

.dialog{position: fixed;top: 0;left: 0;z-index: 300;width: 100%;height: 100%;background: rgba(0,0,0,0.57);display: none;}

.dialog .content{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 90vw;max-width: 1000px;height: fit-content;max-height: 90vh;overflow-y: auto;background: #fff;padding: 0.5rem 0.6rem 0.4rem;border-radius: 10px;background: #fff;}

.dialog .content .close{position: absolute;right: 0.2rem;top: 0.2rem;width: 24px;}

.dialog .content .confirm{display: block;width: fit-content;border-radius: 10px;background: var(--color-primary);color: #fff;text-align: center;line-height: 52px;width: 214px;}

.dialog .content .confirm:hover{background: var(--color-button);}

.dialog .content .item{display: none;}

.dialog .content .text{margin-bottom: 0.5rem;padding-right: 0.2rem;overflow-y: auto;max-height: calc(90vh - 0.9rem - 52px - 0.5rem);}

.dialog .content .tit{line-height: calc(28 / 24);}

.dialog .content .det{line-height: 1.5;color: var(--text-color2);margin-top: 0.3rem;}

.dialog .content .det p:not(:first-child){margin-top: 0.14rem;}

.dialog .content .det p{position: relative;padding-left: 10px;}

.dialog .content .det p::before{content: "";position: absolute;left: 0;top: calc(0.75em - 2px);width: 4px;height: 4px;border-radius: 50%;background: #0E89E6;}

/* 2026-04-24 條款 dialog（_pages_dialog）內容區是富文本，每段不該被加藍點與左內距 */
.dialog .content .text .item .det p{padding-left: 0;}
.dialog .content .text .item .det p::before{content: none;}

.dialog .content .t1{line-height: 1.5;color: var(--text-color2);margin-top: 0.3rem;}

.dialog .content .t2{line-height: 1.5;color: var(--text-color2);margin-top: 0.21rem;}



/* 产品类别 */
.pca_con{margin-top: 0.2rem;display: flex;justify-content: space-between;}
.com_left{width: 330px;padding-bottom: 10vh;}
.com_left .left_nav{width: 100%;background-color: #ffffff;border-radius: 0.1rem;margin-bottom: 0.5rem;padding-bottom: 0.3rem;border: 1px solid #dcdde1;}
.com_left .left_nav .tit{height: 40px;padding: 0 0.3rem;border-bottom: 1px solid #E6E7EC;display: flex;justify-content: space-between;align-items: center;font-weight: 500;color: #333;font-size: 14px;}
.com_left .left_nav .tit img{display: block;width: 0.08rem;}
.com_left .left_nav .list{padding: 0.15rem 0.08rem 0.15rem 0.3rem;min-height: 6.25rem;max-height: 6.25rem;overflow: auto;scrollbar-gutter: stable;}
.com_left .left_nav .list .item{line-height: 2;font-weight: 500;}
.com_left .left_nav .list .item .h_1{width: 100%;display: flex;padding-right: 0.2rem;justify-content: space-between;align-items: center;color: #333;cursor: pointer;}
.com_left .left_nav .list .item .h_1:hover{color: var(--color-primary)}

.com_left .left_nav .list .item .h_1>img{display: block;width: 0.08rem;transition: all 0.5s;}
.com_left .left_nav .list .item.show .h_1>img{transform: rotate(90deg);}
.com_left .left_nav .list .item>ul{padding-left: 0.27rem;font-weight: 400;padding-right: 0.2rem;display: none;}
.com_left .left_nav .list .item>ul .h_2{display: flex;align-items: center;justify-content: space-between;cursor: pointer;transition: all 0.5s;}
.com_left .left_nav .list .item>ul .h_2:hover{color: #FF0000;}
.com_left .left_nav .list .item>ul .h_2 .add{width: 0.1rem;height: 0.1rem;}
.com_left .left_nav .list .item>ul .h_2 .add img{width: 100%;height: 100%;object-fit: contain;}
.com_left .left_nav .list .item>ul .h_2 .add img.img2{display: none;}
.com_left .left_nav .list .item>ul .on>.h_2{color: var(--color-primary);}
.com_left .left_nav .list .item>ul .on .h_2 .add img.img2{display: block;}
.com_left .left_nav .list .item>ul .on .h_2 .add img.img1{display: none;}
.com_left .left_nav .list .item>ul ul{padding-left: 0.1rem;display: none;font-size: 13px;}
.com_left .left_nav .list .item>ul ul .on a{color: var(--color-primary);}
.com_left .left_nav .list .item>ul ul a{color: #333;transition: all 0.5s;}
.com_left .left_nav .list .item>ul ul a:hover{color: #FF0000;}

/* 2026-05-05 加強側邊分類三層視覺層級（大類/中類/小類）— 主管反映「大中小分類辨識度差」 */
.com_left .left_nav .list .item{position: relative; padding: 0; border-bottom: 1px solid #f1f3f5;}
.com_left .left_nav .list .item:last-child{border-bottom: none;}
/* 大類：粗體 + 深字；行高壓低（60-80 個分類不能太高） */
.com_left .left_nav .list .item .h_1{font-weight: 700; color: #1a1a1a; padding: 0.04rem 0.2rem 0.04rem 0.12rem; line-height: 1.6; border-radius: 0.04rem;}
.com_left .left_nav .list .item.show .h_1{background-color: #f7f8fa;}
.com_left .left_nav .list .item.show .h_1>span{color: var(--color-primary);}
/* 中類：中粗 + 中灰 + 縮排，與大類拉開 */
.com_left .left_nav .list .item>ul{padding-left: 0.4rem;}
.com_left .left_nav .list .item>ul .h_2{font-weight: 500; color: #495057; padding: 0.02rem 0;}
/* 小類：保持可讀字級（與中類同字級、稍灰、再縮一階） */
.com_left .left_nav .list .item>ul ul{padding-left: 0.22rem; font-size: 14px;}
.com_left .left_nav .list .item>ul ul li{font-weight: 400; line-height: 1.8;}
.com_left .left_nav .list .item>ul ul a{color: #495057;}

.com_left .left_pl{width: 100%;background-color: #ffffff;border-radius: 0.1rem;}
.com_left .left_pl .tit{padding: 0.15rem 0.3rem;border-bottom: 1px solid #E6E7EC;font-weight: 500;color: #333;}
.com_left .left_pl .list .item{width: 100%;padding: 0.2rem 0.2rem 0.2rem 0.3rem;display: flex;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid #E6E7EC;}
.com_left .left_pl .list .item:last-child{border-bottom: none;}
.com_left .left_pl .list .item .pic{width: 0.6rem;height: 0.6rem;overflow: hidden;}
.com_left .left_pl .list .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.com_left .left_pl .list .item:hover .pic img{transform: scale(1.05);}
.com_left .left_pl .list .item .txt{width: calc(100% - 0.68rem);}
.com_left .left_pl .list .item .txt .h_1{color: #000;font-weight: 400;margin-bottom: 0.12rem;}
.com_left .left_pl .list .item .txt .h_2{color: #000;font-weight: 500;margin-bottom: 0.06rem;}
.com_left .left_pl .list .item .txt .ps{display: flex;align-items: flex-end;line-height: 1;}
.com_left .left_pl .list .item .txt .ps .nums{display: flex;align-items: flex-end;line-height: 1;color: #F00;margin-right: 0.05rem;}
.com_left .left_pl .list .item .txt .ps .nums .num{margin-left: 0.03rem;}

.com_left .left_pl .list .item:hover .txt .h_2{color: #F00;}

.crumbs{display: flex;align-items: center;font-weight: 300;color: #333;}
.crumbs span{display: block;color: #999;}
.crumbs a{color: #333;}
.crumbs a.active{color: #F00;}
.com_rcon{width: calc(100% - 340px);}
.pca_right{margin-top: 0.25rem;}
.pca_right .form{width: 2.62rem;display: flex;border-radius: 0.06rem;overflow: hidden;}
.pca_right .form input{width: 1.88rem;line-height: 0.46rem;background-color: #fff;padding: 0 0.1rem;font-weight: 300;}
.pca_right .form button{width: 0.74rem;line-height: 0.46rem;border: none;background-color: #999;display: flex;justify-content: center;align-items: center;}
.pca_right .form button:hover{background: var(--color-primary);transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);cursor: pointer;}

.pca_right .form button img{width: 0.18rem;display: block;}
.pca_right .pca_top{width: 100%;background-color: #ffffff;border-radius: 0.06rem;display: flex;align-items: center; padding: 0.17rem 0.11rem;margin-top: 0.1rem;}
.pca_right .pca_top img{display: block;width: 0.18rem;height: 0.18rem;object-fit: contain;margin-right: 0.06rem;}
.pca_right .pca_top .p{display: flex;align-items: center;color: #333;font-weight: 400;}
.pca_right .pca_top .p span{color: #F00;margin: 0 0.04rem;}
.pca_right .list{padding-bottom: 0.5rem;}
.pca_right .list .item{margin-bottom: 0.4rem;margin-top: 0.4rem;}
.pca_right .list .item .tit1{padding-bottom: 0.15rem;border-bottom: 1px solid #E6E7EC;margin-bottom: 0.2rem;color: #333;font-weight: 500;line-height: 1.2;}
.pca_right .list .item .con1{display: flex;justify-content: space-between;align-items: flex-start;}
.pca_right .list .item .con1 .pic{width: 1.6rem;height: 1.6rem;border-radius: 0.06rem;overflow: hidden;}
.pca_right .list .item .con1 .pic img{width: 100%;height: 100%;transition: all 0.5s;object-fit: cover;}
.pca_right .list .item .con1 .pic:hover img{transform: scale(1.05);}
.pca_right .list .item .con1 ul{width: calc(100% - 1.9rem);border: 1px solid #D9D9D9;border-radius: 0.06rem;display: flex;flex-wrap: wrap;text-align: center;line-height: 0.6rem;background-color: #fff;border-top: none;overflow: hidden;}
.pca_right .list .item .con1 ul li{width: 33.33%;border-top: 1px solid #d9d9d9;position: relative;}
.pca_right .list .item .con1 ul li a{color: hmr;color: #333;transition: all 0.5s;display: block;position: relative;transition: all 0.5s;}
.pca_right .list .item .con1 ul li a:hover{color: #F00;}
.pca_right .list .item .con1 ul li a:after{content: "";position: absolute;bottom: 0.12rem;left: 50%;transform: translateX(-50%);width: 0.6rem;height: 2px;background-color: #F00;bottom: 0;opacity: 0;transition: all 0.3s;}
.pca_right .list .item .con1 ul li::before{content: "";position: absolute;top: -1px;left: 100%;width: 100%;height: 1px;background-color: #d9d9d9;}
.pca_right .list .item .con1 ul li:hover a:after{bottom: 0.12rem;opacity: 1;}

.pcad_right{margin-top: 0.25rem;padding-bottom: 1.6rem;}

/* === 進階搜索統一面板 === */
.pcad_right .advanced_search{background-color: #fff;border-radius: 0.08rem;border: 1px solid #e8e8e8;padding: 0.2rem 0.24rem;margin-bottom: 0.1rem;}
.pcad_right .advanced_search .as_header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.16rem;}
.pcad_right .advanced_search .as_title{display: flex;align-items: center;color: #333;font-weight: 500;}
.pcad_right .advanced_search .as_title img{width: 0.18rem;height: 0.18rem;object-fit: contain;margin-right: 0.06rem;}
.pcad_right .advanced_search .as_collapse{color: #999;cursor: pointer;user-select: none;transition: color 0.2s;}
.pcad_right .advanced_search .as_collapse:hover{color: #F00;}
.pcad_right .advanced_search .as_collapse i{margin-left: 0.04rem;}
.pcad_right .advanced_search .as_body{}
.pcad_right .advanced_search .as_section{margin-bottom: 0.16rem;}
.pcad_right .advanced_search .as_section:last-child{margin-bottom: 0;}
.pcad_right .advanced_search .as_label{color: #666;font-weight: 400;margin-bottom: 0.1rem;padding-left: 0.02rem;}

.pcad_right .advanced_search .swiper-box{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.pcad_right .advanced_search .swiper-box .bn{display: flex;align-items: center;justify-content: center; width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: #99999950;cursor: pointer;transition: all 0.5s;}
.pcad_right .advanced_search .swiper-box .bn:hover{background-color: #f00;}
.pcad_right .advanced_search .swiper-box .bn img{width: 0.05rem;}
.pcad_right .advanced_search .swiper-box .t_swiper{width: calc(100% - 1.2rem);position: relative;overflow: hidden;}
.pcad_right .advanced_search .swiper-box .t_swiper .pic{width: 100%;height: 1.1rem;border-radius: 0.06rem;overflow: hidden;}
.pcad_right .advanced_search .swiper-box .t_swiper .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pcad_right .advanced_search .swiper-box .t_swiper .pic:hover img{transform: scale(1.05);}
.pcad_right .advanced_search .swiper-box .t_swiper .txt{text-align: center;margin-top: 0.08rem;color: #333;font-weight: 400;line-height: 1.3;font-size:0.13rem;}

.pcad_right .advanced_search .form_box{display: flex;flex-wrap: wrap;gap: 0.08rem 0;}
.pcad_right .advanced_search .form_box .select{position: relative;width: 2.32rem;margin-right: 0.08rem}
.pcad_right .advanced_search .form_box .select .h{width: 100%;padding: 0 0.3rem 0 0.08rem;background-color: #f5f5f5;border-radius: 0.06rem;display: flex;justify-content: space-between;align-items: center;line-height: 0.46rem;}
.pcad_right .advanced_search .form_box .select .h img{display: block;width: 0.12rem;}
.pcad_right .advanced_search .form_box .select ul{position: absolute;top: 100%;left: 0;display: none;width: 5.02rem;}
.pcad_right .advanced_search .form_box .form{width: 2.62rem;display: flex;border-radius: 0.06rem;overflow: hidden;}
.pcad_right .advanced_search .form_box .form input{width: 1.88rem;line-height: 0.46rem;background-color: #f5f5f5;padding: 0 0.1rem;font-weight: 300;border: none;}
.pcad_right .advanced_search .form_box .form button{width: 0.74rem;line-height: 0.46rem;border: none;background-color: #999;display: flex;justify-content: center;align-items: center;}
.pcad_right .advanced_search .form_box .form button img{width: 0.18rem;display: block;}
.pcad_right .advanced_search .form_box .form button:hover{background: #F00;}

.pcad_right .advanced_search .filter_tags{display: flex;flex-wrap: wrap;align-items: center;padding: 0.1rem 0 0;margin-top: 0.12rem;border-top: 1px solid #f0f0f0;}
.pcad_right .advanced_search .filter_tags .tag{display: inline-flex;align-items: center;background-color: #f0f0f0;border: 1px solid #ddd;border-radius: 0.04rem;padding: 0.04rem 0.1rem;margin: 0.04rem 0.06rem 0.04rem 0;font-size: 0.14rem;font-weight: 400;color: #333;cursor: pointer;transition: all 0.2s;}
.pcad_right .advanced_search .filter_tags .tag:hover{background-color: #e0e0e0;border-color: #F00;color: #F00;}
.pcad_right .advanced_search .filter_tags .tag i{margin-left: 0.06rem;font-size: 0.12rem;}
.pcad_right .advanced_search .filter_tags .tag_clear{background-color: #fff;border-color: #F00;color: #F00;}
.pcad_right .advanced_search .filter_tags .tag_clear:hover{background-color: #F00;color: #fff;}
/* === /進階搜索統一面板 === */

.pcad_right .swiper-box{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.pcad_right .swiper-box .bn{display: flex;align-items: center;justify-content: center; width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: #99999950;cursor: pointer;transition: all 0.5s;}
.pcad_right .swiper-box .bn:hover{background-color: #f00;}
.pcad_right .swiper-box .bn img{width: 0.05rem;}
.pcad_right .swiper-box .t_swiper{width: calc(100% - 1.2rem);position: relative;overflow: hidden;}
.pcad_right .swiper-box .t_swiper .pic{width: 100%;height: 1.9rem;border-radius: 0.1rem;overflow: hidden;}
.pcad_right .swiper-box .t_swiper .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pcad_right .swiper-box .t_swiper .pic:hover img{transform: scale(1.05);}
.pcad_right .swiper-box .t_swiper .txt{text-align: center;margin-top: 0.16rem;color: #333;font-weight: 400;line-height: 1.3;}

.pcad_right .form_box{display: flex;flex-wrap: wrap;gap: 0.08rem 0;margin-top: 0.5rem;}
.pcad_right .form_box .select{position: relative;width: 2.32rem;margin-right: 0.08rem}
.pcad_right .form_box .select .h{width: 100%;padding: 0 0.3rem 0 0.08rem;background-color: #fff;border-radius: 0.06rem;display: flex;justify-content: space-between;align-items: center;line-height: 0.46rem;}
.pcad_right .form_box .select .h img{display: block;width: 0.12rem;}
.pcad_right .form_box .select ul{position: absolute;top: 100%;left: 0;display: none;width: 5.02rem;}
.pcad_right .form_box .form{width: 2.62rem;display: flex;border-radius: 0.06rem;overflow: hidden;}
.pcad_right .form_box .form input{width: 1.88rem;line-height: 0.46rem;background-color: #fff;padding: 0 0.1rem;font-weight: 300;}
.pcad_right .form_box .form button{width: 0.74rem;line-height: 0.46rem;border: none;background-color: #999;display: flex;justify-content: center;align-items: center;}
.pcad_right .form_box .form button img{width: 0.18rem;display: block;}

.pcad_right .form_box .form button:hover{background: #F00;}

.pcad_right .filter_tags{display: flex;flex-wrap: wrap;align-items: center;padding: 0.1rem 0;margin-top: 0.08rem;}
.pcad_right .filter_tags .tag{display: inline-flex;align-items: center;background-color: #f0f0f0;border: 1px solid #ddd;border-radius: 0.04rem;padding: 0.04rem 0.1rem;margin: 0.04rem 0.06rem 0.04rem 0;font-size: 0.14rem;font-weight: 400;color: #333;cursor: pointer;transition: all 0.2s;}
.pcad_right .filter_tags .tag:hover{background-color: #e0e0e0;border-color: #F00;color: #F00;}
.pcad_right .filter_tags .tag i{margin-left: 0.06rem;font-size: 0.12rem;}
.pcad_right .filter_tags .tag_clear{background-color: #fff;border-color: #F00;color: #F00;}
.pcad_right .filter_tags .tag_clear:hover{background-color: #F00;color: #fff;}

.pcad_right .pca_top{position: relative;width: 100%;background-color: #ffffff;border-radius: 0.06rem;display: flex;align-items: center; padding: 0.17rem 1.35rem 0.17rem 0.11rem;margin-top: 0.1rem;overflow: hidden;}
.pcad_right .pca_top img{display: block;width: 0.18rem;height: 0.18rem;object-fit: contain;margin-right: 0.06rem;}
.pcad_right .pca_top .p{display: flex;align-items: center;color: #333;font-weight: 400;}
.pcad_right .pca_top .p span{color: #F00;margin: 0 0.04rem;}
.pcad_right .pca_top .btns{position: absolute;top:0%;right: 0;width: fit-content;display: flex;height: 0.54rem;}
.pcad_right .pca_top .btns .btn{display: flex;width: 0.62rem;height: 100%;align-items: center;justify-content: center;cursor: pointer;}
.pcad_right .pca_top .btns .btn.on{background-color: #000;}
.pcad_right .pca_top .btns .btn.on img{filter: invert(100%);}
.pcad_right .pca_top .btns .btn img{width: 0.16rem;display: block;}
.pcad_right .pca_top .sort-tabs{display:flex;align-items:center;margin-left:0.2rem;gap:0.02rem;}
.pcad_right .pca_top .sort-tab{padding:0.04rem 0.12rem;font-size:0.14rem;cursor:pointer;color:#666;border-radius:0.04rem;white-space:nowrap;transition:color 0.2s,background-color 0.2s;}
.pcad_right .pca_top .sort-tab:hover{color:#333;background-color:#f5f5f5;}
.pcad_right .pca_top .sort-tab.active{background:#333;color:#fff;}
.pcad_right .pca_top .pagesize-select{display:flex;align-items:center;margin-left:auto;font-size:0.14rem;white-space:nowrap;}
.pcad_right .pca_top .pagesize-select>span{margin-right:0.06rem;color:#666;}
.pcad_right .pca_top .pagesize-select .el-select{width:0.7rem;}
.pcad_right .pca_top .pagesize-select .el-input__inner{height:0.3rem;line-height:0.3rem;font-size:0.13rem;}
.pcad_right .pca_top .tax-toggle{display:flex;align-items:center;margin-left:0.3rem;gap:0.02rem;}
.pcad_right .pca_top .tax-tab{padding:0.04rem 0.1rem;font-size:0.13rem;cursor:pointer;color:#666;border-radius:0.04rem;white-space:nowrap;transition:color 0.2s,background-color 0.2s;border:1px solid transparent;}
.pcad_right .pca_top .tax-tab:hover{color:#333;background-color:#f5f5f5;}
.pcad_right .pca_top .tax-tab.active{background:#1F833D;color:#fff;border-color:#1F833D;}
.pcad_right .lists{margin-top: 0.18rem;}
.pcad_right .lists .list{display: none;}
.pcad_right .lists .list.list1.on{display: block;}
.pcad_right .lists .list.list2.on{display: flex;flex-wrap: wrap;}
.pcad_right .lists .list.list1 .item{margin-bottom: 0.1rem;background-color: #ffffff;border-radius: 0.16rem;display: flex;padding: 0.3rem 0.24rem 0.36rem 0.24rem;position: relative;overflow: hidden;justify-content: space-between;width: 100%;}
.pcad_right .lists .list.list1 .item .tip{position: absolute;top: 0;left: 0;width: fit-content;line-height: 0.36rem;padding: 0 0.24rem;border-bottom-right-radius: 0.16rem;color: #fff;background-color: #1F833D;}

.pcad_right .lists .list.list1 .item .new{position: absolute;top: 0.05rem;left: -0.3rem;width: fit-content;line-height: 0.36rem;padding: 0 0.6rem 0 0.5rem;transform: rotate(-30deg); color: #fff;background-color: #f00;}

.pcad_right .lists .list.list1 .item .left1{display: flex;}
.pcad_right .lists .list.list1 .item .left1 .pic{width: 1.95rem;height: 1.58rem;margin-right: 0.62rem;}
.pcad_right .lists .list.list1 .item .left1 .txt{width: 3.2rem;}
.pcad_right .lists .list.list1 .item .left1 .txt .h_1{display: block;color: #F00;line-height: 1.2;font-weight: 400;margin-bottom: 0.1rem;}
.pcad_right .lists .list.list1 .item .left1 .txt .h_2{color: #333;line-height: 1.2;font-weight: 500;margin-bottom: 0.17rem;}
.pcad_right .lists .list.list1 .item .left1 .txt .h_2.hid{opacity: 0;}
.pcad_right .lists .list.list1 .item .left1 .txt .h_2.show{opacity: 1;}
.pcad_right .lists .list.list1 .item .left1 .txt .p{color: #999;font-weight: 400;line-height: 1.2;height: 1.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.1rem;}
.pcad_right .lists .list.list1 .item .left1 .txt .p1{display: flex;}
.pcad_right .lists .list.list1 .item .left1 .txt .p1 span{display: block;margin-right: 0.12rem;line-height: calc(24 / 14);border: 1px solid rgba(204, 204, 204, 1);border-radius: 0.05rem;width: fit-content;padding: 0 0.1rem;color: #333;font-weight: 400;}
.pcad_right .lists .list.list1 .item .right1{position: relative;padding-top: 0.36rem;}
.pcad_right .lists .list.list1 .item .right1 .address{position: absolute;top: 0;right:0; display: flex;}
.pcad_right .lists .list.list1 .item .right1 .address a{display: block;margin-left: 0.12rem;line-height: 0.24rem;border: 1px solid rgba(204, 204, 204, 1);border-radius: 0.05rem;width: fit-content;padding: 0 0.1rem;color: #333;font-weight: 400;}
.pcad_right .lists .list.list1 .item .right1 .nums{display: flex;align-items: baseline;margin-bottom: 0.1rem;color: #f00;font-weight: 500;}
.pcad_right .lists .list.list1 .item .right1 .nums span{font-weight: 400;}
.pcad_right .lists .list.list1 .item .right1 .count{display: flex;margin-bottom: 0.12rem;border: 1px solid #ccc;border-radius: 0.08rem;width: fit-content;}
.pcad_right .lists .list.list1 .item .right1 .count .reduce,
.pcad_right .lists .list.list1 .item .right1 .count .addbtn{width: 0.3rem;height: 0.28rem;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.pcad_right .lists .list.list1 .item .right1 .count .reduce.hid,
.pcad_right .lists .list.list1 .item .right1 .count .addbtn.hid{pointer-events: none;opacity: 0.7;}
.pcad_right .lists .list.list1 .item .right1 .count .reduce img,
.pcad_right .lists .list.list1 .item .right1 .count .addbtn img{width: 0.13rem;}
.pcad_right .lists .list.list1 .item .right1 .count .num{width: 0.38rem;line-height: 0.28rem;text-align: center;color: #333;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.pcad_right .lists .list.list1 .item .right1 .links{width: 4rem;display: flex;}
.pcad_right .lists .list.list1 .item .right1 .links .btn{width: 2rem;line-height: 0.5rem;text-align: center;font-weight: 500;transition: all 0.5s;}
.pcad_right .lists .list.list1 .item .right1 .links .btn:nth-child(1){border: 1px solid #D9D9D9;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;color: #333;}
.pcad_right .lists .list.list1 .item .right1 .links .btn:nth-child(2){border-top-right-radius: 0.1rem;border-bottom-right-radius: 0.1rem;background-color: #999;color: #fff;}
.pcad_right .lists .list.list1 .item .right1 .links .btn:hover{color: #fff;background-color: #f00;}
.pcad_right .lists .list.list2 .item{width: calc(33.33% - 0.1rem);margin-right: 0.13rem;margin-bottom: 0.2rem;background-color: #fff;border-radius: 0.16rem;overflow: hidden;position: relative;padding: 0.62rem 0.24rem 0.35rem 0.24rem;}

.pcad_right .lists .list.list1 .item .right1 .links.act .btn,
.pcad_right .lists .list.list1 .item .right1.act .links .btn{width: 100%;}

.pcad_right .lists .list.list1 .item .right1 .links.act .btn:nth-child(1),
.pcad_right .lists .list.list1 .item .right1.act .links .btn:nth-child(1){border-radius: 0.1rem;}

.pcad_right .lists .list.list1 .item .right1 .links.act .btn:nth-child(2),
.pcad_right .lists .list.list1 .item .right1.act .links .btn:nth-child(2){display: none;}


.pcad_right .lists .list.list1 .item .left1 .txt .h_1:hover{color: #F00;}

.pcad_right .lists .list.list2 .item .tip{position: absolute;top: 0;left: 0;width: fit-content;line-height: 0.36rem;padding: 0 0.24rem;border-bottom-right-radius: 0.16rem;color: #fff;background-color: #1F833D;z-index: 1;}

.pcad_right .lists .list.list2 .item .new{position: absolute;top: 0.05rem;left: -0.3rem;width: fit-content;line-height: 0.36rem;padding: 0 0.6rem 0 0.5rem;transform: rotate(-30deg); color: #fff;background-color: #f00;z-index: 2;}
.pcad_right .lists .list.list2 .item:nth-child(3n){margin-right: 0;}
.pcad_right .lists .list.list2 .item .pic{width: 100%;height: 1.95rem;margin-bottom: 0.4rem;position: relative;}
.pcad_right .lists .list.list2 .item .pic>a{display: block;width: 100%;height: 100%;}
.pcad_right .lists .list.list2 .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pcad_right .lists .list.list2 .item:hover .pic img{transform: scale(1.05);}
.pcad_right .lists .list.list2 .item .address{/*bottom: calc(100% + 0.2rem);*/top: -0.5rem; right: 0;position: absolute;width: fit-content;display: flex;flex-wrap: wrap;max-width: calc(100% - 90px);gap: 0.06rem;justify-content: flex-end;}
.pcad_right .lists .list.list2 .item .address a{display: block;line-height: 0.24rem;border: 1px solid rgba(204, 204, 204, 1);border-radius: 0.05rem;width: fit-content;padding: 0 0.1rem;color: #333;font-weight: 400;}
.pcad_right .lists .list.list2 .item .txt .h_1{color: #F00;line-height: 1.2;font-weight: 400;margin-bottom: 0.1rem;display: block;}
.pcad_right .lists .list.list2 .item .txt .h_2{color: #333;line-height: 1.2;height: 1.2em; font-weight: 500;margin-bottom: 0.1rem;}
.pcad_right .lists .list.list2 .item .txt .h_2.hid{opacity: 0;display: none;}
.pcad_right .lists .list.list2 .item .txt .h_2.show{opacity: 1;}
.pcad_right .lists .list.list2 .item .txt .p{color: #999;font-weight: 400;line-height: 1.2;height: 1.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.2rem;}
.pcad_right .lists .list.list2 .item .txt .nums{display: flex;align-items: baseline;margin-bottom: 0.1rem;color: #f00;font-weight: 500;}
.pcad_right .lists .list.list2 .item .txt .nums span{font-weight: 400;}
.pcad_right .lists .list.list2 .item .txt .count{display: flex;margin-bottom: 0.12rem;border: 1px solid #ccc;border-radius: 0.08rem;width: fit-content;}
.pcad_right .lists .list.list2 .item .txt .count .reduce,
.pcad_right .lists .list.list2 .item .txt .count .addbtn{width: 0.3rem;height: 0.28rem;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.pcad_right .lists .list.list2 .item .txt .count .reduce.hid,
.pcad_right .lists .list.list2 .item .txt .count .addbtn.hid{pointer-events: none;opacity: 0.7;}
.pcad_right .lists .list.list2 .item .txt .count .reduce img,
.pcad_right .lists .list.list2 .item .txt .count .addbtn img{width: 0.13rem;}
.pcad_right .lists .list.list2 .item .txt .count .num{width: 0.38rem;line-height: 0.28rem;text-align: center;color: #333;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.pcad_right .lists .list.list2 .item .txt .p1{display: flex;}
.pcad_right .lists .list.list2 .item .txt .p1 span{display: block;margin-right: 0.12rem;line-height: calc(24 / 14);border: 1px solid rgba(204, 204, 204, 1);border-radius: 0.05rem;width: fit-content;padding: 0 0.1rem;color: #333;font-weight: 400;}

.pcad_right .lists .list.list2 .item{display: flex;flex-direction: column;}

.pcad_right .lists .list.list2 .item .txt{display: flex;flex-direction: column;flex: 1;}

.pcad_right .lists .list.list2 .item .txt_bottom{margin-top: auto;}

.pcad_right .lists .list.list2 .item .txt .p1{margin-bottom: 0.26rem;}

.pcad_right .lists .list.list2 .item .txt .links{width: 100%;display: flex;}
.pcad_right .lists .list.list2 .item .txt .links .btn{width: 50%;line-height: 0.5rem;text-align: center;font-weight: 500;transition: all 0.5s;}
.pcad_right .lists .list.list2 .item .txt .links .btn:nth-child(1){border: 1px solid #D9D9D9;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;color: #333;}
.pcad_right .lists .list.list2 .item .txt .links .btn:nth-child(2){border-top-right-radius: 0.1rem;border-bottom-right-radius: 0.1rem;background-color: #999;color: #fff;}
.pcad_right .lists .list.list2 .item .txt .links .btn:hover{color: #fff;background-color: #f00;}

.pcad_right .lists .list.list2 .item .txt .links.act .btn,
.pcad_right .lists .list.list2 .item .txt.act .links .btn{width: 100%;}

.pcad_right .lists .list.list2 .item .txt .links.act .btn:nth-child(1),
.pcad_right .lists .list.list2 .item .txt.act .links .btn:nth-child(1){border-radius: 0.1rem;}

.pcad_right .lists .list.list2 .item .txt .links.act .btn:nth-child(2),
.pcad_right .lists .list.list2 .item .txt.act .links .btn:nth-child(2){display: none;}

.pcad_right .lists .list.list1 .item .right1.act .nums,
.pcad_right .lists .list.list2 .item .txt.act .nums{opacity: 0;pointer-events: none;display: none;}

.plist_right{padding-top: 0.3rem;}
.plist_right .box{margin-bottom: 0.4rem;}
.plist_right .box .num{color: #333;line-height: 1.3;font-weight: 500;padding-bottom: 0.15rem;border-bottom: 1px solid #E6E7EC90;margin-bottom: 0.2rem;}
.plist_right .box .list{width: 100%;border: 1px solid #D9D9D9;border-radius: 0.06rem;display: flex;flex-wrap: wrap;text-align: center;line-height: 0.6rem;background-color: #fff;border-top: none;overflow: hidden;}
.plist_right .box .list a{width: 33.33%;border-top: 1px solid #d9d9d9;}
.plist_right .box .list a{color: hmr;color: #333;transition: all 0.5s;display: block;position: relative;transition: all 0.5s;}
.plist_right .box .list a:hover{color: #F00;}
.plist_right .box .list a:after{content: "";position: absolute;bottom: 0.12rem;left: 50%;transform: translateX(-50%);width: 0.6rem;height: 2px;background-color: #F00;bottom: 0;opacity: 0;transition: all 0.3s;}
.plist_right .box .list a::before{content: "";position: absolute;top: -1px;left: 100%;width: 100%;height: 1px;background-color: #d9d9d9;}
.plist_right .box .list a:hover:after{bottom: 0.12rem;opacity: 1;}

.pld_right{padding-top: 0.3rem;}
.pld_right .tit{color: #f00;line-height: 1.3;font-weight: 500;padding-bottom: 0.15rem;border-bottom: 1px solid #E6E7EC90;margin-bottom: 0.2rem;}
.pld_right .box{margin-bottom: 0.3rem;border-radius: 0.2rem;overflow: hidden;background-color: #fff;border: 1px solid #D9D9D9;}
.pld_right .box .h{padding: 0.25rem 0.2rem;display: flex;align-items: center;color: #0E89E6;background-color: rgba(217, 217, 217, 0.20);}
.pld_right .box .h img{display: block;width: 0.22rem;height: 0.22rem;margin-right: 0.06rem;object-fit: contain;}
.pld_right .box ul{width:100%;display: flex;flex-wrap: wrap;line-height: 1.3; background-color: #fff;border-top: none;overflow: hidden;}
.pld_right .box ul li{width: 33.33%;border-top: 1px solid #d9d9d9;position: relative;height: 0.64rem;display: flex;align-items: center;justify-content: center;}
.pld_right .box ul li a{color: hmr;color: #333;transition: all 0.5s;display: block;position: relative;transition: all 0.5s;padding: 0 0.1rem;text-align: center;}
.pld_right .box ul li a:hover{color: #F00;}
.pld_right .box ul li:after{content: "";position: absolute;bottom: 0.12rem;left: 50%;transform: translateX(-50%);width: 0.6rem;height: 2px;background-color: #F00;bottom: 0;opacity: 0;transition: all 0.3s;}
.pld_right .box ul li::before{content: "";position: absolute;top: -1px;left: 100%;width: 100%;height: 1px;background-color: #d9d9d9;}
.pld_right .box ul li:hover:after{bottom: 0.12rem;opacity: 1;}

.pzld_right{background-color: #ffffff;border-radius: 0.2rem;overflow: hidden;
margin-top: 0.14rem;}
.pd1{padding: 0.24rem 0 0.4rem 0.24rem;border-bottom: 1px solid #E6E6E6;margin-bottom: 0.3rem;display: flex;justify-content: space-between;align-items: flex-start;}
.pd1 .pic_box{width: 39.2%;}
.pd1 .pic_box .pics{position: relative;overflow: hidden;margin-bottom: 0.24rem;border-radius: 0.16rem;border: 1px solid #E6E6E6;}
.pd1 .pic_box .pic_tab{display: flex;justify-content: space-between;align-items: center;}
.pd1 .pic_box .pic_tab .swiper{width: calc(100% - 0.92rem);position: relative;overflow: hidden;}
.pd1 .pic_box .pic_tab .swiper .swiper-slide .pic{height:0.78rem;margin-bottom: 0.15rem;border: 1px solid #E6E6E6;border-radius: 0.1rem;overflow: hidden;}
.pd1 .pic_box .pic_tab .swiper .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;}
.pd1 .pic_box .pic_tab .swiper .swiper-slide .pic img.v_btn{display: block;width: 0.2rem;height: 0.2rem;position: absolute;top: 0.39rem;left: 50%;transform: translate(-50%,-50%);object-fit: contain;}
.pd1 .pic_box .pic_tab .swiper .swiper-slide .solid{margin: 0 auto;width: 0.58rem;height: 2px;background-color: #f00;opacity: 0;}
.pd1 .pic_box .pic_tab .swiper .swiper-slide.swiper-slide-thumb-active .pic{border-color: #f00;}
.pd1 .pic_box .pic_tab .swiper .swiper-slide.swiper-slide-thumb-active .solid{opacity: 1;}
.pd1 .pic_box .pic_tab .prev,
.pd1 .pic_box .pic_tab .next{width: 0.3rem;height: 0.3rem;cursor: pointer;opacity: 1;display: block;cursor: pointer;position: relative;z-index: 5;pointer-events: all;}
.pd1 .txt_box{width: 59%;padding-top: 0.1rem;}
.pd1 .pic_box .pic_tab .prev img,
.pd1 .pic_box .pic_tab .next img{width: 100%;height: 100%;object-fit: contain;}
.pd1 .pic_box .pic_tab .prev img.img2,
.pd1 .pic_box .pic_tab .next img.img2{display: none;}
.pd1 .pic_box .pic_tab .prev:hover img.img2,
.pd1 .pic_box .pic_tab .next:hover img.img2{display: block;}
.pd1 .pic_box .pic_tab .prev:hover img.img1,
.pd1 .pic_box .pic_tab .next:hover img.img1{display: none;}
.pd1 .txt_box .tip{width: fit-content;padding: 0 0.2rem;color: #fff;background-color: #1F833D;border-bottom-right-radius: 0.08rem;border-top-left-radius: 0.08rem;margin-bottom: 0.16rem;}
.pd1 .txt_box .p{color: #333;line-height: 1.3;font-weight: 400;}
.pd1 .txt_box .h{color: #333;font-weight: 500;line-height: 1.167;margin-bottom: 0.12rem;}

.pd1 .txt_box .btns{display: flex;margin-bottom: 0.2rem;padding-top: 0.1rem;border-top: 1px solid #E6E6E6;margin-top: 0.1rem;}
.pd1 .txt_box .btns>div{width: fit-content;line-height: 1.2;padding: 0.06rem;margin-right: 0.08rem;border-radius: 0.06rem;}
.pd1 .txt_box .btns>div.btn1{color: #333;border: 1px solid #333;}
.pd1 .txt_box .btns>div.btn2{color: #666;border: 1px solid #d9d9d9;}
.pd1 .txt_box .btns>div.btn3{color: #CE0606;border: 1px solid #CE0606;background: rgba(234, 0, 0, 0.20);}
.pd1 .txt_box .nums{display: flex;align-items: baseline;margin-bottom: 0.08rem;color: #f00;font-weight: 500;}
.pd1 .txt_box .nums span{font-weight: 400;}
.pd1 .txt_box .tax-toggle{display:flex;align-items:center;margin-bottom:0.12rem;gap:0.02rem;}
.pd1 .txt_box .tax-toggle .tax-tab{padding:0.03rem 0.08rem;font-size:0.12rem;cursor:pointer;color:#666;border-radius:0.03rem;white-space:nowrap;transition:color 0.2s,background-color 0.2s;border:1px solid transparent;}
.pd1 .txt_box .tax-toggle .tax-tab:hover{color:#333;background-color:#f5f5f5;}
.pd1 .txt_box .tax-toggle .tax-tab.active{background:#1F833D;color:#fff;border-color:#1F833D;}
.pd1 .txt_box .count{display: flex;margin-bottom: 0.12rem;border: 1px solid #ccc;border-radius: 0.08rem;width: fit-content;}
.pd1 .txt_box .count .reduce,
.pd1 .txt_box .count .addbtn{width: 0.3rem;height: 0.28rem;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.pd1 .txt_box .count .reduce.hid,
.pd1 .txt_box .count .addbtn.hid{pointer-events: none;opacity: 0.7;}
.pd1 .txt_box .count .reduce img,
.pd1 .txt_box .count .addbtn img{width: 0.13rem;}
.pd1 .txt_box .count .num{width: 0.38rem;line-height: 0.28rem;text-align: center;color: #333;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.pd1 .txt_box .p1{color: #999;font-weight: 300;line-height: 1.2;margin-bottom: 0.3rem;}
/*.pd1 .txt_box table{width: calc(100% - 0.2rem);border-collapse: collapse;border:1px solid #E2E2E2;border-radius: 0.1rem;background-color: rgba(217, 217, 217, 0.20);overflow: hidden;box-sizing: border-box;text-align: center;}*/
/*.pd1 .txt_box table td{width: 25%;line-height: 0.46rem;height: 0.46rem;display: inline-block; border:1px solid #E2E2E2}*/
/*.pd1 .txt_box table td a{display: flex;width: 100%;height: 0.46rem;justify-content: center;align-items: center;}*/
/*.pd1 .txt_box table td a img{width: 0.26rem;height: 0.26rem;object-fit: contain;}*/

.pd1 .pic_box .pics .swiper-wrapper{align-items: stretch;}
.pd1 .pic_box .pics .swiper-slide{display: flex !important;align-items: center;justify-content: center;background-color: #fff;height: auto;}
.pd1 .pic_box .pics video{display: block;width: 100%;height: auto;max-height: 100%;object-fit: contain;margin: auto;}
.pd1 .pic_box .ptp.act .magnifier-container{display: none;}

.pd1 .txt_box table{
    width: calc(100% - 0.2rem);
    border-collapse: collapse;
    border: 1px solid #E2E2E2;
    border-radius: 0.1rem;
    background-color: rgba(217, 217, 217, 0.20);
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    table-layout: fixed; /* 关键：固定表格布局，均分列宽，杜绝换行 */
}
/* ✅ 删掉致命的 display: inline-block; 恢复td原生属性 */
.pd1 .txt_box table td{
    width: 25%;
    line-height: 0.46rem;
    height: 0.46rem;
    border: 1px solid #E2E2E2;
}
/* 单元格内链接/图片样式不变，保留原有居中效果 */
.pd1 .txt_box table td a{
    display: flex;
    width: 100%;
    height: 0.46rem;
    justify-content: center;
    align-items: center;
}
.pd1 .txt_box table td a img{
    width: 0.26rem;
    height: 0.26rem;
    object-fit: contain;
}

.pd1 .txt_box .btns1{display: flex;justify-content: space-between;align-items: center;padding-right: 0.2rem;margin-top: 0.16rem;gap: 0.2rem;}
.pd1 .txt_box .btns1 .collect{width: 1.2rem;display: flex;height: 0.52rem; justify-content: center;align-items: center;color: #ffffff;border-radius: 0.1rem;background-color: #FFA600;}
.pd1 .txt_box .btns1 .collect img{display: block;width: 0.26rem;margin-right: 0.09rem;}
.pd1 .txt_box .btns1 .links{width: 4.7rem;display: flex;}
.pd1 .txt_box .btns1 .links .btn{width: 50%;line-height: 0.5rem;text-align: center;font-weight: 500;transition: all 0.5s;}
.pd1 .txt_box .btns1 .links .btn:nth-child(1){border: 1px solid #D9D9D9;border-top-left-radius: 0.1rem;border-bottom-left-radius: 0.1rem;color: #333;}
.pd1 .txt_box .btns1 .links .btn:nth-child(2){border-top-right-radius: 0.1rem;border-bottom-right-radius: 0.1rem;background-color: #999;color: #fff;}
.pd1 .txt_box .btns1 .links .btn:hover{color: #fff;background-color: #f00;}

.pd2{padding: 0.3rem 0.4rem 0.34rem 0.2rem;display: flex;justify-content: space-between;align-items: center;}
.pd2 .pdf{display: flex;align-items: center; width: fit-content;padding: 0.13rem;border-radius: 0.1rem;border: 1px solid #E2E2E2;background: rgba(217, 217, 217, 0.20);color:#333;transition: all 0.5s;}
.pd2 .pdf:hover{background-color: #fff;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);}
.pd2 .pdf img{display: block;width: 0.24rem;height: 0.24rem;object-fit: contain;margin-right: 0.04rem;}
.pd2 .right{display: flex;align-items: center;}
.pd2 .right span{color: #333;}
.pd2 .right #share-buttons{display: flex;}
.pd2 .right #share-buttons a{display: block;margin-left: 0.12rem;width: 0.37rem;height: 0.37rem;background-color: transparent!important;border-color: transparent!important;color: transparent!important;}
.pd2 .right #share-buttons a.icon-facebook{background: no-repeat center;background-size: 100% 100%;background-image: url(../images/product/pd_fx2.png);}
.pd2 .right #share-buttons a.icon-linkedin{background: no-repeat center;background-size: 100% 100%;background-image: url(../images/product/pd_fx3.png);}
.pd2 .right #share-buttons a.icon-twline{background: no-repeat center;background-size: 100% 100%;background-image: url(../images/round-default.png);}
/* 产品类别 */

.com_left .left_nav .list{scrollbar-gutter: stable;}

.com_left .left_nav .list .item .h_1{position: relative;}

.com_left .left_nav .list .item .h_1>img{position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0.08rem;}

.com_left .left_nav .list .item>ul .h_2 .add{transform: translateX(0.13rem);}

.pd1 .txt_box .btns1.act .links .btn:nth-child(2){display: none;}

.pd1 .txt_box .btns1.act .collect{width: calc(50% - 8px);margin-right: 16px;}

.pd1 .txt_box .btns1.act .links{width: calc(50% - 8px);}

.pd1 .txt_box .btns1.act .links .btn:nth-child(1){width: 100%;border-radius: 0.1rem;}

.pd3{padding: 17px 21px 0.7rem 14px;border-top: 1px solid #E6E6E6;overflow: hidden;}

.pd3 .switch{display: flex;flex-wrap: wrap;}

.pd3 .switch a{padding-bottom: 14px;position: relative;margin-right: 42px;}

.pd3 .switch a::before{content: "";position: absolute;left: -25px;width: calc(100% + 50px);bottom: 0;height: 1px;background: var(--color-primary);opacity: 0;}

.pd3 .switch a:hover,
.pd3 .switch a.act{color: var(--color-primary);}

.pd3 .switch a.act::before{opacity: 1;}

.pd3 .text{margin-top: 0.3rem;}

.pd3 .text .tit{line-height: calc(21 / 18);}

.pd3 .text .edit{margin-top: 0.3rem;line-height: 1.5;color: var(--text-color2);padding: 0 0.2rem;}

.pd3 .text .edit .t1{color: var(--text-color);}

.pd3 .text .edit .t2{margin-top: 0.2rem;}

.pd3 .text .edit .t1:not(:first-child){margin-top: 0.3rem;}

.pd3 .list{margin-top: 0.3rem;}

.pd3 .list .item{display: none;}

.pd3 .list .item.act{display: block;}

.pd3 .list .item .tit{line-height: calc(21 / 18);margin-bottom: 0.3rem;}

.pd3 .list .item.item_cptx .swpbox{/* display: flex;justify-content: space-between;align-items: flex-start; */padding-left: 20px;max-height: 5rem;overflow-y: auto;max-height: 10rem;}

.pd3 .list .item.item_cptx .swpbox img{width: auto;height: auto;max-width: 100%;}

.pd3 .list .item.item_cptx .swpbox table{max-width: 100%;border-collapse: collapse;word-break: break-word;}

.pd3 .list .item.item_cptx .swpbox .left{position: relative;width: calc(618 / 1087 * 100%);}

.pd3 .list .item.item_cptx .swpbox .swiper{border-radius: 10px;overflow: hidden;}

.pd3 .list .item.item_cptx .swpbox .swiper::before{content: "";position: absolute;z-index: 3;pointer-events: none;width: 100%;height: 100%;border: 1px solid #E6E6E6;border-radius: 10px;}

.pd3 .list .item.item_cptx .swpbox .swiper-slide{height: 300px;}

.pd3 .list .item.item_cptx .swpbox .swiper-slide img{height: 100%;object-fit: contain;}

.pd3 .list .item.item_cptx .swpbox .pogin{position: absolute;left: 0;bottom: 16px;width: 100%;display: flex;align-items: center;justify-content: center;z-index: 11;}

.pd3 .list .item.item_cptx .swpbox .pogin span{width: 10px;height: 2px;border-radius: 2px;background: #000;opacity: 0.5;margin: 2px !important;}

.pd3 .list .item.item_cptx .swpbox .pogin span.swiper-pagination-bullet-active{width: 20px;background: var(--color-primary);opacity: 1;}

.pd3 .swpbtn2{position: static;}

.pd3 .swpbtn2 a{position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;}

.pd3 .swpbtn2 a.prev{left: -20px;}

.pd3 .swpbtn2 a.next{right: -20px;}

.pd3 .list .item.item_cptx .swpbox .right{width: calc(419 / 1087 * 100%);overflow-y: auto;padding-right: 20px;max-height: 300px;}

.pd3 .list .item.item_cptx .swpbox .right .txt{line-height: calc(30 / 16);color: var(--text-color2);}

.pd3 .list .item.item_cptx .swpbox .right .txt p{position: relative;padding-left: 24px;}

.pd3 .list .item.item_cptx .swpbox .right .txt p::before{content: "";width: 4px;height: 4px;border-radius: 50%;background: var(--text-color2);top: calc(30 / 16 * 0.5em - 2px);left: 10px;position: absolute;}

.pd3 .list .item.item_ggcs .edit{line-height: calc(19 / 16);}

.pd3 .list .item.item_ggcs .edit table{border-collapse: collapse;}

.pd3 .list .item.item_ggcs .edit td{padding: 0.17rem 0.14rem 0.16rem;}

.pd3 .list .item.item_ggcs .edit tr:nth-child(2n){background: #F7F7F7;}

.pd3 .list .item.item_jg .swpbox{margin-top: 20px;}

.pd3 .list .item.item_jg .swpbox .li:not(:first-child){margin-top: 0.1rem;}

.pd3 .list .item.item_jg .swpbox .li .ss{display: flex;justify-content: space-between;padding: 0.3rem 0.3rem 0.3rem 0.16rem;border-radius: 0.1rem;border: 1px solid #F0F0F0;}

.pd3 .list .item.item_jg .swpbox .li .ss .left{width: calc(100% - 1.91rem - 0.3rem);display: flex;align-items: center;justify-content: space-between;}

.pd3 .list .item.item_jg .swpbox .li .ss .left .pic{width: 170px;height: 129px;display: flex;align-items: center;justify-content: center;}

.pd3 .list .item.item_jg .swpbox .li .ss .left .pic img{width: auto;max-height: 100%;object-fit: contain;}

.pd3 .list .item.item_jg .swpbox .li .ss .left .txt{width: calc(100% - 170px - 0.27rem);}

.pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t1{line-height: calc(19 / 16);color: var(--color-primary);}

.pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t2{line-height: calc(19 / 16);margin-top: 0.1rem;}

.pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t3{margin-top: 0.1rem;line-height: calc(19 / 16);}

.pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t4{color: var(--color-primary);}

.pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t4 span{line-height: calc(28 / 24);vertical-align: baseline;margin-top: 0.1rem;}

.pd3 .list .item.item_jg .swpbox .li .ss .right{width: 1.91rem;}

.pd3 .list .item.item_jg .swpbox .li .ss .right .count{display: flex;margin-bottom: 0.12rem;border: 1px solid #ccc;border-radius: 0.08rem;width: fit-content;}
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .reduce,
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .addbtn{width: 0.3rem;height: 0.28rem;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .reduce.hid,
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .addbtn.hid{pointer-events: none;opacity: 0.7;}
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .reduce img,
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .addbtn img{width: 0.13rem;}
.pd3 .list .item.item_jg .swpbox .li .ss .right .count .num{width: 0.38rem;line-height: 0.28rem;text-align: center;color: #333;border-right:1px solid #ccc;border-left:1px solid #ccc;}

.pd3 .list .item.item_jg .swpbox .li .ss .right .btn{display: block;line-height: 0.42rem;margin-top: 0.2rem;width: 1.91rem;text-align: center;color: #fff;background: var(--color-primary);border-radius: 0.06rem;}

.pd3 .list .item.item_jg .swpbox .li .ss .right .btn:hover{background: var(--color-button);}

.pd3 .list .item.item_jg .swpbtn{margin-top: 0.4rem;}

.pd3 .stock-badge{display: inline-block;padding: 0 0.12rem;line-height: 1.6;font-size: 12px;color: #fff;background-color: #1F833D;border-radius: 0.04rem;margin-bottom: 0.06rem;}

.pd3 .list .item.item_xgcp .ul{display: flex;flex-wrap: wrap;gap: 0.2rem 0.17rem;}

.pd3 .list .item.item_xgcp .ul .li{width: calc((100% - 0.51rem) / 4);}

.pd3 .list .item.item_xgcp .ul .li .ss{display: block;height: 100%;position: relative;padding: 0.1rem 0.2rem 0.8rem;border: 1px solid #F0F0F0;border-radius: 0.1rem;}

.pd3 .list .item.item_xgcp .ul .li .icon{height: 0.4rem;width: fit-content;}

.pd3 .list .item.item_xgcp .ul .li .icon img{height: 100%;object-fit: contain;}

.pd3 .list .item.item_xgcp .ul .li .pic{height: 1.24rem;margin-top: 2px;display: flex;align-items: center;justify-content: center;}

.pd3 .list .item.item_xgcp .ul .li .pic img{height: 100%;object-fit: contain;}

.pd3 .list .item.item_xgcp .ul .li .txt{margin-top: 0.13rem;text-align: center;}

.pd3 .list .item.item_xgcp .ul .li .txt .t1{line-height: calc(19 / 16);}

.pd3 .list .item.item_xgcp .ul .li .txt .t2{line-height: calc(19 / 16);color: var(--text-color2);margin-top: 0.18rem;}

.pd3 .list .item.item_xgcp .ul .li .more{position: absolute;left: 1px;bottom: 0;width: calc(100% - 2px);border-top: 1px solid #E6E6E6;text-align: center;padding: 0.18rem 0 0.2rem;display: flex;align-items: center;justify-content: center;}

.pd3 .list .item.item_xgcp .ul .li .more span{width: 10px;margin-left: 4px;}

.pd3 .list .item.item_xgcp .ul .li .ss:hover .txt .t1{color: var(--color-primary);}

.pd3 .list .item.item_xgcp .ul .li .ss:hover .more{color: var(--color-primary);}

.pd3 .list .item.item_xgcp .swpbtn{margin-top: 0.4rem;}

.pd1 .pic_box .ptp{position: relative;width: 100%;}

.pd1 .pic_box .ptp .magnifier-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}

.pd1 .pic_box .ptp .magnifier-container>img{opacity: 0;width: 100%;height: 100%;}

.pd1 .pic_box .ptp .magnifier-container .magnifier{display: none;position: absolute;width: calc(150 / 432 * 100%);height: calc(150 / 432 * 100%);border-radius: 4px;background: rgba(255, 0, 0, 0.04);}

.pd1 .pic_box .ptp .magnifier-container .zoom-container{position: absolute;display: none;width: calc(500 / 150 * 100%);height: calc(500 / 150 * 100%);overflow: hidden;top: 0.16rem;left: calc(100% + 0.16rem);border-radius: 0.1rem;box-shadow: 0 4px 29px rgba(0, 0, 0, 0.08);background: #fff;}

.pd1 .pic_box .ptp .magnifier-container .zoom-container img{max-width: none;position: absolute;width: calc(432 / 150 * 100%);height: calc(432 / 150 * 100%);}

.pcad_right .lists .list.list2 .item .txt .nums,
.pcad_right .lists .list.list2 .item .txt .h_1,
.pcad_right .lists .list.list1 .item .left1 .txt .h_1{color: #5A5A5A;}

.pcad_right .lists .list.list2 .item:hover .txt:not(.act) .nums,
.pcad_right .lists .list.list2 .item .txt:not(.act) .h_1:hover{color: var(--color-primary);}

.manu_right .form_box{margin-top: 0;}

.manu_right .title{line-height: calc(19 / 16);margin-bottom: 0.08rem;}

.mft_right{margin-top: 0.09rem;display: flex;justify-content: space-between;align-items: flex-start;}

.mft_right .right{position: sticky;top: calc(149px + 0.2rem);}

.mft_right .right a{display: block;width: 40px;line-height: 29px;text-align: center;border-radius: 10px;background: #fff;margin-bottom: 6px;}

.mft_right .right a.act{background: var(--color-primary);}

.mft_right .left{width: calc(100% - 40px - 0.6rem);padding-top: 0.16rem;}

.mft_right .left .item:not(:first-child){margin-top: 0.45rem;}

.mft_right .left .itp{display: flex;justify-content: space-between;align-items: center;line-height: calc(30 / 24);border-bottom: 1px solid #E6E7EC;padding-bottom: 0.15rem;margin-bottom: 0.15rem;}

.mft_right .left .swiper-slide{display: block;background: #fff;border-radius: 0.06rem;height: 0.8rem;overflow: hidden;}

.mft_right .left .swiper-slide span{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.mft_right .left .swiper-slide img{height: 100%;object-fit: contain;}

.mft_right .left .swpbtn2 a{width: 30px;height: 30px;}

.mft_right .left .swpbtn2 .next{margin-left: 0.3rem;}

.mftLayout{padding-bottom: 0.8rem;}
.pdtLayout{padding-bottom: 0.9rem;}

.inquiryLayout{padding: 0.35rem 0 1.44rem;}

.inq1{margin-top: 0.4rem;display: flex;justify-content: space-between;align-items: flex-start;}

.inq1 .left{width: calc(680 / 1410 * 100%);}

.inq1 .right{width: calc(640 / 1410 * 100%);position: relative;border-radius: 6px;border: 2px dashed #CCC;padding: 0.52rem 0.3rem;text-align: center;}

.inq1 .left .tit{line-height: calc(23 / 20);}

.inq1 .left .det{font-size: 15px;line-height: calc(24 / 15);color: var(--text-color2);margin-top: 0.3rem;}

.inq1 .left .det p:not(:first-child){margin-top: 0.11rem;}

.inq1 .left .det p a,
.inq1 .left .det p span{color: var(--color-primary);}

.inq1 .right .ico{width: 40px;margin: 0 auto;}

.inq1 .right .t1{margin-top: 0.25rem;line-height: calc(24 / 14);color: var(--text-color2);}

.inq1 .right .t2{margin-top: 0.25rem;line-height: calc(24 / 14);color: var(--color-primary);}

.inq1 .right input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.inq2{margin-top: 0.8rem;background: #fff;border-radius: 0.1rem;padding: 0.4rem 0.4rem 0.5rem;}

.inq2 .row1{display: flex;gap: 20px;}

.inq2 .row1 .item:first-child{width: 100%;}

.inq2 .set{display: flex;color: var(--text-color2);line-height: calc(19 / 16);}

.inq2 .set span{color: var(--color-primary);margin-right: 6px;}

.inq2 .det{margin-top: 10px;}

.inq2 .det input[type=text]{display: block;width: 100%;border: 1px solid #CCCCCC;border-radius: 6px;padding: 0 10px;height: 50px;}

.inq2 .det textarea{display: block;resize: none;width: 100%;padding: 16px 10px;border: 1px solid #CCCCCC;border-radius: 6px;height: 140px;}

.inq2 .item .txt{line-height: calc(14 / 12);color: #999;margin: 10px 0 0 10px;}

.inq2 .item.item_code{width: calc(584 / 1330 * 100%);}

.inq2 .item.item_code .det{display: flex;align-items: center;gap: 10px;}

.inq2 .item.item_code .det input{flex: 1;}

.inq2 .item.item_code .det img{width: 120px;height: 50px;border-radius: 6px;object-fit: contain;}

.inq2 .item.item_code .det .code_reset{line-height: calc(16 / 14);color: #0E89E6;text-decoration: underline;text-underline-offset: 1px;}

.inq2 .row3{margin-top: 0.3rem;display: flex;justify-content: space-between;}

.inq2 .row3 .row_it{display: none;}

.inq2 .row3 .row_it.act{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}

.inq2 .row3 .row_ind .item:nth-child(1){display: flex;justify-content: space-between;}

.inq2 .row3 .row_com .line1{display: flex;justify-content: space-between;width: 60%;max-width: 750px;margin-bottom: 0.3rem;}

.inq2 .row3 .row_com .line1 .item{flex: 1;max-width: 100%;margin-left: 1.04rem;}

.inq2 .row3 .item{max-width: 350px;width: 30%;}

.inq2 .row3 .item_radio .det{display: flex;}

.inq2 .row3 .item_radio .det div{display: flex;}

.inq2 .row3 .item_radio .det label{border: 1px solid #CCCCCC;width: fit-content;padding: 0 22px;height: 50px;display: flex;align-items: center;justify-content: center;}

.inq2 .row3 .item_radio .det div:first-child label{border-right: none;border-radius: 6px 0 0 6px;}

.inq2 .row3 .item_radio .det div:last-child label{border-left: none;border-radius: 0 6px 6px 0;}

.inq2 .row3 .row_com.act .item_radio .det div:nth-child(2) label,
.inq2 .row3 .item_radio .det input[type="radio"]:checked + label{background: var(--color-button);border-color: var(--color-button);color: #fff;font-weight: 500;}

.inq2 .row4{margin-top: 0.3rem;display: flex;justify-content: space-between;gap: 24px;position: relative;z-index: 3;}

.inq2 .row4 .item{flex: 1 1 0;max-width: 350px;min-width: 0;}

.inq2 .row4 .item .det{position: relative;}

.inq2 .row4 .item .det .dtp{border: 1px solid #CCCCCC;border-radius: 6px;height: 50px;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;}

.inq2 .row4 .item .det .dtp .imgTwo{width: 14px;}

.inq2 .row4 .item .det .dtp .imgTwo img{transform: rotate(180deg);}

.inq2 .row4 .item .det .dtp.act .imgTwo img{transform: rotate(0);}

.inq2 .row4 .item .det .dtp.act .imgTwo img:nth-child(1){opacity: 0;}

.inq2 .row4 .item .det .dtp.act .imgTwo img:nth-child(2){opacity: 1;}

.inq2 .row4 .item .det .dbt{position: absolute;top: calc(100% + 10px);border: 1px solid #D9D9D9;border-radius: 6px;padding: 0.17rem 0;background: #fff;width: 100%;left: 0;display: none;}

.inq2 .row4 .item .det .dbt a{display: block;padding: 0 0.19rem;position: relative;line-height: calc(16 / 14);}

.inq2 .row4 .item .det .dbt a.act::before{position: absolute;content: "";left: -1px;top: 0;width: 1px;height: 100%;background: var(--color-primary);}

.inq2 .row4 .item .det .dbt a:not(:first-child){margin-top: 0.16rem;}

.inq2 .row4 .item .det .dbt a.act,
.inq2 .row4 .item .det .dbt a:hover{color: var(--color-primary);}

.inq2 .row5{margin-top: 0.3rem;}

.inq2 .row6{margin-top: 0.3rem;display: flex;justify-content: center;}

.inq2 .row6 input{width: 4rem;height: 50px;border-radius: 6px;}

.inq2 .row6 .submit{background: var(--color-primary);color: #fff;margin-right: 0.4rem;}

.inq2 .row6 .reset{border: 1px solid #BDBDBD;color: var(--text-color2);background: none;}

.inq2 .row6 input:hover{background: var(--color-button);color: #fff;}

.inq2 .row2{margin-top: 0.3rem;}

.inq2 .row2 .rtp{display: flex;justify-content: space-between;gap: 0.6rem;background: #F5F6FA;border: 1px solid #D9D9D9;padding: 0.17rem 0;border-radius: 6px 6px 0 0;color: var(--text-color2);text-align: center;}

.inq2 .row2 .w1{width: 16px;}

.inq2 .row2 .w2{flex: 1;}

.inq2 .row2 .w3{flex: 1;}

.inq2 .row2 .w4b{flex: 1;}

.inq2 .row2 .w4{flex: 2.25;}

.inq2 .row2 .w5{width: 1.4rem;}

.inq2 .row2 .w6{width: 24px;}

.inq2 .row2 .rbt .ul .li{display: flex;justify-content: space-between;align-items: center;padding: 0.2rem 0;border-bottom: 1px solid #E6E7EC;gap: 0.6rem;}

.inq2 .row2 .rbt .ul .li .w1{position: relative;width: 16px;height: 16px;background: #E6E6E6;border-radius: 2px;}

.inq2 .row2 .rbt .ul .li .w1::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/svg/inquiry_select.svg) no-repeat center;background-size: contain;opacity: 0;}

.inq2 .row2 .rbt .ul .li.act .w1{background: var(--color-primary);}

.inq2 .row2 .rbt .ul .li.act .w1::before{opacity: 1;}

.inq2 .row2 .rbt .ul .li .count{display: flex;border: 1px solid #ccc;border-radius: 0.08rem;width: fit-content;}
.inq2 .row2 .rbt .ul .li .count .reduce,
.inq2 .row2 .rbt .ul .li .count .addbtn{width: 0.38rem;height: 0.48rem;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.inq2 .row2 .rbt .ul .li .count .reduce.hid,
.inq2 .row2 .rbt .ul .li .count .addbtn.hid{pointer-events: none;opacity: 0.7;}
.inq2 .row2 .rbt .ul .li .count .reduce img,
.inq2 .row2 .rbt .ul .li .count .addbtn img{width: 0.14rem;}
.inq2 .row2 .rbt .ul .li .count .num{width: 0.62rem;line-height: 0.48rem;text-align: center;color: #333;border-right:1px solid #ccc;border-left:1px solid #ccc;}

.inq2 .row2 .rbt .ul .li .ww>input{border: 1px solid #CCCCCC;text-align: center;border-radius: 0.06rem;height: 0.5rem;display: block;width: 100%;}

.inq2 .row2 .rbt .ul .li:last-child .w6 img{transform: rotate(45deg);}

.inq2 .row2 .rbt .rbt_btn{margin-top: 0.16rem;display: flex;align-items: center;}

.inq2 .row2 .rbt .rbt_btn .all{display: flex;align-items: center;margin-right: 0.3rem;}

.inq2 .row2 .rbt .rbt_btn .all span{width: 16px;height: 16px;margin-right: 0.08rem;background: var(--color-primary);border-radius: 2px;}

.inq2 .row2 .rbt .rbt_btn .all.act span img:nth-child(1){opacity: 0;}
.inq2 .row2 .rbt .rbt_btn .all.act span img:nth-child(2){opacity: 1;}

.inq2 .row2 .rbt .rbt_btn .delet{color: var(--color-primary);}

.inq2 .row2 .rbt .rbt_btn .delet:hover{color: var(--color-primary);text-decoration: underline;}

/* 購物車/詢價車/收藏/結帳頁：隱藏左側分類欄，內容全寬 */
.qcartLayout .com_left,.checkoutLayout .com_left{display:none;}
.qcartLayout .com_rcon,.checkoutLayout .com_rcon{width:100%;}

.qc_right{margin-top: 0.25rem;}

.qc_right .switch{display: flex;}

.qc_right .switch a{border: 1px solid #CCCCCC;height: 0.55rem;display: flex;align-items: center;justify-content: center;width: 50%;}

.qc_right .switch a span{width: 0.24rem;margin-right: 0.12rem;}

.qc_right .switch a.act{border-color: var(--color-primary);background: var(--color-primary);color: #fff;}

.qc_right .switch a.act span img:nth-child(1){opacity: 0;}

.qc_right .switch a.act span img:nth-child(2){opacity: 1;}

.qc_right .switch a:not(.act):hover{color: var(--color-primary);}

.qc_right .switch a:first-child{border-right: none;border-radius: 0.06rem 0 0 0.06rem;}

.qc_right .switch a:last-child{border-left: none;border-radius: 0 0.06rem 0.06rem 0;}

.qc_right .number{margin-top: 0.3rem;background: #fff;padding: 0.17rem 0.11rem;border-radius: 0.06rem;display: flex;align-items: center;}

.qc_right .number img{width: 0.18rem;margin-right: 0.06rem;}

.qc_right .number span{color: var(--color-primary);margin: 0 0.04rem;}

.qc_right .qc_con{margin-top: 0.14rem;background: #fff;padding: 0.26rem 0 0.45rem;border-radius: 0.06rem;}

.qc_right .qc_con .top{display: flex;justify-content: space-between;align-items: center;padding: 0 0.19rem 0.26rem 0.2rem;border-bottom: 1px solid #E6E7EC;gap: 0.15rem;text-align: center;color: var(--text-color2);line-height: calc(19 / 16);}

.qc_right .qc_con .w1{width: 16px;}

.qc_right .qc_con .w2{width: 0.8rem;}

.qc_right .qc_con .w3{width: 74px;}

.qc_right .qc_con .w4{width: 60px;}

.qc_right .qc_con .w4b{width: 100px;color:#666;word-break:break-all;text-align:left;}

.qc_right .qc_con .w5{flex: 1;min-width: 0;word-break: break-word;text-align: left;}

.qc_right .qc_con .w6{width: 64px;word-break: break-word;}

.qc_right .qc_con .w7{width: 1rem;}

.qc_right .qc_con .w8{width: 24px;}

.qc_right .qc_con .ul{line-height: calc(19 / 16);}

.qc_right .qc_con .li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #E6E7EC;padding: 0.28rem 0.19rem 0.31rem 0.2rem;text-align: center;gap: 0.15rem;}

.qc_right .qc_con .li .w2 a{display:block;}
.qc_right .qc_con .li .w2 a img{width:100%;}
.qc_right .qc_con .li .w3 a{color:var(--color-primary);text-decoration:none;}
.qc_right .qc_con .li .w3 a:hover{text-decoration:underline;}
.qc_right .qc_con .li .w1{position: relative;width: 16px;height: 16px;background: #E6E6E6;border-radius: 2px;}

.qc_right .qc_con .li .w1::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/svg/inquiry_select.svg) no-repeat center;background-size: contain;opacity: 0;}

.qc_right .qc_con .li.act .w1{background: var(--color-primary);}

.qc_right .qc_con .li.act .w1::before{opacity: 1;}

.qc_right .qc_con .li .count{display: flex;border: 1px solid #ccc;border-radius: 0.04rem;width: fit-content;}
.qc_right .qc_con .li .count .reduce,
.qc_right .qc_con .li .count .addbtn{width: 0.28rem;height: 0.28rem;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.qc_right .qc_con .li .count .reduce.hid,
.qc_right .qc_con .li .count .addbtn.hid{pointer-events: none;opacity: 0.7;}
.qc_right .qc_con .li .count .reduce img,
.qc_right .qc_con .li .count .addbtn img{width: 0.14rem;}
.qc_right .qc_con .li .count .num{width: 0.38rem;line-height: 0.28rem;text-align: center;color: #333;border-right:1px solid #ccc;border-left:1px solid #ccc;}

.qc_right .qc_con .rbt_btn{margin-top: 0.24rem;display: flex;align-items: center;justify-content: space-between;padding: 0 0.2rem;}

.qc_right .qc_con .rbt_btn .left{display: flex;}

.qc_right .qc_con .rbt_btn .right{display: flex;}

.qc_right .qc_con .rbt_btn .right a{margin-left: 0.62rem;}

.qc_right .qc_con .rbt_btn .all{display: flex;align-items: center;margin-right: 0.3rem;}

.qc_right .qc_con .rbt_btn .all span{width: 16px;height: 16px;margin-right: 0.08rem;background: var(--color-primary);border-radius: 2px;}

.qc_right .qc_con .rbt_btn .all.act span img:nth-child(1){opacity: 0;}
.qc_right .qc_con .rbt_btn .all.act span img:nth-child(2){opacity: 1;}

.qc_right .qc_con .rbt_btn .delet{color: var(--color-primary);}

.qc_right .qc_con .rbt_btn .delet:hover{color: var(--color-primary);text-decoration: underline;}

.qc_right .qc_con .rbt_btn .online{width: 2.2rem;border-radius: 0.06rem;background: var(--color-button);color: #fff;display: flex;align-items: center;justify-content: center;height: 0.52rem;}

.qc_right .qc_con .rbt_btn .online img{width: 0.24rem;margin-left: 0.04rem;}

.qc_right .qc_con .rbt_btn .online:hover{background: var(--color-primary);}

/* ===== 步驟指示器 ===== */
.step-indicator{display:flex;align-items:center;justify-content:center;padding:0.3rem 0.2rem;background:#fff;border-radius:0.06rem;margin-bottom:0.2rem;}
.step-item{display:flex;flex-direction:column;align-items:center;position:relative;min-width:70px;}
.step-circle{width:36px;height:36px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#999;background:#fff;transition:all .3s;}
.step-circle span{line-height:1;}
.step-label{margin-top:8px;font-size:13px;color:#999;white-space:nowrap;transition:color .3s;}
.step-line{flex:1;height:2px;background:#ddd;margin:0 6px;margin-bottom:28px;max-width:120px;transition:background .3s;}
.step-line.done{background:var(--color-primary);}
.step-item.active .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:#fff;}
.step-item.active .step-label{color:var(--color-primary);font-weight:600;}
.step-item.completed .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:#fff;}
.step-item.completed .step-label{color:var(--color-primary);}

/* ===== 詢價車右側摘要面板 ===== */
.qc_body{display:flex;gap:0.2rem;align-items:flex-start;}
.qc_main{flex:1;min-width:0;}
.qc_summary{width:280px;min-width:280px;background:#fff;border-radius:0.06rem;padding:0.3rem 0.24rem;position:sticky;top:20px;margin-top:0.3rem;}
.qc_summary .sum_title{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:0.2rem;padding-bottom:0.15rem;border-bottom:1px solid #E6E7EC;}
.qc_summary .sum_row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666;line-height:1.6;margin-bottom:10px;}
.qc_summary .sum_row .sum_val{font-weight:600;color:#333;font-size:16px;}
.qc_summary .sum_row .sum_val .sum_highlight{color:var(--color-primary);}
.qc_summary .sum_actions{margin-top:0.2rem;display:flex;flex-direction:column;gap:10px;}
.qc_summary .sum_actions .sum_btn{display:flex;align-items:center;justify-content:center;height:0.48rem;border-radius:0.06rem;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;}
.qc_summary .sum_actions .sum_btn img{width:0.2rem;margin-left:6px;}
.qc_summary .sum_actions .sum_btn svg{margin-right:6px;}
.qc_summary .sum_btn_primary{background:var(--color-button);color:#fff;}
.qc_summary .sum_btn_primary:hover{background:var(--color-primary);color:#fff;}
.qc_summary .sum_btn_outline{background:#fff;color:var(--color-button);border:1px solid var(--color-button);}
.qc_summary .sum_btn_outline:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.qc_summary .sum_btn_dark{background:#2c3e50;color:#fff;}
.qc_summary .sum_btn_dark:hover{background:#1a252f;color:#fff;}

/* ===== 收藏頁美化 ===== */
.collect_header{display:flex;align-items:center;gap:10px;margin-bottom:0.2rem;}
.collect_header svg{color:#F5A623;flex-shrink:0;}
.collect_header .collect_title{font-size:18px;font-weight:600;line-height:1.4;}
.qc_empty{text-align:center;padding:0.8rem 0.4rem;color:#999;}
.qc_empty svg{color:#ccc;margin-bottom:0.15rem;}
.qc_empty .qc_empty_text{font-size:15px;line-height:1.6;margin-bottom:0.2rem;}
.qc_empty .qc_empty_link{display:inline-block;color:var(--color-primary);font-size:14px;text-decoration:underline;text-underline-offset:3px;}
.qc_empty .qc_empty_link:hover{color:var(--color-button);}

/* ===== 收藏頁 per-row 操作按鈕 ===== */
.qc_right .qc_con .w_act{width:110px;}
.collect_actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;}
.collect_act_btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;color:#999;transition:all .2s;border:1px solid transparent;background:transparent;text-decoration:none;}
.collect_act_btn:hover{color:var(--color-primary);border-color:#e0e0e0;background:#f8f9fa;}
.collect_act_btn.act_delete:hover{color:#d32f2f;border-color:#fce4ec;}
.collect_act_btn svg{width:16px;height:16px;flex-shrink:0;}
.collect_batch_btn{display:inline-flex;align-items:center;padding:0 16px;height:36px;border-radius:4px;font-size:14px;color:var(--color-button);border:1px solid var(--color-button);background:#fff;transition:all .2s;margin-left:12px;white-space:nowrap;text-decoration:none;}
.collect_batch_btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.collect_batch_btn svg{margin-right:6px;flex-shrink:0;}

.qcartLayout{padding-bottom: 0.8rem;}

/* ===== 購物車 (Phase 2) ===== */
.shopCartLayout .qc_right .switch a{width: 33.33%;}
.shopCartLayout .qc_con .w3{width: 68px;}
.shopCartLayout .qc_con .w4{width: 55px;}
.shopCartLayout .qc_con .w4b{width: 100px;color:#666;word-break:break-all;text-align:left;}
.shopCartLayout .qc_con .w5{flex:1;min-width:0;word-break:break-word;text-align:left;}
.shopCartLayout .qc_con .w6{width: 68px;}
.shopCartLayout .qc_con .w7{width: 0.9rem;}
.shopCartLayout .qc_con .w8{width: 72px;font-weight:600;color:#333;}
.shopCartLayout .qc_con .w9{width: 24px;}
.shopCartLayout .qc_con .top .w6,
.shopCartLayout .qc_con .top .w8{text-align:right;}
.shopCartLayout .qc_con .li .shop-price{text-align:right;color:#666;}
.shopCartLayout .qc_con .li .shop-subtotal{text-align:right;color:var(--color-primary);font-weight:600;}
.shopCartLayout .sum_total_price{color:var(--color-primary) !important;font-size:20px !important;}

/* 報價單價差提示 */
.price-diff-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.price-diff-banner .pdb-left{display:flex;align-items:center;gap:8px;color:#e65100;font-size:14px;font-weight:500;}
.price-diff-banner .pdb-left svg{flex-shrink:0;}
.price-diff-banner .pdb-actions{display:flex;gap:8px;flex-shrink:0;}
.price-diff-banner .pdb-btn{padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;border:none;line-height:1.4;}
.price-diff-banner .pdb-btn-refresh{background:#1976D2;color:#fff;}
.price-diff-banner .pdb-btn-refresh:hover{background:#1565C0;}
.price-diff-banner .pdb-hint{font-size:12px;color:#999;align-self:center;}
.price-diff-banner.shake{animation:shake-banner 0.5s ease-in-out;}
@keyframes shake-banner{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-4px);}20%,40%,60%,80%{transform:translateX(4px);}}
.shopCartLayout .qc_con .li .price-diff-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.shopCartLayout .qc_con .li .price-quoted{text-decoration:line-through;color:#999;font-size:12px;}
.shopCartLayout .qc_con .li .price-diff-badge{font-size:10px;color:#e65100;background:#fff3e0;border-radius:3px;padding:1px 5px;white-space:nowrap;}

/* ===== Checkout Layout (Phase 2 — Batch 5) ===== */
.checkoutLayout{padding:0.3rem 0 0.9rem;}

/* Steps */
.ck-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:20px 0 30px;padding:0 40px;}
.ck-step{display:flex;align-items:center;gap:8px;opacity:0.4;transition:opacity .3s;}
.ck-step.active,.ck-step.done{opacity:1;}
.ck-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ccc;color:#fff;font-size:14px;font-weight:600;}
.ck-step.active .ck-step-num{background:#4a5d7a;}
.ck-step.done .ck-step-num{background:#27ae60;}
.ck-step-text{font-size:14px;color:#666;}
.ck-step.active .ck-step-text{color:#333;font-weight:600;}
.ck-step-line{flex:0 0 60px;height:2px;background:#ddd;margin:0 8px;}

/* Notice */
.ck-notice{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:12px 16px;margin-bottom:20px;color:#795548;font-size:14px;}

/* Section */
.ck-section{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:16px;padding:20px 24px;}
.ck-section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;}
.ck-section-title svg{color:#4a5d7a;}

/* Items table */
.ck-items-header{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee;color:#999;font-weight:500;}
.ck-item-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #f5f5f5;}
.ck-col-img{flex:0 0 60px;}
.ck-col-img img{width:50px;height:50px;object-fit:contain;border:1px solid #eee;border-radius:4px;}
.ck-col-no{flex:0 0 90px;font-size:13px;}
.ck-col-brand{flex:0 0 70px;font-size:13px;color:#666;}
.ck-col-pno{flex:0 0 100px;font-size:13px;color:#666;word-break:break-all;}
.ck-col-name{flex:1;min-width:0;font-size:13px;word-break:break-word;}
.ck-col-price{flex:0 0 80px;text-align:right;font-size:13px;}
.ck-col-qty{flex:0 0 50px;text-align:center;font-size:13px;}
.ck-col-subtotal{flex:0 0 80px;text-align:right;font-weight:600;color:#333;font-size:13px;}

/* Shipping options */
.ck-shipping-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.ck-shipping-opt{display:flex;align-items:flex-start;gap:8px;padding:14px 18px;border:2px solid #eee;border-radius:8px;cursor:pointer;transition:border-color .2s;box-sizing:border-box;}
.ck-shipping-opt:hover{border-color:#4a5d7a;}
.ck-shipping-opt input:checked ~ .ck-radio-box{color:#4a5d7a;}
.ck-shipping-opt:has(input:checked){border-color:#4a5d7a;background:#f8fafd;}
.ck-radio-name{display:block;font-weight:600;font-size:14px;}
.ck-radio-fee{display:block;font-size:13px;color:#666;margin-top:2px;}
.ck-radio-extra{display:block;font-size:12px;color:#999;margin-top:2px;}
.ck-free-note{color:#27ae60;margin-top:10px;}
/* Pickup store selection */
.ck-pickup-stores{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #eee;}
.ck-pickup-opt{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border:2px solid #eee;border-radius:8px;cursor:pointer;transition:border-color .2s;margin-bottom:8px;background:#fff;}
.ck-pickup-opt:last-child{margin-bottom:0;}
.ck-pickup-opt:hover{border-color:#4a5d7a;}
.ck-pickup-opt:has(input:checked){border-color:#4a5d7a;background:#f8fafd;}
.ck-pickup-info{display:flex;flex-direction:column;gap:2px;}
.ck-pickup-name{font-weight:600;font-size:14px;}
.ck-pickup-addr{font-size:13px;color:#666;}
.ck-pickup-phone{font-size:12px;color:#999;}
.ck-pickup-notice{padding:12px 16px;background:#f0f7ff;border:1px solid #d0e3f7;border-radius:8px;margin-bottom:16px;color:#4a5d7a;font-size:14px;line-height:1.6;}

/* ================================================================
   會員中心：購物訂單列表 + 詳情
   ================================================================ */
.so-list{border:1px solid #eee;border-radius:8px;overflow:hidden;margin-top:16px;}
.so-header{display:flex;background:#f8f9fa;padding:12px 16px;font-weight:600;color:#333;border-bottom:1px solid #eee;}
.so-body{list-style:none;margin:0;padding:0;}
.so-row{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0;transition:background .15s;}
.so-row:last-child{border-bottom:none;}
.so-row:hover{background:#fafbfc;}
.so-col{flex:1;min-width:0;padding:0 4px;}
.so-no{flex:1.3;}
.so-date{flex:1.2;}
.so-total{flex:0.8;text-align:right;}
.so-pay{flex:1;}
.so-ship{flex:1;}
.so-status{flex:0.8;text-align:center;}
.so-action{flex:0.6;text-align:center;}
.so-detail-link{color:#00318C;text-decoration:none;font-weight:500;}
.so-detail-link:hover{text-decoration:underline;}
.so-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;}
.so-badge-pending{color:#E68A00;background:rgba(230,138,0,0.12);}
.so-badge-paid{color:#2CC767;background:rgba(44,199,103,0.12);}
.so-badge-processing{color:#2CC767;background:rgba(44,199,103,0.12);}
.so-badge-shipped{color:#1976D2;background:rgba(25,118,210,0.12);}
.so-badge-completed{color:#888;background:rgba(136,136,136,0.12);}
.so-badge-cancelled{color:#DC3545;background:rgba(220,53,69,0.12);}
.so-empty{text-align:center;padding:60px 20px;color:#999;}
.so-shop-link{display:inline-block;margin-top:12px;color:#00318C;font-weight:500;text-decoration:none;}
.so-shop-link:hover{text-decoration:underline;}
/* 訂單詳情 */
.so-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee;}
.so-atm-card{background:#fffbf0;border:1px solid #fde68a;border-radius:10px;padding:20px;margin-bottom:20px;}
.so-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:16px;}
.so-section-title{margin:0 0 12px;color:#333;padding-bottom:8px;border-bottom:1px solid #f0f0f0;}
.so-info-table{width:100%;border-collapse:collapse;}
.so-info-table td{padding:8px 0;vertical-align:top;font-size:14px;}
.so-info-label{width:120px;color:#888;font-weight:500;}
.so-items-table{width:100%;border-collapse:collapse;}
.so-items-table th{text-align:left;padding:10px 8px;background:#f8f9fa;border-bottom:2px solid #eee;font-weight:600;font-size:13px;color:#555;}
.so-items-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;}
.so-item-img{width:56px;}
.so-item-img img{width:48px;height:48px;object-fit:contain;border-radius:4px;background:#f8f9fa;}
.so-totals{text-align:right;}
.so-total-row{display:flex;justify-content:flex-end;gap:24px;padding:6px 0;font-size:14px;}
.so-total-final{font-size:16px;padding-top:10px;margin-top:6px;border-top:1px solid #eee;}
.so-back-link{color:#00318C;text-decoration:none;}
.so-back-link:hover{text-decoration:underline;}
/* 物流追蹤卡片 */
.so-tracking-card{background:#f0f7ff;border:1px solid #b3d4fc;border-radius:8px;padding:16px;margin-top:12px;}
.so-tracking-header{display:flex;align-items:center;gap:8px;color:#1565C0;margin-bottom:12px;}
.so-tracking-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.so-tracking-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#1976D2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s;}
.so-tracking-btn:hover{background:#1565C0;color:#fff;text-decoration:none;}
.so-tracking-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:#fff;color:#555;border:1px solid #ccc;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;}
.so-tracking-copy-btn:hover{border-color:#1976D2;color:#1976D2;}
.so-tracking-copy-btn.copied{border-color:#27ae60;color:#27ae60;}
.so-tracking-hint{margin:8px 0 0;font-size:12px;color:#888;}
@media(max-width:768px){
    /* .so-header / .so-row / .so-col / .so-no 的手機規則統一在檔案底部「會員中心 - 手機版表格優化」section */
    .so-detail-header{flex-direction:column;gap:8px;align-items:flex-start;}
    .so-info-label{width:90px;}
    .so-items-table{font-size:13px;}
    .so-items-table th,.so-items-table td{padding:8px 4px;}
}

/* Summary bar */
.ck-summary-bar{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px 24px;}
.ck-sum-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:#666;}
.ck-sum-row.ck-sum-total{padding-top:12px;margin-top:8px;border-top:1px solid #eee;font-size:18px;color:#333;font-weight:600;}
.ck-sum-val{font-weight:500;}
.ck-sum-total .ck-sum-val{color:var(--color-primary);font-size:20px;}
.ck-sum-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px;}

/* Buttons */
.ck-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:6px;font-size:15px;cursor:pointer;transition:all .2s;text-decoration:none;border:none;}
.ck-btn-primary{background:#4a5d7a;color:#fff;}
.ck-btn-primary:hover{background:#3a4d6a;color:#fff;}
.ck-btn-outline{background:#fff;color:#666;border:1px solid #ddd;}
.ck-btn-outline:hover{border-color:#4a5d7a;color:#4a5d7a;}
.ck-btn-submit{background:#27ae60;font-size:16px;padding:12px 32px;}
.ck-btn-submit:hover{background:#219a52;color:#fff;}

/* Form fields */
.ck-form-group{margin-bottom:14px;}
.ck-form-row{display:flex;gap:16px;}
.ck-form-row .ck-form-group{flex:1;}
.ck-label{display:block;font-size:13px;color:#666;margin-bottom:4px;font-weight:500;}
.ck-label .required{color:#e74c3c;}
.ck-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box;}
.ck-input:focus{border-color:#4a5d7a;}
textarea.ck-input{resize:vertical;}

/* Radio / Invoice */
.ck-radio-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;margin-right:20px;}
.ck-invoice-options{margin-bottom:14px;}
.ck-invoice-detail{padding-top:4px;}

/* Payment options */
.ck-payment-options{display:flex;flex-wrap:wrap;gap:12px;}
.ck-payment-options .ck-radio-label{padding:10px 16px;border:2px solid #eee;border-radius:8px;margin-right:0;}
.ck-payment-options .ck-radio-label:has(input:checked){border-color:#4a5d7a;background:#f8fafd;}

/* Address list */
.ck-addr-select{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.ck-addr-opt{padding:12px 16px;border:2px solid #eee;border-radius:8px;margin-right:0;align-items:flex-start;}
.ck-addr-opt:has(input:checked){border-color:#4a5d7a;background:#f8fafd;}
.ck-addr-text{font-size:13px;line-height:1.6;}
.ck-addr-new .ck-addr-text{color:#4a5d7a;font-weight:500;}
.ck-addr-add-btn{display:inline-flex;align-items:center;gap:4px;color:#4a5d7a;text-decoration:none;padding:8px 0;cursor:pointer;transition:opacity .2s;}
.ck-addr-add-btn:hover{opacity:.7;}
.ck-select{appearance:auto;cursor:pointer;}
.ck-checkbox-label{font-size:14px;color:#555;}

/* Review */
.ck-review-table{width:100%;border-collapse:collapse;margin-top:12px;}
.ck-review-table th{text-align:left;font-size:13px;color:#999;font-weight:500;padding:8px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1;}
.ck-review-table td{font-size:13px;padding:8px;border-bottom:1px solid #f5f5f5;}
.ck-review-img{width:60px;}.ck-review-img img{width:56px;height:56px;object-fit:contain;border:1px solid #eee;border-radius:4px;}
.ck-items-body{max-height:480px;overflow-y:auto;}
.ck-review-items{max-height:480px;overflow-y:auto;}
.ck-complete-detail .ck-review-scroll{max-height:480px;overflow-y:auto;}
.ck-review-card{background:#f9f9f9;border-radius:6px;padding:16px 20px;margin-top:12px;}
.ck-review-card p{margin:6px 0;font-size:14px;color:#555;}
.ck-review-total{font-size:16px !important;color:#333 !important;margin-top:10px !important;padding-top:10px;border-top:1px solid #e0e0e0;}

/* Complete page */
.ck-complete{text-align:center;padding:40px 20px;}
.ck-complete-icon{margin-bottom:20px;}
.ck-complete-title{font-size:24px;color:#27ae60;margin-bottom:12px;}
.ck-complete-no{color:#666;margin-bottom:24px;}
.ck-complete-detail{text-align:left;max-width:700px;margin:0 auto 30px;}
.ck-complete-actions{display:flex;gap:12px;justify-content:center;}

/* Step 2 雙欄佈局：左表單 + 右摘要 */
.ck-step2-body{display:flex;gap:20px;align-items:flex-start;}
.ck-step2-forms{flex:1;min-width:0;}
.ck-step2-sidebar{width:300px;min-width:300px;background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;position:sticky;top:140px;}
.ck-sb-title{font-size:16px;font-weight:600;color:#333;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
.ck-sb-items{max-height:240px;overflow-y:auto;}
.ck-sb-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f8f8f8;}
.ck-sb-item:last-child{border-bottom:none;}
.ck-sb-item img{width:40px;height:40px;object-fit:contain;border:1px solid #eee;border-radius:4px;flex-shrink:0;}
.ck-sb-item-info{flex:1;min-width:0;}
.ck-sb-item-name{font-size:12px;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ck-sb-item-meta{font-size:11px;color:#999;margin-top:2px;}
.ck-sb-divider{height:1px;background:#f0f0f0;margin:12px 0;}
.ck-sb-fees{}
.ck-sb-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;padding:3px 0;}
.ck-sb-row.ck-sb-total{padding-top:8px;margin-top:6px;border-top:1px solid #eee;font-size:16px;font-weight:600;color:#333;}
.ck-sb-row.ck-sb-total span:last-child{color:var(--color-primary);font-size:18px;}
.ck-sb-info{}
.ck-sb-info-section{margin-bottom:10px;}
.ck-sb-info-section:last-child{margin-bottom:0;}
.ck-sb-info-label{font-size:11px;color:#999;text-transform:uppercase;margin-bottom:3px;display:flex;align-items:center;gap:4px;}
.ck-sb-info-label svg{width:12px;height:12px;}
.ck-sb-info-val{font-size:13px;color:#333;line-height:1.4;word-break:break-all;}

/* Responsive */
@media (max-width:768px){
  .ck-step2-body{flex-direction:column;}
  .ck-step2-sidebar{width:100%;min-width:0;position:static;order:-1;}
  .ck-sb-items{max-height:160px;}
  .ck-steps{padding:0 10px;}
  .ck-step-line{flex:0 0 30px;}
  .ck-step-text{font-size:12px;}
  .ck-shipping-options{grid-template-columns:1fr;}
  .ck-form-row{flex-direction:column;gap:0;}
  .ck-items-header{display:none;}
  .ck-item-row{flex-wrap:wrap;gap:4px;}
  .ck-col-img{flex:0 0 50px;}
  .ck-col-no,.ck-col-brand{flex:0 0 auto;}
  .ck-col-pno{display:none;}
  .ck-col-name{flex:0 0 100%;order:5;}
  .ck-col-price,.ck-col-qty,.ck-col-subtotal{flex:0 0 auto;}
}

.ucLayout{padding: 0.35rem 0 0.9rem;}

.ucbox{display: flex;justify-content: space-between;margin-top: 0.25rem;}

.ucbox .left{width: calc(266 / 1410 * 100%);}

.uc_name .form{position: relative;border-radius: 0.1rem;background: #F2F2F2;overflow: hidden;}

.uc_name .form input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.uc_name .form .img{opacity: 0;}

.uc_name .form .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.uc_name .form .pic img{height: 100%;object-fit: contain;}

.uc_name .form .txt{position: absolute;top: 0.16rem;left: 0.16rem;background: #0E89E6;line-height: calc(24 / 14);border-radius: 24px;padding: 0 1em;color: #fff;} 

.uc_name .text{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;line-height: calc(23 / 20);}

.uc_name .text img{width: 0.18rem;margin-left: 0.06rem;}

.uc_info{background: #fff;border-radius: 0.1rem;margin-top: 0.3rem;}

.uc_info .top{display: flex;align-items: center;justify-content: space-between;padding: 0.2rem 0.3rem 0.15rem;border-bottom: 1px solid #E6E7EC;line-height: calc(21 / 18);}

.uc_info .top a{width: 0.2rem;}

.uc_info .ul{padding: 0.2rem 0.3rem 0.4rem;}

.uc_info .ul .set{color: var(--text-color2);line-height: calc(19 / 16);}

.uc_info .ul .det{margin-top: 0.07rem;line-height: calc(26 / 16);display: flex;align-items: center;}

.uc_info .ul .det .err{width: 0.16rem;margin-right: 0.06rem;position: relative;}

.uc_info .ul .det .err:hover .ebt{display: block;}

.uc_info .ul .det .err .ebt{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding-top: 0.18rem;width: max-content;display: none;}

.uc_info .ul .det .err .ebt::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0.18rem;background: url(../images/svg/err_arr_top.svg) no-repeat bottom center;}

.uc_info .ul .det .err .ebt .text{padding: 0.13rem 0.2rem;background-color: #E6E7EC;border-radius: 0.1rem;line-height: calc(19 / 16);}

.uc_info .ul .det .err .ebt .text a{color: var(--color-primary);text-decoration: underline;text-underline-offset: 2px;}

.uc_info .ul .li:not(:first-child){margin-top: 0.23rem;}

.uc_info .bot{border-top: 1px solid #E6E7EC;padding: 0.2rem 0.3rem;text-align: center;}

.uc_info .bot a{line-height: calc(19 / 16);color: #0E89E6;}

.uc_info .bot a:hover{text-decoration: underline;text-underline-offset: 1px;}

.uc_help{background: #fff;border-radius: 0.1rem;margin-top: 0.3rem;}

.uc_help .top{display: flex;align-items: center;justify-content: space-between;padding: 0.2rem 0.3rem 0.15rem;border-bottom: 1px solid #E6E7EC;line-height: calc(21 / 18);}

.uc_help .bot{padding: 0.4rem 0.3rem;}

.uc_help .bot .item .set{display: flex;align-items: center;line-height: calc(26 / 18);color: var(--text-color2);}

.uc_help .bot .item .set .ico{width: 0.29rem;}

.uc_help .bot .item .det{padding-left: 0.29rem;}

.uc_help .bot .item .det a{line-height: calc(23 / 20);margin-top: 0.1rem;}

.uc_help .bot .item .det a:hover{color: var(--color-primary);}

.uc_help .bot .item.item_tel .set img{width: 0.17rem;}

.uc_help .bot .item.item_email{margin-top: 0.3rem;}

.uc_help .bot .item.item_email .set img{width: 0.21rem;}

.ucbox .right{width: calc(1122 / 1410 * 100%);}

.ucbox .right .tit{line-height: calc(19 / 16);}

.ucbox .right .number{margin-top: 0.25rem;background: #fff;padding: 0.17rem 0.11rem;border-radius: 0.06rem;display: flex;align-items: center;}

.ucbox .right .number img{width: 0.18rem;margin-right: 0.06rem;}

.ucbox .right .number span{color: var(--color-primary);margin: 0 0.04rem;}

.ucbox .right .uc_list,
.ac_right .uc_list{background: #fff;border-radius: 0.06rem;margin-top: 0.25rem;}

.ucbox .right .uc_list .top,
.ac_right .uc_list .top{display: flex;align-items: center;justify-content: space-between;padding: 0.19rem 0.24rem 0.24rem;border-bottom: 1px solid #E6E7EC;line-height: calc(19 / 16);color: var(--text-color2);gap: 0.17rem;text-align: center;}

.ucbox .right .uc_list .w1,
.ac_right .uc_list .w1{width: 64px;}

.ucbox .right .uc_list .w2,
.ac_right .uc_list .w2{width: 48px;}

.ucbox .right .uc_list .w3,
.ac_right .uc_list .w3{width: 92px;}

.ucbox .right .uc_list .w4,
.ac_right .uc_list .w4{width: 172px;}

.ucbox .right .uc_list .w5,
.ac_right .uc_list .w5{width: 140px;}

.ucbox .right .uc_list .w6,
.ac_right .uc_list .w6{width: 64px;}

.ucbox .right .uc_list .w7,
.ac_right .uc_list .w7{flex: 1;}

.ucbox .right .uc_list .w8,
.ac_right .uc_list .w8{width: 68px;}

.ucbox .right .uc_list .w9,
.ac_right .uc_list .w9{width: 80px;}

.ucbox .right .uc_list .ul,
.ac_right .uc_list .ul{line-height: calc(22 / 16);}

.ucbox .right .uc_list .li,
.ac_right .uc_list .li{display: flex;justify-content: space-between;align-items: center;gap: 0.17rem;padding: 0.33rem 0.24rem;text-align: center;border-bottom: 1px solid #E6E7EC;}

.ucbox .right .uc_list .li .w9,
.ac_right .uc_list .li .w9{display: flex;flex-direction: column;align-items: center;gap: 6px;}

.ucbox .right .uc_list .li .w9 a:hover,
.ac_right .uc_list .li .w9 a:hover{color: #F00;}

.ucbox .right .uc_list .li .w8 span,
.ac_right .uc_list .li .w8 span{line-height: calc(29 / 16);border-radius: 0.06rem;background: rgba(44,199,103,0.15);color: #2CC767;text-align: center;display: block;}

.ucbox .right .uc_list .li .w8 span.pending,
.ac_right .uc_list .li .w8 span.pending{color: #E68A00;background: rgba(230,138,0,0.12);}
.ucbox .right .uc_list .li .w8 span.processing,
.ac_right .uc_list .li .w8 span.processing{color: #2CC767;background: rgba(44,199,103,0.15);}
.ucbox .right .uc_list .li .w8 span.quoted,
.ac_right .uc_list .li .w8 span.quoted{color: #1976D2;background: rgba(25,118,210,0.15);}
.ucbox .right .uc_list .li .w8 span.shipped,
.ac_right .uc_list .li .w8 span.shipped{color: #888;background: rgba(136,136,136,0.15);}
.ucbox .right .uc_list .li .w8 span.cancelled,
.ac_right .uc_list .li .w8 span.cancelled{color: #DC3545;background: rgba(220,53,69,0.15);}

.ucbox .right .uc_list .li .w7,
.ac_right .uc_list .li .w7{text-align: left;}

.ucbox .ucdet{width: calc(1122 / 1410 * 100%);background: #fff;padding: 0.5rem 0.6rem;border-radius: 0.1rem;}

.ucdet .title:first-child{margin-top: 0;}

.ucdet .title{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.18rem;border-bottom: 1px solid #E6E7EC;margin-top: 0.5rem;}

.ucdet .title .tlf{line-height: calc(28 / 24);}

.ucdet .title .trf{line-height: calc(19 / 16);color: var(--text-color2);}

.ucdet .title .trf span{color: var(--text-color);}

.ucdet .title .trf a{color: #0E89E6;text-underline-offset: 2px;}

.ucdet .title .trf a:hover{text-decoration: underline;}

.ucdet .item{margin-top: 0.5rem;border: 1px solid #D9D9D9;border-radius: 6px;overflow: hidden;}

.ucdet .item:nth-child(2){margin-top: 0.4rem;}

.ucdet .item .itp{padding: 0.15rem 0.23rem;background: #F5F6FA;display: flex;align-items: center;}

.ucdet .item .itp img{width: 0.24rem;margin-right: 0.06rem;}

.ucdet .item .ibt{padding: 0.25rem 0.23rem 0.3rem;display: flex;flex-wrap: wrap;gap: 0.28rem;}

.ucdet .item .ibt .it{display: flex;width: calc(50% - 0.24rem);}

.ucdet .item .ibt .it .set{line-height: calc(22 / 16);color: var(--text-color2);width: calc(96 / 16 * 1em);}

.ucdet .item .ibt .it .det{flex: 1;margin-left: 0.06rem;}

.ucdet .item .ibt .it.w100{width: 100%;flex-wrap: wrap;}

.ucdet .item .ibt .it.w100 .set{width: 100%;}

.ucdet .item .ibt .it.w100 .det{width: 100%;margin-left: 0;margin-top: 0.16rem;}

.ucdet .item .ibt .it .det span{line-height: calc(29 / 16);border-radius: 0.06rem;background: rgba(44,199,103,0.15);color: #2CC767;text-align: center;display: block;width: fit-content;padding: 0 0.1rem;}

.ucdet .item .ibt .it .det span.pending{color: #E68A00;background: rgba(230,138,0,0.12);}
.ucdet .item .ibt .it .det span.processing{color: #2CC767;background: rgba(44,199,103,0.15);}
.ucdet .item .ibt .it .det span.quoted{color: #1976D2;background: rgba(25,118,210,0.15);}
.ucdet .item .ibt .it .det span.shipped{color: #888;background: rgba(136,136,136,0.15);}
.ucdet .item .ibt .it .det span.cancelled{color: #DC3545;background: rgba(220,53,69,0.15);}

.ucdet .ud_list{margin-top: 0.3rem;border: 1px solid #D9D9D9;border-radius: 0.06rem 0.06rem 0 0;}

.ucdet .ud_list .top{background: #F5F6FA;border-bottom: 1px solid #D9D9D9;padding: 0.17rem 0.25rem 0.17rem 0.23rem;display: flex;justify-content: space-between;align-items: center;gap: 0.52rem;}

.ucdet .ud_list .w1{width: 1rem;}

.ucdet .ud_list .w2{width: 74px;}

.ucdet .ud_list .w4b{width: 100px;color:#666;word-break:break-all;}

.ucdet .ud_list .w3{width: 60px;}

.ucdet .ud_list .w4{flex: 1;}

.ucdet .ud_list .w5{width: 64px;}

.ucdet .ud_list .w6{width: 32px;}

.ucdet .ud_list .ul{max-height: 5.6rem;overflow-y: auto;scrollbar-gutter: stable;line-height: calc(22 / 16);}

.ucdet .ud_list .ul .li{display: flex;justify-content: space-between;align-items: center;gap: 0.52rem;padding: 0.2rem 0.25rem 0.2rem 0.23rem;border-bottom: 1px solid #D9D9D9;text-align: center;}

.ucdet .ud_list .ul .li:last-child{border-bottom: none;}

.dialog_user .content{max-width: 530px;padding: 45px 0 40px;}

.dialog_user .title{line-height: calc(28 / 24);}

.dialog_user .ubox{overflow-y: auto;max-height: calc(90vh - 90px - 68px);margin-top: 0.2rem;padding: 0 40px;}

.dialog_user .ubox .form{display: flex;flex-wrap: wrap;justify-content: space-between;}

.dialog_user .ubox .form .item{display: block;margin-top: 20px;}

.dialog_user .ubox .form .item.w100{width: 100%;}

.dialog_user .ubox .form .item .set{display: flex;color: var(--text-color2);}

.dialog_user .ubox .form .item .set span{color: var(--color-primary);margin-right: 6px;}

.dialog_user .ubox .form .item .txt{line-height: 14px;color: #999;margin: 10px 0 0 10px;}

.dialog_user .ubox .form .item .det{margin-top: 10px;}

.dialog_user .ubox .form .item .det input[type=text],
.dialog_user .ubox .form .item .det input[type=password]{display: block;width: 100%;height: 50px;border-radius: 6px;border: 1px solid #CCCCCC;padding: 0 10px;}

.dialog_user .ubox .form .item_radio .det{display: flex;}

.dialog_user .ubox .form .item_radio .det div{display: flex;}

.dialog_user .ubox .form .item_radio .det label{border: 1px solid #CCCCCC;width: fit-content;padding: 0 22px;height: 50px;display: flex;align-items: center;justify-content: center;}

.dialog_user .ubox .form .item_radio .det div:first-child label{border-right: none;border-radius: 6px 0 0 6px;}

.dialog_user .ubox .form .item_radio .det div:last-child label{border-left: none;border-radius: 0 6px 6px 0;}

.dialog_user .ubox .form .item_radio .det input[type="radio"]:checked + label{background: var(--color-button);border-color: var(--color-button);color: #fff;font-weight: 500;}

.dialog_user .ubox .form .item_date{max-width: 346px;}

.dialog_user .ubox .form .item_date .det{display: flex;justify-content: space-between;}

.dialog_user .ubox .form .item_date .det select{width: 110px;height: 50px;border-radius: 6px;border: 1px solid #CCCCCC;padding: 0 34px 0 11px;background: url(../images/svg/date_arr.svg) no-repeat right 11px center;color: var(--text-color2);}

.dialog_user .ubox .form .w50{width: calc(215 / 450 * 100%);}

.dialog_user .ubox .form .item_comp{width: calc(280 / 450 * 100%);}

.dialog_user .ubox .form .item_tel{width: calc(150 / 450 * 100%);}

.dialog_user .ubox .form .item_phone{width: calc(180 / 450 * 100%);}

.dialog_user .ubox .form .item_email{width: calc(250 / 450 * 100%);}

.dialog_user .ubox .form .item_address .det{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}

/* 詢價彈窗：地址列窄擠 → 改占整行；郵遞區號獨占整行（2026-05-07） */
.dialog_user .ubox .form .item_address,
.dialog_user .ubox .form .item_yd{width: 100%;}
/* 只剩 2 個 select 時平均分配（原本 calc((100% - 30px)/3) 是 3 select 的算法） */
.dialog_user .ubox .form .item_address .det .add select{width: calc((100% - 10px) / 2);}

.dialog_user .ubox .form .item_address .det .add{width: 100%;display: flex;justify-content: space-between;}

.dialog_user .ubox .form .item_address .det .add select{border: 1px solid #CCCCCC;border-radius: 6px;padding: 0 34px 0 9px;background: url(../images/svg/date_arr.svg) no-repeat right 11px center;color: var(--text-color2);height: 50px;width: calc((100% - 30px) / 3);}

.dialog_user .ubox .form .item_address .det input{width: 100%;margin-top: 13px;}

.dialog_user .ubox .form .sbmit{margin-top: 0.4rem;}

.dialog_user .ubox .form .sbmit input{width: 214px;height: 52px;background: var(--color-primary);color: #fff;border-radius: 10px;background: var(--color-button);display: block;margin: 0 auto;}

.dialog_user .ubox .form .sbmit input:hover{background: var(--color-button);}

.dialog_img .content{padding: 0.45rem 0.8rem 0.4rem;width: fit-content;}

.dialog_img .content .itp{display: flex;justify-content: center;margin-top: 0.4rem;}

.dialog_img .content .itp .imginput{width: 2.6rem;height: 2.6rem;border-radius: 0.06rem;border: 2px dashed #CCC;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}

.dialog_img .content .itp .imginput .ico{width: 0.6rem;}

.dialog_img .content .itp .imginput .txt{line-height: calc(24 / 14);color: var(--text-color2);margin-top: 0.25rem;padding: 0 0.3rem;text-align: center;}

.dialog_img .content .itp .imginput input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.dialog_img .content .ibt a{display: block;width: 2.14rem;line-height: 0.52rem;background: var(--color-primary);color: #fff;margin: 0.4rem auto 0;text-align: center;border-radius: 0.1rem;}

.dialog_img .content .ibt a:hover{background: var(--color-button);}

.dialog_img .content .itp .imgcode.act{width: 2.6rem;height: 2.6rem;margin-left: 0.4rem;border-radius: 0.06rem;}


.dialog_quote .ubox .form .sbmit{display: flex;justify-content: center;align-items: center;margin-top: 0.2rem;}

.dialog_quote .ubox .form .sbmit a{width: 214px;height: 52px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 20px;border: 1px solid rgba(217, 217, 217, 1);}

.dialog_quote .ubox .form .sbmit a:hover{background: var(--color-button);border-color: var(--color-button);color: #fff;}

.dialog_quote .ubox .form .item_txt{margin-top: 0.3rem;}

.dialog_quote .ubox .form .item_txt .beiz{line-height: calc(18 / 12);}

.dialog_quote .ubox .form .rad{display: flex;align-items: center;}

.dialog_quote .ubox .form .rad a{display: flex;align-items: center;margin-right: 0.3rem;}

.dialog_quote .ubox .form .rad span{position: relative;width: 16px;height: 16px;border: 1px solid rgba(217, 217, 217, 1);background: rgba(230, 230, 230, 1);margin-right: 0.08rem;}

.dialog_quote .ubox .form .rad span img{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}

.dialog_quote .ubox .form .rad a.act span{background: var(--color-primary);border-radius: 2px;border-color: var(--color-primary);}

.dialog_quote .ubox .form .rad a.act span img{opacity: 1;}

.dialog_quote .ubox .form .item_address .det .add{width: fit-content;}

.dialog_quote .ubox .form .item_address{width: calc(100% - 120px);}

.dialog_quote .ubox .form .item_address .address{width: 100%;}

.dialog_quote .ubox .form .item_address .address .add{width: 98px;margin-right: 10px;}

.dialog_quote .ubox .form .item_address .address .add select{width: 100%;}

.dialog_quote .ubox .form .item_address .address input{flex: 1;margin-top: 0;}

.dialog_quote .ubox .form .item_yd{width: 100px;margin-left: 20px;}

/* 詢價彈窗：地址列窄擠 → 占整行；郵遞區號獨占整行；2 個 select 平均分（2026-05-07） */
.dialog_quote .ubox .form .item_address,
.dialog_quote .ubox .form .item_yd{width: 100%;margin-left: 0;}
.dialog_quote .ubox .form .item_address .det.address{display: flex;flex-wrap: wrap;gap: 10px;}
.dialog_quote .ubox .form .item_address .det.address .add{width: 100%;display: flex;gap: 10px;margin-right: 0;}
.dialog_quote .ubox .form .item_address .det.address .add select{flex: 1 1 0;width: auto;}
.dialog_quote .ubox .form .item_address .det.address > input{flex: 1 1 100%;margin-top: 0;}
/* 郵遞區號獨占一行但不要拉滿，保留約 5 碼寬度 */
.dialog_quote .ubox .form .item_yd .det input{max-width: 160px;}

.dialog_quote .ubox .form .item.w50{width: calc(50% - 20px);}


/* ═══ 會員中心新版 Account Layout（Ch.39） ═══ */
.acbox{display: flex;gap: 0.22rem;margin-top: 0.2rem;padding-bottom: 0.6rem;}
.ac_left{width: calc(266 / 1410 * 100%);flex-shrink: 0;}
.ac_right{flex: 1;min-width: 0;background: #fff;border-radius: 0.1rem;padding: 0.4rem 0.5rem;}
.ac_right .tit{line-height: calc(24 / 18);padding-bottom: 0.18rem;border-bottom: 1px solid #E6E7EC;margin-bottom: 0.3rem;}

/* Sidebar */
.ac_sidebar{background: #fff;border-radius: 0.1rem;padding: 0.3rem 0;position: sticky;top: 1rem;}
.ac_sidebar_user{display: flex;align-items: center;gap: 0.12rem;padding: 0 0.24rem 0.24rem;border-bottom: 1px solid #E6E7EC;}
.ac_sidebar_avatar{width: 44px;height: 44px;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.ac_sidebar_avatar img{width: 100%;height: 100%;object-fit: cover;}
.ac_sidebar_name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ac_sidebar_nav{padding: 0.12rem 0;}
.ac_nav_item{display: flex;align-items: center;gap: 0.12rem;padding: 0.14rem 0.24rem;color: var(--text-color);transition: background 0.2s, color 0.2s;font-size: 15px;line-height: 1.4;}
.ac_nav_item:hover{background: #F5F6FA;color: var(--color-primary);}
.ac_nav_item.active{background: rgba(255,0,0,0.06);color: var(--color-primary);font-weight: 600;}
.ac_nav_icon{width: 20px;height: 20px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
.ac_nav_icon svg{width: 18px;height: 18px;}
.ac_nav_label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ac_sidebar_help{padding: 0.16rem 0.24rem 0;border-top: 1px solid #E6E7EC;margin-top: 0.08rem;}
.ac_sidebar_help_title{color: var(--text-color2);margin-bottom: 0.08rem;}
.ac_help_link{display: flex;align-items: center;gap: 6px;color: var(--text-color2);padding: 0.06rem 0;transition: color 0.2s;}
.ac_help_link:hover{color: var(--color-primary);}
.ac_help_icon{width: 16px;height: 16px;flex-shrink: 0;}

/* Header User Dropdown (帳戶下拉選單) */
.hd-user-wrap{z-index: 1000;}
.hd-user-toggle{cursor: pointer;}
.hd-user-arrow{transition: transform 0.2s; flex-shrink: 0;}
.hd-user-wrap.open .hd-user-arrow{transform: rotate(180deg);}
.hd-user-dropdown{display: none; position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); min-width: 240px; background: #fff; border: 1px solid #e0e3ea; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 8px 0; z-index: 1001;}
.hd-user-wrap.open .hd-user-dropdown{display: block;}
.hd-user-section-label{padding: 6px 16px 8px; font-size: 11px; color: #8c8c8c; text-transform: uppercase; letter-spacing: 0.5px;}
.hd-user-identity{display: flex; align-items: center; gap: 10px; padding: 8px 16px; color: #333; cursor: default; transition: background 0.15s;}
.hd-user-identity[data-mode]{cursor: pointer;}
.hd-user-identity[data-mode]:hover{background: #f5f7fb;}
.hd-user-identity.active{background: #f0f4ff;}
.hd-user-identity.active svg{color: #00318C;}
.hd-user-identity.disabled{opacity: 0.7; cursor: default; color: #333;}
.hd-user-identity.disabled:hover{background: #fafafa;}
.hd-user-id-name{flex: 1; font-size: 14px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hd-user-check{color: #00318C; font-size: 14px; font-weight: 700; flex-shrink: 0;}
.hd-user-sign-tag{font-size: 11px; color: #856404; background: #fff3cd; padding: 2px 8px; border-radius: 3px; white-space: nowrap; font-weight: 600; flex-shrink: 0;}
.hd-user-divider{height: 1px; background: #f0f0f0; margin: 6px 0;}
.hd-user-link{display: flex; align-items: center; gap: 10px; padding: 9px 16px; font-size: 14px; color: #333; text-decoration: none; transition: background 0.15s;}
.hd-user-link:hover{background: #f5f7fb; text-decoration: none; color: #333;}
.hd-user-link svg{flex-shrink: 0; color: #666;}
.hd-user-logout{color: #999;}
.hd-user-logout:hover{color: #dc3545; background: #fff5f5;}
.hd-user-logout:hover svg{color: #dc3545;}

/* Sidebar Enterprise Tab Switcher */
.ac_sidebar_tabs{display: flex;margin: 0 12px;border-bottom: 2px solid #e6e7ec;}
.ac_sidebar_tab{flex: 1;padding: 10px 0;text-align: center;font-size: 14px;font-weight: 600;color: #999;background: none;border: none;cursor: pointer;position: relative;transition: color 0.2s;}
.ac_sidebar_tab:hover{color: #333;}
.ac_sidebar_tab.active{color: #00318C;}
.ac_sidebar_tab.active::after{content: '';position: absolute;bottom: -2px;left: 0;right: 0;height: 2px;background: #00318C;}

/* Dashboard Enterprise Section */
.ac_enterprise_summary{background: #fff;border-radius: 0.08rem;padding: 24px 28px;margin-bottom: 0.3rem;color: #333;border: 1px solid #d0daf5;}
.ac_enterprise_header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px;}
.ac_enterprise_title{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 700;color: #00318C;}
.ac_enterprise_title svg{width: 20px;height: 20px;flex-shrink: 0;}
.ac_enterprise_co{font-size: 13px;color: #666;}
.ac_enterprise_badge{display: inline-flex;align-items: center;gap: 4px;padding: 3px 10px;background: #f0f4ff;border-radius: 4px;font-size: 11px;font-weight: 600;color: #00318C;border: 1px solid #d0daf5;}
.ac_ent_grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}
.ac_ent_stat{text-align: center;}
.ac_ent_stat_label{font-size: 11px;color: #999;margin-bottom: 4px;}
.ac_ent_stat_val{font-size: 22px;font-weight: 700;}
.ac_ent_stat_val.green{color: #52c41a;}
.ac_ent_progress{margin-top: 16px;}
.ac_ent_progress_header{display: flex;justify-content: space-between;font-size: 11px;color: #999;margin-bottom: 6px;}
.ac_ent_progress_bar{height: 6px;background: #e8e8e8;border-radius: 3px;overflow: hidden;}
.ac_ent_progress_fill{height: 100%;border-radius: 3px;transition: width 0.6s ease;}
.ac_ent_progress_fill.low{background: #52c41a;}
.ac_ent_progress_fill.mid{background: #ffd666;}
.ac_ent_progress_fill.high{background: #ff7875;}
.ac_ent_bank{margin-top: 16px;padding-top: 14px;border-top: 1px solid #e6e7ec;}
.ac_ent_bank_title{font-size: 13px;font-weight: 600;margin-bottom: 8px;color: #333;}
.ac_ent_bank_grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}
.ac_ent_bank_item{font-size: 12px;}
.ac_ent_bank_item span{display: block;color: #999;font-size: 11px;margin-bottom: 2px;}
.ac_ent_quick{display: flex;gap: 10px;margin-top: 16px;padding-top: 14px;border-top: 1px solid #e6e7ec;}
.ac_ent_quick a{display: inline-flex;align-items: center;gap: 4px;padding: 6px 14px;background: #f0f4ff;color: #00318C;font-size: 12px;font-weight: 600;border-radius: 5px;text-decoration: none;transition: background 0.2s;border: 1px solid #d0daf5;}
.ac_ent_quick a:hover{background: #e0eaff;text-decoration: none;color: #00318C;}
.ac_ent_quick a svg{width: 14px;height: 14px;}

/* Dashboard Welcome Enterprise Variant */
.ac_welcome.enterprise{background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);border: 1px solid #d0daf5;}
.ac_welcome_badge{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;background: #00318C;color: #fff;font-size: 11px;font-weight: 600;border-radius: 3px;margin-top: 4px;}

/* Dashboard Welcome */
.ac_welcome{display: flex;align-items: center;gap: 0.2rem;padding: 0.3rem;background: #F5F6FA;border-radius: 0.08rem;margin-bottom: 0.3rem;}
.ac_welcome_avatar{width: 64px;height: 64px;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.ac_welcome_avatar img{width: 100%;height: 100%;object-fit: cover;}
.ac_welcome_email{color: var(--text-color2);margin-top: 4px;}

/* Dashboard Cards */
.ac_cards{display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;gap: 0.2rem;margin-bottom: 0.3rem;}
.ac_card{display: flex;flex-direction: column;align-items: center;padding: 0.3rem 0.2rem;border: 1px solid #E6E7EC;border-radius: 0.08rem;transition: border-color 0.2s, box-shadow 0.2s;text-align: center;}
.ac_card:hover{border-color: var(--color-primary);box-shadow: 0 2px 12px rgba(255,0,0,0.08);}
.ac_card_icon{width: 36px;height: 36px;color: #4a5d7a;margin-bottom: 0.1rem;}
.ac_card_icon svg{width: 100%;height: 100%;}
.ac_card:hover .ac_card_icon{color: var(--color-primary);}
.ac_card_label{color: var(--text-color);line-height: 1.4;}
.ac_card_count{color: var(--text-color2);margin-top: 4px;}

/* Dashboard Recent Orders */
.ac_recent{margin-bottom: 0.2rem;}
.ac_recent_header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.16rem;}
.ac_recent_header a{color: var(--color-primary);transition: opacity 0.2s;}
.ac_recent_header a:hover{opacity: 0.7;}
.ac_accordion_toggle{cursor: pointer;user-select: none;}
.ac_accordion_arrow{transition: transform 0.3s ease;margin-right: 6px;vertical-align: middle;}
.ac_accordion.is-open .ac_accordion_arrow{transform: rotate(0deg);}
.ac_accordion:not(.is-open) .ac_accordion_arrow{transform: rotate(-90deg);}
.ac_accordion_body{overflow: hidden;transition: max-height 0.35s ease;max-height: 500px;}
.ac_accordion:not(.is-open) .ac_accordion_body{max-height: 0;}
.ac_recent_list{border: 1px solid #E6E7EC;border-radius: 0.06rem;overflow: hidden;}
.ac_recent_item{display: flex;align-items: center;gap: 0.2rem;padding: 0.14rem 0.2rem;border-bottom: 1px solid #E6E7EC;}
.ac_recent_item:last-child{border-bottom: none;}
.ac_recent_no{width: 120px;flex-shrink: 0;}
.ac_recent_name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ac_recent_status{width: 80px;flex-shrink: 0;text-align: center;}
.ac_recent_status span{display: inline-block;padding: 2px 8px;border-radius: 4px;font-size: 13px;}
.ac_recent_status .status_quoted{background: rgba(123,31,162,0.15);color: #7B1FA2;}
.ac_recent_status .status_processing{background: rgba(25,118,210,0.15);color: #1976D2;}
.ac_recent_status .status_shipped{background: rgba(44,193,105,0.15);color: #2CC767;}
.ac_recent_status .status_cancelled{background: rgba(255,0,0,0.15);color: var(--color-primary);}
.ac_recent_status .status_pending{background: rgba(255,165,0,0.15);color: #E68A00;}
.ac_recent_detail{width: 60px;flex-shrink: 0;text-align: right;color: var(--color-primary);}
.ac_recent_detail:hover{text-decoration: underline;}

/* Account Form (Password etc.) */
.ac_form_wrap{max-width: 460px;}
.ac_form_wide{max-width: 680px;}
.ac_form_item{margin-bottom: 0.2rem;}
.ac_form_label{color: var(--text-color2);margin-bottom: 8px;}
.ac_form_label span{color: var(--color-primary);margin-right: 4px;}
.ac_form_input input{display: block;width: 100%;height: 48px;border-radius: 6px;border: 1px solid #CCC;padding: 0 12px;transition: border-color 0.2s;}
.ac_form_input input:focus{border-color: var(--color-primary);outline: none;}
.ac_form_hint{color: #999;margin-top: 4px;}
.ac_form_submit{margin-top: 0.3rem;}
.ac_form_submit input{width: 200px;height: 48px;background: var(--color-button);color: #fff;border-radius: 8px;transition: opacity 0.2s;cursor: pointer;}
.ac_form_submit input:hover{opacity: 0.85;}
.ac_form_grid{display: grid;grid-template-columns: 1fr 1fr;gap: 0 0.3rem;}
.ac_form_full{grid-column: 1 / -1;}
.ac_form_radio{display: flex;gap: 20px;padding-top: 10px;}
.ac_radio_label{display: flex;align-items: center;gap: 8px;cursor: pointer;user-select: none;}
.ac_radio_label input[type="radio"]{display: none;}
.ac_radio_mark{width: 20px;height: 20px;border-radius: 50%;border: 2px solid #CCC;position: relative;transition: border-color 0.2s;}
.ac_radio_label input[type="radio"]:checked + .ac_radio_mark{border-color: var(--color-primary);}
.ac_radio_label input[type="radio"]:checked + .ac_radio_mark::after{content: '';position: absolute;top: 3px;left: 3px;width: 10px;height: 10px;border-radius: 50%;background: var(--color-primary);}
.ac_form_selects{display: flex;gap: 10px;}
.ac_select{height: 48px;border-radius: 6px;border: 1px solid #CCC;padding: 0 12px;flex: 1;min-width: 0;background: #fff;transition: border-color 0.2s;cursor: pointer;}
.ac_select:focus{border-color: var(--color-primary);outline: none;}
.ac_form_address{flex-wrap: wrap;}
.ac_form_address .ac_select{flex: 1;min-width: 120px;}

/* Profile Page */
.ac_profile_row{display: flex;align-items: center;gap: 0.2rem;margin-bottom: 0.3rem;}
.ac_profile_avatar{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;flex-shrink: 0;position: relative;}
.ac_profile_avatar img{width: 100%;height: 100%;object-fit: cover;}
.ac_avatar_edit{position: absolute;bottom: 0;right: 0;width: 28px;height: 28px;background: #fff;border: 1px solid #E6E7EC;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: border-color 0.2s;}
.ac_avatar_edit:hover{border-color: var(--color-primary);}
.ac_profile_type{color: var(--text-color2);margin-top: 4px;}
.ac_profile_table{width: 100%;max-width: 600px;border-collapse: collapse;}
.ac_profile_table tr{border-bottom: 1px solid #F0F0F0;}
.ac_profile_table td{padding: 12px 0;}
.ac_profile_label{width: 120px;color: var(--text-color2);}
.ac_profile_actions{margin-top: 0.3rem;}
.ac_btn_edit{display: inline-flex;align-items:center;padding: 10px 24px;border: 1px solid #E6E7EC;border-radius: 6px;color: var(--text-color);transition: border-color 0.2s, color 0.2s;}
.ac_btn_edit:hover{border-color: var(--color-primary);color: var(--color-primary);}

/* Address Cards */
.addr_add_btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);transition:background 0.2s,color 0.2s;}
.addr_add_btn:hover{background:var(--color-primary);color:#fff;}
.addr_list{display:flex;flex-direction:column;gap:0.16rem;}
.addr_card{border:1px solid #E6E7EC;border-radius:0.08rem;padding:0.2rem 0.24rem;transition:border-color 0.2s;}
.addr_card:hover{border-color:#bbb;}
.addr_card.addr_default{border-color:var(--color-primary);background:rgba(255,0,0,0.02);}
.addr_card_head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.addr_card_name{display:flex;align-items:center;gap:8px;}
.addr_tag{background:#F0F0F0;color:#666;padding:2px 8px;border-radius:4px;}
.addr_badge{background:rgba(255,0,0,0.1);color:var(--color-primary);padding:2px 8px;border-radius:4px;}
.addr_card_actions{display:flex;gap:12px;flex-shrink:0;}
.addr_act_default,.addr_act_edit{color:var(--color-primary);transition:opacity 0.2s;}
.addr_act_default:hover,.addr_act_edit:hover{opacity:0.7;}
.addr_act_delete{color:#999;transition:color 0.2s;}
.addr_act_delete:hover{color:var(--color-primary);}
.addr_card_body{color:var(--text-color2);}
.addr_card_phone{margin-bottom:4px;}
.addr_card_detail{line-height:1.6;}

/* Address Dialog */
.dialog_address .content{padding:0.4rem;border-radius:0.1rem;position:relative;top:60px;bottom:auto;}
.dialog_address .close{position:absolute;top:16px;right:16px;color:#999;transition:color 0.2s;}
.dialog_address .close:hover{color:var(--color-primary);}

/* Quotation Cards */
.qt_cards{display:flex;flex-direction:column;gap:0.16rem;}
.qt_card{border:1px solid #E6E7EC;border-radius:0.08rem;padding:0.24rem;transition:border-color 0.2s;}
.qt_card:hover{border-color:#bbb;}
.qt_card_head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.qt_card_no{color:var(--text-color);}
.qt_badge{display:inline-block;padding:2px 10px;border-radius:4px;text-align:center;line-height:1.8;}
.qt_badge.st_valid{color:#2CC767;background:rgba(44,199,103,0.15);}
.qt_badge.st_expired{color:#888;background:rgba(136,136,136,0.15);}
.qt_badge.st_converted{color:#1976D2;background:rgba(25,118,210,0.15);}
.qt_badge.st_cancelled{color:#DC3545;background:rgba(220,53,69,0.15);}
.qt_card_title{color:var(--text-color2);margin-bottom:8px;line-height:1.5;}
.qt_card_meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;color:var(--text-color2);}
.qt_meta_item{display:flex;align-items:center;gap:4px;}
.qt_card_amount{margin-bottom:12px;color:var(--text-color);}
.qt_card_actions{display:flex;flex-wrap:wrap;gap:8px;}
.qt_btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:4px;color:#fff;text-decoration:none;white-space:nowrap;transition:opacity 0.2s;}
.qt_btn:hover{opacity:0.85;color:#fff;}
.qt_btn_pdf{background:#2c3e50;}
.qt_btn_convert{background:#1976D2;}
.qt_btn_cancel{background:#e74c3c;}
.qt_empty{text-align:center;padding:2rem 0;color:#999;}

@media screen and (max-width:960px){
    .addr_card_head{flex-direction:column;align-items:flex-start;gap:8px;}
    .qt_card_meta{flex-direction:column;gap:6px;}
    .qt_card_actions{flex-direction:column;}
    .qt_btn{justify-content:center;}
}
/* ═══ END 會員中心新版 ═══ */




.in1 .left .lv3list{position: absolute;top: 0;left: 100%;height: 100%;width: fit-content;}

.in1 .left .lv3list .lox{max-width: 10.64rem;width: max-content;height: 100%;background: #fff;border-radius: 0 0.1rem 0.1rem 0;display: flex;overflow-y: auto;}

.in1 .left .lv3list .lox .lf{flex: 1;}

.in1 .left .lv3list .lox .rf{width: 3.24rem;border-left: 1px solid #E6E7EC;}

.in1 .left .lv3list .lox .lv3_tit{padding: 0.47rem 0.3rem 0.2rem 0.52rem;border-bottom: 1px solid #E6E7EC;}

.in1 .left .lv3list .lox .rf .rlink{padding: 0.2rem 0.3rem 0.2rem 0.52rem;}

.in1 .left .lv3list .lox .rf .rlink .item a{display: block;line-height: 2;width: fit-content;}

.in1 .left .lv3list .lox .rf .rlink .item a:hover{color: var(--color-primary);}

.in1 .left .lv3list .lox .pic{padding: 0.5rem 0.52rem;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -4.47%, #FFEBEB 100%);margin-top: -0.23rem;}

.in1 .left .lv3list .lox .pic img{height: 1.79rem;object-fit: contain;mix-blend-mode: multiply;}

.in1 .left .lv3list .lox .lf .rlist{position: relative;z-index: 3;overflow-y: auto;height: 3.75rem;}

.in1 .left .lv3list .lox .lf .rlist .list{padding: 0.2rem 0.4rem 0 0.5rem;display: flex;flex-wrap: wrap;}

.in1 .left .lv3list .lox .lf .rlist .list .item{width: calc((9.74rem - 1.2rem) * 0.354);margin-right: 0.6rem;}

.in1 .left .lv3list .lox .lf .rlist .list .item:nth-child(3n){margin-right: 0;width: calc((9.74rem - 1.2rem) * 0.292);}

.in1 .left .lv3list .lox .lf .rlist .list .item a{line-height: 2;display: block;position: relative;}

.in1 .left .lv3list .lox .lf .rlist .list .item a::before{position: absolute;content: "";top: 50%;transform: translateY(-50%);right: 0;width: 8px;height: 12px;background: url(../images/svg/in1_arr2.svg) no-repeat center;background-size: cover;opacity: 0;}

.in1 .left .lv3list .lox .lf .rlist .list .item a:hover::before{opacity: 1;}

.in1 .left .ul .li .lv2list .lox{display: none;}

.in1 .left .ul .li .lv2.act>a{color: var(--color-primary);}
.in1 .left .ul .li .lv2.act>a .imgTwo img:nth-child(1){opacity: 0;}
.in1 .left .ul .li .lv2.act>a .imgTwo img:nth-child(2){opacity: 1;}

.opacity-70{opacity: 0.7;}


  .m_header{position: sticky;top: 0;left: 0;width: 100%;padding: 16px 20px 25px;background: #fff;z-index: 111;}

.m_header .top{display: flex;align-items: center;justify-content: center;position: relative;}

.m_header .top .logo{width: 124px;}

.m_header .top .prod_menu{position: absolute;left: 0;top: 0;width: 19px;display: flex;align-items: center;height: 100%;}

.m_header .top .rf{position: absolute;top: 0;right: 0;display: flex;align-items: center;height: 100%;}

.m_header .top .rf a{margin-left: 14px;width: 16px;}

.m_header .bot{margin-top: 31px;}

.m_header .bot form{position: relative;display: block;width: 100%;height: 40px;border: 1px solid #FF0000;border-radius: 5px;}

.m_header .bot form input[type="text"]{display: block;width: 100%;height: 100%;background: none;padding: 0 62px;}

.m_header .bot form input[type="submit"]{width: 18px;height: 18px;position: absolute;top: 50%;transform: translateY(-50%);left: 11px;background: url(../img/ph_search.svg) no-repeat center;font-size: 0;}

.m_header .bot form a{position: absolute;display: flex;top: 0;right: 12px;width: 19px;height: 100%;display: flex;align-items: center;}

.m_prodlist{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background: rgba(0,0,0,0.66);z-index: 115;transition: left 0.25s ease;}

.m_prodlist.act{left: 0;}

.m_prodlist .box{width: calc(300 / 375 * 100%);height: 100%;display: flex;flex-direction: column;background: #fff;}

.m_prodlist_header{display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;border-bottom: 1px solid #E6E7EC;min-height: 52px;}

.m_prodlist_header .m_prodlist_back,
.m_prodlist_header .m_prodlist_close{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;color: #333;}

.m_prodlist_header .m_prodlist_title{font-size: 16px;font-weight: 600;color: #333;flex: 1;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 8px;}

.m_prodlist_panels{position: relative;flex: 1;overflow: hidden;}

.m_prodlist_panel{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;transform: translateX(100%);transition: transform 0.25s ease;visibility: hidden;}

.m_prodlist_panel.active{transform: translateX(0);visibility: visible;}

.m_prodlist_panel.slide-left{transform: translateX(-100%);visibility: visible;}

.m_prodlist_panel ul{list-style: none;margin: 0;padding: 0;}

.m_prodlist_panel li{border-bottom: 1px solid rgba(0,0,0,0.05);}

.m_prodlist_panel .m_drill_item{display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;font-size: 15px;line-height: 1.4;color: #333;text-decoration: none;}

.m_prodlist_panel .m_drill_item svg{flex-shrink: 0;margin-left: 8px;color: #999;}

.m_prodlist_panel .m_drill_item:active{background: #f5f5f5;}

.m_prodlist_panel .m_drill_link{display: block;padding: 14px 16px;font-size: 15px;line-height: 1.4;color: #333;text-decoration: none;border-bottom: 1px solid rgba(0,0,0,0.05);}

.m_prodlist_panel .m_drill_link:active{background: #f5f5f5;}

.m_nav{position: fixed;top: 0;left: 0;width: 100%;z-index: 114;background: #fff;display: none;}

.m_nav .top{padding: 8px 20px;background: #111;}

.m_nav .top .tt{font-size: 14px;line-height: 16px;color: #fff;width: max-content;}

.m_nav .top .tt p{display: inline-block;margin-right: 40px;}

.m_nav .top .tt p:last-child{margin-right: 0;}

.m_nav .top .tt span{color: var(--color-primary);}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.m_nav .top .tt.scroll {
  animation: scroll 20s linear infinite;
}

.m_nav .top .tt:not(.scroll) p:nth-child(3),
.m_nav .top .tt:not(.scroll) p:nth-child(4){display: none;}

.m_nav .bot{padding: 28px 20px 30px;}

/* ================================================================
   AI 聊天機器人 Widget
   ================================================================ */

/* 浮動按鈕 */
.ai-chat-btn {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #DD2235;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(221,34,53,0.35);
    z-index: 9999;
    transition: transform 0.2s, box-shadow 0.2s;
}
.ai-chat-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(221,34,53,0.45);
}

/* 聊天對話框 */
.ai-chat-box {
    position: fixed;
    bottom: 92px;
    right: 24px;
    width: 400px;
    height: 580px;
    max-height: calc(100vh - 120px);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.18);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width 0.25s ease, height 0.25s ease;
}

/* 展開模式 — 更大的面板，適合瀏覽產品推薦/分析 */
.ai-chat-box.ai-chat-expanded {
    width: 500px;
    height: 85vh;
}

/* Header */
.ai-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #00318C;
    color: #fff;
    flex-shrink: 0;
}
.ai-chat-header-left {
    display: flex;
    align-items: center;
    gap: 8px;
}
.ai-chat-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #DD2235;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}
.ai-chat-title {
    font-size: 15px;
    font-weight: 600;
}
.ai-chat-header-right {
    display: flex;
    align-items: center;
    gap: 4px;
}
.ai-chat-reset,
.ai-chat-close,
.ai-chat-expand {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    opacity: 0.8;
    font-size: 20px;
    line-height: 1;
}
.ai-chat-reset:hover,
.ai-chat-close:hover,
.ai-chat-expand:hover {
    opacity: 1;
}
.ai-chat-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
}
.ai-chat-expanded .ai-chat-expand {
    transform: rotate(180deg);
}

/* 訊息區域 */
.ai-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 訊息氣泡 */
.ai-msg {
    max-width: 85%;
    display: flex;
}
.ai-msg-bot {
    align-self: flex-start;
}
.ai-msg-user {
    align-self: flex-end;
}
.ai-msg-content {
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.6;
    word-break: break-word;
    white-space: pre-wrap;
}
.ai-msg-bot .ai-msg-content {
    background: #F0F2F5;
    color: #333;
    border-bottom-left-radius: 4px;
}
.ai-msg-user .ai-msg-content {
    background: #00318C;
    color: #fff;
    border-bottom-right-radius: 4px;
}

/* AI 正在輸入指示器 — 骨架屏動畫 */
.ai-msg-typing .ai-msg-content {
    min-width: 180px;
}

/* 進度條載入動畫 */
.ai-loading {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.ai-loading-icon {
    font-size: 18px;
    color: #bbb;
    animation: ai-sparkle 1.2s ease-in-out infinite;
    flex-shrink: 0;
    margin-top: 2px;
}
.ai-loading-body {
    flex: 1;
    min-width: 0;
}
.ai-loading-bar {
    height: 6px;
    border-radius: 3px;
    background: #e8e8e8;
    overflow: hidden;
    position: relative;
}
.ai-loading-bar-fill {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #d0d0d0, #bbb, #d0d0d0);
    background-size: 200% 100%;
    animation: ai-bar-fill 25s ease-out forwards, ai-shimmer 1.5s ease-in-out infinite;
}
.ai-loading-hint {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
    transition: opacity 0.3s;
}
@keyframes ai-bar-fill {
    0%   { width: 5%; }
    10%  { width: 15%; }
    25%  { width: 35%; }
    50%  { width: 55%; }
    75%  { width: 72%; }
    90%  { width: 85%; }
    100% { width: 95%; }
}
@keyframes ai-sparkle {
    0%, 100% { opacity: 0.4; transform: scale(0.9); }
    50%      { opacity: 1;   transform: scale(1.1); }
}
@keyframes ai-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 快速問題按鈕 */
.ai-chat-quick {
    display: flex;
    gap: 6px;
    padding: 6px 16px;
    flex-shrink: 0;
    flex-wrap: wrap;
}
.ai-quick-btn {
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 16px;
    border: 1px solid #DDD;
    background: #FAFAFA;
    color: #555;
    cursor: pointer;
    transition: all 0.15s;
}
.ai-quick-btn:hover {
    border-color: #DD2235;
    color: #DD2235;
    background: #FFF5F5;
}

/* ── 對話卡片填表（5 個快捷按鈕點擊後渲染） ── */
.ai-msg-quickform .ai-msg-content { padding: 0; background: transparent; }
.ai-quickform {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FAFBFC;
    padding: 10px 12px;
    max-width: 320px;
}
.ai-quickform-title { font-size: 13px; font-weight: 600; color: #333; margin-bottom: 8px; }
.ai-quickform-body { display: flex; flex-direction: column; gap: 6px; }
.ai-quickform-field { display: flex; flex-direction: column; gap: 2px; font-size: 11px; color: #666; }
.ai-quickform-field input {
    border: 1px solid #DDD; border-radius: 4px; padding: 5px 8px;
    font-size: 13px; background: #FFF; color: #222;
}
.ai-quickform-field input:focus { outline: none; border-color: #DD2235; }
.ai-quickform-actions { margin-top: 8px; text-align: right; }
.ai-quickform-submit {
    background: #DD2235; color: #FFF; border: none; border-radius: 4px;
    padding: 5px 14px; font-size: 12px; cursor: pointer;
}
.ai-quickform-submit:hover { background: #BB1D2D; }
.ai-quickform-submit:disabled { background: #BBB; cursor: not-allowed; }
.ai-quickform-sent { opacity: 0.6; }

/* ── cart_action 結果 banner / 確認按鈕 ── */
.ai-cart-banner {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 8px 12px; border-radius: 6px; margin: 8px 0;
    font-size: 13px;
}
.ai-cart-success { background: #E8F5E9; color: #2E7D32; border: 1px solid #A5D6A7; }
.ai-cart-banner-link {
    color: inherit; text-decoration: underline; font-weight: 600; white-space: nowrap;
}
.ai-cart-confirm { display: flex; gap: 8px; margin-top: 8px; }
.ai-cart-confirm-btn {
    border: 1px solid #DDD; border-radius: 16px; padding: 5px 14px;
    font-size: 12px; cursor: pointer; background: #FFF;
}
.ai-cart-yes { background: #DD2235; color: #FFF; border-color: #DD2235; }
.ai-cart-yes:hover:not(:disabled) { background: #BB1D2D; }
.ai-cart-no:hover:not(:disabled)  { border-color: #999; }
.ai-cart-confirm-btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* ── 全無庫存 → 一鍵找替代品 banner ── */
.ai-oos-banner {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 8px 12px; border-radius: 6px; margin: 8px 0;
    font-size: 13px;
    background: #FFF3E0; color: #BF360C; border: 1px solid #FFCC80;
}
.ai-oos-banner-msg { flex: 1; }
.ai-oos-alt-btn {
    border: 1px solid #BF360C; border-radius: 16px; padding: 5px 14px;
    font-size: 12px; cursor: pointer; background: #FFF; color: #BF360C; font-weight: 600;
    white-space: nowrap;
}
.ai-oos-alt-btn:hover:not(:disabled) { background: #BF360C; color: #FFF; }
.ai-oos-alt-btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* ── 訂單／詢價單卡片 ── */
.ai-order-list { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.ai-order-card {
    border: 1px solid #E5E7EB; border-radius: 6px; background: #FFF;
    padding: 8px 10px; font-size: 12px;
}
.ai-order-row1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ai-order-no { font-weight: 600; color: #222; }
.ai-order-date { color: #888; font-size: 11px; }
.ai-order-status {
    margin-left: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px;
}
.ai-order-status-done    { background: #E8F5E9; color: #2E7D32; }
.ai-order-status-pending { background: #FFF3E0; color: #E65100; }
.ai-order-status-cancel  { background: #EEE;    color: #777; }
.ai-order-items { color: #555; margin-top: 4px; line-height: 1.5; }
.ai-order-actions { margin-top: 4px; text-align: right; }
.ai-order-actions a { color: #DD2235; text-decoration: none; font-size: 11px; }
.ai-order-actions a:hover { text-decoration: underline; }

/* ── 串流 token 文字（chunk 即時 append） ── */
.ai-stream-text { display: inline; }
.ai-stream-text::after {
    content: '▍';
    display: inline-block;
    margin-left: 2px;
    color: #DD2235;
    animation: ai-blink 1s steps(2) infinite;
}
@keyframes ai-blink { 50% { opacity: 0; } }

/* 輸入區域 */
.ai-chat-footer {
    flex-shrink: 0;
    border-top: 1px solid #EEE;
}
.ai-chat-input-wrap {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 16px 4px;
}
.ai-chat-input {
    flex: 1;
    resize: none;
    border: 1px solid #DDD;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.5;
    max-height: 80px;
    outline: none;
    transition: border-color 0.15s;
}
.ai-chat-input:focus {
    border-color: #00318C;
}
.ai-chat-send {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    background: #DD2235;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s;
}
.ai-chat-send:disabled {
    background: #CCC;
    cursor: not-allowed;
}
.ai-chat-send:not(:disabled):hover {
    background: #C41D2F;
}

/* 新對話按鈕（輸入欄左側） */
.ai-chat-newconv {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #FAFAFA;
    color: #555;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all 0.15s;
}
.ai-chat-newconv:hover {
    border-color: #00318C;
    color: #00318C;
    background: #F0F4FF;
}

/* 免責聲明 */
.ai-chat-disclaimer {
    font-size: 11px;
    color: #aaa;
    text-align: center;
    padding: 4px 16px 10px;
    line-height: 1.4;
}

/* 新對話分隔線 */
.ai-chat-divider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
    color: #DD2235;
    font-size: 12px;
}
.ai-chat-divider::before,
.ai-chat-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #ddd, transparent);
}

/* 舊訊息變淡 */
.ai-msg-old {
    opacity: 0.45;
}

/* ================================================================
   AI 以圖搜商品 — Dropdown Panel（搜尋欄下方展開）
   ================================================================ */

/* 面板 — 絕對定位於搜尋欄下方（無遮罩，點外面關閉） */
.ai-imgsearch-panel {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0; right: 0;
    background: #fff;
    border-radius: 0 0 12px 12px;
    padding: 20px 24px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    z-index: 100;
}
.ai-imgsearch-panel.active { display: block; }
.ai-imgsearch-panel h3 {
    margin: 0 0 12px;
    font-size: 16px;
    color: #333;
}
.ai-imgsearch-drop {
    border: 2px dashed #DDD;
    border-radius: 12px;
    padding: 32px 20px;
    text-align: center;
    color: #999;
    cursor: pointer;
    transition: all 0.15s;
    position: relative;
}
.ai-imgsearch-drop:hover,
.ai-imgsearch-drop.dragover {
    border-color: #DD2235;
    color: #DD2235;
    background: #FFF5F5;
}
.ai-imgsearch-drop input[type="file"] {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0;
    cursor: pointer;
}
.ai-imgsearch-preview {
    margin-top: 12px;
    text-align: center;
}
.ai-imgsearch-preview img {
    max-width: 160px;
    max-height: 120px;
    border-radius: 8px;
    border: 1px solid #eee;
}
.ai-imgsearch-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}
.ai-imgsearch-actions button {
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
}
/* 「使用相機拍照」按鈕：桌面隱藏（用 Ctrl+V 或拖檔即可），手機才顯示 */
.ai-imgsearch-camera-btn {
    display: none;
    width: 100%;
    padding: 10px 16px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    color: #444;
    font-size: 14px;
    cursor: pointer;
}
.ai-imgsearch-camera-btn:active{ background:#eaeaea; }
@media (max-width: 800px) {
    .ai-imgsearch-camera-btn { display: inline-flex; align-items: center; justify-content: center; }
    /* 含相機按鈕的 actions 行不要被「送出/取消」的 flex-end 規則影響 */
    .ai-imgsearch-panel > .ai-imgsearch-actions:has(.ai-imgsearch-camera-btn) {
        margin-top: 10px;
        justify-content: stretch;
    }
}
.ai-imgsearch-actions .ai-imgsearch-submit {
    background: #DD2235;
    color: #fff;
    border-color: #DD2235;
}
.ai-imgsearch-actions .ai-imgsearch-submit:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}
.ai-imgsearch-results {
    margin-top: 16px;
    max-height: 300px;
    overflow-y: auto;
}
.ai-imgsearch-loading {
    text-align: center;
    padding: 20px;
    color: #777;
}

/* 手機版：面板固定在螢幕頂部 */
@media (max-width: 800px) {
    .ai-imgsearch-panel {
        position: fixed;
        top: 100px;
        left: 8px; right: 8px;
        border-radius: 12px;
        z-index: 10000;
    }
}

/* ================================================================
   AI 產品卡片 — 聊天 / 以圖搜商品共用
   ================================================================ */
.ai-product-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}
.ai-product-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    transition: box-shadow 0.15s;
}
.ai-product-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}
.ai-product-card > img {
    width: 72px;
    min-width: 72px;
    height: 72px;
    object-fit: contain;
    background: #f8f8f8;
    border-right: 1px solid #f0f0f0;
    padding: 4px;
}
.ai-product-info {
    padding: 6px 8px;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ai-product-name,
.ai-product-info .name {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ai-product-pno,
.ai-product-info .desc {
    font-size: 11px;
    color: #888;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 3px;
    align-items: center;
}
.ai-product-brand,
.ai-product-info .brand {
    font-size: 10px;
    color: #666;
}
.ai-stock-yes {
    font-size: 10px;
    background: #E8F5E9;
    color: #2E7D32;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 600;
}
.ai-stock-no {
    font-size: 10px;
    background: #F5F5F5;
    color: #999;
    padding: 1px 5px;
    border-radius: 3px;
}
.ai-product-price {
    font-size: 11px;
    color: #DD2235;
    font-weight: 600;
}
.ai-product-actions {
    display: flex;
    gap: 6px;
    margin-top: 4px;
    align-items: center;
}
.ai-product-actions a {
    font-size: 11px;
    color: #DD2235;
    text-decoration: none;
    padding: 2px 8px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
}
.ai-product-actions a:hover {
    background: #FFF5F5;
    border-color: #DD2235;
}
.ai-cart-btn {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #DD2235;
    background: #DD2235;
    color: #fff;
    cursor: pointer;
    transition: all 0.15s;
}
.ai-cart-btn:hover {
    background: #C41D2F;
}
.ai-cart-btn:disabled {
    opacity: 0.6;
    cursor: default;
}

/* 購物車按鈕（藍色，與詢價車紅色區分） */
.ai-shopcart-btn {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #1B5FAE;
    background: #1B5FAE;
    color: #fff;
    cursor: pointer;
    margin-left: 4px;
    transition: all 0.15s;
}
.ai-shopcart-btn:hover { background: #154A87; }
.ai-shopcart-btn:disabled { opacity: 0.6; cursor: default; }

/* 替代品 match_reason 標籤 */
.ai-product-reasons { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 4px; }
.ai-product-reason {
    font-size: 10px; padding: 1px 6px; border-radius: 8px;
    background: #EEF2F7; color: #555; border: 1px solid #E0E5EB;
}

/* ================================================================
   響應式：手機版聊天框全屏
   ================================================================ */
@media (max-width: 768px) {
    .ai-chat-box,
    .ai-chat-box.ai-chat-expanded {
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        max-height: 100vh;
        border-radius: 0;
    }
    .ai-chat-btn {
        bottom: 16px;
        right: 16px;
        width: 50px;
        height: 50px;
    }
    .ai-chat-expand {
        display: none !important;
    }
}

/* 手機版 m_nav 內的會員區塊 */
.m_user_block{padding: 16px 20px 8px;border-bottom: 1px solid #EEE;}
.m_user_head{display: flex;align-items: center;gap: 12px;padding: 6px 0 14px;}
.m_user_avatar{width: 44px;height: 44px;border-radius: 50%;background: #F2F3F7;color: #888;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.m_user_info{flex: 1;min-width: 0;}
.m_user_name{font-size: 16px;font-weight: 600;color: #222;line-height: 1.3;}
.m_user_ctx{font-size: 12px;color: #888;margin-top: 2px;}
.m_user_section_label{font-size: 12px;color: #999;padding: 10px 0 8px;letter-spacing: 0.5px;}
.m_user_pills{display: flex;gap: 8px;flex-wrap: wrap;}
.m_user_pill{flex: 1;min-width: 0;min-height: 44px;display: flex;align-items: center;justify-content: center;padding: 8px 12px;border: 1px solid #DCDFE6;border-radius: 8px;font-size: 14px;color: #444;background: #fff;text-align: center;line-height: 1.3;word-break: break-word;}
.m_user_pill.is-active{border-color: var(--color-primary, #D8232A);color: var(--color-primary, #D8232A);background: #FFF5F5;font-weight: 600;}
.m_user_pill_primary{background: var(--color-primary, #D8232A);border-color: var(--color-primary, #D8232A);color: #fff;font-weight: 600;}
.m_user_check{margin-left: 6px;}
.m_user_links{padding: 6px 0 4px;}
.m_user_link{display: flex;align-items: center;gap: 12px;min-height: 48px;padding: 8px 4px;font-size: 15px;color: #333;border-bottom: 1px solid #F2F2F2;}
.m_user_link:last-child{border-bottom: none;}
.m_user_link svg{flex-shrink: 0;color: #666;}
.m_user_link.m_user_logout{color: #D8232A;}
.m_user_link.m_user_logout svg{color: #D8232A;}
.m_user_tag{margin-left: auto;font-size: 12px;color: #E6A23C;background: #FDF6EC;padding: 2px 8px;border-radius: 4px;}

/* 手機版獨立會員 Panel（小人 icon 觸發，獨立於 m_nav 漢堡選單） */
.m_user_panel{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 9999;display: none;}
.m_user_panel.is-open{display: block;}
.m_user_panel_inner{position: absolute;top: 0;right: 0;width: 86%;max-width: 380px;height: 100%;background: #fff;display: flex;flex-direction: column;box-shadow: -4px 0 16px rgba(0,0,0,0.1);overflow: hidden;}
.m_user_panel_head{display: flex;align-items: center;justify-content: space-between;padding: 14px 20px;border-bottom: 1px solid #EEE;flex-shrink: 0;}
.m_user_panel_title{font-size: 16px;font-weight: 600;color: #222;}
.m_user_panel_close{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;color: #666;}
.m_user_panel_body{flex: 1;overflow-y: auto;padding: 16px 20px 24px;-webkit-overflow-scrolling: touch;}
body.no-scroll{overflow: hidden;}

.m_nav .link{display: flex;align-items: center;justify-content: center;padding: 18px 20px 18px;}

.m_nav .link a{font-size: 16px;line-height: 36px;border-radius: 6px;background: #E6E7EC;padding: 0 26px;}

.m_nav .bot .bhd{display: flex;align-items: center;justify-content: space-between;}

.m_nav .bot .bhd .logo{width: 129px;}

.m_nav .bot .bhd .rf{display: flex;align-items: center;}

.m_nav .bot .bhd .rf .language{width: 18px;}

.m_nav .bot .bhd .rf .m_nav_close{width: 24px;margin-left: 16px;}

.m_nav .bot .lvlist{height: calc(100vh - 230px);margin-top: 36px;overflow-y: auto;margin-right: -20px;padding-right: 20px;}

.m_nav .bot .lvlist .item:not(:first-child){margin-top: 36px;}

/* ═══ 會員中心篩選列（Ch.40） ═══ */
.ac_filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 0;margin-bottom:16px;border-bottom:1px solid #E6E7EC;}
.ac_filter_input{height:36px;padding:0 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;}
.ac_filter_input:focus{border-color:#00318C;}
.ac_filter_input[type="text"]{width:220px;}
.ac_filter_input[type="date"]{width:150px;cursor:pointer;}
.ac_filter_select{height:36px;padding:0 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;outline:none;min-width:120px;}
.ac_filter_select:focus{border-color:#00318C;}
.ac_filter_btn{height:36px;padding:0 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:opacity .2s;display:inline-flex;align-items:center;gap:4px;}
.ac_filter_btn:hover{opacity:0.85;}
.ac_filter_btn_search{background:#00318C;color:#fff;}
.ac_filter_btn_reset{background:#f0f0f0;color:#666;}
.ac_filter_date_sep{color:#999;font-size:14px;line-height:36px;}
@media screen and (max-width:1024px){
.ac_filter{gap:8px;}
.ac_filter_input[type="text"]{width:100%;}
.ac_filter_input[type="date"]{width:calc(50% - 14px);}
.ac_filter_select{width:100%;}
.ac_filter_btn{flex:1;justify-content:center;}
}

.m_nav .bot .lvlist .item .lv1{display: flex;justify-content: space-between;align-items: center;}

/* ===== 詢價頁優化 — 地址選擇 + 商品 autocomplete ===== */
.inq-addr-section{margin-bottom:16px;padding:16px 0;max-width:calc(620 / 1330 * 100%);}
.inq-addr-select{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.inq-addr-opt{display:flex;align-items:flex-start;padding:10px 14px;border:2px solid #eee;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;}
.inq-addr-opt:has(input:checked){border-color:#4a5d7a;background:#f8fafd;}
.inq-addr-opt input[type="radio"]{margin-top:3px;margin-right:10px;flex-shrink:0;}
.inq-addr-info{font-size:13px;line-height:1.6;color:#333;}
.inq-addr-info strong{font-weight:600;}
.inq-addr-new .inq-addr-info{color:#4a5d7a;font-weight:500;}
.inq-save-addr{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#555;}
.inq-save-addr input[type="checkbox"]{margin:0;}

/* 地址下拉選擇器 */
.inq-addr-sel-wrap{position:relative;display:inline-flex;align-items:center;margin-left:12px;}
.inq-addr-sel-wrap select{appearance:none;-webkit-appearance:none;padding:5px 28px 5px 10px;border:1px solid #ccc;border-radius:4px;color:#4a5d7a;font-weight:500;background:#fff;cursor:pointer;min-width:180px;}
.inq-addr-sel-wrap select:hover{border-color:#4a5d7a;}
.inq-addr-arrow{position:absolute;right:8px;pointer-events:none;color:#4a5d7a;transition:transform .2s;}

/* 商品 autocomplete */
.inq-mno-wrap{position:relative;}
.inq-ac-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:100;max-height:280px;overflow-y:auto;display:none;min-width:320px;max-width:480px;}
.inq-ac-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f5f5f5;transition:background .15s;}
.inq-ac-item:last-child{border-bottom:none;}
.inq-ac-item:hover,.inq-ac-item.active{background:#f0f4f8;}
.inq-ac-img{width:36px;height:36px;object-fit:contain;border:1px solid #eee;border-radius:4px;flex-shrink:0;background:#fafafa;}
.inq-ac-text{flex:1;min-width:0;}
.inq-ac-no{font-weight:600;color:#1e3a5f;white-space:nowrap;}
.inq-ac-name{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inq-ac-hint{padding:10px 12px;font-size:13px;color:#999;text-align:center;}

/* 商品列表圖片欄 */
.inq2 .row2 .ww.w0{width:70px;text-align:center;flex-shrink:0;}
.inq2 .row2 .w0 img{width:56px;height:56px;object-fit:contain;border:1px solid #eee;border-radius:4px;}

/* 新增商品按鈕 */
.inq-add-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:#fff;background:#4a5d7a;font-size:14px;cursor:pointer;padding:8px 18px;border-radius:6px;transition:background .2s;text-decoration:none;}
.inq-add-btn:hover{background:#3a4d6a;color:#fff;}
.inq-add-btn svg{flex-shrink:0;}

/* 單行刪除按鈕 */
.inq-del-btn{display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s;}
.inq-del-btn:hover{color:#dc3545;}

/* 批次刪除計數 */
.inq-delete-count{display:none;color:#dc3545;font-weight:500;}

.m_nav .bot .lvlist .item .lv1 a{line-height: 21px;font-size: 18px;font-weight: 500;}

.m_nav .bot .lvlist .item .lv1 span{position: relative;width: 24px;height: 24px;}

.m_nav .bot .lvlist .item .lv1 span img:nth-child(2){position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}

.m_nav .bot .lvlist .item.act .lv1 a{color: var(--color-primary);}

.m_nav .bot .lvlist .item.act .lv1 span img:nth-child(1){opacity: 0;}

.m_nav .bot .lvlist .item.act .lv1 span img:nth-child(2){opacity: 1;}




.m_nav .bot .lvlist .item .lv2list{padding: 18px 14px 0;display: none;}

.m_nav .bot .lvlist .item .lv2list .lv2:not(:first-child){margin-top: 24px;}

.m_nav .bot .lvlist .item .lv2list .lv2 a{font-size: 16px;line-height: 19px;color: var(--text-color2);}

.opacity-0{opacity: 0;}



/* 搜索结果 */
.sch_news{padding: 0.35rem 0 0.9rem;}

.sch_switch{display: flex;align-items: center;justify-content: space-between;margin-top: 0.4rem;}

.sch_switch .tit{line-height: calc(28 / 24);}

.sch_switch .tit span{color: var(--color-primary);}

.sch_switch .links{display: flex;position: relative;padding: 0 0.3rem;}

.sch_switch .links::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #E6E7EC;opacity: 0.9;}

.sch_switch .links a{margin-left: 0.8rem;position: relative;padding: 0 4px 1em;}

.sch_switch .links a::before{content: "";position: absolute;left: 0;bottom: -0.25px;width: 100%;height: 1.5px;background: var(--color-primary);opacity: 0;}

.sch_switch .links a:first-child{margin-left: 0;}

.sch_switch .links a.act::before{opacity: 1;}

.sch_switch .links a:hover{color: var(--color-primary);}

.sch_switch .links a.act{color: var(--color-primary);font-weight: 500;}

.news_ul{margin: 0.5rem 0 0;display: flex;flex-wrap: wrap;}

.news_ul .li{width: calc((100% - 0.6rem) / 3);margin: 0.38rem 0.3rem 0 0;}

.news_ul .li:nth-child(-n + 3){margin-top: 0;}

.news_ul .li:nth-child(3n){margin-right: 0;}

.news_ul .li .ss{height: 100%;display: block;border-radius: 0.1rem;background: #fff;padding: 0.2rem 0.2rem 0.24rem;}

.news_ul .li .ss .imgbox{height: 2.5rem;border-radius: 0.1rem;overflow: hidden;}

.news_ul .li .ss .imgbox img{height: 100%;object-fit: cover;}

.news_ul .li .ss .txtbox .t1{line-height: 1.5;color: #999;margin-top: 0.26rem;}

.news_ul .li .ss .txtbox .t2 span{color: var(--color-primary);}

.news_ul .li .ss .txtbox .t2{line-height: 1.3;height: 2.6em;margin-top: 0.14rem;}

.news_ul .li .ss .txtbox .more{height: 36px;padding: 0 0.2rem;border-radius: 36px;margin-top: 0.24rem;display: flex;align-items: center;justify-content: center;color: #999;transform: translateX(-0.2rem);width: fit-content;}

.news_ul .li .ss .txtbox .more span{margin-left: 8px;width: 8px;}

.news_ul .li .ss:hover .imgbox img{transform: scale(1.05);}

.news_ul .li .ss:hover .txtbox .more{transform: translateX(0);background: var(--color-primary);color: #fff;}

.manu_ul{display: flex;flex-wrap: wrap;margin-top: 0.5rem;}

.manu_ul .li{width: calc((100% - 1.2rem) / 4);margin: 0.4rem 0.4rem 0 0;}

.manu_ul .li:nth-child(4n){margin-right: 0;}

.manu_ul .li:nth-child(-n + 4){margin-top: 0;}

.manu_ul .li a{display: block;height: 1.5rem;padding: 0.18rem;background: #fff;border-radius: 0.1rem;}

.manu_ul .li a img{height: 100%;object-fit: contain;}


.pcad_right .lists .list.list2 .item .txt .h_1:hover,
/*.pcad_right .lists .list.list2 .item .txt .h_2,*/
.pcad_right .lists .list.list2 .item .txt .h_1 span,
.pcad_right .lists .list.list2 .item .txt .h_2 span,
.pcad_right .lists .list.list2 .item .txt .p span{color: var(--color-primary);}


.pcad_right .lists .list.list1 .item .left1 .txt span{color: var(--color-primary);}

.inq2 .det.addressflex{display: flex;gap: 20px;align-items: center;}

.inq2 .item.item_qh{width: calc(384 / 1330 * 100%);}
.inq2 .item.item_code{width: calc(384 / 1330 * 100%);}

.inq2 .det.addressflex .add{width: 240px;display: flex;gap: 10px;flex-shrink: 0;}
.inq2 .det.addressflex .add select{flex: 1;min-width: 0;}

.inq2 .det.addressflex .add select{border: 1px solid #CCCCCC;border-radius: 6px;padding: 0 28px 0 9px;background: url(../images/svg/date_arr.svg) no-repeat right 8px center;color: var(--text-color2);height: 50px;}

.inq2 .det.addressflex input{flex: 1;min-width: 0;}
.inq2 .det.addressflex input[name="postcode"]{flex: 0 0 110px !important;margin-left: 0 !important;}

.sa-button-container{display: flex;justify-content: center;flex-direction: row-reverse;}

.logining{display: flex;align-items: center;}

.logining a:hover{color: #F00;}


@media screen and (min-width:1025px) {
    .m_prodlist,
    .m_nav,
    .m_header{display: none !important;}
}

@media screen and (min-width:1921px) {
  html {font-size: 100px;}
}
/* 
@media screen and (min-width:1921px) {
  body{font-size: 0.14rem;}
  .f_12 {font-size:0.12rem;}
  .f_14 {font-size:0.14rem;}
  .f_16 {font-size:0.16rem;}
  .f_18 {font-size:0.18rem;}
  .f_20 {font-size:0.2rem;}
  .f_22 {font-size:0.22rem;}
  .f_24 {font-size:0.24rem;}
  .f_26 {font-size:0.26rem;}
  .f_28 {font-size:0.28rem;}
  .f_30 {font-size:0.3rem;}
  .f_32 {font-size:0.32rem;}
  .f_34 {font-size:0.34rem;}
  .f_36 {font-size:0.36rem;}
  .f_38 {font-size:0.38rem;}
  .f_40 {font-size:0.40rem;}
  .f_42 {font-size:0.42rem;}
  .f_44 {font-size:0.44rem;}
  .f_46 {font-size:0.46rem;}
  .f_48 {font-size:0.48rem;}
  .f_50 {font-size:0.50rem;}
  .f_52 {font-size:0.52rem;}
  .f_54 {font-size:0.54rem;}
  .f_56 {font-size:0.56rem;}
  .f_58 {font-size:0.58rem;}
  .f_60 {font-size:0.60rem;}
  .f_62 {font-size:0.62rem;}
  .f_64 {font-size:0.64rem;}
  .f_66 {font-size:0.66rem;}
  .f_68 {font-size:0.68rem;}
  .f_70 {font-size:0.70rem;}
  .f_72 {font-size:0.72rem;}
  .f_74 {font-size:0.74rem;}
  .f_76 {font-size:0.76rem;}
  .f_78 {font-size:0.78rem;}
  .f_80 {font-size:0.80rem;}
  .f_90 {font-size:0.90rem;}
}
@media screen and (max-width:1680px) {
  .f_14 {font-size:13px;}
  .f_16 {font-size:14px;}
  .f_18 {font-size:16px;}
  .f_20 {font-size:18px;}
  .f_22 {font-size:20px;}
  .f_24 {font-size:22px;}
  .f_26 {font-size:24px;}
  .f_28 {font-size:26px;}
  .f_30 {font-size:28px;}
  .f_32 {font-size:30px;}
  .f_34 {font-size:32px;}
  .f_36 {font-size:34px;}
  .f_38 {font-size:36px;}
  .f_40 {font-size:38px;}
  .f_42,.f_44 {font-size:40px;}
  .f_46 {font-size:42px;}
  .f_48 {font-size:44px;}
  .f_50 {font-size:46px;}
  .f_52 {font-size:48px;}
  .f_54 {font-size:48px;}
  .f_56 {font-size:48px;}
  .f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:52px;}
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:48px;}
}
@media screen and (max-width:1440px) {
  .f_16 {font-size:14px;}
  .f_18 {font-size:15px;}
  .f_20 {font-size:17px;}
  .f_22 {font-size:18px;}
  .f_24 {font-size:20px;}
  .f_26 {font-size:22px;}
  .f_28 {font-size:22px;}
  .f_30 {font-size:24px;}
  .f_32 {font-size:24px;}
  .f_34 {font-size:26px;}
  .f_36 {font-size:28px;}
  .f_38,.f_40 {font-size:30px;}
  .f_42,.f_44 {font-size:32px;}
  .f_46 {font-size:34px;}
  .f_48 {font-size:36px;}
  .f_50 {font-size:36px;}
  .f_52 {font-size:38px;}
  .f_54 {font-size:38px;}
  .f_56 {font-size:40px;}
  .f_58 {font-size:42px;}
  .f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:44px;}
} */
@media screen and (max-width:1440px) {
  .header .hbt{padding-left: 3.41rem;}
  .pcad_right .lists .list.list1 .item .left1 .txt{width: 5rem;}
}
@media screen and (max-width:1280px) {
  .f_14 {font-size:12px;}
  .f_16 {font-size:13px;}
  .f_18 {font-size:14px;}
  .f_20 {font-size:15px;}
  .f_22 {font-size:16px;}
  .f_24 {font-size:16px;}
  .f_26 {font-size:20px;}
  .f_28 {font-size:20px;}
  .f_30 {font-size:20px;}
  .f_32 {font-size:22px;}
  .f_34 {font-size:23px;}
  .f_36 {font-size:25px;}
  .f_38 {font-size:26px;}
  .f_40 {font-size:30px;}
  .f_42,.f_44 {font-size:32px;}
  .f_46 {font-size:30px;}
  .f_48,.f_50 {font-size:34px;}
  .f_52 {font-size:36px;}
  .f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:40px;}
}
@media screen and (max-width:1024px) {
  html {font-size:60px;}

    .hdtop,
  .header,
  .pcbox{display: none;}

  .phbox{display: block;}
  
    :root {
     --border-radius: 7px;
    }
  

    .w1410{padding: 0 20px;width: 100%;}
    
    .footer{background: #111;padding: 21px 0 14px;}
    
    .footer .ul .li:not(:first-child){display: none;}
    
    .footer .ul .li{width: 100%;}
    
    .footer .ul .li .icon{width: 40px;}
    
    .footer .ul .li .icon img{filter: brightness(0) invert(1);}
    
    .footer .ul .tit{font-size: 14px;line-height: 16px;color: #fff;margin-top: 15px;}
    
    .footer .ul .det{max-width: 100%;margin-top: 11px;font-size: 14px;line-height: 24px;}
    
    .footer .bot{line-height: 19px;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 25px;padding-top: 17px;}
    
    .indexLayout{padding: 25px 0 50px;}
    
    .in1 .left{display: none;}
    /* 手機版 sidebar 隱藏，解除桌機 min-height 改用 banner 高度撐 */
    .in1 .iox{min-height: 0;}
    
    .in1 .right{width: 100%;}
    
    .in1 .right .swiper-slide{height: calc((100vw - 40px) * (148 / 335));border-radius: 7px;}
    
    .in1 .right .btnbox a{display: none;}
    
    .in1 .right .pogin{position: relative;bottom: 0;margin-top: 10px;}
    
    .in1 .right .pogin span{width: 5px;height: 5px;border: none;background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), rgba(0, 0, 0, 0.10);margin: 0 5px !important;}
    
    .in1 .right .ul{overflow-x: auto;margin: 0 -20px;padding: 0 20px 15px;height: auto;}
    
    .in1 .right .ul .li{width: 240px;min-width: 240px;margin: 19px 15px 0 0;padding: 17px 17px 22px 17px}
    
    .in1 .right .ul .li:last-child{margin-right: 0;}
    
    .in1 .right .ul .li .tit{font-size: 16px;line-height: 19px;}
    
    .in1 .right .ul .li .list{padding-top: 13px;}
    
    .in1 .right .ul .li .list .it{margin-top: 11px;}
    
    .in1 .right .ul .li .list a{display: block;}
    
    .in1 .right .ul .li .tit a .it{margin-top: 0;}
    
    .in1 .right .ul .li .list .it .ico{width: 12px;margin-top: 1px;}
    
    .in1 .right .ul .li .list .it .txt{margin-left: 7px;font-size: 12px;line-height: 14px;}
    
    .in1 .right .ul .li .hot_ico{right: 26px;bottom: 20px;width: 53px;}
    
    .in2 .notice{margin-top: 15px;padding: 14px 18px 13px 10px;align-items: flex-start;}
    
    .in2 .notice .ico{width: 32px;min-width: 32px;}
    
    .in2 .notice .txt{font-size: 12px;line-height: 20px;}
    
    .in2 .ul{margin-top: 30px;}
    
    .in2 .ul .li{width: calc((100% - 10px) / 2);margin-right: 10px;margin-bottom: 10px;}
    
    .in2 .ul .li:nth-child(2n){margin-right: 0;}
    
    .in2 .ul .li .ss{flex-direction: column-reverse;height: 100%;}
    
    .in2 .ul .li .ss .img{width: 100%;height: calc(((100vw - 50px) / 2) * (180 / 335));flex-shrink: 0;}
    
    .in2 .ul .li .ss .txt{width: 100%;padding: 14px 14px 12px;flex: 1;display: flex;flex-direction: column;}
    
    .in2 .ul .li .ss .txt .main_more{position: relative;left: 0;bottom: 0;font-size: 10px;line-height: 12px;margin-top: auto;padding-top: 12px;color: var(--color-primary)}
    
    .in2 .ul .li .ss .txt .t1{line-height: 19px;}
    
    .in2 .ul .li .ss .txt .t2{font-size: 12px;line-height: 14px;margin-top: 8px;}
    
    .in2 .ul .li .ss .txt .main_more img:nth-child(1){opacity: 0;}
    
    .in2 .ul .li .ss .txt .main_more img:nth-child(2){opacity: 1;}
    
    .in2 .ul .li:not(:last-child){margin-bottom: 10px;}
    
    .mg80{margin-top: 55px;}
    
    .main_tit{font-size: 22px;line-height: 26px;}
    
    .layout_more{font-size: 10px;line-height: 12px;}
    
    .in3 .iox{margin-top: 20px;}
    
    .in3 .iox .ul{gap: 5px 6px;}
    
    .in3 .iox .ul .li{width: calc((100% - 12px) / 3)}
    
    .in3 .iox .ul .li .ss{height: 45px;padding: 10px 10px 9px;}
    
    .in3 .swpbtn{margin-top: 20px;}
    
    .in3 .swpbtn a{display: none;}
    
    .swpbtn .pogin span{width: 5px;height: 5px;border: none;background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), rgba(0, 0, 0, 0.10);margin: 0 5px !important;}
    
    /*.in2 .ul .li .ss .txt .t2*/
    
    .in4{margin-top: 55px;}
    
    .in4 .main_tit{text-align: center;}
    
    .in4 .swiper-wrapper{flex-wrap: wrap;}
    
    .in4 .swiper-slide:not(:first-child){margin-top: 15px;}
    
    .in4 .ss{padding: 10px 14px 10px 158px;position: relative;}
    
    .in4 .ss .img{position: absolute;left: 10px;top: 10px;width: 135px;height: calc(100% - 20px);background: #F2F4FB;border: 1px solid #E4E4E4;border-radius: 7px;}
    
    .in4 .ss .main_more{display: none;}
    
    .in4 .ss .icon{height: 18px;}
    
    .in4 .ss .t2{font-size: 12px;line-height: 19px;height: 38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;margin-top: 15px;}
    
    .in4 .ss .t2 p{padding-left: 0;}
    
    .in4 .ss .t2 p::before{display: none;}
    
    .in4 .ss .t1{font-size: 16px;line-height: 18px;height: auto;    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;margin-top: 20px;}
    
    .in4 .swpbtn{margin-top: 0;}
    
    .pca_con{flex-direction: column-reverse;flex-wrap: wrap;}
    
    .com_left{width: 100%;padding-bottom: 0;}
    
    .com_left .left_pl{margin-top: 50px;}
    
    .com_rcon{width: 100%;}
    
    .pca_con{margin-top: 20px;}
    
    .crumbs{flex-wrap: wrap;}
    
    .crumbs span{width: 100%;}
    
    main{overflow: hidden;}
    
    .pcad_right{margin-top: 40px;}
    
    .pcad_right .pca_top{margin-top: 14px;padding-right:0.11rem;}
    
    .pcad_right .pca_top .sort-tabs{display:none;}
    .pcad_right .pca_top .pagesize-select{display:none;}
    .pcad_right .pca_top .tax-toggle{display:none;}
    
    .pcad_right .pca_top .btns .btn{width: 62px;}
    
    .pcad_right .pca_top img{width: 18px;}
    
    .pcad_right .pca_top .p{font-size: 14px;}
    
    .pcad_right .pca_top .btns{height: 100%;}
    
    .pcad_right .lists .list.list2 .item{width: calc(50% - 5px);margin: 0 10px 14px 0;padding: 16px 10px 18px;}
    
    .pcad_right .lists .list.list2 .item:nth-child(3n){margin-right: 10px;}
    
    .pcad_right .lists .list.list2 .item:nth-child(2n){margin-right: 0;}
    
    .pcad_right .lists .list.list2 .item .pic{height: 90px;margin-bottom: 14px;}
    
    .com_left .left_nav{display: none;}
    
    .pcad_right .lists .list.list2 .item .txt .h_1{font-size: 13px;line-height: 1.35;margin-bottom: 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
    
    .pcad_right .lists .list.list2 .item .txt .h_2{font-size: 12px;line-height: 1.35;margin-bottom: 4px;color:#666;font-weight:400;}
    
    .pcad_right .lists .list.list2 .item .txt .p{font-size: 12px;line-height: 1.35;margin-bottom: 12px;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
    
    .pcad_right .lists .list.list2 .item .txt .nums{margin-bottom: 12px;font-size: 20px;}
    
    .pcad_right .lists .list.list2 .item .txt .nums span{font-size: 12px;}
    
    .pcad_right .lists .list.list2 .item .txt .count{width: 100%;margin-bottom: 10px;}
    
    .pcad_right .lists .list.list2 .item .txt .count .reduce, 
    .pcad_right .lists .list.list2 .item .txt .count .addbtn{width: 34px;height: 30px;}
    
    .pcad_right .lists .list.list2 .item .txt .count .num{flex: 1;}
    
    /* Stock / Pkg Unit：手機改 inline 兩個小 chip 並排，不再各佔一行 */
    .pcad_right .lists .list.list2 .item .txt .p1{flex-wrap: wrap;gap: 6px;font-size:11px;line-height:1.3;margin-bottom: 12px;}
    
    .pcad_right .lists .list.list2 .item .txt .p1 span{width: auto;margin-right: 0;padding: 4px 8px;font-size:11px;line-height:1.3;border-radius:4px;}
    
    /* +Quote / +Buy：手機改 50/50 並排，按鈕變小 */
    .pcad_right .lists .list.list2 .item .txt .links{display: flex;flex-wrap: nowrap;margin-top: 6px;border-radius: 0;gap: 6px;}
    
    .pcad_right .lists .list.list2 .item .txt .links .btn{flex:1;width: auto;line-height: 38px;font-size: 13px;padding:0 4px;}
    
    .pcad_right .lists .list.list2 .item .txt .links .btn:nth-child(1){border-radius: 6px;}
    
    .pcad_right .lists .list.list2 .item .txt .links .btn:nth-child(2){border-radius: 6px;}
    
    .pcad_right .lists .list.list1 .item{flex-wrap: wrap;padding: 10px 8px 30px;}
    
    .pcad_right .lists .list.list1 .item .left1 .pic{width: 140px;height: 140px;margin-right: 20px;}
    
    .pcad_right .lists .list.list1 .item .left1 .txt{flex: 1;width: fit-content;}
    
    .pcad_right .lists .list.list1 .item .left1 .txt .h_1{font-size: 14px;line-height: 17px;margin-bottom: 10px;}
    
    .pcad_right .lists .list.list1 .item .left1 .txt .h_2{font-size: 14px;line-height: 17px;margin-bottom: 10px;}
    
    .pcad_right .lists .list.list1 .item .left1 .txt .p{font-size: 14px;line-height: 16px;margin-bottom: 20px;}
    
    .pcad_right .lists .list.list1 .item .right1{width: 100%;display: flex;flex-direction: column;padding-top: 0;}

    .pcad_right .lists .list.list1 .item .right1 .address{position: static;order: -1;flex-direction: column;flex-wrap: nowrap;gap: 6px;margin-bottom: 6px;}

    .pcad_right .lists .list.list1 .item .right1 .address a{margin-left: 0;font-size: 12px;line-height: 14px;padding: 5px;border-radius: 4px;}
    
    .pcad_right .lists .list.list1 .item .left1 .txt .p1{flex-wrap: wrap;gap: 6px;}
    
    .pcad_right .lists .list.list1 .item .left1 .txt .p1 span{width: 100%;margin-right: 0;padding: 5px 8px;}
    
    .pcad_right .lists .list.list1 .item .right1 .nums{margin-left: 160px;font-size: 24px;}
    
    .pcad_right .lists .list.list1 .item .right1 .nums span{font-size: 14px;}
    
    .pcad_right .lists .list.list1 .item .right1 .count{width: 100%;margin-bottom: 16px;margin-top: 12px;}
    
    .pcad_right .lists .list.list1 .item .right1 .count .reduce, 
    .pcad_right .lists .list.list1 .item .right1 .count .addbtn{width: 40px;height: 34px;}
    
    .pcad_right .lists .list.list1 .item .right1 .links{width: 100%;justify-content: space-between;}
    
    .pcad_right .lists .list.list1 .item .right1 .links .btn{width: calc(50% - 7.5px);line-height: 50px;border-radius: 6px;font-size: 16px;}
    
    .pcad_right .lists .list.list1 .item{margin-bottom: 28px;}
    
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{border: 1px solid #BDBDBD;background: #fff;}
    
    .el-pagination{padding: 0;}
    
    .el-pagination.is-background .btn-prev{margin-left: 0;}
    
    .el-pagination.is-background .btn-next{margin-right: 0;}
    
    .el-pagination.is-background .el-pager li:not(.disabled).active{border-color: #f00;}
    
    .pcad_right{padding-bottom: 60px;}
    
    .pcad_right .lists .list.list1 .item .right1 .count .num{flex: 1;}
    
    .pca_right .form{width: 100%;margin-bottom: 20px;}
    
    .pca_right .form button{width: 74px;height: 46px;}
    
    .pca_right .form input{flex: 1;height: 46px;padding: 0 10px;}
    
    .pca_right .form button img{width: 18px;}
    
    .pca_right{margin-top: 40px;}
    
    .pca_right .pca_top .p{font-size: 14px;}
    
    .pca_right .list .item .con1 .pic{width: 100%;height: auto;}
    
    .pca_right .pca_top img{width: 18px;height: 18px;margin-right: 6px;}
    
    .pca_right .list .item .con1{flex-wrap: wrap;}

    .pca_right .list .item .con1 ul{width: 100%;}
    
    .pca_right .list .item .con1 ul li{width: 100%;}
    
    .pcad_right .swiper-box .t_swiper{width: 100%;}
    
    .pcad_right .swiper-box .bn{display: none;}
    
    /* 進階搜索面板 - 手機端 */
    .pcad_right .advanced_search{padding: 14px 12px;margin-bottom: 8px;border-radius: 6px;}
    .pcad_right .advanced_search .as_header{margin-bottom: 12px;}
    .pcad_right .advanced_search .as_title{font-size: 14px;}
    .pcad_right .advanced_search .as_title img{width: 16px;height: 16px;margin-right: 4px;}
    .pcad_right .advanced_search .as_section{margin-bottom: 12px;}
    .pcad_right .advanced_search .as_label{font-size: 12px;margin-bottom: 8px;}
    .pcad_right .advanced_search .swiper-box .t_swiper{width: 100%;}
    .pcad_right .advanced_search .swiper-box .bn{display: none;}
    .pcad_right .advanced_search .form_box{width: 100%;flex-wrap: wrap;}
    .pcad_right .advanced_search .form_box .select{width: 100%;margin-right: 0;}
    .pcad_right .advanced_search .form_box .form{width: 100%;margin-top: 14px;}
    .pcad_right .advanced_search .form_box .form button{width: 74px;height: 46px;}
    .pcad_right .advanced_search .form_box .form input{flex: 1;height: 46px;padding: 0 10px;}
    .pcad_right .advanced_search .form_box .form button img{width: 18px;}
    .pcad_right .advanced_search .filter_tags{padding: 8px 0 0;margin-top: 8px;}
    .pcad_right .advanced_search .filter_tags .tag{font-size: 12px;padding: 4px 8px;margin: 3px 4px 3px 0;}
    .pcad_right .advanced_search .filter_tags .tag i{margin-left: 4px;font-size: 11px;}

    .pcad_right .form_box{width: 100%;flex-wrap: wrap;}
    
    .pcad_right .form_box .select{width: 100%;margin-right: 0;}
    
    .pcad_right .form_box .form{width: 100%;margin-top: 14px;margin-bottom: 16px;}
    
    .pcad_right .form_box .form button{width: 74px;height: 46px;}
    
    .pcad_right .form_box .form input{flex: 1;height: 46px;padding: 0 10px;}
    
    .pcad_right .form_box .form button img{width: 18px;}
    
    .pcad_right .filter_tags{padding: 6px 0;}
    .pcad_right .filter_tags .tag{font-size: 12px;padding: 4px 8px;margin: 3px 4px 3px 0;}
    .pcad_right .filter_tags .tag i{margin-left: 4px;font-size: 11px;}

    .el-input__inner{height: 46px;padding: 0 21px 0 8px;}
    
    .el-input__suffix{right: 15px;}
    
    .mft_right .left{padding-top: 40px;width: 100%;}
    
    .mft_right .right{display: none;}
    
    .manu_right .title{font-size: 16px;line-height: 19px;margin-bottom: 8px;}
    
    .pcad_right .form_box{flex-wrap: wrap;}
    
    .sidebar{right: 6px;}
    
    .sidebar .sidebar_btn{display: none;}
    
    .sidebar .ul{background: none;padding: 0;border: none;}
    
    .sidebar .ul .li .ss{padding: 0;width: 40px;height: 40px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 9.8px rgba(0, 0, 0, 0.07);}
    
    .sidebar .ul .li .ss .text{display: none;}
    
    .sidebar .ul .li .ss .icon{width: 20px;}
    
    .sidebar .ul .li:not(:first-child){border: none;margin-top: 12px;}
    
    /* 📱 手機版：個別 .li 加 transition，配合 JS 的 .mb-collapsed 滑動方向收/放 */
    .sidebar .ul .li{ transition: transform .35s cubic-bezier(.4,0,.2,1), opacity .25s ease; }
    /* 向下滑收起：6 顆主要 icon 滑出右側 + 淡出，但「回到頂端」(.li.back) 不動 */
    .sidebar.mb-collapsed .ul .li:not(.back){
        transform: translateX(120%);
        opacity: 0;
        pointer-events: none;
    }
    
    .sppc1{padding: 20px 10px;}
    
    .sppc1 .item .ul .li{width: 50px;}
    
    .sppc1 .item .ul .li .icon{width: 50px;height: 50px;}
    
    .sppc1 .item .ul .li.line{height: 50px;width: 16px;}
    
    .spLayout{padding-bottom: 50px;}
    
    .returns1{padding: 20px 10px;}
    
    .returns1 .ul .li{margin-top: 20px;}
    
    .returns1 .ul .li .lbt{padding: 8px 0;}
    
    .returns1 .ul .li .ltp .arr{width: 16px;}
    
    .returns1 .ul .li .lbt .item .icon{width: 50px;height: 50px;}
    
    .returns1 .ul .li .lbt .item .icon img{width: 25px;height: 25px;}
    
    .returns1 .ul .li .lbt .item:not(:last-child)::before{left: 25px;top: 60px;height: calc(100% - 70px);}
    
    .returns1 .ul .li .lbt .item .text{width: calc(100% - 70px);}
    
    .pprg{padding: 20px 10px;}
    
    .pprg .edit{padding: 15px 0;}
    
    .ppLayout .pca_con{padding-bottom: 55px;}
    
    .inner_banner .img{height: 200px;}
    
    .newsbox{padding: 30px 0 50px;}
    
    .newsbox .ul{margin-top: 30px;}
    
    .newsbox .ul .li:not(:first-child){margin-top: 26px;}
    
    .newsbox .ul .li .ss{padding: 20px 10px;flex-wrap: wrap;}
    
    .newsbox .ul .li .ss .imgbox{width: 100%;height: auto;}
    
    .newsbox .ul .li .ss .txtbox{width: 100%;margin: 15px 0 0;}
    
    .newsbox .ul .li .ss .txtbox .t3{margin-top: 10px;}
    
    .newsbox .ul .li .ss .txtbox .t2{font-size: 14px;}
    
    .ndet{padding: 20px 10px;}
    
    .ndet .fanye{flex-wrap: wrap;gap: 10px;}
    
    .ndet .fanye .ss{width: 100%;}
    
    .ndet .fanye .ss.next .imgTwo{transform: rotate(180deg);margin: 0 8px 0 0;}
    
    .ndet .fanye .ss .text{max-width: 100%;}
    
    .ndet .fanye .ss.next{flex-direction: row-reverse;justify-content: flex-end;}
    
    .ndet .fanye .ss .imgTwo{display: none;}
    
    .stm1{padding: 20px 10px;}
    
    .stm1 .tit{padding-bottom: 15px;}
    
    .stm1 .ul{margin-top: 20px;flex-wrap: wrap;padding-bottom: 0;}
    
    .stm1 .ul .li{width: 100%;flex: none;}
    
    .stm1 .ul .li .lv1{text-align: left;padding: 8px 15px;}
    
    .stm1 .ul .li .lv2list{padding: 10px 15px;text-align: left;display: flex;flex-wrap: wrap;gap: 10px;}
    
    .stm1 .ul .li .lv2:not(:first-child){margin-top: 0;}
    
    .mainbox{margin: 30px 0 0;padding-bottom: 55px;}
    
    .plist_right .box .list{padding: 10px;}
    
    .plist_right .box .list a{width: 100%;}
    
    .plist_right .box .list a:first-child{border-top: none;}
    
    .plist_right .box .list{border-top: 1px solid #D9D9D9;}
    
    .pld_right .box ul li{width: 50%;}
    
    .abtop{padding: 20px 10px;}
    
    .ab1 .right{margin: 10px 0 0;}
    
    .ab2{margin: 40px -10px 0;}
    
    .ab3{margin-top: 50px;}
    
    .ab3 .left{width: 100%;}
    
    .ab3 .right{width: 100%;}
    
    .ab3 .left .txt{margin: 15px 0 20px;}
    
    .ab3 .right .swiper-slide{height: 200px;}
    
    .ab4{margin: 50px -10px 0;padding: 40px 10px 0;}
    
    .ab4 .text{width: 100%;}
    
    .ab4 .text .t1{margin-top: 15px;}
    
    .ab4 .text .t2{margin-top: 20px;}
    
    .ab4 .text .t2 .it .set img{width: 18px;margin-right: 8px;}
    
    .ab4 .swpbox .swpbtn2{position: relative;top: 0;margin-top: 20px;}
    
    .ab4 .swpbox{margin-top: 30px;}
    
    .ab4 .swpbox .swiper .swiper-slide{width: 100%;height: calc((100vw - 60px) * (400 / 350))}
    
    .swpbtn2 .next{margin-left: 15px;}
    
    .ab5 .swpbox .swiper1 .swiper-slide{width: 100%;max-width: 330px;}
    
    .abbot{margin-top: 50px;}
    
    .abbot .left{width: 100%;}
    
    .abbot .left .list{padding-top: 10px;}
    
    .abbot .left .list .item{margin-top: 20px;}
    
    .abbot .right{width: 100%;border-radius: 6px;margin-top: 30px;}
    
    .pts1{padding: 20px 10px;}
    
    .pts1 .tit{padding-bottom: 15px;}
    
    .pts1 .edit{margin-top: 20px;}
    
    .pts1 .ctlist .ct_tit,
    .pts1 .ctlist .li{flex-wrap: wrap;padding: 18px 15px;}
    
    .pts1 .ctlist .li .t1,
    .pts1 .ctlist .li .t2, .pts1 .ctlist .li .t3{width: 100%;}
    
    .store1 .li .left{width: 100%;}
    
    .store1 .li .right{width: 100%;flex-wrap: wrap;}
    
    .store1{margin-top: 30px;}
    
    .store1 .li .left .swiper-slide{height: 400px;}
    
    .store1 .li .right .txt{width: 100%;margin: 20px 0;}
    
    .store1 .li .right .map{width: 100%;height: auto;}
    
    .store1 .li .right .txt .top{padding-bottom: 15px;}
    
    .store1 .li .right .txt .top .t1{margin-bottom: 10px;}
    
    .store1 .li .right .txt .top .t2:not(:last-child){margin-bottom: 2px;}
    
    .store1 .li .right .txt .bot .item:first-child{margin-top: 15px;}
    
    .store1 .li:not(:first-child){margin-top: 30px;}
    
    .guidebox{padding: 20px 10px;}
    
    .pzld_right{margin-top: 32px;}
    
    .pd1{padding: 12px 10px 50px;margin-bottom: 0;flex-wrap: wrap;}
    
    .pd1 .pic_box{width: 100%;}
    
    .pd1 .txt_box{width: 100%;padding-top: 40px;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
    
    .pd1 .pic_box .ptp .magnifier-container{display: none;}
    
    .pd1 .pic_box .pic_tab .prev, .pd1 .pic_box .pic_tab .next{width: 30px;height: 30px;}
    
    .pd1 .pic_box .pic_tab .swiper{width: calc(100% - 105px);}
    
    .pd1 .pic_box .pic_tab .swiper .swiper-slide .pic{height: 62px;}
    
    .pd1 .txt_box .tip{line-height: 32px;padding: 0 12px;}
    
    .pd1 .txt_box .p{line-height: 27px;width: 100%;}
    
    .pd1 .txt_box .h{margin-top: 30px;line-height: 21px;padding-bottom: 14px;margin-bottom: 16px;width: 100%;}
    
    .pd1 .txt_box .btns{gap: 8px;margin-bottom: 26px;width: 100%;}
    
    .pd1 .txt_box .btns>div{margin: 0;padding: 6px;}
    
    .pd1 .txt_box .nums{font-size: 24px;margin-bottom: 16px;}
    
    .pd1 .txt_box .nums span{font-size: 14px;}
    
    .pd1 .txt_box .count{width: 140px;margin: 16px;}
    
    .pd1 .txt_box .count .reduce, .pd1 .txt_box .count .addbtn{width: 44px;line-height: 34px;height: 36px;}
    
    .pd1 .txt_box .count .num{flex: 1;}
    
    .pd1 .txt_box .p1{margin-bottom: 22px;}
    
    .pd1 .txt_box table{font-size: 12px;line-height: 14px;border-collapse: collapse;}
    
    .pd1 .txt_box table td{line-height: 14px;padding: 12px 5px;height: auto;display: table-cell;}
    
    .pd1 .txt_box table td a{height: 20px;}
    
    .pd1 .txt_box .btns1{flex-wrap: wrap;width: 100%;}
    
    .pd1 .txt_box .btns1 .collect{width: 100%;height: 52px;font-size: 16px;}
    
    .pd1 .txt_box .btns1 .collect img{width: 26px;margin-right: 9px;}
    
    .pd1 .txt_box .btns1 .links{width: 100%;justify-content: space-between;margin-top: 20px;}
    
    .pd1 .txt_box .btns1 .links .btn{width: calc(50% - 7.5px);line-height: 50px;font-size: 16px;border-radius: 6px;}
    
    .pd2{padding: 24px 10px;}
    
    .pd2 .pdf{padding: 12px 11px;border-radius: 10px;}
    
    .pd2 .pdf img{width: 24px;height: 24px;}
    
    .pd2 .right{flex-direction: column;}
    
    .pd2 .right span{margin-bottom: 12px;}
    
    .pd2 .right #share-buttons{gap: 10px;}
    
    .pd2 .right #share-buttons a{width: 32px;height: 32px;margin-left: 0;}
    
    .pd3 .switch{overflow-x: auto;flex-wrap: nowrap;}
    
    .pd3 .switch a{white-space: nowrap;padding: 0 8px 14px;font-size: 16px;line-height: 19px;}
    
    .pd3 .switch a::before{width: 100%;left: 0;}
    
    .pd3 .list .item .tit{font-size: 18px;line-height: 21px;}
    
    .pd3 .text{margin-top: 40px;}
    
    .pd3 .text .edit{margin-top: 22px;padding: 0 10px;}
    
    .pd3 .text .edit .t2{line-height: 1.8;margin-top: 14px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss{padding: 0 8px 36px;border: none;border-bottom: 1px solid #E6E6E6;flex-wrap: wrap;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left{width: 100%}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .pic{width: 140px;height: 140px;margin-right: 20px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .txt{flex: 1;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .right{width: 100%;margin-top: 20px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t1{line-height: 17px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t2{line-height: 16px;margin-top: 22px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t3{line-height: 16px;margin-top: 12px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t4{font-size: 14px;margin-top: 14px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .left .txt .t4 span{font-size: 24px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .right .count{width: 100%;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .right .count .reduce, 
    .pd3 .list .item.item_jg .swpbox .li .ss .right .count .addbtn{width: 50px;height: 36px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .right .count .num{flex: 1;line-height: 34px;}
    
    .pd3 .list .item.item_jg .swpbox .li .ss .right .btn{width: 100%;margin-top: 20px;line-height: 50px;}
    
    .pd3 .list .item .swpbtn .pogin{display: none;}
    
    .pd3 .list .item .swpbtn a{width: 80px;height: 40px;border: 1px solid #BDBDBD;border-radius: 6px;margin: 0 15px;}
    
    .pd3 .list .item .swpbtn a.prev:before{content: "上一页";position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-weight: 300;font-size: 14px;color: #000;display: flex;align-items: center;justify-content: center;}
    
    .pd3 .list .item .swpbtn a.next:before{content: "下一页";position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-weight: 300;font-size: 14px;color: #000;display: flex;align-items: center;justify-content: center;}
    
    .pd3 .list .item .swpbtn a img{opacity: 0;}
    
    .pd3 .list .item.item_xgcp .ul{gap: 22px;}
    
    .pd3 .list .item.item_xgcp .ul .li{width: 100%;}
    
    .pd3 .list .item.item_xgcp .ul .li .ss{padding: 12px 16px 12px 8px;display: flex;align-items: center;}
    
    .pd3 .list .item.item_xgcp .ul .li .more{display: none;}
    
    .pd3 .list .item.item_xgcp .ul .li .pic{width: 108px;height: 108px;margin-right: 16px;}
    
    .pd3 .list .item.item_xgcp .ul .li .txt{margin-top: 0;flex: 1;text-align: left;}
    
    .pd3 .list .item.item_xgcp .ul .li .icon{display: none;}
    
    .pd3 .list .item.item_xgcp .ul .li .txt .t1{line-height: 18px;}
    
    .pd3 .list .item.item_xgcp .ul .li .txt .t2{font-size: 12px;color: #999;margin-top: 10px;}
    
    .login_promo{display: none;}
    .login_flex{justify-content: center;}
    .loginbox{max-width: 100%;padding: 20px 10px;}
    
    .rgtLayout .form{padding: 20px 10px;}
    
    .rgtLayout .form .row1 .item{width: 100%;}
    
    .rgtLayout .form .row1{gap: 18px;}
    
    .rgtLayout .form .row2{gap: 18px;}
    
    .rgtLayout .form .row2 .item{width: 100%;}
    
    .rgtLayout .form .row2 .item:nth-child(2){max-width: 100%;}
    
    .rgtLayout .form .row2 .item_date .det select{width: 100px;}
    
    .rgtLayout .form .row3{flex-wrap: wrap;gap: 18px;}
    
    .rgtLayout .form .row3 .item{width: 100%;}
    
    .rgtLayout .form .row4{flex-wrap: wrap;gap: 18px;}
    
    .rgtLayout .form .row4 .item:first-child{width: 100%;}
    
    .rgtLayout .form .row4 .item:last-child{width: 100%;}
    
    .rgtLayout .form .item_address .det .add{width: 100%;flex-wrap: wrap;gap: 10px;}
    
    .rgtLayout .form .item_address .det .add select{width: calc((100% - 20px) / 3) !important;height: 40px;}
    
    .rgtLayout .form .item_address .det{flex-wrap: wrap;gap: 10px;}
    
    .rgtLayout .form .item_address .det input{flex: none;width: 100%;margin-left: 0;}
    
    .rgtLayout .form .item .det input[type=text], .rgtLayout .form .item .det input[type=password]{height: 40px;}
    
    .rgtLayout .form .row5 label a{display: inline;}
    
    .dialog .content{padding: 40px 14px;}
    
    .dialog .content .confirm{margin: 0 auto;}
    
    .formLayout{padding: 50px 0;}
    
    .formLayout .form{max-width: 100%;padding: 20px 10px;}
    
    .formLayout .form .item:nth-child(2){margin-top: 0;}
    
    .formLayout .form .item{margin-top: 18px;}
    
    .formLayout .form .submit{margin-top: 20px;}
    
    .formLayout .title{font-size: 18px;}
    
    .nullbox{max-width: 100%;}
    
    .calcbox .left{width: 100%;}
    
    .calcbox .right{width: 100%;margin-top: 40px;}
    
    .calcbox .right .ul .li{width: 100%;}
    
    .calcbox .right .ul .li .txt{padding-bottom: 60px;}
    
    .calcbox .right .ul .li .img{height: auto;}
    
    .succLayout .succbox{max-width: 100%;}
    
    .succLayout .succbox .icon{width: 80px;transform: translateY(-0.5rem);}
    
    .step-indicator{padding:0.2rem 0.1rem;margin-bottom:15px;}
    .step-circle{width:28px;height:28px;font-size:12px;}
    .step-label{font-size:11px;margin-top:5px;}
    .step-line{margin-bottom:22px;}
    
    .qc_body{flex-direction:column;}
    .qc_summary{width:100%;min-width:0;position:static;margin-top:15px;}
    .qc_summary .sum_actions{flex-direction:row;flex-wrap:wrap;}
    .qc_summary .sum_actions .sum_btn{flex:1;min-width:140px;}
    
    .qc_right .qc_con .rbt_btn{flex-wrap: wrap;}
    
    .qc_right .qc_con .rbt_btn .left{width: 100%;}
    
    .qc_right .qc_con .rbt_btn .right{width: 100%;}
    
    .qc_right .qc_con .rbt_btn .right a:first-child{margin-left: 0;}
    
    .dialog_user .ubox{padding: 0 14px 0 0;margin-right: -14px;}
    
    .dialog_user .ubox .form .item{width: 100%;}
    
    .dialog_user .ubox .form .item .det input[type=text], .dialog_user .ubox .form .item .det input[type=password]{height: 40px;}
    
    .dialog_user .ubox .form .item{margin-top: 22px;}
    
    .dialog_quote .ubox .form .item_yd{width: 100%;margin-left: 0;}
    
    .dialog_quote .ubox .form .item.w50{width: 100%;}
    
    .qc_right .qc_con .rbt_btn .online{height: 40px;}
    
    .dialog_user .ubox .form .item_address .det .add select{height: 40px;}
    
    .dialog_user .ubox .form .item_radio .det label{height: 40px;}
    
    .qc_right .qc_con .rbt_btn .online{margin-top: 22px;}
    
    .qc_right .qc_con .li,
    .qc_right .qc_con .top{gap: 10px;}
    
    .qc_right .qc_con .w3{display: none;}
    
    .qc_right .qc_con .w4{display: none;}

    .qc_right .qc_con .w4b{display: none;}
    
    .qc_right .qc_con .w6{display: none;}
    
    .qc_right .qc_con .li .count .reduce, .qc_right .qc_con .li .count .addbtn{height: 36px;}
    
    .qc_right .qc_con .li .count .num{flex: 1;line-height: 34px;}
    
    .inq1{flex-wrap: wrap;}
    
    .inq1 .left{width: 100%;}
    
    .inq1 .right{width: 100%;margin-top: 20px;}
    
    .inq2{margin-top: 40px;}
    
    .inq2{padding: 28px 20px;}
    
    .inq2 .row1{flex-wrap: wrap;gap: 18px;}
    
    .inq2 .row1 .item:first-child{width: 100%;}
    
    .inq2 .item.item_code{width: 100%;}
    
    .inq2 .det input[type=text]{height: 40px;}

    /* 手機版：交貨地址改成上下兩列，避免 240px .add + input + 110px postcode 擠不下 */
    .inq2 .det.addressflex{flex-wrap: wrap;gap: 10px;}
    .inq2 .det.addressflex .add{width: 100%;}
    .inq2 .det.addressflex .add select{height: 40px;}
    .inq2 .det.addressflex input{flex: 1 1 60%;min-width: 0;}
    .inq2 .det.addressflex input[name="postcode"]{flex: 0 0 30%!important;margin-left: 0!important;}
    
    .inq2 .item.item_code .det img{width: 100px;height: 40px;}
    
    .inq2 .row2 .rtp,
    .inq2 .row2 .rbt .ul .li{gap: 10px;}
    
    /* 手機版：螢幕窄，只保留「商品名稱 + 數量」兩欄，圖片/料號/品牌/型號全收起 */
    .inq2 .row2 .w0,
    .inq2 .row2 .w2,
    .inq2 .row2 .w3,
    .inq2 .row2 .w4b{display: none;}
    /* 商品名稱欄改用 flex:1 撐滿剩餘空間 */
    .inq2 .row2 .w4{flex: 1 1 auto;min-width: 0;}
    
    .inq2 .row3 .item_radio .det label{height: 40px;}

    .inq2 .row3 .item{width: 100%;max-width: 100%;}
    
    .inq2 .row3 .row_it.act{gap: 18px;}
    
    .inq2 .row4{flex-wrap: wrap;gap: 18px;}

    /* 手機版：4 欄塞不下 → 改 2×2 網格（每格約半寬） */
    .inq2 .row4 .item{flex: 0 0 calc(50% - 9px);max-width: calc(50% - 9px);min-width: 0;}
    
    .inq2 .row5{margin-top: 0;}
    
    .inq2 .row3 .row_com .line1{width: 100%;flex-wrap: wrap;gap: 18px;margin-bottom: 0;}
    
    .inq2 .row3 .row_com .line1 .item{flex: none;width: 100%;margin-left: 0;}
    
    .ucbox{margin-top: 32px;flex-wrap: wrap;}
    
    .ucbox .left{width: 100%;}
    
    .uc_name .text img{width: 18px;}
    
    .uc_info .ul .li{margin-top: 10px;}
    
    .uc_info .ul .li:not(:first-child){margin-top: 26px;}
    
    .uc_info .ul .set{font-size: 14px;line-height: 16px;}
    
    .uc_info .ul .det{font-size: 14px;line-height: 20px;margin-top: 10px;}
    
    .uc_name{display: flex; align-items: center;}
    
    .uc_name .form{width: 100px;height: 100px;margin-right: 30px;}
    
    .uc_name .form .txt{display: none;}
    
    .uc_name .text{flex-wrap: wrap;justify-content: flex-start;}
    
    .uc_name .text .txt{width: 100%;}
    
    .uc_name .text .txt span{font-size: 14px;line-height: 24px;background: #0E89E6;padding: 0 14px;border-radius: 99px;color: #fff;margin-bottom: 16px;display: block;width: fit-content;}
    
    .uc_help{margin-top: 40px;padding: 28px 20px 40px;}
    
    .uc_help .top{padding: 0 0 16px;}
    
    .uc_help .bot{padding: 32px 0 0;}
    
    .uc_help .bot .item .set .ico{width: 29px;}
    
    .uc_help .bot .item.item_tel .set img{width: 17px;}
    
    .uc_help .bot .item .det{padding-left: 29px;}
    
    .uc_help .bot .item .det a{line-height: 21px;margin-top: 12px;}
    
    .uc_help .bot .item.item_email .set img{width: 20px;}
    
    .ucbox .right .tit{font-size: 16px;margin-top: 40px;}
    
    .ucbox .right .number{margin-top: 20px;padding: 16px 14px;font-size: 14px;line-height: 16px;}
    
    .ucbox .right .number img{width: 18px;margin-right: 6px;}
    
    .ucbox .right .uc_list .li,
    .ucbox .right .uc_list .top,
    .ac_right .uc_list .li,
    .ac_right .uc_list .top{gap: 17px;}
    
    .ucbox .right{width: 100%;padding: 0 14px;padding: 0;}
    
    .ucbox .right .uc_list,
    .ac_right .uc_list{margin-top: 18px;overflow-x: auto;}
    
    .ucbox .right .uc_list .top,
    .ac_right .uc_list .top{width: max-content;background: #fff;}

    .ucbox .right .uc_list .ul,
    .ac_right .uc_list .ul{width: max-content;background: #fff;}
    
    .ucbox .right .uc_list .w9,
    .ac_right .uc_list .w9{position: sticky; right: 0;background: #fff;}
    
    .ucbox .ucdet{margin-top: 40px;width: 100%;padding: 28px 20px 30px;}
    
    .ucdet .title{padding-bottom: 16px;}
    
    .ucdet .item:nth-child(2){margin-top: 32px;}
    
    .ucdet .item .itp{padding: 12px 14px;}
    
    .ucdet .item .itp img{width: 18px;margin-right: 6px;}
    
    .ucdet .item .ibt{padding: 24px 14px 30px;gap: 26px;}
    
    .ucdet .item .ibt .it{width: 100%;flex-wrap: wrap;}
    
    .ucdet .item .ibt .it .set{font-size: 14px;line-height: 16px;}
    
    .ucdet .item .ibt .it .det{margin-left: 0;flex: none;width: 100%;font-size: 14px;line-height: 16px;margin-top: 12px;}
    
    .ucdet .title:nth-child(4){margin-top: 50px;}
    
    .ucdet .title .trf a{font-size: 12px;}
    
    .ucdet .ud_list{overflow-x: auto;}
    
    .ucdet .ud_list .top{padding: 13px 14px;gap: 36px;width: max-content;}
    
    .ucdet .ud_list .ul{width: max-content;}
    
    .ucdet .ud_list .ul .li{padding: 13px 14px;width: max-content;gap: 36px;}
    
    .ucdet .ud_list .w4{width: 100px;flex: none;}
    
    .ucdet .ud_list .w4b{display: none;}

    /* Account Layout 行動版 */
    .acbox{flex-wrap: wrap;margin-top: 20px;gap: 0;}
    .ac_left{width: 100%;}
    .ac_sidebar{position: static;border-radius: 0.1rem;margin-bottom: 16px;padding: 16px 0;}
    .ac_sidebar_user{padding: 0 16px 16px;}
    .ac_sidebar_nav{display: flex;flex-wrap: wrap;padding: 8px 0;}
    .ac_nav_item{width: 50%;padding: 10px 16px;font-size: 14px;}
    .ac_right{padding: 24px 16px;border-radius: 0.1rem;}
    .ac_right .tit{margin-bottom: 20px;}
    .ac_welcome{padding: 20px;margin-bottom: 20px;}
    .ac_welcome_avatar{width: 48px;height: 48px;}
    .ac_enterprise_summary{padding: 18px 16px;margin-bottom: 20px;}
    .ac_ent_grid{grid-template-columns: repeat(3, 1fr);gap: 10px;}
    .ac_ent_stat_val{font-size: 16px;}
    .ac_ent_bank_grid{grid-template-columns: 1fr;gap: 6px;}
    .ac_ent_quick{flex-wrap: wrap;}
    .hd-ctx-btn{padding: 3px 8px;font-size: 11px;}
    .hd-ctx-dropdown{min-width: 220px;right: -10px;}
    .ac_cards{grid-template-columns: repeat(2, 1fr);gap: 12px;margin-bottom: 20px;}
    .ac_card{padding: 20px 12px;}
    .ac_card_icon{width: 28px;height: 28px;}
    .ac_recent_item{gap: 12px;padding: 10px 12px;flex-wrap: wrap;}
    .ac_recent_no{width: 100%;font-size: 13px;}
    .ac_recent_name{width: calc(100% - 160px);}
    .ac_recent_status{width: 70px;}
    .ac_recent_detail{width: 50px;}
    .ac_form_wrap{max-width: 100%;}
    .ac_form_grid{grid-template-columns: 1fr;}
    .ac_profile_table .ac_profile_label{width: 90px;font-size: 14px;}
    .ac_profile_row{gap: 16px;}
    .ac_profile_avatar{width: 60px;height: 60px;}
    
    .in3 .iox .ul .li .ss img{height: 26px;}
    
    .pd1 .txt_box .btns1.act .collect{width: 100%;margin-right: 0;}
    
    .pd1 .txt_box .btns1.act .links{width: 100%;}
    
    .pd3 .switch a{margin-right: 20px;}
    
    .stm1 .ul .li:first-child .lv2{padding-left: 0;}
    
    .guideLayout{padding-bottom: 50px;}
    
    .dialog_img .content{width: calc(100% - 40px);}
    
    .dialog_img .content .itp .imginput{width: 184px;height: 184px;}
    
    .dialog_img .content .itp .imginput .txt{font-size: 12px;}
    
    .dialog_img .content .itp{flex-wrap: wrap;}
    
    .dialog_img .content .itp .imgcode.act{margin: 24px 0 0;width: 184px;height: 184px;}
    
    .cropper-container{max-width: 184px;overflow: hidden;}
    
    .pcad_right .lists .list.list2 .item .new{font-size: 10px;line-height: 20px;top: 3px;left: -25px;}
    
    .loginbox .form .item.item_code .det img{width: 100px;height: 40px;}
    
    .loginbox .form .item .det input[type=text], .loginbox .form .item .det input[type=password]{height: 40px;}
    
    .pd1 .txt_box .btns{flex-wrap: wrap;}
    
    .com_left .left_pl{margin-top: 0;margin-bottom: 60px;}
    
    .pcad_right .lists .list.list2 .item .address{position: relative;top: 0;bottom: 0;gap: 4px;margin-top: 17px;}
    
    .pcad_right .lists .list.list2 .item .address a{font-size: 12px;line-height: 14px;padding: 5px;border-radius: 4px;}

    .pcad_right .lists .list.list2 .item .pic{height: auto;}

    .pcad_right .lists .list.list2 .item .pic>a{height: 80px;}

    .pcad_right .lists .list.list2 .item .address{max-width: 100%;}
    
    .dialog_user .ubox .form .w50{width: 100%;}
}
@media screen and (max-width:480px) {
  /* 詢價單 row4：< 480px 太窄，2×2 退回單欄避免擠壞 */
  .inq2 .row4 .item{flex: 0 0 100%;max-width: 100%;}
}
@media screen and (max-width:768px) {
  /* html {font-size:calc(100vw/7.5);} */
  .f_14,.f_16 {font-size:14px;}
  .f_18,.f_20 {font-size:16px;}
  .f_22,.f_24,.f_26,.f_28 {font-size:18px;}
  .f_30,.f_32,.f_34 {font-size:20px;}
  .f_36,.f_40,.f_42,.f_44,.f_46 {font-size:22px;}
  .f_48,.f_50,.f_52,.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:30px;}
}

/* ============================================================
   Locale-specific: English (body.locale-en)
   英文比中文長，需要調整間距、字體大小等
   ============================================================ */

/* --- 頂部黑色橫幅：英文文字縮小，改為彈性換行 --- */
.locale-en .hdtop{font-size:12px;}
.locale-en .hdtop .w1410{flex-wrap:wrap;gap:0 24px;justify-content:flex-start;}
.locale-en .hdtop .left{flex:0 1 auto;line-height:calc(28/12);}
.locale-en .hdtop .center{flex:0 1 auto;margin-left:0;line-height:calc(28/12);}
.locale-en .hdtop .right{margin-left:auto;}

/* --- 導航欄：減少間距讓英文選項放得下 --- */
.locale-en .header .hbt{padding-left:300px;}
.locale-en .header .hbt .ul .li{margin-right:20px;}
.locale-en .header .hbt .ul .li .lv1 a{font-size:16px;}
.locale-en .header .hbt .open{padding:8px 16px 9px;font-size:14px;white-space:nowrap;}

/* --- 詢價記錄表格：英文表頭需要更多空間 --- */
.locale-en .ac_right .uc_list .w1{width:72px;}
.locale-en .ac_right .uc_list .w2{width:56px;}
.locale-en .ac_right .uc_list .w5{width:120px;}
.locale-en .ac_right .uc_list .w6{width:54px;}
.locale-en .ac_right .uc_list .w8{width:82px;}
.locale-en .ac_right .uc_list .w9{width:76px;}
.locale-en .ac_right .uc_list .top{font-size:13px;gap:0.1rem;}
.locale-en .ac_right .uc_list .li{font-size:13px;gap:0.1rem;}

/* --- 購物訂單徽章：防止換行 --- */
.locale-en .so-badge{white-space:nowrap;}

/* --- 會員中心側邊欄 --- */
.locale-en .ac_nav_item{font-size:14px;}

/* --- 右上角購物車/報價車：文字較長時不換行 --- */
.locale-en .header .htp .right .shopping .txt .tt,
.locale-en .header .htp .right .login .txt .tt{white-space:nowrap;font-size:13px;}

/* ================================================================
   AI 商品分析 — 產品詳情頁（風格統一 100Y 網站）
   ================================================================ */

/* .pd2 內左側按鈕群（PDF 下載 + AI 分析） */
.pd2-left{display:flex;align-items:center;gap:0.12rem;}
.pd2 button.pdf{cursor:pointer;font-family:inherit;}
.pd2 .pdf svg{display:block;width:0.24rem;height:0.24rem;margin-right:0.04rem;flex-shrink:0;}

/* AI 按鈕 — 漸變邊框 + hover 漸變背景 */
.pd2 .ai-intro-trigger{
    border:1.5px solid transparent;
    background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #4A90D9, #7B5EA7);
    background-origin:border-box;
    background-clip:padding-box, border-box;
    transition:all .3s ease;
    position:relative;
}
.pd2 .ai-intro-trigger:hover{
    background-image:linear-gradient(135deg, #4A90D9, #7B5EA7), linear-gradient(135deg, #4A90D9, #7B5EA7);
    color:#fff;
}
.pd2 .ai-intro-trigger.is-loading{pointer-events:none;opacity:.6;}

/* Sparkle 圖標微動畫 */
.ai-sparkle-icon{transition:transform .3s ease;}
.pd2 .ai-intro-trigger:hover .ai-sparkle-icon{transform:scale(1.15) rotate(12deg);filter:brightness(1.8);}

.ai-intro-section{margin:0 0 0.05rem;}

/* 展開面板 */
.ai-intro-panel{
    margin-top:0.12rem;border:1px solid #E6E6E6;border-radius:0.1rem;
    background:#fff;overflow:hidden;animation:ai-panel-slide .25s ease;
}
@keyframes ai-panel-slide{
    from{opacity:0;transform:translateY(-8px);}
    to{opacity:1;transform:translateY(0);}
}

.ai-intro-header{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 16px;background:#00318C;color:#fff;
}
.ai-intro-title{font-weight:600;font-size:14px;}
.ai-intro-close{
    background:none;border:none;color:#fff;font-size:20px;cursor:pointer;
    opacity:.8;transition:opacity .2s;padding:0 4px;line-height:1;
}
.ai-intro-close:hover{opacity:1;}

.ai-intro-content{
    padding:16px 20px;min-height:100px;max-height:550px;overflow-y:auto;
    font-size:14px;line-height:1.8;color:#333;
}

/* Markdown 渲染樣式 */
.ai-intro-content h2{font-size:16px;font-weight:700;margin:14px 0 8px;color:#00318C;border-bottom:1px solid #E6E6E6;padding-bottom:6px;}
.ai-intro-content h3{font-size:15px;font-weight:600;margin:10px 0 6px;color:#333;}
.ai-intro-content ul{padding-left:18px;margin:6px 0;}
.ai-intro-content ul li{margin:3px 0;list-style:disc;}
.ai-intro-content ol{padding-left:18px;margin:6px 0;}
.ai-intro-content ol li{margin:3px 0;}
.ai-intro-content p{margin:6px 0;}
.ai-intro-content table{
    width:100%;border-collapse:collapse;margin:10px 0;font-size:13px;
}
.ai-intro-content table th,
.ai-intro-content table td{
    border:1px solid #E6E6E6;padding:6px 10px;text-align:left;
}
.ai-intro-content table th{background:#f5f5f5;font-weight:600;color:#333;}
.ai-intro-content table tr:nth-child(even) td{background:#fafafa;}
.ai-intro-content strong{color:#222;}
.ai-intro-content code{
    background:#f5f5f5;padding:1px 4px;border-radius:3px;font-size:12px;
}

/* 配套零件卡片 */
.ai-intro-match{margin-top:12px;padding-top:12px;border-top:1px solid #E6E6E6;}
.ai-intro-match-title{font-size:14px;font-weight:600;color:#00318C;margin-bottom:8px;}
.ai-intro-match-list{display:flex;flex-wrap:wrap;gap:8px;}
.ai-intro-match-item{
    display:flex;align-items:center;gap:8px;padding:8px 12px;
    border:1px solid #E6E6E6;border-radius:0.1rem;background:#fafafa;
    font-size:13px;transition:all .2s;cursor:pointer;text-decoration:none;color:#333;
}
.ai-intro-match-item:hover{border-color:var(--color-primary);background:#fff;}
.ai-intro-match-item img{width:40px;height:40px;object-fit:contain;border-radius:4px;}
.ai-intro-match-item .match-info{flex:1;min-width:0;}
.ai-intro-match-item .match-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ai-intro-match-item .match-pno{color:#666;font-size:12px;}

/* 打字游標 */
.ai-intro-cursor{
    display:inline-block;width:2px;height:1em;background:#00318C;
    animation:ai-cursor-blink 1s step-end infinite;vertical-align:text-bottom;
    margin-left:2px;
}
@keyframes ai-cursor-blink{0%,100%{opacity:1;}50%{opacity:0;}}

/* Loading 動畫 */
.ai-intro-loading{text-align:center;padding:24px 0;color:#999;}
.ai-intro-loading p{margin-top:10px;font-size:13px;}
.ai-intro-loading-dots{display:flex;justify-content:center;gap:5px;}
.ai-intro-loading-dots span{
    width:6px;height:6px;background:#00318C;border-radius:50%;
    animation:ai-dot-bounce .6s ease-in-out infinite;
}
.ai-intro-loading-dots span:nth-child(2){animation-delay:.15s;}
.ai-intro-loading-dots span:nth-child(3){animation-delay:.3s;}
@keyframes ai-dot-bounce{
    0%,100%{transform:translateY(0);opacity:.3;}
    50%{transform:translateY(-6px);opacity:1;}
}

.ai-intro-footer{
    padding:6px 16px;background:#f5f5f5;border-top:1px solid #E6E6E6;
    text-align:center;
}
.ai-intro-footer small{color:#999;font-size:11px;}

/* RWD */
@media(max-width:768px){
    .pd2-left{gap:8px;flex-wrap:wrap;}
    .pd2 .pdf svg{width:20px;height:20px;}
    .ai-intro-content{padding:12px 14px;font-size:13px;max-height:360px;}
    .ai-intro-content table{font-size:12px;}
    .ai-intro-content table th,
    .ai-intro-content table td{padding:5px 6px;}
    .ai-intro-match-list{flex-direction:column;}
}

/* ================================================================
   以圖搜商品 — 結果頁（/search/image） 2026-04-22 v2
   ================================================================ */
.img-search-page { padding: 0 16px 60px; }
.img-search-page .crumbs a { color: #666; text-decoration: none; }
.img-search-page .crumbs a:hover { color: #DD2235; }

/* 過期提示 */
.img-search-expired {
    background: #FFF8E1; border: 1px solid #FFE082; color: #8d6e00;
    padding: 12px 16px; border-radius: 6px; margin-bottom: 20px;
    display: flex; align-items: center; gap: 8px; font-size: 14px;
}
.img-search-expired .ico { font-size: 18px; }

/* Landing 頁 */
.img-search-landing {
    margin: 24px auto 60px;
}
.img-search-landing .landing-title {
    font-size: 26px; font-weight: 600; color: #00318C; margin-bottom: 8px;
}
.img-search-landing .landing-title .ai-dot { color: #DD2235; margin-right: 6px; }
.img-search-landing .landing-intro {
    color: #666; font-size: 14px; margin-bottom: 24px; line-height: 1.7;
}

/* 兩欄佈局：左 = 上傳區 + 拍攝提示，右 = 流程 + 適用零件 */
.landing-grid {
    display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 24px;
    align-items: start;
}
.landing-main { min-width: 0; }
.landing-aside { display: flex; flex-direction: column; gap: 16px; }

.landing-drop {
    position: relative; border: 2px dashed #c8d3e6; border-radius: 12px;
    padding: 64px 24px; background: #fafbfd; cursor: pointer;
    transition: all .2s; text-align: center;
}
.landing-drop:hover, .landing-drop.dragover {
    border-color: #00318C; background: #f0f5ff;
}
.landing-drop input[type="file"] {
    position: absolute; inset: 0; opacity: 0; cursor: pointer;
}
.landing-drop .drop-ico { color: #00318C; margin-bottom: 12px; }
.landing-drop .drop-text { font-size: 16px; color: #333; margin-bottom: 4px; font-weight: 500; }
.landing-drop .drop-sub { font-size: 12px; color: #999; }

/* 右側 aside 卡片 */
.landing-aside-card {
    background: #fff; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 18px 18px 16px;
}
.landing-aside-card .aside-title {
    font-size: 14px; color: #00318C; font-weight: 600; margin-bottom: 14px;
    padding-bottom: 10px; border-bottom: 1px solid #eef0f4;
}
.landing-aside-card .aside-features { display: flex; flex-direction: column; gap: 12px; }
.landing-aside-card .aside-features .feat {
    display: flex; gap: 10px; align-items: flex-start;
}
.landing-aside-card .aside-features .feat-ico {
    flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%;
    background: #00318C; color: #fff; line-height: 26px; text-align: center;
    font-size: 13px; font-weight: 600;
}
.landing-aside-card .aside-features .feat-text {
    font-size: 13px; color: #555; line-height: 1.55; padding-top: 2px;
}
.landing-aside-card .aside-examples {
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 10px;
}
.landing-aside-card .aside-examples li {
    display: flex; align-items: center; gap: 10px;
    font-size: 13px; color: #444;
}
.landing-aside-card .aside-examples li svg { color: #00318C; flex-shrink: 0; }

@media (max-width: 992px) {
    .landing-grid { grid-template-columns: 1fr; }
}

.landing-loading {
    background: #fafbfd; border: 2px dashed #c8d3e6; border-radius: 12px;
    padding: 64px 24px; text-align: center;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 220px;
}
.landing-loading .ai-loading-icon { font-size: 28px; color: #DD2235; animation: ai-spin 2s linear infinite; }
.landing-loading .ai-loading-bar {
    width: 240px; height: 4px; background: #eef0f4; border-radius: 2px;
    margin: 16px auto; overflow: hidden;
}
.landing-loading .ai-loading-bar-fill {
    width: 30%; height: 100%; background: linear-gradient(90deg,#00318C,#DD2235);
    animation: ai-bar 1.4s ease-in-out infinite;
}
.landing-loading .ai-loading-hint { font-size: 14px; color: #666; margin-top: 8px; }

/* 裁切預覽 */
.landing-crop {
    background: #fff; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 16px; text-align: center; margin-bottom: 24px;
}
.landing-crop .crop-tip {
    color: #555; margin-bottom: 12px; line-height: 1.5;
}
.landing-crop .crop-stage {
    width: 100%; max-width: 640px; height: 420px; margin: 0 auto 14px;
    background: #1a1a1a; border-radius: 6px; overflow: hidden;
}
.landing-crop .crop-stage img { display: block; max-width: 100%; }
.landing-crop .crop-actions {
    display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
}
.landing-crop .btn-primary,
.landing-crop .btn-secondary {
    border: 0; padding: 10px 22px; border-radius: 4px;
    font-size: 14px; cursor: pointer; transition: all .15s;
}
.landing-crop .btn-primary {
    background: #DD2235; color: #fff;
}
.landing-crop .btn-primary:hover { background: #b81a2b; }
.landing-crop .btn-secondary {
    background: #f5f7fa; color: #333;
}
.landing-crop .btn-secondary:hover { background: #e8ecf2; }
@media (max-width: 768px) {
    .landing-crop .crop-stage { height: 320px; }
    .landing-crop .btn-primary, .landing-crop .btn-secondary { padding: 9px 16px; font-size: 13px; }
}

@keyframes ai-spin { to { transform: rotate(360deg); } }
@keyframes ai-bar {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(400%); }
}
@keyframes proc-scan {
    0%   { top: 0; opacity: 0.9; }
    50%  { opacity: 1; }
    100% { top: 100%; opacity: 0.9; }
}
@keyframes ai-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(221,34,53,0.15); transform: scale(1); }
    50%      { box-shadow: 0 0 0 8px rgba(221,34,53,0.25); transform: scale(1.08); }
}

/* 辨識中過渡頁（Lens 風格：原圖 + 掃描動畫 + 進度提示）*/
.img-search-processing {
    display: flex; gap: 24px; align-items: flex-start;
    margin: 24px 0; flex-wrap: wrap;
}
.img-search-processing .proc-stage {
    position: relative; background: #1a1a1a; border-radius: 8px;
    overflow: hidden;
    flex: 0 1 auto;             /* 不撐滿，由圖片實際大小決定 */
    max-width: 720px;
    display: inline-flex; align-items: center; justify-content: center;
}
.img-search-processing .proc-img {
    display: block;
    max-width: 100%;
    max-height: 540px;
    width: auto; height: auto;  /* 強制保持原比例，絕不變形 */
    filter: brightness(0.85);
}
.img-search-processing .proc-scan {
    position: absolute; left: 0; right: 0; top: 0; height: 3px;
    background: linear-gradient(90deg, transparent, #DD2235 20%, #fff 50%, #DD2235 80%, transparent);
    box-shadow: 0 0 12px rgba(221,34,53,0.7);
    animation: proc-scan 2.4s ease-in-out infinite;
    pointer-events: none;
}
.img-search-processing .proc-panel {
    flex: 0 0 320px;
    background: #fff; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 28px 20px; text-align: center;
}
.img-search-processing .proc-panel .ai-loading-icon {
    font-size: 32px; color: #DD2235; animation: ai-spin 2s linear infinite;
}
.img-search-processing .proc-panel .ai-loading-bar {
    margin: 14px 0 8px; height: 4px; background: #eef0f4;
    border-radius: 2px; overflow: hidden;
}
.img-search-processing .proc-panel .ai-loading-bar-fill {
    width: 25%; height: 100%; background: #DD2235;
    animation: ai-bar 1.6s linear infinite;
}
.img-search-processing .proc-panel .ai-loading-hint {
    font-size: 14px; color: #666; margin-top: 8px;
}
.img-search-processing .proc-error { padding: 8px 0; }
.img-search-processing .proc-error-icon { font-size: 32px; color: #DD2235; margin-bottom: 8px; }
.img-search-processing .proc-error-msg { font-size: 14px; color: #333; margin-bottom: 14px; line-height: 1.5; }
.img-search-processing .proc-retry {
    display: inline-block; padding: 8px 18px; background: #DD2235;
    color: #fff; border-radius: 4px; text-decoration: none; font-size: 14px;
}
.img-search-processing .proc-retry:hover { background: #b81b2b; }
@media (max-width: 768px) {
    .img-search-processing { gap: 14px; }
    .img-search-processing .proc-stage { width: 100%; max-width: 100%; }
    .img-search-processing .proc-img { max-height: 320px; }
    .img-search-processing .proc-panel { flex: 1 1 100%; }
}

/* 步驟條 */
.img-search-steps {
    display: flex; align-items: center; justify-content: center;
    gap: 0; margin: 8px auto 24px; max-width: 640px;
}
.img-search-steps .step {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    flex: 0 0 auto;
}
.img-search-steps .step .num {
    width: 32px; height: 32px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #eef0f4; color: #aaa; font-size: 14px; font-weight: 600;
    transition: all .3s;
}
.img-search-steps .step .lab {
    font-size: 12px; color: #999;
}
.img-search-steps .step.done .num { background: #2e7d32; color: #fff; }
.img-search-steps .step.done .lab { color: #2e7d32; }
.img-search-steps .step.active .num {
    background: #DD2235; color: #fff;
    box-shadow: 0 0 0 4px rgba(221,34,53,0.15);
    animation: ai-pulse 1.4s ease-in-out infinite;
}
.img-search-steps .step.active .lab { color: #DD2235; font-weight: 500; }
.img-search-steps .step-line {
    flex: 1; height: 2px; background: #eef0f4; margin: 0 12px;
    align-self: flex-start; margin-top: 16px; max-width: 80px;
}
.img-search-steps .step-line.done { background: #2e7d32; }

/* 處理頁右欄包裝 */
.img-search-processing .proc-aside {
    flex: 0 0 320px; display: flex; flex-direction: column; gap: 14px;
}
.img-search-processing .proc-aside .proc-panel { flex: none; }
.img-search-processing .proc-eta {
    margin-top: 10px; font-size: 12px; color: #aaa;
}
.img-search-processing .proc-tips {
    background: #f9fafc; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 16px 18px;
}
.img-search-processing .proc-tips .tips-title {
    display: flex; align-items: center; gap: 6px;
    font-size: 13px; color: #00318C; font-weight: 600; margin-bottom: 10px;
}
.img-search-processing .proc-tips .tips-list {
    list-style: none; padding: 0; margin: 0;
}
.img-search-processing .proc-tips .tips-list li {
    font-size: 12.5px; color: #666; padding: 4px 0 4px 16px;
    position: relative; line-height: 1.5;
}
.img-search-processing .proc-tips .tips-list li::before {
    content: "·"; position: absolute; left: 4px; color: #DD2235;
    font-weight: 700; font-size: 18px; line-height: 1;
}
@media (max-width: 768px) {
    .img-search-processing .proc-aside { flex: 1 1 100%; }
    .img-search-steps .step-line { max-width: 40px; margin: 16px 6px 0; }
    .img-search-steps .step .lab { font-size: 11px; }
}

/* Landing 頁：拍攝小提示（左欄底部） */
.landing-tips {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
    margin: 16px 0 0;
}
.landing-tips .tips-col {
    display: flex; gap: 10px; padding: 14px; background: #fff;
    border-radius: 10px; border: 1px solid #eef0f4;
}
.landing-tips .tip-icon {
    flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
}
.landing-tips .tip-icon.ok { background: #2e7d32; }
.landing-tips .tip-icon.no { background: #DD2235; }
.landing-tips .tip-h { font-size: 13px; color: #333; font-weight: 600; margin-bottom: 2px; }
.landing-tips .tip-d { font-size: 12px; color: #888; line-height: 1.45; }
@media (max-width: 768px) {
    .landing-tips { grid-template-columns: 1fr; }
}

/* 結果頁兩欄 */
.img-search-layout {
    display: grid; grid-template-columns: 320px 1fr; gap: 24px;
    align-items: start;
}
.img-search-side { position: sticky; top: 160px; }
.img-search-original {
    background: #fff; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 12px; text-align: center; margin-bottom: 12px;
}
.img-search-original img {
    max-width: 100%; max-height: 280px; object-fit: contain; border-radius: 6px;
}
.img-search-reupload {
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 10px; padding: 6px 14px; font-size: 13px;
    background: #f5f7fa; color: #00318C; border-radius: 18px;
    text-decoration: none; transition: all .15s;
}
.img-search-reupload:hover { background: #00318C; color: #fff; }

.img-search-summary-card {
    background: #fff; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 16px;
}
.img-search-summary-card .card-title {
    font-size: 15px; font-weight: 600; color: #00318C;
    margin: 0 0 12px; display: flex; align-items: center; gap: 6px;
}
.img-search-summary-card .ai-dot { color: #DD2235; }
.summary-list {
    margin: 0; display: grid; grid-template-columns: 70px 1fr; gap: 6px 12px;
    font-size: 13px;
}
.summary-list dt { color: #888; font-weight: 400; }
.summary-list dd { margin: 0; color: #333; word-break: break-all; }
.summary-list dd.mono { font-family: 'Consolas','Menlo',monospace; font-size: 12px; }

.summary-keywords { margin-top: 14px; padding-top: 12px; border-top: 1px dashed #eef0f4; }
.summary-keywords .kw-label { font-size: 12px; color: #888; margin-bottom: 6px; }
.summary-keywords .kw-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.summary-keywords .kw-chip {
    display: inline-block; padding: 4px 10px; font-size: 12px;
    background: #f0f5ff; color: #00318C; border-radius: 12px;
    text-decoration: none; transition: all .15s;
}
.summary-keywords .kw-chip:hover { background: #00318C; color: #fff; }

.src-hint {
    margin-top: 12px; padding: 8px 10px; border-radius: 6px;
    font-size: 12px; line-height: 1.5;
}
.src-hint-good { background: #E8F5E9; color: #2E7D32; }
.src-hint-info { background: #f5f7fa; color: #555; }

/* 結果右欄 */
.img-search-main {}
.img-search-result-header {
    display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px;
}
.img-search-result-header h2 { margin: 0; font-size: 20px; color: #333; }
.img-search-result-header .count { color: #888; }
.img-search-result-header .count b { color: #DD2235; padding: 0 4px; }

.img-search-empty {
    background: #fff; border: 1px solid #eef0f4; border-radius: 12px;
    padding: 60px 20px; text-align: center;
}
.img-search-empty .empty-ico { font-size: 48px; opacity: .5; margin-bottom: 12px; }
.img-search-empty .empty-text { color: #888; font-size: 14px; margin-bottom: 16px; }
.img-search-empty .empty-btn {
    display: inline-block; padding: 8px 18px; background: #00318C; color: #fff;
    border-radius: 4px; text-decoration: none; font-size: 13px;
}

.img-search-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}
.img-search-card {
    background: #fff; border: 1px solid #eef0f4; border-radius: 8px;
    overflow: hidden; text-decoration: none; color: inherit;
    transition: all .15s; display: flex; flex-direction: column;
    border-left-width: 3px; border-left-color: #eef0f4;
}
.img-search-card:hover {
    box-shadow: 0 4px 14px rgba(0,49,140,.10); transform: translateY(-2px);
}
.img-search-card.card-confirmed { border-left-color: #2E7D32; }
.img-search-card.card-classifier { border-left-color: #f90; }

.img-search-card .card-pic {
    position: relative; aspect-ratio: 1; background: #fafbfd;
    display: flex; align-items: center; justify-content: center; padding: 12px;
}
.img-search-card .card-pic img {
    max-width: 100%; max-height: 100%; object-fit: contain;
}
.card-badge {
    position: absolute; top: 8px; left: 8px;
    font-size: 10px; padding: 2px 6px; border-radius: 3px; color: #fff;
    font-weight: 600;
}
.badge-confirmed { background: #2E7D32; }
.badge-classifier { background: #f90; }

.img-search-card .card-body {
    padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px;
    flex: 1;
}
.img-search-card .card-pno {
    font-size: 14px; font-weight: 600; color: #00318C;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.img-search-card .card-name {
    font-size: 12px; color: #555; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; min-height: 33px;
}
.img-search-card .card-brand { font-size: 11px; color: #888; }
.img-search-card .card-foot {
    margin-top: auto; padding-top: 6px; display: flex;
    justify-content: space-between; align-items: center; gap: 8px;
}
.card-stock { font-size: 11px; padding: 2px 6px; border-radius: 3px; }
.card-stock.yes { background: #E8F5E9; color: #2E7D32; font-weight: 600; }
.card-stock.no { background: #f5f5f5; color: #999; }
.card-price { font-size: 13px; color: #DD2235; font-weight: 600; }

/* RWD：手機 */
@media (max-width: 900px) {
    .img-search-layout { grid-template-columns: 1fr; }
    .img-search-side { position: static; }
    .img-search-original img { max-height: 200px; }
    .img-search-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .landing-features { grid-template-columns: 1fr; }
    .img-search-landing .landing-title { font-size: 22px; }
    .landing-drop { padding: 40px 16px; }
}
@media (max-width: 480px) {
    .img-search-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .img-search-card .card-pno { font-size: 13px; }
}

/* ============================================================
 * Header 右上角輪播通知（HeaderNotice）
 * 使用 CSS Grid 1×1 讓所有 item 疊在同一格 → 容器自動撐到最長那一條
 * ============================================================ */
.header-notice-rotator {
    display: inline-grid;
    background: #E6E7EC;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 38px;
    max-width: 100%;
}
.header-notice-rotator .hn-item {
    grid-area: 1 / 1;             /* 全部疊在同一格 → 容器寬度 = 最長那一條 */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    font-size: 15px;
    color: #333;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .45s ease, transform .45s ease, background .15s, color .15s;
    text-decoration: none;
    white-space: nowrap;
}
.header-notice-rotator .hn-item.is-active {
    opacity: 1;
    transform: translateY(0);
}
.header-notice-rotator .hn-item.is-leave {
    opacity: 0;
    transform: translateY(-100%);
}
.header-notice-rotator:hover .hn-item.is-active {
    background: var(--color-primary);
    color: #fff;
}
.header-notice-rotator:hover .hn-item.is-active .hn-text { color: #fff; }
.header-notice-rotator .hn-text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.hn-badge {
    display: inline-block;
    background: #DD2235;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding: 3px 7px;
    border-radius: 10px;
    flex-shrink: 0;
    letter-spacing: .5px;
}
.header .hbt .open .hn-badge { margin-right: 6px; vertical-align: 1px; }

/* 手機端輪播 */
.header-notice-rotator.m {
    display: grid;                /* 手機改 grid 撐滿可用寬度 */
    height: 42px;
    width: 100%;
    background: transparent;
}
.header-notice-rotator.m .hn-item {
    padding: 8px 14px;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .header-notice-rotator .hn-item { font-size: 14px; padding: 0 14px; }
}



/* ===== 購物車推廣 Banner（2026-04-25）===== */
/* 位於右側訂單摘要欄下方（同欄），方型小卡設計，參考電池屋網路商店 */
.cart-promo-banner { margin-top: 16px; width: 100%; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); transition: box-shadow 0.25s ease; }
.cart-promo-banner:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.15); }
.cart-promo-banner a { display: block; width: 100%; }
.cart-promo-banner img { display: block; width: 100%; height: auto; transition: transform 0.35s ease; }
.cart-promo-banner:hover img { transform: scale(1.06); }
@media screen and (max-width: 1024px) { .cart-promo-banner { margin-top: 12px; } }


/* ================================================================
   會員中心 - 手機版表格優化（2026-04-27）
   策略：橫向 scroll + 最後一欄（操作）sticky；收藏改 card 樣式
   ================================================================ */
@media (max-width: 768px) {
    /* === 通用：可滑動表格的提示 hint（在表格右上角顯示一個淡淡的提示） === */
    .so-list,
    .cr-order-table-wrap,
    .cr-member-table-wrap{position:relative;}

    /* === 1. 購物訂單 .so-list（學 .uc_list / .cr-table-scroll：外層 scroll + 內層 max-content + 最後一欄 sticky） === */
    .so-list{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;}
    .so-list .so-header{display:flex;width:max-content;min-width:100%;flex-wrap:nowrap;padding:10px 0;background:#f8f9fa;}
    .so-list .so-body{width:max-content;min-width:100%;}
    .so-list .so-row{display:flex;flex-wrap:nowrap;width:max-content;min-width:100%;gap:0;padding:14px 0;align-items:center;}
    .so-list .so-col{flex:0 0 auto;padding:0 12px;white-space:nowrap;width:auto;font-size:13px;}
    /* 統一固定欄寬（header 和 row 用同一份） */
    .so-list .so-no{width:140px;font-weight:600;}
    .so-list .so-date{width:130px;color:#666;}
    .so-list .so-total{width:90px;text-align:right;}
    .so-list .so-pay{width:90px;}
    .so-list .so-ship{width:90px;}
    .so-list .so-status{width:80px;text-align:center;}
    .so-list .so-action{position:sticky;right:0;width:80px;text-align:center;background:#fff;z-index:1;box-shadow:-6px 0 8px -6px rgba(0,0,0,0.08);}
    .so-list .so-header .so-action{background:#f8f9fa;}
    .so-list .so-row:hover .so-action{background:#fafbfc;}

    /* === 2. 月結訂單 .cr-order-table & 成員管理 .cr-member-table
       做法參考 .uc_list（詢價單）：外層 wrapper overflow-x，table 保持 display:table
       讓 thead/tbody 用同一張 table 算欄寬（永遠對齊），最後一欄 sticky right:0 === */
    .cr-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;}
    .cr-order-table,
    .cr-member-table{width:max-content;min-width:100%;table-layout:auto;}
    .cr-order-table th,
    .cr-order-table td,
    .cr-member-table th,
    .cr-member-table td{padding:10px 12px !important;font-size:13px;white-space:nowrap;vertical-align:middle;}

    /* 月結訂單：操作欄 sticky 右側 */
    .cr-order-table th:last-child,
    .cr-order-table td:last-child{position:sticky;right:0;background:#fff;z-index:1;box-shadow:-6px 0 8px -6px rgba(0,0,0,0.08);}
    .cr-order-table thead th:last-child{background:#f8f9fa;}
    .cr-order-table tbody tr:hover td:last-child{background:#f8fafe;}

    /* 成員管理：操作欄 sticky 右側 */
    .cr-member-table th:last-child,
    .cr-member-table td:last-child{position:sticky;right:0;background:#fff;z-index:1;box-shadow:-6px 0 8px -6px rgba(0,0,0,0.08);}
    .cr-member-table thead th:last-child{background:#f8f9fa;}
    .cr-member-table tbody tr:hover td:last-child{background:#f8fafe;}
    /* 成員管理操作按鈕在窄欄堆疊 */
    .cr-member-table .cr-member-action{display:block;width:100%;margin:0 0 6px;padding:8px 10px;font-size:12px;min-height:36px;white-space:nowrap;}
    .cr-member-table .cr-member-action:last-child{margin-bottom:0;}
    .cr-member-table .cr-spending-bar{width:80px;}

    /* === 3. 邀請新成員表單（圖4） === */
    .cr-invite-section{padding:16px !important;}
    .cr-invite-form{flex-direction:column;gap:14px !important;align-items:stretch !important;}
    .cr-invite-field{flex:1 1 100% !important;min-width:0 !important;max-width:100% !important;width:100%;}
    .cr-invite-field input{padding:10px 12px;font-size:14px;min-height:42px;}
    .cr-invite-btn{width:100%;padding:12px 20px !important;font-size:15px;min-height:46px;margin-top:4px;}

    /* === 4. 收藏列表 .qc_right .qc_con（圖5：手機改 card 樣式） === */
    .ac_right .qc_con .top{display:none;}
    .ac_right .qc_con .ul{display:block;}
    .ac_right .qc_con .li{display:grid;grid-template-columns:24px 70px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:10px;align-items:center;padding:14px 12px;}
    .ac_right .qc_con .li .w1{grid-row:1;grid-column:1;justify-self:center;}
    .ac_right .qc_con .li .w2{grid-row:1;grid-column:2;width:70px;}
    .ac_right .qc_con .li .w2 a{display:block;}
    .ac_right .qc_con .li .w2 a img{width:100%;height:auto;border-radius:4px;background:#f8f9fa;}
    .ac_right .qc_con .li .w3,
    .ac_right .qc_con .li .w4,
    .ac_right .qc_con .li .w4b,
    .ac_right .qc_con .li .w5,
    .ac_right .qc_con .li .w6{grid-row:1;grid-column:3;width:auto;text-align:left;font-size:13px;line-height:1.4;color:#333;display:block;}
    /* 商品名稱顯示 — 用 grid stack 把多欄串成 1 個資訊區 */
    .ac_right .qc_con .li .w3{font-weight:600;color:var(--color-primary);margin-bottom:2px;}
    .ac_right .qc_con .li .w4{color:#888;font-size:12px;margin-bottom:2px;}
    .ac_right .qc_con .li .w4b{color:#666;font-size:12px;margin-bottom:2px;}
    .ac_right .qc_con .li .w5{color:#222;font-weight:500;}
    .ac_right .qc_con .li .w6{color:#888;font-size:12px;margin-top:2px;}
    /* 因為都丟到 grid (1,3) 會疊在一起 — 改用 stack: 把它們塞進 column 3 */
    .ac_right .qc_con .li .w3,
    .ac_right .qc_con .li .w4,
    .ac_right .qc_con .li .w4b,
    .ac_right .qc_con .li .w5,
    .ac_right .qc_con .li .w6{grid-column:3;}
    .ac_right .qc_con .li .w3{grid-row:1;}
    .ac_right .qc_con .li .w5{grid-row:2;grid-column:2 / span 2;}
    .ac_right .qc_con .li .w4{display:none;}
    .ac_right .qc_con .li .w4b{display:none;}
    .ac_right .qc_con .li .w6{display:none;}
    /* 操作按鈕區獨立列、按鈕加大 */
    .ac_right .qc_con .li .w_act{grid-row:3;grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px dashed #eee;}
    .ac_right .collect_act_btn,
    .qc_right .collect_act_btn{width:42px;height:42px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;}
    .ac_right .collect_act_btn svg,
    .qc_right .collect_act_btn svg{width:20px;height:20px;}

    /* 底部批次操作（全選 / 加入詢價車 / 加入購物車）— 加呼吸感 */
    .qc_right .rbt_btn{flex-direction:column;align-items:stretch !important;gap:14px;padding:16px 12px !important;border-top:1px solid #eee;margin-top:8px;}
    .qc_right .rbt_btn .left{display:flex;align-items:center;gap:18px;}
    .qc_right .rbt_btn .right{display:flex;gap:10px;width:100%;}
    .qc_right .rbt_btn .right .collect_batch_btn{flex:1;justify-content:center;padding:12px 14px !important;font-size:14px;min-height:46px;}
}

/* ================================================================
   聯絡我們 contact.blade — 手機版優化（2026-04-28）
   ================================================================ */
@media (max-width: 768px) {
    /* 整個外距收緊 */
    .cttbox{padding:20px 0 30px;}

    /* 表單卡片：圓角 + 內距縮小 */
    .ctt1{padding:24px 16px 28px !important;border-radius:12px !important;}
    .ctt1 .tit{font-size:18px !important;margin-bottom:18px;}
    .ctt1 .formbox{gap:18px 12px !important;}
    /* 全部 item 改 100% */
    .ctt1 .formbox .item,
    .ctt1 .formbox .item.w50,
    .ctt1 .formbox .item.w100{width:100% !important;}
    .ctt1 .formbox .item .set{font-size:14px;}
    .ctt1 .formbox .item .det{margin-top:8px !important;}
    .ctt1 .formbox .item .det input[type=text]{height:44px !important;font-size:14px;}
    /* 問題類型 radio：兩列 grid 易點 */
    .ctt1 .formbox .item.item_type .det{display:grid !important;grid-template-columns:1fr 1fr;gap:14px 16px !important;padding:8px 0 0 22px !important;}
    /* textarea 變矮 */
    .ctt1 .formbox .item.item_detail{padding:0 !important;}
    .ctt1 .formbox .item.item_detail .det textarea{height:140px !important;padding:12px !important;font-size:14px;}
    /* 提交按鈕滿寬 */
    .ctt1 .formbox .submit{margin-top:20px !important;}
    .ctt1 .formbox .submit input{width:100% !important;height:48px !important;font-size:15px;border-radius:8px;}

    /* 聯絡資訊 + 地圖（圖太大） */
    .ctt2{margin-top:32px !important;flex-direction:column-reverse;gap:20px;}
    .ctt2 .right,
    .ctt2 .left{width:100% !important;padding-top:0 !important;}
    .ctt2 .right{border-radius:12px !important;max-height:240px;}
    .ctt2 .right img{width:100%;height:240px !important;object-fit:cover;}
    .ctt2 .left .tit{font-size:22px !important;line-height:1.3;}
    .ctt2 .left .list{padding-top:18px !important;}
    .ctt2 .left .item{margin-top:18px !important;}
    .ctt2 .left .item .set{font-size:14px !important;}
    .ctt2 .left .item .det{margin-top:6px !important;font-size:18px !important;line-height:1.4 !important;}
    .ctt2 .left .item.item_tel .det,
    .ctt2 .left .item.item_cz .det{font-size:22px !important;line-height:1.35 !important;}
    .ctt2 .left .item.item_emial .det,
    .ctt2 .left .item.item_line .det{font-size:16px !important;word-break:break-all;}
    .ctt2 .left .item.item_line .line-qrcode img{max-width:120px;}
}

/* ================================================================
   會員註冊 register.blade — 手機版優化（2026-04-28）
   策略：分段卡片 + 視覺呼吸 + 防 iOS auto-zoom，不改 Blade 結構
   ================================================================ */
@media (max-width: 768px) {
    /* 整體背景 + 容器內距收緊 */
    .rgtLayout{padding:16px 0 32px;background:#F5F6FA;}
    .rgtLayout .w1410{width:100%;padding:0 12px;}
    .rgtLayout .title{font-size:18px !important;margin:4px 0 16px;}

    /* 把 .form 的白底卡片拆掉（讓每個 row 自己變卡片）*/
    .rgtLayout .form{background:transparent !important;border-radius:0 !important;padding:0 !important;margin-top:0 !important;}

    /* 每個 row → 獨立白卡 */
    .rgtLayout .form .row1,
    .rgtLayout .form .row2,
    .rgtLayout .form .row3,
    .rgtLayout .form .row4{
        background:#fff;border-radius:12px;padding:18px 16px 20px;
        margin:0 0 14px 0 !important;display:block !important;
        box-shadow:0 1px 4px rgba(0,0,0,0.04);
    }

    /* 段落標題（CSS 注入，不改 Blade） */
    .rgtLayout .form .row1::before,
    .rgtLayout .form .row2::before,
    .rgtLayout .form .row3::before{
        display:block;font-size:14px;font-weight:600;color:var(--color-primary);
        margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;
        letter-spacing:0.02em;
    }
    .rgtLayout .form .row1::before{content:"步驟 1／3 · 建立帳號";}
    .rgtLayout .form .row2::before{content:"步驟 2／3 · 個人資料";}
    .rgtLayout .form .row3::before{content:"步驟 3／3 · 公司／聯絡資訊";}
    /* row4（手機 / 地址）視覺併入步驟 3 */
    .rgtLayout .form .row4{margin-top:-14px !important;border-top-left-radius:0;border-top-right-radius:0;padding-top:4px;}
    .rgtLayout .form .row3{border-bottom-left-radius:0;border-bottom-right-radius:0;}

    /* 所有 item 一律 100% 寬 + 垂直呼吸 */
    .rgtLayout .form .item,
    .rgtLayout .form .row1 .item,
    .rgtLayout .form .row2 .item,
    .rgtLayout .form .row2 .item:nth-child(2),
    .rgtLayout .form .row2 .item_date,
    .rgtLayout .form .row3 .item,
    .rgtLayout .form .row4 .item:first-child,
    .rgtLayout .form .row4 .item:last-child,
    .rgtLayout .form .item.item_code{
        width:100% !important;max-width:none !important;flex:none !important;margin-bottom:14px;
    }
    .rgtLayout .form .row1 .item:last-child,
    .rgtLayout .form .row2 .item:last-child,
    .rgtLayout .form .row3 .item:last-child,
    .rgtLayout .form .row4 .item:last-child{margin-bottom:0;}

    /* 標籤 + 提示 + 錯誤訊息 統一節奏 */
    .rgtLayout .form .item .set{font-size:14px !important;line-height:1.4;color:#333;}
    .rgtLayout .form .item .det{margin-top:8px;}
    .rgtLayout .form .item .txt{font-size:12px;margin:6px 0 0 2px !important;line-height:1.5 !important;}

    /* input／password — 統一高度 + 16px 字（防 iOS Safari 自動 zoom） */
    .rgtLayout .form .item .det input[type=text],
    .rgtLayout .form .item .det input[type=password]{
        height:48px !important;font-size:16px !important;border-radius:8px !important;
        padding:0 12px !important;
    }

    /* 「發送驗證碼」按鈕 — 修正溢出，縮小、貼齊右邊框內 */
    .rgtLayout .form .item.item_code .det input{padding-right:108px !important;}
    .rgtLayout .form .item.item_code .det a{
        top:5px !important;right:5px !important;
        width:96px !important;height:38px !important;
        font-size:14px;border-radius:6px !important;
    }
    .rgtLayout .form .item.item_code .det a.act{background:#E6E6E6 !important;color:var(--text-color2) !important;}

    /* 密碼眼睛 icon — 避開 iOS 預設 reveal 按鈕 */
    .rgtLayout .form .pwd-toggle{right:12px;}

    /* 客戶屬性 / 性別 radio — 全寬左右各半 */
    .rgtLayout .form .item_radio .det{display:flex !important;width:100%;}
    .rgtLayout .form .item_radio .det div{flex:1;display:flex;}
    .rgtLayout .form .item_radio .det label{
        width:100% !important;height:48px !important;flex:1;font-size:15px;
    }

    /* 生日 三個下拉 — 三等分 grid */
    .rgtLayout .form .row2 .item_date .det{display:grid !important;grid-template-columns:1fr 1fr 1fr;gap:8px;}
    .rgtLayout .form .row2 .item_date .det select{
        width:100% !important;height:48px !important;font-size:15px !important;
        border-radius:8px !important;
    }

    /* 地址 — 國家/城市/區 → 三等分 grid，下方詳細地址 input 獨立一行 */
    .rgtLayout .form .item_address .det{display:block !important;}
    .rgtLayout .form .item_address .det .add{
        width:100% !important;display:grid !important;
        grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px;
    }
    .rgtLayout .form .item_address .det .add select{
        width:100% !important;height:48px !important;font-size:15px !important;
        border-radius:8px !important;padding:0 28px 0 10px !important;
        background-position:right 8px center !important;
    }
    .rgtLayout .form .item_address .det input{margin-left:0 !important;height:48px !important;font-size:16px !important;border-radius:8px !important;}

    /* 同意條款（row5）— 卡片化 + 大勾選框 + 整段可點 */
    .rgtLayout .form .row5{
        background:#fff;border-radius:12px;padding:14px 16px;margin:0 0 14px !important;
        text-align:left !important;font-size:14px;line-height:1.6;
        box-shadow:0 1px 4px rgba(0,0,0,0.04);
        position:relative;
    }
    /* hidden checkbox 不要佔版面 */
    .rgtLayout .form .row5 input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none;}
    /* label 變成整塊可點區域 */
    .rgtLayout .form .row5 label{
        display:block !important;position:relative;
        padding:6px 0 6px 32px !important;margin-left:0 !important;
        min-height:32px;cursor:pointer;color:#333;
        line-height:1.6;
    }
    /* 自繪勾選方框：放大到 20×20，貼齊左邊、垂直居中對第一行字 */
    .rgtLayout .form .row5 label::before{
        left:0 !important;top:9px !important;bottom:auto !important;
        width:20px !important;height:20px !important;
        background:#fff !important;border:2px solid #BDBDBD;border-radius:4px;
        margin:0 !important;
    }
    .rgtLayout .form .row5 label::after{
        left:0 !important;top:9px !important;bottom:auto !important;
        width:20px !important;height:20px !important;
        font-size:14px !important;line-height:20px !important;margin:0 !important;
    }
    .rgtLayout .form .row5 input[type="checkbox"]:checked + label::before{
        background:var(--color-primary) !important;border-color:var(--color-primary);
    }
    .rgtLayout .form .row5 label a{
        color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;
    }

    /* 送出 / 重填（row6）— 直排，主按鈕在上 */
    .rgtLayout .form .row6{
        display:flex !important;flex-direction:column-reverse;gap:10px;
        margin-top:18px !important;
    }
    .rgtLayout .form .row6 input{
        width:100% !important;max-width:none !important;height:50px !important;
        font-size:16px !important;border-radius:8px !important;margin:0 !important;
    }
    .rgtLayout .form .row6 .submit{margin-right:0 !important;}

    /* 已是會員 → 登入 */
    .rgtLayout .form .register{
        margin-top:18px !important;font-size:14px;color:#666;
    }
}

/* ============================================================
   境外地址（OTHER / Overseas）— 共用樣式
   只有底色變淡灰 + 提示色，不撐高度（撐高在單行 input 上很醜）
   ============================================================ */
input.addr-oversea{
    background:#fafafa;
    border:1px solid #d0d0d0;
}
textarea.addr-oversea{
    min-height:90px;
    padding:12px 14px;
    line-height:1.6;
    background:#fafafa;
    border:1px solid #d0d0d0;
    border-radius:6px;
}
input.addr-oversea:focus,
textarea.addr-oversea:focus{
    background:#fff;
    border-color:#888;
    outline:none;
}

/* ============================================================
   英文版全域：避免英文單字被攔腰切碎（Pro/duct/s 之類）
   原本 body 套 word-break:break-all 是給中文用的，套到英文反效果
   ============================================================ */
body.locale-en{ word-break: normal; overflow-wrap: anywhere; }
body.locale-en .sch_switch .tit,
body.locale-en .sch_switch .links a,
body.locale-en .sch_switch .links{ white-space: nowrap; word-break: normal; }

/* count 與前後文字之間補白：「24」←→「products / results found」（中英共用） */
.sch_switch .tit span{ margin: 0 6px; }

/* 搜尋頁切換列在手機版：標題自己一列，tab 列保持單列橫排不換行（中英共用） */
@media (max-width: 768px){
    .sch_switch{ flex-wrap: wrap; gap: 10px 14px; }
    .sch_switch .tit{ width: 100%; font-size: 18px !important; line-height: 1.4; }
    .sch_switch .links{ width: 100%; display: flex; gap: 22px; flex-wrap: nowrap; padding: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .sch_switch .links::before{ left: 0; right: 0; width: auto; }
    .sch_switch .links a{ flex: none; margin-left: 0; padding-bottom: 10px; white-space: nowrap; }
    .sch_switch .links a:first-child{ margin-left: 0; }
}

/* ============================================================
   品牌 LOGO 顯示（2026-04-28）
   - 詳情頁標題區右上角
   - 製造商列表頁 hero
   ============================================================ */
/* 詳情頁右上角 LOGO（pd1 .txt_box） */
.pd1 .txt_box{position: relative;}
/* 標題避開 LOGO：保留 logo 寬(140) + 右間距(12) + 安全 8px ≈ 160px */
.pd1 .txt_box .h{padding-right: 160px;}
.brand-logo-corner{
    position: absolute; top: 12px; right: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    max-width: 140px; height: 56px;
    background: #fff; border: 1px solid #eee; border-radius: 6px;
    padding: 6px 10px;
    transition: border-color .2s, transform .2s;
    z-index: 2;
}
.brand-logo-corner:hover{border-color: var(--color-primary); transform: translateY(-1px);}
.brand-logo-corner img{max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}

/* 製造商列表頁 hero */
.brand-hero{
    display: flex; align-items: center; gap: 24px;
    background: #fff; border: 1px solid #eee; border-radius: 8px;
    padding: 20px 24px; margin: 16px 0 20px;
}
.brand-hero .logo{
    flex: 0 0 180px; height: 90px;
    display: flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 8px;
}
.brand-hero .logo img{max-width: 100%; max-height: 100%; object-fit: contain;}
.brand-hero .info{flex: 1; min-width: 0;}
.brand-hero .info .name{font-size: 24px; font-weight: 600; color: #333; line-height: 1.3;}

/* ── 列表卡品牌 LOGO badge ── */
/* list1 / list2 統一：badge inline 顯示在「品牌：xxx」文字旁 */
.lists .item{position: relative;}
.lists .item .left1 .pic, .lists .item .pic{position: relative;}

.brand-badge{background: #fff; border: 1px solid #e8e8e8; border-radius: 4px;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); pointer-events: none;
    overflow: hidden;}
.brand-badge img{max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block;}

/* inline 跟在品牌文字後 */
.brand-line{display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.brand-badge-inline{vertical-align: middle;
    max-width: 90px; height: 24px; padding: 2px 6px;}

/* 「現貨」/「NEW」標籤需壓在浮層之上（避免被遮） */
.lists .item .tip, .lists .item .new{z-index: 5;}

@media (max-width: 768px){
    .brand-logo-corner{max-width: 90px; height: 40px; padding: 4px 6px; top: 8px; right: 8px;}
    .pd1 .txt_box .h{padding-right: 106px;}
    .brand-badge-inline{max-width: 70px; height: 20px; padding: 1px 4px;}
    .brand-line{gap: 6px;}
    .brand-hero{flex-direction: column; gap: 14px; padding: 16px; text-align: center;}
    .brand-hero .logo{flex: none; width: 140px; height: 70px;}
    .brand-hero .info .name{font-size: 18px;}
}

/* ============================================================
   購物車 / 詢價車 / 結帳 — 手機版 UX 重做（2026-04-28）
   原始外包僅做基本壓縮，未針對手機優化，本區塊全面整理
   ============================================================ */
@media (max-width: 768px){

    /* ---------- 通用：詢價車/購物車 表格隱藏、項目改 grid 卡片 ---------- */
    .qc_right .qc_con{padding: 14px 0 20px;}
    .qc_right .qc_con .top{display: none;} /* 標題列在手機沒用，隱藏 */
    .qc_right .qc_con .number{padding: 0 14px 12px;}
    .qc_right .qc_con .li{padding: 14px 12px; gap: 0;}

    /* ---------- 詢價車（quote-cart, .qcartLayout 但非 shopCartLayout） ---------- */
    .qcartLayout:not(.shopCartLayout) .qc_con .li{
        display: grid;
        grid-template-columns: 18px 64px 1fr auto;
        column-gap: 10px; row-gap: 4px;
        align-items: start;
    }
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w1{grid-column:1; grid-row:1/4; align-self:center; margin-top:0;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w2{grid-column:2; grid-row:1/4;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w2 a img{width:64px; height:64px; object-fit:contain; border:1px solid #eee; border-radius:4px;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w5{grid-column:3; grid-row:1; text-align:left; font-size:14px; line-height:1.4; color:#333;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w8{grid-column:4; grid-row:1; align-self:start;}
    /* 顯示型號為小字第二行（覆蓋 5217-5226 的 display:none） */
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w3{display:block !important; grid-column:3/5; grid-row:2; text-align:left; font-size:12px; color:#666; width:auto;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w4{display:none !important;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w4b{display:none !important;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w6{display:none !important;}
    .qcartLayout:not(.shopCartLayout) .qc_con .li > .w7{grid-column:3/5; grid-row:3; align-self:center; margin-top:6px;}

    /* ---------- 購物車（shopping-cart, .shopCartLayout） ---------- */
    .shopCartLayout .qc_con .li{
        display: grid;
        grid-template-columns: 18px 64px 1fr auto;
        column-gap: 10px; row-gap: 4px;
        align-items: start;
    }
    .shopCartLayout .qc_con .li > .w1{grid-column:1; grid-row:1/5; align-self:center;}
    .shopCartLayout .qc_con .li > .w2{grid-column:2; grid-row:1/5;}
    .shopCartLayout .qc_con .li > .w2 a img{width:64px; height:64px; object-fit:contain; border:1px solid #eee; border-radius:4px;}
    .shopCartLayout .qc_con .li > .w5{grid-column:3; grid-row:1; text-align:left; font-size:14px; line-height:1.4; color:#333;}
    .shopCartLayout .qc_con .li > .w9{grid-column:4; grid-row:1; align-self:start; width:24px;}
    /* 把型號 + 廠牌 / pno 重新顯示為小字 meta 行 */
    .shopCartLayout .qc_con .li > .w3{display:block !important; grid-column:3/5; grid-row:2; text-align:left; font-size:12px; color:#666; width:auto;}
    .shopCartLayout .qc_con .li > .w4{display:none !important;}
    .shopCartLayout .qc_con .li > .w4b{display:none !important;}
    .shopCartLayout .qc_con .li > .w6{display:block !important; grid-column:3/5; grid-row:3; text-align:left !important; font-size:13px; color:#333; width:auto; margin-top:2px;}
    .shopCartLayout .qc_con .li > .w7{grid-column:3; grid-row:4; align-self:center; margin-top:6px;}
    .shopCartLayout .qc_con .li > .w8{grid-column:4; grid-row:4; text-align:right !important; font-size:16px; color:var(--color-primary); font-weight:600; align-self:center; margin-top:6px;}
    /* 數量按鈕加大觸控區 */
    .qc_right .qc_con .li .count{border-radius:6px;}
    .qc_right .qc_con .li .count .reduce,
    .qc_right .qc_con .li .count .addbtn{width:36px; height:36px;}
    .qc_right .qc_con .li .count .num{width:48px; line-height:34px; font-size:14px;}

    /* 全選 / 刪除工具列 */
    .qc_right .qc_con .rbt_btn{padding: 0 12px; gap: 12px; margin-top: 16px;}
    .qc_right .qc_con .rbt_btn .left{gap: 16px;}
    .qc_right .qc_con .rbt_btn .delet{font-size: 14px;}

    /* ---------- 摘要側欄：手機改為靜態卡片 + 全寬大按鈕 ---------- */
    .qc_summary{padding: 18px 16px !important; margin-top: 16px !important; border-radius: 8px;}
    .qc_summary .sum_title{font-size: 16px; margin-bottom: 14px;}
    .qc_summary .sum_actions{flex-direction: column !important; gap: 10px !important;}
    .qc_summary .sum_actions .sum_btn{flex: none !important; width: 100% !important; min-width: 0 !important; height: 48px !important; font-size: 15px; border-radius: 8px;}

    /* ---------- 價差 banner（外包寬鬆 padding） ---------- */
    .price-diff-banner{flex-direction: column; align-items: flex-start; padding: 10px 12px;}
    .price-diff-banner .pdb-actions{width: 100%; flex-wrap: wrap; gap: 8px;}
    .price-diff-banner .pdb-btn-refresh{flex: 1 1 auto; text-align: center; padding: 8px 12px;}

    /* ============================================================
       結帳頁（checkout）
       ============================================================ */
    .ck-steps{padding: 0 8px; margin: 14px 0 18px; gap: 4px;}
    .ck-step-text{font-size: 12px;}
    .ck-step-line{flex: 0 1 24px; margin: 0 4px;}
    .ck-step-num{width: 24px; height: 24px; font-size: 12px;}

    .ck-section{padding: 14px 14px; border-radius: 8px; margin-bottom: 12px;}
    .ck-section-title{font-size: 15px; margin-bottom: 12px; padding-bottom: 8px;}

    /* 表單 row：所有水平排列改為直排，覆蓋 inline style flex */
    .ck-form-row{flex-direction: column !important; gap: 0 !important;}
    .ck-form-row > .ck-form-group{flex: 1 1 100% !important; min-width: 0 !important; max-width: 100% !important; margin-bottom: 12px;}
    .ck-form-row > .ck-form-group:last-child{margin-bottom: 0;}
    .ck-form-group{margin-bottom: 12px;}
    .ck-input{padding: 10px 12px; font-size: 14px; min-height: 42px;}
    textarea.ck-input{min-height: 80px;}

    /* 配送方式：1 欄 */
    .ck-shipping-options{grid-template-columns: 1fr; gap: 8px;}
    .ck-shipping-opt{padding: 12px 14px;}
    .ck-pickup-stores{padding: 12px;}

    /* 付款方式：每張卡片獨佔 1 行 */
    .ck-payment-options{flex-direction: column; gap: 8px;}
    .ck-payment-options .ck-radio-label{width: 100%; padding: 12px 14px; box-sizing: border-box;}

    /* Step1 商品列：表頭隱藏 + 改卡片 */
    .ck-items-header{display: none;}
    .ck-item-row{flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; padding: 12px 0;}
    .ck-col-img{flex: 0 0 56px;}
    .ck-col-img img{width: 56px; height: 56px;}
    .ck-col-no{flex: 1 1 calc(100% - 70px); font-size: 13px; order: 1;}
    .ck-col-brand,.ck-col-pno{flex: 0 0 auto; padding-left: 66px; font-size: 12px; color: #888; order: 2;}
    .ck-col-name{flex: 0 0 100%; padding-left: 66px; font-size: 13px; order: 3; color: #333;}
    .ck-col-price{flex: 0 0 auto; padding-left: 66px; text-align: left; font-size: 13px; color: #666; order: 4;}
    .ck-col-qty{flex: 0 0 auto; text-align: left; font-size: 13px; color: #666; order: 5;}
    .ck-col-qty::before{content: "× ";}
    .ck-col-subtotal{flex: 1; padding-right: 4px; text-align: right; order: 6;}

    /* 摘要 bar 與 step 按鈕 */
    .ck-summary-bar{padding: 14px 16px;}
    .ck-sum-actions{flex-direction: column-reverse !important; gap: 10px; margin-top: 14px;}
    .ck-sum-actions .ck-btn{width: 100%; justify-content: center; padding: 12px 16px; font-size: 15px;}
    .ck-btn-submit{padding: 12px 16px;}

    /* Step2 雙欄：直排 sidebar 變靜態 */
    .ck-step2-body{flex-direction: column; gap: 12px;}
    .ck-step2-sidebar{width: 100% !important; min-width: 0 !important; position: static !important; top: auto !important; padding: 16px;}
    .ck-sb-items{max-height: 200px;}

    /* Step3 review：表格降字 + 卡片 padding 收 */
    .ck-review-table th,.ck-review-table td{padding: 6px 4px; font-size: 12px;}
    .ck-review-img{width: 44px;}
    .ck-review-img img{width: 40px; height: 40px;}
    .ck-review-card{padding: 12px 14px;}
    .ck-review-items,.ck-items-body{max-height: 320px;}

    /* 收貨地址清單（已存地址卡片） */
    .ck-addr-opt{padding: 10px 12px;}
    .ck-addr-text{font-size: 12.5px; line-height: 1.55;}

    /* 月結資訊 / 載具 detail：input 獨佔行 */
    .ck-monthly-info input.ck-input,
    .ck-carrier-detail input.ck-input{max-width: 100% !important;}

    /* ============================================================
       新增 / 編輯地址 dialog（圖1：select 被擠到 ~40px 寬的元凶）
       ============================================================ */
    .dialog_address .content{
        padding: 24px 16px !important;
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        top: 8px !important;
        max-height: calc(100vh - 16px);
        border-radius: 10px;
    }
    .dialog_address .title{margin-bottom: 18px !important; font-size: 18px;}
    .dialog_address .ac_form_grid{gap: 0;}
    .dialog_address .ac_form_item{margin-bottom: 14px;}
    .dialog_address .ac_form_label{margin-bottom: 6px; font-size: 13px;}
    .dialog_address .ac_form_input input,
    .dialog_address .ac_select{height: 44px; font-size: 14px;}
    /* 關鍵：地址 selects 改直排，不再擠成 40px 寬 */
    .dialog_address .ac_form_address{flex-direction: column; gap: 8px;}
    .dialog_address .ac_form_address .ac_select{flex: none; width: 100%; min-width: 0;}
    .dialog_address .ac_form_address input[name="postal_code"]{width: 100% !important; height: 44px !important;}
    /* 送出 / 取消按鈕改直排，主按鈕在上 */
    .dialog_address .ac_form_submit{flex-direction: column-reverse !important; gap: 10px !important;}
    .dialog_address .ac_form_submit input[type="submit"],
    .dialog_address .ac_form_submit button{width: 100% !important; height: 46px !important; border-radius: 8px;}
    .dialog_address .close{top: 12px; right: 12px;}

    /* ============================================================
       快速詢價 dialog (.dialog_user.dialog_quote) — 圖2 修復
       桌機寫死 .add 只有 98px，2 個 select 各剩 ~40px，手機根本看不到字
       ============================================================ */
    .dialog_user .content{
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        padding: 30px 16px 24px !important;
        max-height: calc(100vh - 16px);
        top: 8px !important;
    }
    .dialog_user .ubox{padding-right: 4px; margin-right: -4px;}
    .dialog_user .ubox .form .item{margin-top: 16px;}
    .dialog_user .ubox .form .item .set{font-size: 14px; margin-bottom: 6px;}
    .dialog_user .ubox .form .item .det input[type=text],
    .dialog_user .ubox .form .item .det input[type=password],
    .dialog_user .ubox .form .item .det input[type=email]{height: 44px; font-size: 14px;}
    /* 性別 radio：兩顆按鈕各佔一半，加大觸控 */
    .dialog_user .ubox .form .item_radio .det{display: flex; gap: 0;}
    .dialog_user .ubox .form .item_radio .det > div{flex: 1;}
    .dialog_user .ubox .form .item_radio .det label{width: 100%; height: 44px;}

    /* 地址 row：select 改直排或平均分，別再 98px 塞兩個 */
    .dialog_quote .ubox .form .item_address .det.address,
    .dialog_user .ubox .form .item_address .det.address{
        display: flex; flex-wrap: wrap; gap: 10px; width: 100%;
    }
    .dialog_quote .ubox .form .item_address .det.address .add,
    .dialog_user .ubox .form .item_address .det.address .add{
        width: 100% !important; margin-right: 0 !important;
        display: flex; gap: 10px;
    }
    .dialog_quote .ubox .form .item_address .det.address .add select,
    .dialog_user .ubox .form .item_address .det.address .add select{
        flex: 1; min-width: 0; width: auto !important; height: 44px; font-size: 14px;
    }
    .dialog_quote .ubox .form .item_address .det.address > input[type=text],
    .dialog_user .ubox .form .item_address .det.address > input[type=text]{
        width: 100%; flex: none; margin-left: 0; margin-top: 0;
    }

    /* 報價方式 radio（傳真/Email/社群媒體）改 grid 3 欄 */
    .dialog_quote .ubox .form .item_reply_method .rad{
        display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px;
    }
    .dialog_quote .ubox .form .item_reply_method .rad a{
        width: 100% !important; margin: 0 !important; padding: 8px 4px !important;
        font-size: 13px; justify-content: center;
    }

    /* OTP row：發送按鈕別擠到 input */
    .dialog_user .ubox .form .item_otp .det{flex-wrap: wrap; gap: 8px !important;}
    .dialog_user .ubox .form .item_otp .det input{flex: 1 1 100% !important; max-width: none !important;}
    .dialog_user .ubox .form .item_otp .det a{width: 100%; text-align: center;}

    /* 送出區：直排 + 全寬 */
    .dialog_user .ubox .form .sbmit{display: flex; flex-direction: column-reverse; gap: 10px; margin-top: 20px;}
    .dialog_user .ubox .form .sbmit a.gb,
    .dialog_user .ubox .form .sbmit input[type=submit],
    .dialog_user .ubox .form .sbmit button{
        width: 100% !important; height: 46px !important; border-radius: 8px; margin: 0 !important;
    }
}

/* ============================================================
   英文版按鈕排版修復（2026-04-30）
   英文版隱藏 +Buy 後 .links 內可能只剩單一按鈕（+Quote 詢價），
   原本的 flex 規則會把唯一按鈕拉到全寬，看起來空蕩。
   用 :has(:only-child) 在只剩一個 .btn 時固定寬度、靠左對齊。
   瀏覽器支援：Chrome/Edge 105+、Safari 15.4+、Firefox 121+（公司大陸辦公室
   使用 Edge，皆已支援；老版瀏覽器自動 fallback 到原本 flex 行為，不會壞）。
   ============================================================ */
.links:has(.btn:only-child){justify-content: flex-start;}
.links:has(.btn:only-child) .btn{
    flex: 0 0 auto; min-width: 160px; max-width: 240px;
    padding-left: 24px; padding-right: 24px;
}
/* product_detail 頁面寬一點 */
.btns1 .links:has(.btn:only-child) .btn{min-width: 200px;}
@media (max-width: 768px){
    .links:has(.btn:only-child) .btn{min-width: 0; width: 100%; max-width: none;}
}


/* ===== category-intro (B3 SEO 介紹區塊) 2026-05-13 ===== */
.category-intro { background: #fff; border: 1px solid #e8eaed; border-radius: 8px; padding: 20px 24px; margin: 12px 0 16px; }
.category-intro__title { font-size: 22px; font-weight: 600; color: #222; margin: 0 0 12px; padding: 0; line-height: 1.3; }
.category-intro__body { font-size: 14px; line-height: 1.75; color: #444; }
.category-intro__body p { margin: 0 0 8px; }
.category-intro__body p:last-child { margin-bottom: 0; }
.category-intro__body ul, .category-intro__body ol { margin: 0 0 8px; padding-left: 1.5em; }
.category-intro__body h2, .category-intro__body h3 { font-size: 16px; font-weight: 600; color: #333; margin: 12px 0 6px; }
.category-intro__body a { color: #0d6efd; text-decoration: underline; }
@media (max-width: 768px) { .category-intro { padding: 14px 16px; } .category-intro__title { font-size: 18px; } }


/* ===== brand-cats (B3 Mouser-style) 2026-05-13 ===== */
.brand-hero .info .web { display:inline-block; margin-top:6px; font-size:13px; color:#0d6efd; text-decoration:none; word-break:break-all; }
.brand-hero .info .web:hover { text-decoration:underline; }
.brand-cats { background:#fff; border:1px solid #e8eaed; border-radius:8px; padding:18px 22px; margin:0 0 16px; }
.brand-cats__title { font-size:18px; font-weight:600; color:#222; margin:0 0 14px; padding:0 0 10px; border-bottom:1px solid #f0f1f3; line-height:1.3; }
.brand-cats__grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:8px 12px; }
.brand-cat-card { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#f7f9fc; border:1px solid #e3e7ed; border-left:3px solid #0d6efd; border-radius:4px; color:#333; text-decoration:none; transition:background .12s, border-color .12s; }
.brand-cat-card:hover { background:#eef4ff; border-left-color:#DD2235; color:#DD2235; }
.brand-cat-card__name { font-size:14px; font-weight:500; flex:1; line-height:1.4; padding-right:10px; }
.brand-cat-card__count { font-size:12px; color:#888; background:#fff; padding:2px 8px; border-radius:10px; min-width:32px; text-align:center; }
.brand-cat-card:hover .brand-cat-card__count { color:#DD2235; }
@media (max-width:768px) { .brand-cats { padding:14px 16px; } .brand-cats__grid { grid-template-columns:1fr 1fr; gap:6px 8px; } .brand-cat-card { padding:8px 10px; } .brand-cat-card__name { font-size:13px; } }


/* ===== brand-detail-page (B3 2026-05-13) ===== */
/* 品牌頁不顯示左側分類 sidebar，com_rcon 自動撐滿 */
.brand-detail-page .com_rcon { width: 100%; }
/* 選中的分類卡片：紅色高亮 */
.brand-cat-card.on { background:#fff5f5; border-left-color:#DD2235; color:#DD2235; }
.brand-cat-card.on .brand-cat-card__count { color:#DD2235; }


/* ===== brand-letter-jumper (Mouser-style sticky) 2026-05-13 ===== */
/* sticky top 由 JS 動態設置 = header 高度 */
.brand-letter-jumper{position: sticky; top: 70px; z-index: 90; background:#fff; border:1px solid #E6E7EC; border-radius:8px; padding:8px 12px; margin:14px 0 10px; display:flex; flex-wrap:wrap; gap:4px; box-shadow:0 2px 8px rgba(0,0,0,.06);}
.brand-letter-jumper a{display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:28px; padding:0 6px; border-radius:4px; color:#555; text-decoration:none; transition:all .15s; font-weight:500;}
.brand-letter-jumper a:hover{background:#f5f5f5; color:#DD2235;}
.brand-letter-jumper a.act{background:#DD2235; color:#fff;}
/* 拿掉舊的右側浮動字母列 */
.mft_right{display:block;}
.mft_right .left{width:100%; padding-top:0.16rem;}
@media (max-width: 768px){
  .brand-letter-jumper{padding:6px 8px;}
  .brand-letter-jumper a{min-width:24px; height:24px; font-size:14px;}
}