/* ============================================================
   Somewhere Supply — 外贸批发询盘站前台样式
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Helvetica Neue',Arial,'Segoe UI',Tahoma,sans-serif;color:#333;background:#fff;line-height:1.5}
a{color:inherit}
img{max-width:100%}

/* 渐变占位 */
.grad-lunch,.grad-lunch.emoji{background:linear-gradient(135deg,#e8d5b7,#d4b896)}
.grad-bags,.grad-bags.emoji{background:linear-gradient(135deg,#a8d8ea,#7ec8e3)}
.grad-beach,.grad-beach.emoji{background:linear-gradient(135deg,#96ceb4,#66b89a)}
.grad-picnic,.grad-picnic.emoji{background:linear-gradient(135deg,#ffb6b9,#e88b8e)}
.grad-travel,.grad-travel.emoji{background:linear-gradient(135deg,#e8d5f5,#d4b8e8)}
.grad-acc,.grad-acc.emoji{background:linear-gradient(135deg,#ffe4b5,#ffd08a)}
.grad-kitchen,.grad-kitchen.emoji{background:linear-gradient(135deg,#ffd6a5,#f7a072)}
.grad-sports,.grad-sports.emoji{background:linear-gradient(135deg,#a0e0ff,#5ab8e8)}
.grad-garden,.grad-garden.emoji{background:linear-gradient(135deg,#c8f0a8,#8fe06a)}
.grad-digital,.grad-digital.emoji{background:linear-gradient(135deg,#d0c8ff,#9b8af0)}
.grad-baby,.grad-baby.emoji{background:linear-gradient(135deg,#ffd9e8,#ff9ec4)}
.grad-pet,.grad-pet.emoji{background:linear-gradient(135deg,#ffe0b3,#f5a623)}
/* 2026-10-29 新增品类：首页/产品页分类卡在无封面图时的占位底色 */
.grad-homeware,.grad-homeware.emoji{background:linear-gradient(135deg,#e6e0d4,#c9bfa8)}
.grad-home-improve,.grad-home-improve.emoji{background:linear-gradient(135deg,#cfe3f0,#93b8d1)}
.grad-industrial,.grad-industrial.emoji{background:linear-gradient(135deg,#d6d9dd,#9aa3ad)}
.grad-fragrance,.grad-fragrance.emoji{background:linear-gradient(135deg,#f3d9e6,#dca7c4)}
.emoji.img1,.emoji.grad1{background:linear-gradient(135deg,#ffb6c1,#ff9eb5)}
.emoji.img2{background:linear-gradient(135deg,#d4a574,#b8956a)}
.emoji.img3{background:linear-gradient(135deg,#87ceeb,#6cb3d9)}
.emoji.img4{background:linear-gradient(135deg,#98fb98,#7de07d)}
.emoji.img5{background:linear-gradient(135deg,#f0e68c,#e6d36a)}
.emoji.img6{background:linear-gradient(135deg,#d4b8e8,#b895d4)}
.emoji.img7{background:linear-gradient(135deg,#a8d8ea,#7ec8e3)}
.emoji.img8{background:linear-gradient(135deg,#ffdab9,#ffc9a0)}

/* 公告栏 */
.announcement-bar{background:#000;color:#fff;padding:10px 0;font-size:13px;overflow:hidden;white-space:nowrap;font-weight:500;position:relative;z-index:1000}
.announcement-content{display:inline-block;animation:scroll 30s linear infinite}
.announcement-content span{margin:0 30px}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* 导航 */
.mobile-menu-btn{display:none;background:none;border:none;font-size:22px;cursor:pointer}
.navbar{background:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;position:sticky;top:0;z-index:999}
.nav-left,.nav-right{display:flex;gap:24px;align-items:center;flex:1}
.nav-right{justify-content:flex-end}
.nav-center{text-align:center}
.logo{font-size:21px;font-weight:700;color:#000;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none}
.logo small{display:block;font-size:9px;letter-spacing:3px;color:#f97316;font-weight:600}
.nav-menu{display:flex;list-style:none;gap:26px}
.nav-menu a{text-decoration:none;color:#333;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:color .3s;position:relative;display:inline-block}
.nav-menu a::after{content:'';position:absolute;bottom:-4px;inset-inline-start:0;width:0;height:2px;background:#f97316;transition:width .3s}
.nav-menu a:hover,.nav-menu a.active{color:#f97316}
.nav-menu a:hover::after{width:100%}
.nav-item-icon{margin-inline-end:5px;font-size:14px}
.nav-icons{display:flex;gap:16px;font-size:16px;align-items:center}
.nav-icons span,.nav-icons a{cursor:pointer;transition:color .3s;color:#333;text-decoration:none}
.nav-icons span:hover,.nav-icons a:hover{color:#f97316}
.lang-switch{font-size:12px;font-weight:700;border:1px solid #ddd;padding:4px 10px;border-radius:20px;white-space:nowrap}
.lang-switch:hover{border-color:#f97316}
.inquiry-icon{position:relative;text-decoration:none}
.inquiry-count{position:absolute;top:-8px;inset-inline-end:-10px;background:#f97316;color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 4px}

/* 搜索弹窗 */
.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:100px}
.search-overlay.open{display:flex}
.search-box{width:100%;max-width:700px;padding:0 5%}
.search-box input{width:100%;padding:16px 0;border:none;border-bottom:2px solid #000;font-size:24px;outline:none;background:transparent}
.search-close{position:absolute;top:30px;inset-inline-end:5%;background:none;border:none;font-size:28px;cursor:pointer}
.search-suggestions{margin-top:24px}
.search-suggestions h4,.search-suggestions .hot-search-label{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:12px}
.search-tags{display:flex;flex-wrap:wrap;gap:10px}
.search-tag{padding:8px 18px;background:#f5f5f5;border-radius:30px;font-size:13px;cursor:pointer;transition:all .3s}
.search-tag:hover{background:#000;color:#fff}

/* 移动菜单 */
.mobile-menu{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1500;display:none}
.mobile-menu.open{display:block}
.mobile-menu-panel{position:fixed;inset-inline-start:0;top:0;bottom:0;width:280px;max-width:80%;background:#fff;padding:30px;transform:translateX(-100%);transition:transform .3s;z-index:1501}
.mobile-menu.open .mobile-menu-panel{transform:translateX(0)}
[dir="rtl"] .mobile-menu-panel{transform:translateX(100%)}
.mobile-menu.open .mobile-menu-panel{transform:translateX(0)}
.mobile-menu-panel ul{list-style:none;margin-top:40px}
.mobile-menu-panel li{margin-bottom:20px}
.mobile-menu-panel a{text-decoration:none;color:#333;font-size:16px;font-weight:500}
.mobile-close{position:absolute;top:20px;inset-inline-end:20px;background:none;border:none;font-size:24px;cursor:pointer}

/* 询盘弹窗 */
.inquiry-popup{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.inquiry-popup.open{display:flex}
.inquiry-popup-content{background:#fff;padding:40px;border-radius:8px;max-width:420px;width:100%;text-align:center;position:relative;animation:pop .3s}
@keyframes pop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
.inquiry-popup-close{position:absolute;top:16px;inset-inline-end:20px;background:none;border:none;font-size:22px;cursor:pointer;color:#999}
.inquiry-popup-icon{font-size:48px;margin-bottom:16px;color:#2ecc71}
.inquiry-popup-content h3{font-size:20px;margin-bottom:8px}
.inquiry-popup-content p{color:#666;font-size:14px;margin-bottom:24px}
.inquiry-popup-btns{display:flex;gap:12px}
.inquiry-popup-btns button{flex:1;padding:14px;border:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s}
.btn-view-inquiry{background:#fff;border:2px solid #000;color:#000}
.btn-continue-browse{background:#000;color:#fff}
.btn-continue-browse:hover{background:#f97316}
.btn-view-inquiry:hover{background:#000;color:#fff}

/* 加车轻量提示 toast（任务4/8）：右下角，阿语站 rtl.css 镜像到左下角 */
.toast-wrap{position:fixed;bottom:30px;inset-inline-end:30px;z-index:2500;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e5e5;border-inline-start:4px solid #2ecc71;border-radius:6px;padding:12px 16px;font-size:13px;color:#333;box-shadow:0 6px 24px rgba(0,0,0,.14);max-width:360px;animation:toastIn .3s;pointer-events:auto}
.toast .toast-icon{color:#2ecc71;font-weight:700}
.toast .toast-msg{flex:1;min-width:0}
.toast .toast-cart{color:#f97316;font-weight:700;white-space:nowrap;text-decoration:none;border-bottom:1px solid #f97316;padding-bottom:1px}
.toast.fade-out{animation:toastOut .3s forwards}
@keyframes toastIn{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes toastOut{to{transform:translateY(16px);opacity:0}}
/* 长国家下拉：限高滚动，避免撑爆页面 */
.form-group select[name=country]{max-height:340px;overflow-y:auto}

/* 分类banner */
.category-banner{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.category-card{position:relative;height:150px;overflow:hidden;cursor:pointer}
.category-image{width:100%;height:100%;transition:transform .6s;display:flex;align-items:center;justify-content:center;font-size:36px}
.category-card:hover .category-image{transform:scale(1.06)}
.category-label{position:absolute;bottom:14px;inset-inline-start:14px;background:#fff;padding:8px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px;transition:all .3s;max-width:calc(100% - 24px);box-sizing:border-box}
.category-card:hover .category-label{background:#000;color:#fff}
.category-label .arrow{transition:transform .3s}
.category-card:hover .arrow{transform:translateX(4px)}
[dir="rtl"] .category-card:hover .arrow{transform:translateX(-4px)}

/* 标语 */
.brand-tagline{text-align:center;padding:80px 5% 50px}
.brand-tagline .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;color:#f97316;text-transform:uppercase;margin-bottom:16px}
.brand-tagline h2{font-size:38px;font-weight:700;color:#000;margin-bottom:24px;line-height:1.3}
.brand-tagline p{color:#666;max-width:620px;margin:0 auto 28px}
.category-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.category-links a{text-decoration:none;color:#333;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:color .3s}
.category-links a:hover{color:#f97316}
.category-links .divider{color:#ccc}

/* 产品区 */
.products-section{padding:60px 5%}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:16px}
.section-title{font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#000}
.section-subtitle{color:#999;font-size:13px;margin-top:4px}
.view-all{text-decoration:none;color:#000;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #000;padding-bottom:2px;transition:all .3s;white-space:nowrap}
.view-all:hover{color:#f97316;border-color:#f97316}
.products-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.product-card{cursor:pointer}
.product-image-wrap{position:relative;overflow:hidden;aspect-ratio:1;margin-bottom:12px;background:#faf7f2}
.product-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px;transition:transform .6s}
.product-card:hover .product-image{transform:scale(1.06)}
.product-badge{position:absolute;top:12px;inset-inline-start:12px;background:#000;color:#fff;padding:4px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:2}
.product-badge.OEM{background:#f97316}
.product-badge.HOT{background:#e74c3c}
.product-badge.NEW{background:#000}
.quick-inquiry{position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;background:#fff;padding:12px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transform:translateY(100%);transition:transform .3s;cursor:pointer;z-index:2;border:none;width:100%}
.product-card:hover .quick-inquiry{transform:translateY(0)}
.quick-inquiry:hover{background:#000;color:#fff}
/* 产品卡：加购数量引导语（详情页相关产品区用） */
.product-qty-hint{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;line-height:1.4}
.product-name{font-size:13px;color:#333;margin-bottom:4px;line-height:1.4}
/* 走查修复：卡片真链接（stretched link）——整卡可点但语义是 <a>，可新标签打开/复制链接 */
.product-card{position:relative}
a.product-image{text-decoration:none}
.product-name a{color:inherit;text-decoration:none}
.product-name a.card-link::after{content:"";position:absolute;inset:0;z-index:1}
/* 分类卡片锚点化 + 空分类 Coming soon 置灰 */
a.category-card{display:block;text-decoration:none;color:inherit}
.category-card.coming{cursor:default;opacity:.6}
.category-card.coming:hover .category-image{transform:none}
.category-card.coming:hover .category-label{background:#fff;color:#333}
.category-card.coming .arrow{font-size:10px;text-transform:uppercase;letter-spacing:.5px}
/* 搜索标签锚点化 */
a.search-tag{display:inline-block;text-decoration:none;color:inherit}
/* 询盘车本地存储提示 */
.cart-hint{font-size:11px;color:#999;margin:-8px 0 14px;line-height:1.5}
/* 首页分类卡悬停可点感（走查 C1） */
.category-card{transition:transform .3s,box-shadow .3s}
.category-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.category-card.coming:hover{transform:none;box-shadow:none}
/* 主导航分类下拉（走查 C2）：桌面悬停/键盘聚焦展开，移动端由汉堡菜单承载
   渐入渐出 + 高度收展：不用 display:none（无法过渡），改为 max-height/opacity/visibility 三属性联动
   visibility 收起时延迟到动画结束再隐藏，保证淡出看得见；pointer-events 防止收起态挡住下方内容 */
.nav-menu>li{position:relative}
.nav-sub{
    position:absolute;top:100%;inset-inline-start:0;min-width:200px;
    background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.13);border-radius:10px;
    list-style:none;margin:0;z-index:1500;
    /* 收起态 */
    max-height:0;overflow-x:hidden;overflow-y:auto;
    opacity:0;visibility:hidden;pointer-events:none;
    padding-top:0;padding-bottom:0;
    transform:translateY(-6px);
    transition:max-height .26s ease,opacity .22s ease,transform .26s ease,
               padding-top .26s ease,padding-bottom .26s ease,
               visibility 0s linear .28s;
}
.nav-menu li:hover>.nav-sub,
.nav-menu li:focus-within>.nav-sub{
    /* 展开态：上限 640px 约容 12–15 条，超出内部滚动，不改变外部布局 */
    max-height:640px;opacity:1;visibility:visible;pointer-events:auto;
    padding-top:8px;padding-bottom:8px;transform:translateY(0);
    transition:max-height .3s ease,opacity .2s ease,transform .3s ease,
               padding-top .3s ease,padding-bottom .3s ease,
               visibility 0s linear 0s;
}
@media (prefers-reduced-motion:reduce){
    .nav-sub,.nav-menu li:hover>.nav-sub,.nav-menu li:focus-within>.nav-sub{transition:none}
}
.nav-sub li{margin:0}
.nav-sub a{display:block;padding:9px 18px;font-size:12px;color:#333;text-transform:none;letter-spacing:.3px;white-space:nowrap}
.nav-sub a::after{display:none}
.nav-sub a:hover{background:#faf7f2;color:#f97316}
.nav-sub .nav-sub-all{border-top:1px solid #eee;font-weight:700;margin-top:6px;padding-top:12px}
/* 详情页同分类上一款/下一款（走查 B6） */
.pn-nav{display:flex;gap:18px;align-items:center}
.pn-nav a{text-decoration:none;color:#555;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;transition:color .3s}
.pn-nav a:hover{color:#f97316}
.product-price{font-size:14px;font-weight:700;color:#000;margin-bottom:2px}
.product-moq{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px}

/* 促销横幅 */
.promo-banner{margin:40px 5%;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 55%,#f97316 130%);padding:70px 60px;text-align:center;border-radius:4px;position:relative;overflow:hidden;color:#fff}
.promo-banner::before{content:'';position:absolute;top:-50%;inset-inline-end:-10%;width:40%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 60%)}
.promo-tag{display:inline-block;background:#fff;color:#000;padding:6px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.promo-banner h2{font-size:40px;font-weight:700;margin-bottom:12px}
.promo-banner p{font-size:16px;opacity:.9;margin-bottom:24px;max-width:640px;margin-inline:auto}
.btn-light{display:inline-block;background:#fff;color:#000;padding:14px 40px;text-decoration:none;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:all .3s}
.btn-light:hover{background:#f97316;color:#fff}

/* 特色条 */
.features-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:50px 5%;background:#faf7f2}
.feature-item{display:flex;gap:14px;align-items:center}
.feature-icon{font-size:28px}
.feature-item h4{font-size:14px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}
.feature-item p{font-size:12px;color:#888}

/* 数据带 */
.stats-band{background:#000;color:#fff;padding:56px 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stat-num{font-size:38px;font-weight:700;color:#f97316}
.stat-label{font-size:13px;opacity:.8;margin-top:4px;text-transform:uppercase;letter-spacing:1px}

/* 为什么 */
.why-section{padding:90px 5%;background:#faf7f2;text-align:center}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:40px auto 0}
.why-card{background:#fff;padding:36px 30px;border-radius:4px;text-align:start}
.why-icon{font-size:36px;margin-bottom:18px}
.why-card h3{font-size:17px;color:#000;margin-bottom:10px}
.why-card p{font-size:14px;color:#666;line-height:1.7}

/* 工厂故事 */
.story-section{padding:100px 5%;text-align:center}
.story-content{max-width:700px;margin:0 auto}
.story-content .tag{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#f97316;font-weight:600;margin-bottom:16px;display:block}
.story-content h2{font-size:34px;color:#000;margin-bottom:20px;line-height:1.3}
.story-content p{color:#666;line-height:1.8;margin-bottom:28px}
.btn-outline{display:inline-block;border:2px solid #000;color:#000;padding:14px 40px;text-decoration:none;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:all .3s}
.btn-outline:hover{background:#000;color:#fff}

/* 社媒 */
.social-section{padding:60px 5%;text-align:center}
.social-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:36px}
.social-item{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative}
.social-item .img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;transition:transform .5s}
.social-item:hover .img{transform:scale(1.1)}
.social-item .social-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;opacity:0;transition:opacity .3s}
.social-item:hover .social-overlay{opacity:1}

/* 订阅 */
.newsletter-section{padding:80px 5%;background:#000;color:#fff;text-align:center}
.newsletter-section h2{font-size:30px;margin-bottom:12px}
.newsletter-section p{color:#999;margin-bottom:28px}
.newsletter-form{display:flex;max-width:500px;margin:0 auto}
.newsletter-form input{flex:1;padding:16px 20px;border:1px solid #333;background:#1a1a1a;color:#fff;font-size:14px}
.newsletter-form input:focus{outline:none;border-color:#f97316}
.newsletter-form button{padding:16px 28px;background:#f97316;color:#fff;border:none;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .3s}
.newsletter-form button:hover{background:#ea580c}
.newsletter-form button:disabled,.newsletter-form button.nl-loading{background:#9a5a26;cursor:wait}

/* Footer */
footer{background:#000;color:#999;padding:60px 5% 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand .logo{color:#fff;margin-bottom:16px;font-size:20px;cursor:pointer}
.footer-brand p{font-size:13px;line-height:1.8;margin-bottom:20px}
.social-icons{display:flex;gap:16px;font-size:20px}
.social-icons span{cursor:pointer;transition:transform .3s}
.social-icons span:hover{transform:scale(1.2)}
.footer-column h3{color:#fff;font-size:13px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}
.footer-column ul{list-style:none}
.footer-column li{margin-bottom:10px}
.footer-column a{color:#999;text-decoration:none;font-size:13px;transition:color .3s}
.footer-column a:hover{color:#fff}
.footer-bottom{border-top:1px solid #222;padding-top:30px;text-align:center;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* 回到顶部/淡入 */
.back-to-top{position:fixed;bottom:30px;inset-inline-end:30px;width:44px;height:44px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;opacity:0;transition:all .3s;z-index:900;border:none}
.back-to-top.visible{opacity:1}
.back-to-top:hover{background:#f97316;transform:translateY(-3px)}
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ============ 列表页 ============ */
.breadcrumb{padding:20px 5%;font-size:13px;color:#999;border-bottom:1px solid #eee}
.breadcrumb a{color:#999;text-decoration:none}
.breadcrumb a:hover{color:#f97316}
.breadcrumb span{margin:0 8px}
.page-header{padding:40px 5%;text-align:center}
.page-header h1{font-size:34px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
.page-header p{color:#666}
.page-header .trust-line{display:flex;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap;font-size:12px;color:#888}
.main-container{display:grid;grid-template-columns:230px 1fr;gap:40px;padding:0 5% 60px}
.filter-sidebar{position:sticky;top:100px;height:fit-content}
.filter-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eee}
.filter-section:last-child{border-bottom:none}
.filter-section h3,.filter-section h2,.filter-section .sec-title{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:#000;font-weight:600}
.filter-list{list-style:none}
.filter-list li{margin-bottom:10px}
.filter-list label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#666}
.filter-list input[type=checkbox],.filter-list input[type=radio]{accent-color:#f97316}
.filter-list .count{margin-inline-start:auto;color:#999;font-size:12px}
.filter-apply-btn{width:100%;background:#f97316;color:#fff;border:none;padding:12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-top:8px;border-radius:3px;transition:background .3s}
.filter-apply-btn:hover{background:#ea580c}
.products-area{min-height:500px}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee;gap:12px;flex-wrap:wrap}
.result-count{font-size:13px;color:#666}
.result-count strong{color:#000}
.sort-select{padding:8px 12px;border:1px solid #ddd;font-size:13px;background:#fff;cursor:pointer}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.page-btn{min-width:36px;height:36px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px;transition:all .3s;padding:0 12px}
.page-btn:hover,.page-btn.active{background:#000;color:#fff;border-color:#000}
.bulk-cta{margin:40px 0 0;background:#000;color:#fff;padding:28px;text-align:center;border-radius:4px}
.bulk-cta h3,.bulk-cta h2,.bulk-cta .sec-title{font-size:18px;margin-bottom:6px}
.bulk-cta p{font-size:13px;color:#aaa;margin-bottom:16px}
.bulk-cta button{background:#f97316;color:#fff;border:none;padding:12px 32px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer}
.bulk-cta button:hover{background:#ea580c}

/* ============ 详情页 ============ */
.product-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;padding:40px 3.5%;align-items:start;max-width:1480px;margin:0 auto}
.product-gallery{display:flex;gap:14px;min-width:0}
.thumbnail-list{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.thumbnail{width:76px;height:76px;border-radius:4px;cursor:pointer;border:2px solid transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:30px;background:#faf7f2}
.thumbnail.active{border-color:#f97316}
.main-image{flex:1;min-width:0;aspect-ratio:3/4;max-height:840px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:150px;background:#faf7f2}
.main-image .emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:150px}
.product-gallery .thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
.main-image img{width:100%;height:100%;object-fit:cover;display:block}
.product-info h1{font-size:28px;font-weight:700;color:#000;line-height:1.3;margin-bottom:6px}
.product-id{font-size:12px;color:#999;margin-bottom:16px}
.price-block{background:#faf7f2;padding:18px 20px;border-inline-start:4px solid #f97316;margin-bottom:22px}
.price-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.wholesale-price{font-size:26px;font-weight:700;color:#000}
.price-unit{font-size:13px;color:#666}
.price-moq{font-size:12px;color:#666;margin-top:4px}
.price-moq strong{color:#f97316}
.price-tiers{display:flex;gap:18px;margin-top:12px;flex-wrap:wrap}
.price-tier{background:#fff;border:1px solid #eee;padding:8px 14px;border-radius:4px;font-size:12px;text-align:center;transition:all .25s}
.price-tier.tier-active{border:2px solid #f97316;background:#fff7ed;box-shadow:0 2px 8px rgba(249,115,22,.15)}
.price-tier .qty{color:#999;font-size:11px}
.price-tier .val{font-weight:700;color:#000}
/* 当前数量对应的单价行 */
.current-price-line{margin-top:10px;font-size:13px;color:#333;font-weight:600;display:none}
.current-price-line.show{display:block}
.current-price-line .price-val{color:#f97316;font-weight:700}
.info-section{margin-bottom:22px}
.info-section>label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000;margin-bottom:10px}
.color-options{display:flex;gap:10px}
.color-option{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid transparent}
.color-option:hover{transform:scale(1.1)}
.color-option.active{border-color:#f97316}
/* 文字型可选参数（尺寸 / 材质 / 印刷方式等，后台自定义） */
.option-chips{display:flex;gap:8px;flex-wrap:wrap}
.option-chip{font:inherit;font-size:12.5px;line-height:1;padding:10px 16px;border:1px solid #e5ddd0;background:#fff;color:#333;border-radius:4px;cursor:pointer;transition:all .2s}
.option-chip:hover{border-color:#f97316;color:#f97316}
.option-chip.active{border-color:#f97316;background:#fff7ed;color:#c2410c;font-weight:600}
.selected-color-name{font-size:12px;color:#666;margin-top:8px}
.qty-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.qty-selector{display:flex;align-items:center;border:1px solid #ddd}
.qty-btn{width:40px;height:40px;background:none;border:none;font-size:16px;cursor:pointer}
.qty-btn:hover{background:#f5f5f5}
.qty-input{width:70px;height:40px;border:none;text-align:center;font-size:14px}
.qty-input:focus{outline:none}
.moq-hint{font-size:12px;color:#999}
.btn-group{display:flex;gap:10px;margin-bottom:24px;flex-wrap:nowrap}
.btn-primary{flex:1;min-width:0;background:#f97316;color:#fff;border:none;padding:16px 12px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.btn-primary:hover{background:#ea580c}
.btn-secondary{flex:1;min-width:0;background:#000;color:#fff;border:none;padding:16px 12px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.btn-secondary:hover{background:#333}
.trust-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:24px}
.trust-badge{display:flex;gap:8px;align-items:flex-start;font-size:12px;min-width:0}
.trust-badge .icon{font-size:18px;flex-shrink:0;line-height:1.2}
.trust-badge b{display:block;color:#000;font-size:12px;line-height:1.35}
.trust-badge span{color:#999;font-size:11px;line-height:1.4}
.quick-trade{border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:20px}
.quick-trade-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 14px;font-size:12px;border-bottom:1px solid #f5f5f5}
.quick-trade-row:last-child{border-bottom:none}
.quick-trade-row .label{color:#999;flex-shrink:0;white-space:nowrap}
.quick-trade-row .value{font-weight:600;color:#000;text-align:end;min-width:0;word-break:break-word}
.tabs-section{padding:0 3.5% 60px;max-width:1480px;margin:0 auto}
.tabs{display:flex;justify-content:center;border-bottom:1px solid #eee;margin-bottom:30px;flex-wrap:wrap}
.tab-btn{padding:16px 24px;background:none;border:none;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;color:#999;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .3s}
.tab-btn.active{color:#000;border-bottom-color:#f97316}
.tab-content{display:none;max-width:900px;margin:0 auto}
.tab-content.active{display:block}
.tab-content h3,.tab-content .tab-title{font-size:18px;color:#000;margin-bottom:14px}
.tab-content p{color:#666;line-height:1.8;margin-bottom:16px}
.tab-content ul{list-style:none;margin-bottom:16px}
.tab-content li{color:#666;padding:6px 0 6px 24px;position:relative}
.tab-content li::before{content:'✓';position:absolute;inset-inline-start:0;color:#f97316;font-weight:700}
.spec-table{width:100%;border-collapse:collapse}
.spec-table th,.spec-table td{padding:12px 16px;border:1px solid #eee;text-align:start;font-size:13px}
.spec-table th{background:#faf7f2;font-weight:600;width:200px;color:#000}
.spec-table td{color:#666}
.trade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.trade-card{border:1px solid #eee;border-radius:4px;padding:18px}
.trade-card h4,.trade-card h3{font-size:13px;color:#000;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.trade-card p{font-size:13px;color:#666;margin:0}
.inquiry-form-section{background:#faf7f2;padding:70px 5%}
.inquiry-form-wrap{max-width:720px;margin:0 auto;background:#fff;padding:40px;border-radius:6px}
.inquiry-form-wrap h2{font-size:24px;color:#000;margin-bottom:6px;text-align:center}
.inquiry-form-wrap .sub{text-align:center;color:#888;font-size:13px;margin-bottom:28px}

/* 表单通用 */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#333}
.form-group .req{color:#e74c3c}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #ddd;font-size:14px;font-family:inherit;border-radius:3px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f97316}
/* 表单校验：行内全量标红（任务7） */
.form-group input.field-error,.form-group select.field-error,.form-group textarea.field-error{border-color:#e74c3c;background:#fef2f2}
.field-error-msg{color:#e74c3c;font-size:12px;margin-top:5px;display:none}
.field-error-msg.show{display:block}
.form-group textarea{resize:vertical}
.submit-btn{width:100%;background:#f97316;color:#fff;border:none;padding:16px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .3s;margin-top:8px;border-radius:3px}
.submit-btn:hover{background:#ea580c}
/* 提交按钮加载态：禁用变灰 + 内联转圈，确保点击后即时反馈 */
.submit-btn:disabled{background:#fdba74;cursor:not-allowed;opacity:.9}
.submit-btn .btn-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:btnSpin .7s linear infinite;vertical-align:-2px;margin-inline-end:8px}
@keyframes btnSpin{to{transform:rotate(360deg)}}
/* 成功弹窗：确认邮件送达状态行 */
.mail-status-line{display:none;font-size:13px;line-height:1.7;margin:12px 0 4px;padding:10px 14px;border-radius:6px}
.mail-status-line.mail-ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.mail-status-line.mail-fail{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.mail-status-line.mail-pending{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.form-note{text-align:center;font-size:12px;color:#999;margin-top:14px}
/* ---------- 分页条（走查报告：上百产品导入前的地基） ---------- */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap}
.pager .pg{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;color:#333;text-decoration:none;background:#fff;transition:all .2s}
.pager .pg:hover{border-color:#f97316;color:#f97316}
.pager .pg.cur{background:#1a1a1a;border-color:#1a1a1a;color:#fff;cursor:default}
.pager .pg-gap{color:#bbb;padding:0 2px}
.pager .pg-info{font-size:12px;color:#999;margin-inline-start:12px}
/* 空分类：筛选面板整行不可点（走查报告问题4：不主动提示客户该分类无货）
   注意禁的是 label——checkbox 在 label 内，只禁 input 时点击文字仍会穿透勾选 */
.filter-list li.cat-empty{opacity:.45}
.filter-list li.cat-empty label{pointer-events:none}
/* ---------- 滑动开关（询盘"需要样品"等勾选控件统一改造） ---------- */
.form-group.checkbox{display:flex;align-items:center;gap:10px}
.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;vertical-align:middle}
.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;border:none;-webkit-appearance:none;appearance:none}
.switch input:disabled{cursor:not-allowed}
.switch .track{position:absolute;inset:0;background:#d9d9d9;border-radius:999px;transition:background .2s ease}
.switch input:checked + .track{background:linear-gradient(135deg,#f97316,#ea580c)}
/* 2026-10-29 修：原来这条 ::after 没有 content，伪元素根本不生成，
   全站"需要样品"开关都只显示一条灰色胶囊、看不到滑块。补上 content:'' 才有白点。 */
.switch .track::after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .22s cubic-bezier(.4,0,.2,1)}
.switch input:checked + .track::after{transform:translateX(20px)}
/* AR(RTL) 下滑块需反向移动（translateX 物理方向固定，RTL 默认会滑出轨道） */
[dir="rtl"] .switch input:checked + .track::after{transform:translateX(-20px)}
.switch input:focus-visible + .track{box-shadow:0 0 0 3px rgba(249,115,22,.18)}
.switch input:disabled:checked + .track{background:#9aa3b2}
/* 开关行：开关 + 文字标签统一行式布局 */
.checkbox-row{display:flex;align-items:flex-start;gap:10px}
.checkbox-row .switch{margin-top:2px}
.checkbox-row .switch-label{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:#333;line-height:1.55;cursor:pointer}
.checkbox-row .switch-label:hover{color:#ea580c}
.checkbox-row .switch-hint{display:block;font-weight:400;font-size:12px;color:#999;margin-top:2px;line-height:1.5}

/* ============ 询盘车 ============ */
.inquiry-page{background:#faf7f2;min-height:60vh}
.page-header .steps{display:flex;justify-content:center;gap:0;margin-top:20px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px}
.step.active{color:#000;font-weight:600}
.step .num{width:26px;height:26px;border-radius:50%;background:#eee;color:#999;display:flex;align-items:center;justify-content:center;font-size:12px}
.step.active .num{background:#f97316;color:#fff}
.step-line{width:50px;height:2px;background:#ddd;margin:0 12px}
.inquiry-layout{display:grid;grid-template-columns:1fr 420px;gap:30px;padding:40px 5% 60px;align-items:start}
.inquiry-items{background:#fff;border-radius:6px;padding:30px}
.inquiry-items-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #eee;margin-bottom:20px}
.inquiry-items-header h2{font-size:18px;color:#000}
.inquiry-items-header span{font-size:13px;color:#999}
.inquiry-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;padding:20px 0;border-bottom:1px solid #f0f0f0;align-items:center;transition:opacity .3s,transform .3s}
.inquiry-item.removing{opacity:0;transform:translateX(-30px)}
[dir="rtl"] .inquiry-item.removing{transform:translateX(30px)}
.item-image{width:90px;height:90px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:44px;overflow:hidden}
.item-image .emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:44px}
.item-details a{font-size:14px;color:#000;text-decoration:none;font-weight:600;display:block;margin-bottom:4px}
.item-details a:hover{color:#f97316}
.item-meta{font-size:12px;color:#999;margin-bottom:4px}
.item-color{font-size:12px;color:#f97316;margin-bottom:4px;font-weight:600}
.item-price{font-size:13px;color:#333}
.item-price .fob{color:#f97316;font-weight:700}
.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.inquiry-item .qty-input{width:60px;height:32px;font-size:13px}
.inquiry-item .qty-btn{width:32px;height:32px;font-size:14px}
.remove-btn{background:none;border:none;color:#999;font-size:13px;cursor:pointer;transition:color .2s}
.remove-btn:hover{color:#e74c3c}
.inquiry-note{background:#fff8f0;border:1px dashed #f97316;border-radius:4px;padding:14px 16px;font-size:12px;color:#b45309;margin-top:20px}
.continue-link{display:inline-block;margin-top:18px;color:#000;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-bottom:1px solid #000;padding-bottom:2px}
.continue-link:hover{color:#f97316;border-color:#f97316}
/* 询价车：列表下方的「继续添加商品」入口（新加的商品与现有清单累加，不清空） */
.cart-actions{margin-top:8px;padding-top:20px;border-top:1px dashed #eae4da;text-align:center}
.add-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 26px;border:1px solid #f97316;border-radius:6px;background:#fff;color:#f97316;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:background .25s,color .25s,transform .25s}
.add-more-btn:hover{background:#f97316;color:#fff;transform:translateY(-1px)}
.add-more-btn .plus{font-size:14px;line-height:1}
.cart-actions-hint{font-size:11px;color:#999;margin:10px 0 0;line-height:1.55}
.inquiry-form-card{background:#fff;border-radius:6px;padding:30px;position:sticky;top:100px}
.inquiry-form-card h2{font-size:18px;color:#000;margin-bottom:4px}
.inquiry-form-card .sub{font-size:12px;color:#999;margin-bottom:20px}
.summary-box{background:#faf7f2;border-radius:4px;padding:16px;margin-bottom:20px}
.summary-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:#666}
.summary-row.total{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:12px;font-weight:700;color:#000;font-size:14px}
.summary-row .ref{color:#f97316;font-weight:700}
.empty-inquiry{display:none;text-align:center;padding:80px 20px;background:#fff;border-radius:6px}
.empty-inquiry .icon{font-size:70px;margin-bottom:20px}
.empty-inquiry h2{font-size:22px;margin-bottom:10px}
.empty-inquiry p{color:#666;margin-bottom:28px}
.empty-inquiry button{background:#000;color:#fff;border:none;padding:15px 36px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer}
.empty-inquiry button:hover{background:#f97316}
.success-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}
.success-overlay.open{display:flex}
.success-box{background:#fff;padding:50px 40px;border-radius:8px;text-align:center;max-width:440px;width:100%;animation:pop .3s}
.success-icon{font-size:56px;margin-bottom:18px}
.success-box h2{font-size:22px;margin-bottom:10px}
.success-box p{color:#666;font-size:14px;margin-bottom:24px;line-height:1.7}
.inquiry-id-box{background:#faf7f2;padding:10px;border-radius:4px;font-size:13px;font-weight:600;margin-bottom:20px;color:#000}
.success-box button{background:#f97316;color:#fff;border:none;padding:14px 32px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer}
.success-box button:hover{background:#ea580c}

/* ============ 关于页 ============ */
.page-hero{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);color:#fff;padding:90px 5%;text-align:center}
.page-hero.dark{background:#000}
.page-hero .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#f97316;font-weight:700;margin-bottom:16px}
.page-hero h1{font-size:42px;font-weight:700;margin-bottom:16px}
.page-hero p{font-size:16px;opacity:.9;max-width:650px;margin:0 auto}
.section{padding:80px 5%}
.section.alt{background:#faf7f2}
.section-head{text-align:center;max-width:700px;margin:0 auto 50px}
.section-head .tag{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#f97316;font-weight:700}
.section-head h2{font-size:32px;color:#000;margin:12px 0 16px}
.section-head p{color:#666;line-height:1.8}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1100px;margin:0 auto}
.factory-visual{aspect-ratio:4/3;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:120px;background:linear-gradient(135deg,#a8d8ea,#7ec8e3)}
.two-col h3,.two-col .factory-title{font-size:26px;color:#000;margin-bottom:16px}
.two-col p{color:#666;line-height:1.8;margin-bottom:14px}
.check-list{list-style:none}
.check-list li{padding:8px 0 8px 28px;position:relative;color:#444;font-size:14px}
.check-list li::before{content:'✓';position:absolute;inset-inline-start:0;color:#f97316;font-weight:700}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}
.value-card{background:#fff;border-radius:6px;padding:32px 26px;text-align:center}
.value-card .icon{font-size:40px;margin-bottom:16px}
.value-card h4,.value-card h3{font-size:16px;color:#000;margin-bottom:10px}
.value-card p{font-size:13px;color:#666;line-height:1.7}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1200px;margin:0 auto}
.process-step{text-align:center}
.process-step .circle{width:70px;height:70px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 14px;font-weight:700}
.process-step h4,.process-step h3{font-size:15px;color:#000;margin-bottom:6px}
.process-step p{font-size:12px;color:#888;line-height:1.6}
.timeline{max-width:800px;margin:0 auto}
.tl-item{display:flex;gap:24px;padding-bottom:36px;position:relative}
.tl-item::before{content:'';position:absolute;inset-inline-start:27px;top:56px;bottom:0;width:2px;background:#eee}
.tl-item:last-child::before{display:none}
.tl-dot{width:56px;height:56px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;z-index:1}
.tl-content h4,.tl-content h3{font-size:18px;color:#000;margin-bottom:4px}
.tl-content .year{color:#f97316;font-weight:700;font-size:13px}
.tl-content p{color:#666;font-size:14px;margin-top:6px;line-height:1.7}
.cert-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;margin:0 auto}
.cert-badge{background:#fff;border:1px solid #eee;border-radius:6px;padding:16px 28px;font-size:14px;font-weight:700;color:#333}
.cta-band{background:#000;color:#fff;text-align:center;padding:70px 5%}
.cta-band h2{font-size:30px;margin-bottom:12px}
.cta-band p{color:#aaa;margin-bottom:26px}
.btn-orange{display:inline-block;background:#f97316;color:#fff;padding:15px 40px;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:background .3s}
.btn-orange:hover{background:#ea580c}

/* ============ 联系页 ============ */
.contact-layout{display:grid;grid-template-columns:380px 1fr;gap:40px;padding:60px 5%;max-width:1200px;margin:0 auto}
.contact-info{display:flex;flex-direction:column;gap:16px}
.info-card{background:#faf7f2;border-radius:6px;padding:22px;display:flex;gap:16px;align-items:flex-start}
.info-card .icon{font-size:26px}
.info-card h4,.info-card h3,.info-card h2{font-size:14px;color:#000;margin-bottom:4px}
.info-card p{font-size:13px;color:#666;line-height:1.6}
.info-card a{color:#f97316;text-decoration:none;font-weight:600}
.hours-card{border-inline-start:4px solid #f97316}
.hours-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}
.hours-row .d{color:#666}
.hours-row .t{font-weight:600;color:#000}
.contact-form{background:#fff;border:1px solid #eee;border-radius:6px;padding:36px}
.contact-form h2{font-size:22px;color:#000;margin-bottom:6px}
.contact-form .sub{font-size:13px;color:#888;margin-bottom:24px}
.faq-section{background:#faf7f2;padding:70px 5%}
.faq-wrap{max-width:800px;margin:0 auto}
.faq-wrap h2{text-align:center;font-size:28px;color:#000;margin-bottom:40px}
.faq-item{background:#fff;border-radius:6px;margin-bottom:12px;overflow:hidden}
.faq-q{padding:18px 24px;font-size:15px;font-weight:600;color:#000;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-q .chev{transition:transform .3s;color:#f97316;flex-shrink:0}
.faq-item.open .chev{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}
.faq-a-inner{padding:0 24px 20px;color:#666;font-size:14px;line-height:1.8}

/* ============ 响应式 ============ */
@media (max-width:1200px){
  .products-row{grid-template-columns:repeat(4,1fr)}
  .social-grid{grid-template-columns:repeat(3,1fr)}
  .features-bar{grid-template-columns:repeat(2,1fr);gap:30px}
  .value-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .category-banner{grid-template-columns:repeat(3,1fr)}
  .category-card{height:140px}
  .products-row{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:1fr}
  .main-container{grid-template-columns:1fr}
  .filter-sidebar{position:static}
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .product-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;padding:32px 3%}
  .inquiry-layout{grid-template-columns:1fr}
  .inquiry-form-card{position:static}
  .contact-layout{grid-template-columns:1fr}
  .process{grid-template-columns:repeat(2,1fr);gap:30px}
  .two-col{grid-template-columns:1fr}
  .mobile-menu-btn{display:block}
  .nav-menu{display:none}
  .trade-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .product-detail{grid-template-columns:1fr;gap:26px;padding:28px 4%}
  .main-image{aspect-ratio:4/5;max-height:520px}
}
@media (max-width:768px){
  .category-banner{grid-template-columns:repeat(2,1fr)}
  .category-card{height:130px}
  .category-label{font-size:10px;padding:6px 10px;letter-spacing:.5px;bottom:10px;inset-inline-start:10px;max-width:calc(100% - 20px)}
  .category-image{font-size:30px}
  .products-row{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .social-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .features-bar{grid-template-columns:1fr}
  .stats-band{grid-template-columns:repeat(2,1fr);gap:20px}
  .brand-tagline h2{font-size:26px}
  .promo-banner h2{font-size:26px}
  .promo-banner{padding:50px 30px}
  .page-hero h1{font-size:28px}
  .section-header{flex-direction:column;align-items:flex-start}
  .footer-bottom{flex-direction:column}
  .main-image{font-size:96px;aspect-ratio:4/5}
  .main-image .emoji{font-size:96px}
  .product-gallery{max-width:100%}
  .btn-group{flex-direction:column}
  .form-row{grid-template-columns:1fr}
  .inquiry-item{grid-template-columns:70px 1fr}
  .item-image{width:70px;height:70px}
  .item-right{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
  .inquiry-form-wrap,.contact-form{padding:24px}
  .value-grid{grid-template-columns:1fr}
  .process{grid-template-columns:1fr}
  .logo{font-size:16px}
  .lang-switch{font-size:11px;padding:3px 8px}
}

/* 手机端：列表页「加入询盘」按钮常显、可点、不遮挡图片（任务1） */
@media (max-width:640px){
  .product-card{position:relative}
  .quick-inquiry{
    position:static; transform:none; opacity:1;
    width:100%; margin-top:8px; display:block;
    min-height:44px; padding:12px 8px;
    border:1px solid #e5e5e5; border-radius:4px;
    text-transform:none; letter-spacing:0;
  }
  .quick-inquiry:hover{background:#fff;color:#000}
}

/* 富文本正文（产品详情，后台经典编辑器输出） */
.rich-content{font-size:14.5px;line-height:1.85;color:#444}
.rich-content p{margin:0 0 12px}
.rich-content h2{font-size:19px;margin:20px 0 10px;color:#1a1a1a}
.rich-content h3{font-size:16px;margin:18px 0 8px;color:#1a1a1a}
.rich-content ul,.rich-content ol{margin:0 0 14px;padding-inline-start:24px}
.rich-content li{margin:5px 0}
.rich-content ul li{list-style:disc}
.rich-content ol li{list-style:decimal}
.rich-content strong{color:#1a1a1a}
.rich-content blockquote{border-inline-start:4px solid #f97316;background:#faf7f2;padding:12px 18px;margin:14px 0;color:#555;border-radius:0 6px 6px 0}
.rich-content a{color:#f97316;text-decoration:underline}
[dir="rtl"] .rich-content ul li{list-style:disc}


/* 无障碍隐藏：仅屏幕阅读器可见（首页 h1 用） */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 页脚订阅结果提示 */
.newsletter-section .nl-msg{margin-top:10px;font-size:13px;color:#2e7d32;min-height:18px}
.newsletter-section .nl-msg.err{color:#c62828}

/* 验证码 */
.captcha-row{align-items:end}
.captcha-row .form-group{margin-bottom:0}
.captcha-code{display:flex;align-items:center}
.captcha-code img{height:46px;width:auto;cursor:pointer;border:1px solid #e2cb9c;border-radius:4px;background:#fdfaf3;display:block}

/* ============================================================
   会员中心 / 登录注册（2026-10）
   全部使用 logical properties（inline-start/end），
   阿拉伯语 RTL 直接跟随 dir 镜像，不需要在 rtl.css 里再写一套。
   ============================================================ */

/* 导航右上角账户入口 */
.account-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:15px;text-decoration:none;transition:background .2s,color .2s}
.account-link:hover{background:#faf7f2}
.account-link.logged{background:#f97316;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}

/* 登录 / 注册 / 找回密码 */
.auth-wrap{display:flex;justify-content:center;padding:52px 5% 76px;background:#faf7f2;min-height:58vh}
.auth-card{width:100%;max-width:480px;background:#fff;border:1px solid #eee;border-radius:10px;padding:34px 32px 28px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.auth-card h1{font-size:23px;margin-bottom:8px;line-height:1.35}
.auth-sub{color:#777;font-size:13.5px;line-height:1.7;margin-bottom:22px}
.auth-form .hint{display:block;color:#999;font-size:11.5px;margin-top:6px;line-height:1.6}
.auth-msg{border-radius:6px;font-size:13px;line-height:1.7;padding:11px 14px;margin-bottom:18px}
.auth-msg.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.auth-msg.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
.auth-alt{text-align:center;font-size:13px;color:#777;margin-top:14px;line-height:1.7}
.auth-alt a{color:#f97316;font-weight:600;text-decoration:none}
.auth-alt a:hover{text-decoration:underline}
.auth-form .form-group input:disabled{background:#f7f7f7;color:#999;cursor:not-allowed}

/* 账户中心整体 */
.account-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;padding:32px 5% 76px;max-width:1280px;margin:0 auto;align-items:start}
.account-side{position:sticky;top:96px;background:#fff;border:1px solid #eee;border-radius:10px;padding:18px 16px}
.acc-user{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:14px}
.acc-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase}
.acc-user-info{min-width:0}
.acc-user-info strong{display:block;font-size:13.5px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-user-info span{display:block;font-size:11.5px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-nav{display:flex;flex-direction:column;gap:2px}
.acc-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;font-size:13.5px;color:#555;text-decoration:none;transition:background .2s,color .2s}
.acc-nav a:hover{background:#faf7f2;color:#f97316}
.acc-nav a.active{background:#fff7ed;color:#f97316;font-weight:600}
.acc-nav .ico{font-size:14px;width:18px;text-align:center}
.acc-logout{display:block;margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0;font-size:12.5px;color:#999;text-decoration:none;text-align:center}
.acc-logout:hover{color:#e74c3c}

.account-main{min-width:0}
.acc-h2{font-size:19px;margin-bottom:18px}
.acc-h3{font-size:15px;margin:26px 0 14px}
.acc-head-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.acc-head-row .acc-h2{margin-bottom:0}

.acc-flash{border-radius:6px;font-size:13px;padding:11px 14px;margin:0 5% 4px;line-height:1.7}
.acc-flash.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
.acc-flash.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}

.acc-hello h2{font-size:20px;margin-bottom:6px}
.acc-hello p{color:#999;font-size:12.5px}

.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 6px}
.acc-stat{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;border-radius:10px;padding:18px 8px;text-decoration:none;transition:border-color .2s,transform .2s}
.acc-stat:hover{border-color:#f97316;transform:translateY(-2px)}
.acc-stat .n{font-size:24px;font-weight:700;color:#f97316;line-height:1.1}
.acc-stat .l{font-size:12px;color:#888}

.acc-empty{background:#faf7f2;border:1px dashed #e5e0d5;border-radius:10px;padding:34px 20px;text-align:center}
.acc-empty p{color:#8a8578;font-size:13.5px;margin-bottom:16px;line-height:1.7}
.acc-btn{display:inline-block;background:#f97316;color:#fff;text-decoration:none;padding:11px 24px;border-radius:4px;font-size:13px;font-weight:600}
.acc-btn:hover{background:#ea580c}
.acc-more{margin-top:14px;text-align:end;font-size:13px}
.acc-more a{color:#f97316;text-decoration:none;font-weight:600}

/* 询盘列表 */
.acc-inq-list{display:flex;flex-direction:column;gap:10px}
.acc-inq{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}
.acc-inq summary{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none;font-size:13px}
.acc-inq summary::-webkit-details-marker{display:none}
.acc-inq summary:hover{background:#fcfaf6}
.acc-inq .no{font-weight:700;color:#222;font-family:'SFMono-Regular',Consolas,monospace;font-size:12.5px}
.acc-inq .date{color:#999;font-size:12px}
.acc-inq .meta{color:#888;font-size:12px;text-align:end}
.acc-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;background:#f1f1f1;color:#666;white-space:nowrap}
.acc-badge-new{background:#fff7ed;color:#c2410c}
.acc-badge-read{background:#eff6ff;color:#1d4ed8}
.acc-badge-replied{background:#f0fdf4;color:#15803d}
.acc-badge-closed{background:#f4f4f5;color:#71717a}
.acc-inq-body{border-top:1px solid #f2f2f2;padding:14px 16px 16px;background:#fcfcfa}
.acc-table-wrap{overflow-x:auto}
.acc-table{width:100%;border-collapse:collapse;font-size:12.5px}
.acc-table th{text-align:start;color:#999;font-weight:500;padding:6px 8px;border-bottom:1px solid #eaeaea;white-space:nowrap}
.acc-table td{padding:8px;border-bottom:1px solid #f2f2f2;color:#444;vertical-align:top}
.acc-table td.mono{font-family:'SFMono-Regular',Consolas,monospace;color:#888;font-size:11.5px}
.acc-table .var{display:inline-block;margin-inline-start:8px;font-size:11px;color:#999;background:#f4f4f4;border-radius:3px;padding:1px 6px}
.acc-msg{margin-top:12px;background:#fff;border:1px solid #eee;border-radius:6px;padding:11px 13px;font-size:12.5px;color:#555;line-height:1.75;white-space:pre-wrap;word-break:break-word;font-family:inherit}

/* 收藏卡片 */
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.acc-card{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.acc-card.is-off{opacity:.6}
.acc-card-img{display:block;aspect-ratio:1/1;background:#faf7f2;overflow:hidden;text-decoration:none;display:flex;align-items:center;justify-content:center}
.acc-card-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.acc-card-name{font-size:13px;color:#222;text-decoration:none;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acc-card-name:hover{color:#f97316}
.acc-card-price{font-size:13px;font-weight:700;color:#f97316}
.acc-card-price.muted{color:#aaa;font-weight:400;font-size:12px}
.acc-rm{margin-top:auto;background:none;border:1px solid #e5e5e5;color:#888;border-radius:4px;padding:6px 10px;font-size:11.5px;cursor:pointer;transition:.2s;font-family:inherit}
.acc-rm:hover{border-color:#e74c3c;color:#e74c3c}

/* 浏览历史 */
.acc-history{list-style:none;display:flex;flex-direction:column;gap:2px}
.acc-history li{display:flex;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid #f4f4f4}
.acc-history li:hover{background:#fcfaf6}
.acc-history a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:#333;font-size:13.5px}
.acc-history a:hover .hname{color:#f97316}
.acc-history img,.acc-history .emoji{width:44px;height:44px;border-radius:6px;object-fit:cover;font-size:20px;display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.acc-history .hname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-history .htime{color:#aaa;font-size:11.5px;white-space:nowrap}

/* 资料 / 危险操作 */
.acc-form{max-width:520px}
.acc-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.8;margin-bottom:20px}
.acc-danger{width:100%;background:#e74c3c;color:#fff;border:none;border-radius:4px;padding:15px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}
.acc-danger:hover{background:#c0392b}

/* 产品页收藏按钮 */
.fav-row{margin-top:14px}
.btn-fav{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd;border-radius:24px;padding:9px 20px;font-size:13px;color:#555;cursor:pointer;transition:.2s;font-family:inherit}
.btn-fav:hover{border-color:#f97316;color:#f97316}
.btn-fav.on{border-color:#f97316;color:#f97316;background:#fff7ed}
.btn-fav .heart{font-size:15px;line-height:1}
.fav-signin{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#999;text-decoration:none;border-bottom:1px dashed #ddd;padding-bottom:2px}
.fav-signin:hover{color:#f97316;border-color:#f97316}

/* 响应式 */
@media (max-width:900px){
  .account-layout{grid-template-columns:1fr;padding:22px 5% 60px;gap:20px}
  .account-side{position:static}
  .acc-nav{flex-direction:row;flex-wrap:wrap;gap:6px}
  .acc-nav a{padding:8px 12px;font-size:12.5px}
  .acc-logout{margin-top:10px;padding-top:10px}
}
@media (max-width:560px){
  .auth-card{padding:26px 20px 22px}
  .acc-stats{grid-template-columns:1fr;gap:10px}
  .acc-stat{flex-direction:row;justify-content:flex-start;gap:10px;padding:14px}
  .acc-inq summary{grid-template-columns:1fr auto;gap:6px}
  .acc-inq .meta{grid-column:1/-1;text-align:start}
  .acc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acc-history .htime{display:none}
}

/* ============================================================
   隐私政策页（2026-10-28）
   全部使用逻辑属性（margin-inline / padding-inline），阿语 RTL 自动镜像，
   不需要往 rtl.css 再补一套。
   ============================================================ */
.legal-wrap{max-width:880px;margin:0 auto}
.legal-intro{font-size:15.5px;line-height:1.85;color:#444;padding:18px 20px;background:#fff;border-inline-start:3px solid #f97316;border-radius:4px;margin-bottom:26px}

.legal-toc{background:#fff;border:1px solid #eee;border-radius:8px;padding:18px 22px;margin-bottom:34px}
.legal-toc-title{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#f97316;margin-bottom:10px}
.legal-toc ol{margin:0;padding-inline-start:20px;columns:2;column-gap:34px;font-size:13.5px;line-height:1.9}
.legal-toc li{margin-bottom:2px;break-inside:avoid}
.legal-toc a{color:#555;text-decoration:none;border-bottom:1px solid transparent}
.legal-toc a:hover{color:#f97316;border-color:#f97316}

.legal-body section{margin-bottom:30px}
.legal-body h2{font-size:17.5px;font-weight:700;color:#111;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #eee;line-height:1.45}
.legal-body p{font-size:14.5px;line-height:1.85;color:#444;margin-bottom:10px}
.legal-body ul{margin:6px 0 10px;padding-inline-start:20px}
.legal-body li{font-size:14.5px;line-height:1.85;color:#444;margin-bottom:7px}
.legal-body strong{color:#111;font-weight:600}
.legal-body .legal-note{font-size:13px;line-height:1.75;color:#666;background:#faf7f2;border:1px solid #f0e6d8;border-radius:5px;padding:10px 14px}

.legal-contact{background:#fff;border:1px solid #eee;border-radius:8px;padding:24px 26px;margin-top:34px}
.legal-contact h2{font-size:16px;font-weight:700;margin-bottom:8px;color:#111}
.legal-contact p{font-size:13.5px;color:#555;line-height:1.8}
.legal-contact ul{list-style:none;margin:12px 0 0;padding:0;font-size:13.5px;line-height:2}
.legal-contact a{color:#f97316;text-decoration:none}
.legal-contact a:hover{text-decoration:underline}
.legal-links{margin-top:18px;padding-top:14px;border-top:1px solid #f0f0f0;font-size:13px;color:#999;display:flex;gap:10px;flex-wrap:wrap}
.legal-links a{color:#666}

@media (max-width:700px){
  .legal-toc ol{columns:1}
  .legal-wrap{padding-inline:0}
  .legal-intro{font-size:14.5px;padding:14px 16px}
  .legal-body h2{font-size:16px}
  .legal-body p,.legal-body li{font-size:14px}
  .legal-contact{padding:20px 18px}
}

/* 注册页隐私勾选（不默认勾选，必须显式同意） */
.agree-row{display:flex;align-items:flex-start;gap:9px;margin:2px 0 16px;font-size:12.8px;line-height:1.7;color:#555;cursor:pointer}
.agree-row input{margin-top:3px;width:15px;height:15px;flex:0 0 auto;accent-color:#f97316;cursor:pointer}
.agree-row a{color:#ea580c;text-decoration:underline}
.agree-row:hover{color:#333}

/* 询盘页隐私提示 */
.privacy-note{margin-top:6px}
.privacy-note a{color:#ea580c;text-decoration:underline}

/* 单设备登录：被顶下线提示 */
.auth-msg.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.auth-msg.warn strong{display:inline-block;margin-bottom:3px}
.auth-dev{display:inline-block;font-size:12px;color:#a16207;opacity:.9}

/* 页脚隐私链接 */
.footer-legal a{color:#8a8a8a;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.footer-legal a:hover{color:#f97316;border-color:#f97316}

/* 登录页：单设备登录说明（放在副标题下，视觉上属于同一段落） */
.auth-hint{font-size:11.8px;color:#a0a0a0;line-height:1.6;margin:-14px 0 18px}

/* ============================================================
   询盘页步骤条：移动端断行修复
   ------------------------------------------------------------
   问题（线上 390px 实测）：.steps 是 flex-wrap:wrap，而 .step-line
   固定 width:50px + 左右 margin:12px（每条占 74px）。三步文字 + 两条线
   在 390px 下超宽，第 3 步被挤到第二行并居中，与连线脱节。
   修复：窄屏下不换行，连线改为可伸缩（吸收剩余空间），步号与字号缩小。
   ============================================================ */
@media (max-width:640px){
  .page-header .steps{flex-wrap:nowrap;margin-top:14px;width:100%}
  .step{font-size:10px;letter-spacing:0;gap:4px;white-space:nowrap;flex:none}
  .step .num{width:20px;height:20px;font-size:10px;flex:none}
  .step-line{flex:1 1 auto;min-width:8px;width:auto;margin:0 5px}
}
@media (max-width:380px){
  .step{font-size:9px}
  .step .num{width:18px;height:18px}
}

/* ============================================================
   顶部导航（2026-10-29 改版）
   ------------------------------------------------------------
   结构：.site-header > .topbar（工具条）+ .mainnav（主导航）
   说明：旧版 .navbar 规则保留未删（后台 nav_preview 等历史页面可能引用），
        但前台已改用新结构，两套类名互不干扰。
   容器：与首页一致，1440 居中（≥1440 视口），窄屏左右留 20px。
   ============================================================ */

.site-header{
    position:sticky;
    top:0;
    z-index:990;
    background:#faf9f4;
    border-bottom:1px solid #ece7da;
    /* 吸顶时避免内容从下方透出 */
    box-shadow:0 1px 0 rgba(20,32,28,.02);
}
.site-header.is-home{background:#faf9f4}

/* ---- ① 工具条 ---- */
.topbar{border-bottom:1px solid #f0ece0}
.topbar-inner{
    max-width:1440px;
    margin-inline:auto;
    padding:10px 24px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:16px;
}

.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}

/* 语言切换：两段式胶囊，当前语言高亮 */
.lang-tabs{
    display:inline-flex;
    align-items:center;
    gap:2px;
    background:#f1ede1;
    border-radius:999px;
    padding:3px;
    flex:0 0 auto;
}
.lang-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:26px;
    padding:0 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:600;
    color:#7b7f77;
    text-decoration:none;
    transition:background-color .15s ease,color .15s ease;
    white-space:nowrap;
}
.lang-tab:hover{color:#14201c}
.lang-tab.on{background:#fff;color:#14201c;box-shadow:0 1px 3px rgba(20,32,28,.08)}

/* 工具条搜索框 */
.topbar-search{
    display:flex;
    align-items:center;
    gap:8px;
    flex:1 1 auto;
    max-width:420px;
    min-width:0;
    height:38px;
    padding:0 16px;
    background:#fff;
    border:1px solid #e8e3d5;
    border-radius:999px;
    color:#9aa09a;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.topbar-search:focus-within{border-color:#f4552a;box-shadow:0 0 0 3px rgba(244,85,42,.1)}
.topbar-search input{
    flex:1 1 auto;
    min-width:0;
    border:none;
    outline:none;
    background:none;
    font-size:13px;
    font-family:inherit;
    color:#14201c;
}
.topbar-search input::placeholder{color:#a8ada6}

/* 品牌 */
.topbar-brand{
    display:inline-flex;
    align-items:baseline;
    gap:6px;
    font-size:clamp(22px,2vw,32px);
    font-weight:700;
    letter-spacing:-.02em;
    color:#14201c;
    text-decoration:none;
    white-space:nowrap;
    line-height:1;
}
.brand-badge{
    display:inline-block;
    padding:3px 7px;
    border-radius:5px;
    background:#f4552a;
    color:#fff;
    font-size:.42em;
    font-weight:700;
    letter-spacing:.06em;
    transform:translateY(-.18em);
}

.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}

/* 只在首页使用的顶栏元素（移动端整条搜索框 / EN⌄ 语言按钮）。
   默认隐藏：首页由 home.css 的媒体查询打开；内页不加载 home.css，
   只靠那边隐藏的话，这里会露出一个裸输入框和裸链接。 */
.mobile-search,
.topbar-lang{display:none}

.topbar-link{
    font-size:12.5px;
    font-weight:600;
    color:#4c564f;
    text-decoration:none;
    white-space:nowrap;
}
.topbar-link:hover{color:#f4552a}

.topbar-icon{
    display:none;
    align-items:center;
    justify-content:center;
    width:34px;height:34px;
    border:none;background:none;cursor:pointer;
    color:#14201c;border-radius:50%;
}
.topbar-icon:hover{background:#f1ede1}

/* 购物袋（询盘车） */
.topbar-cart{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;height:40px;
    border-radius:50%;
    color:#14201c;
    text-decoration:none;
    background:#fff;
    border:1px solid #e8e3d5;
    transition:border-color .15s ease,background-color .15s ease;
}
.topbar-cart:hover{border-color:#f4552a;background:#fffdf8}
.cart-count{
    position:absolute;
    top:-4px;right:-4px;
    min-width:17px;height:17px;
    padding:0 4px;
    border-radius:999px;
    background:#f4552a;
    color:#fff;
    font-size:10.5px;
    font-weight:700;
    line-height:17px;
    text-align:center;
}

/* ---- ② 主导航 ---- */
.mainnav{background:#faf9f4}
.mainnav-inner{
    max-width:1440px;
    margin-inline:auto;
    padding:0 24px;
    display:flex;
    justify-content:center;
}
.mainnav-list{
    display:flex;
    align-items:center;
    gap:4px;
    list-style:none;
    margin:0;
    padding:0;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.mainnav-list::-webkit-scrollbar{display:none}

.mainnav-item{position:relative;flex:0 0 auto}

.mainnav-item > a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:13px 16px;
    font-size:13px;
    font-weight:600;
    color:#2c332e;
    text-decoration:none;
    white-space:nowrap;
    border-bottom:2px solid transparent;
    transition:color .15s ease,border-color .15s ease;
}
.mainnav-item > a:hover,
.mainnav-item > a.active{color:#f4552a;border-bottom-color:#f4552a}

.nav-item-icon{font-size:13px;line-height:1}

/* 下拉（分类） */
.mainnav-item .nav-sub{
    position:absolute;
    top:100%;left:0;
    min-width:210px;
    background:#fff;
    border:1px solid #eee8db;
    border-radius:12px;
    box-shadow:0 14px 34px rgba(20,32,28,.10);
    padding:8px;
    margin:0;
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(6px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s;
    z-index:20;
}
.mainnav-item:hover > .nav-sub,
.mainnav-item:focus-within > .nav-sub{opacity:1;visibility:visible;transform:translateY(0)}

.mainnav-item .nav-sub li{margin:0}
.mainnav-item .nav-sub a{
    display:block;
    padding:9px 12px;
    border-radius:8px;
    font-size:12.5px;
    color:#3d443f;
    text-decoration:none;
    white-space:nowrap;
}
.mainnav-item .nav-sub a:hover{background:#faf7ef;color:#f4552a}
.mainnav-item .nav-sub .nav-sub-all{
    margin-top:4px;
    border-top:1px solid #f1ece0;
    border-radius:0 0 8px 8px;
    font-weight:700;
    color:#14201c;
}

/* ---- 响应式：平板 ---- */
@media (max-width:1279px){
    .topbar-inner{padding:10px 20px;gap:12px}
    .mainnav-inner{padding:0 20px;justify-content:flex-start}
    .topbar-search{max-width:300px}
    .mainnav-item > a{padding:12px 13px;font-size:12.5px}
}

/* ---- 响应式：移动端 ---- */
@media (max-width:767px){
    /* 2026-10-29 修正：原为 auto 1fr auto —— 左右两栏各自按内容宽度，
       中间 1fr 只是「剩余空间」，品牌并不在视口正中。线上实测内页品牌中心
       比视口中心偏左 13px（左栏汉堡 20px，右栏语言+搜索+购物袋更宽）。
       改成 1fr auto 1fr 让左右等分，品牌列 auto 由两侧等宽夹住，才真正居中。
       首页此前靠 home.css 单独覆盖才有居中的，内页一直没生效，这里统一到全站。 */
    .topbar-inner{
        grid-template-columns:1fr auto 1fr;
        padding:8px 14px;
        gap:8px;
    }
    /* 移动端：汉堡在左、品牌居中、操作在右；搜索框折叠为图标 */
    .topbar-left{order:1;gap:8px;justify-self:start}
    /* 移动端顶栏不再放语言切换：左栏「汉堡 + EN/العربية」合计约 150px，
       与右栏（搜索 34 + 购物袋 36 + 间距）一起把 390 宽占满，品牌被挤得压住语言胶囊
       （实测 390 重叠 5px、360 重叠 20px、320 重叠 40px）。
       语言切换在移动菜单底部的 .mm-lang 里同样有两个选项，功能不缺，只是多点一次。 */
    .topbar-left .lang-tabs{display:none}
    /* 顶栏搜索图标收进移动菜单（隐藏规则见文件末尾，此处位置过早会被后面的
       .topbar-search-btn{display:inline-flex} 反压）。 */
    /* 移动端语言切换按钮（桌面由 .topbar-lang{display:none} 隐藏）。
       内页过去没有这个元素，现在 navbar.php 已统一输出，这里给最小尺寸与居中。
       36x34 而不是 40 热区，是因为首页用它的 ::after 画小三角，二者不能共用伪元素。 */
    .topbar-lang{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:32px;
        height:34px;
        padding:0 4px;
        font-size:12px;
        font-weight:700;
        color:#14201c;
        text-decoration:none;
    }
    .topbar-brand{order:2;justify-self:center;font-size:19px}
    .topbar-right{order:3;gap:8px;justify-self:end}

    .topbar-search{display:none}
    .topbar-search-btn{display:inline-flex}
    .topbar-link{display:none}

    .mobile-menu-btn{
        display:block;
        order:0;
    }

    .lang-tabs{padding:2px}
    .lang-tab{min-width:32px;height:24px;padding:0 8px;font-size:11px}

    .topbar-cart{width:36px;height:36px;border:none;background:none}

    .mainnav-inner{padding:0 14px;justify-content:flex-start}
    .mainnav-list{gap:0;width:100%}
    .mainnav-item > a{padding:11px 11px;font-size:12px;border-bottom-width:2px}

    /* 移动端不显示 hover 下拉（触摸设备无 hover），改由移动菜单承载 */
    .mainnav-item .nav-sub{display:none}
}

/* 首页隐藏公告条后，首屏顶部不应有额外留白 */
.site-header.is-home + .home{padding-top:0}

/* ============================================================
   移动端菜单面板（2026-10-29 改版）
   ------------------------------------------------------------
   与新首页同一套视觉语言：白底、窄字距粗标题、橙色单一强调色。
   结构：.mm-head（品牌+关闭）/ .mm-nav（主导航）/ .mm-group（分类）/ .mm-foot（CTA+语言）
   注意：旧版 .mobile-menu-panel 的 ul / h4 规则不再匹配新结构，故不冲突；
        下面用 .mobile-menu 前缀提高特异性，覆盖旧的 padding 与关闭按钮定位。
   ============================================================ */

.mobile-menu .mobile-menu-panel{
    width:320px;
    max-width:86%;
    padding:0;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#fff;
}

/* 顶部品牌条 */
.mm-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid #f0ece0;
    position:sticky;
    top:0;
    background:#fff;
    z-index:2;
}
.mm-brand{
    display:inline-flex;
    align-items:baseline;
    gap:6px;
    font-size:20px;
    font-weight:700;
    letter-spacing:-.02em;
    color:#14201c;
    text-decoration:none;
    line-height:1;
}
.mobile-menu .mobile-close{
    position:static;
    inset-inline-end:auto;
    top:auto;
    width:34px;
    height:34px;
    flex:0 0 auto;
    border-radius:50%;
    border:none;
    background:#f5f2e9;
    color:#14201c;
    font-size:16px;
    line-height:1;
    cursor:pointer;
    display:grid;
    place-items:center;
}
.mobile-menu .mobile-close:hover{background:#ece7d9}

/* 主导航 */
.mm-nav{
    display:flex;
    flex-direction:column;
    padding:10px 10px 6px;
}
.mm-link{
    display:flex;
    align-items:center;
    gap:9px;
    padding:13px 10px;
    border-radius:10px;
    font-size:15px;
    font-weight:600;
    color:#1f2723;
    text-decoration:none;
    transition:background-color .15s ease,color .15s ease;
}
.mm-link:hover,
.mm-link.on{background:#faf6ea;color:#f4552a}
.mm-ico{font-size:14px;line-height:1}

/* 分类分组 */
.mm-group{
    display:flex;
    flex-direction:column;
    padding:8px 10px 14px;
    border-top:1px solid #f2eee2;
    margin-top:4px;
}
.mm-group-title{
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#a8ada6;
    padding:10px 10px 6px;
}
.mm-sub{
    display:block;
    padding:10px;
    border-radius:8px;
    font-size:13.5px;
    color:#4c564f;
    text-decoration:none;
}
.mm-sub:hover{background:#faf6ea;color:#f4552a}

/* 底部：CTA + 语言 */
.mm-foot{
    margin-top:auto;
    padding:14px 18px 22px;
    border-top:1px solid #f2eee2;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.mm-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    border-radius:999px;
    background:#f4552a;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}
.mm-cta:hover{background:#e0451d}
.mm-foot .mm-sub{padding:8px 4px;font-size:13px;color:#6b726b}

.mm-lang{
    display:flex;
    gap:6px;
    margin-top:2px;
}
.mm-lang a{
    flex:1;
    text-align:center;
    padding:9px 0;
    border-radius:999px;
    border:1px solid #e8e3d5;
    font-size:12.5px;
    font-weight:600;
    color:#7b7f77;
    text-decoration:none;
}
.mm-lang a.on{background:#14201c;border-color:#14201c;color:#fff}

/* ------------------------------------------------------------
   移动菜单样式覆盖修正
   ------------------------------------------------------------
   问题：旧样式表里有 `.mobile-menu-panel a{color:#333;font-size:16px;font-weight:500}`
        （特异性 0,1,1）会压过 `.mm-cta`（0,1,0）等单类规则 ——
        表现为 CTA 按钮文字变成深灰、分类与语言按钮字号被强行放大到 16px。
   修正：所有子元素规则统一加 `.mobile-menu-panel` 前缀，特异性提到 0,2,0 以上。
   ------------------------------------------------------------ */
.mobile-menu-panel .mm-brand{
    font-size:20px;
    font-weight:700;
    color:#14201c;
}
.mobile-menu-panel .mm-link{
    font-size:15px;
    font-weight:600;
    color:#1f2723;
}
.mobile-menu-panel .mm-link:hover,
.mobile-menu-panel .mm-link.on{
    color:#f4552a;
    background:#faf6ea;
}
.mobile-menu-panel .mm-group-title{
    font-size:10.5px;
    font-weight:700;
    color:#a8ada6;
}
.mobile-menu-panel .mm-sub{
    font-size:13.5px;
    font-weight:500;
    color:#4c564f;
}
.mobile-menu-panel .mm-sub:hover{
    color:#f4552a;
    background:#faf6ea;
}
.mobile-menu-panel .mm-cta{
    font-size:14px;
    font-weight:600;
    color:#fff;
}
.mobile-menu-panel .mm-foot .mm-sub{
    font-size:13px;
    color:#6b726b;
}
.mobile-menu-panel .mm-lang a{
    font-size:12.5px;
    font-weight:600;
    color:#7b7f77;
}
.mobile-menu-panel .mm-lang a.on{
    color:#fff;
    background:#14201c;
}

/* ============================================================
   阶梯价档位：可点击（2026-10-29）
   ------------------------------------------------------------
   档位是 <div>，默认既不可聚焦也没有手型光标，客户根本不知道能点。
   这里补上交互反馈；键盘可达性由 main.js 注入 role/tabindex 提供。
   ============================================================ */
.price-tier{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.price-tier:hover:not(.tier-active){border-color:#f97316;background:#fffaf5}
.price-tier:focus-visible{outline:2px solid #f97316;outline-offset:2px}
.price-tier:not(.tier-active):active{transform:translateY(1px)}

/* 选中态用 box-shadow 加一圈，而不是把 border 从 1px 改成 2px ——
   后者会让盒子尺寸 +2px，切换档位时整排会抖一下。 */
.price-tier.tier-active{
    border-color:#f97316;
    background:#fff7ed;
    box-shadow:0 0 0 1px #f97316, 0 2px 8px rgba(249,115,22,.15);
}
/* ============================================================
   移动端可点区域放大（2026-10-29 · 无障碍 / tap target）
   ------------------------------------------------------------
   线上实测（390 宽）：
     汉堡按钮 20×30、搜索/购物袋图标 34×34、语言标签 32×24，
     都小于 WCAG 2.5.8 建议的 24×24（AA）与 44×44（AAA/Apple HIG）。
   触摸时容易点空或误点相邻控件。

   做法：用 ::after 伪元素向外扩热区，**不改元素盒模型**，
   所以视觉与布局零变化（改宽高会挤动 brand 居中与整条顶栏高度）。
   目标 40×40：比 WCAG AA 的 24 宽松一倍多，且小于 8px 的相邻间距
   （topbar-right 的 gap 为 8px），不会与邻键热区重叠。

   覆盖范围只到 <768，桌面鼠标环境不需要。
   注：首页的行动按钮（.h-btn）高度 34px 未在此调整 ——
   加高会改变已定稿的视觉版式，需产品侧确认后再动。
   ============================================================ */
@media (max-width: 767px) {
    .mobile-menu-btn,
    .topbar-icon,
    .topbar-cart,
    .lang-tab {
        position: relative;
    }
    .mobile-menu-btn::after,
    .topbar-icon::after,
    .topbar-cart::after,
    .lang-tab::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        transform: translate(-50%, -50%);
    }
}
/* 超窄屏（≤360，含 320）：顶栏三段仍要放得下
   ------------------------------------------------------------
   320 宽时可用 292px：左汉堡 20 + 品牌 161 + 右栏（搜索 34 + 购物袋 36 + 间距 16）≈ 78。
   不收紧会溢出 12px（品牌右缘压到购物袋）。这里三处一起收：
   品牌字号 21→17（省约 30）、栏间距 10→6（省 8）、左右内边距 14→10（省 8）。
   */
@media (max-width: 360px) {
    .topbar-inner {
        padding: 8px 10px;
        gap: 6px;
    }
    .topbar-brand {
        font-size: 17px;
    }
    .topbar-right {
        gap: 6px;
    }
}
/* 移动菜单内的搜索框（2026-10-29）
   ------------------------------------------------------------
   配合顶栏隐藏 .topbar-search-btn：390 宽下顶栏三段无法同时容纳
   语言 / 搜索 / 购物袋 与居中的品牌，把搜索移进菜单是最省的解法。
   视觉沿用菜单的白底 + 浅米色输入框，与 .mm-cta 的圆角一致。 */
.mm-search {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 18px 14px;
    padding: 0 12px;
    height: 40px;
    border-radius: 10px;
    background: #f6f3ec;
}
.mm-search svg {
    flex: 0 0 auto;
    opacity: .45;
}
.mm-search input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    color: #14201c;
    outline: none;
}
.mm-search input::placeholder {
    color: #9aa5a0;
}
/* 移动端隐藏顶栏搜索图标（2026-10-29）
   ------------------------------------------------------------
   必须写在文件末尾：上面 1241 行有 .topbar-search-btn{display:inline-flex}，
   同特异性下后者胜出，写在中间不生效（踩过一次）。
   原因：顶栏右栏「语言 32 + 搜索 34 + 购物袋 36 + 间距」= 118px，
   而左栏只有汉堡 20px，1fr 无法补平这 98px 差，390 宽下品牌会压住搜索图标。
   搜索入口已移入移动菜单（.mm-search）。 */
@media (max-width: 767px) {
    .topbar-search-btn {
        display: none !important;
    }
}

/* ============================================================
   询盘留资页（/inquiry/）2026-10-29 改版
   ------------------------------------------------------------
   信息结构改自客户给的表单示意：双列字段 + 橙色主按钮。
   视觉沿用站点主色 #f97316 与暖米白底，但提高了圆角、留白与
   焦点态层级，避免内页表单"灰框堆叠"的廉价感。
   所有类以 .lead- 命名空间隔离，不影响 contact.php 等旧表单。
   ============================================================ */
.lead-hero{
  position:relative;overflow:hidden;
  padding:58px 5% 46px;
  background:
    radial-gradient(760px 380px at 8% -20%, #fff4e4 0%, rgba(255,244,228,0) 62%),
    radial-gradient(620px 340px at 92% -10%, #fdeade 0%, rgba(253,234,222,0) 58%),
    #fbf8f2;
  border-bottom:1px solid #f1e9da;
}
/* 细点阵纹理：只在上半部可见，往下淡出，避免整块底纹发脏 */
.lead-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(#e7ddca 1px, transparent 1px);
  background-size:24px 24px;opacity:.55;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);
  mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);
}
.lead-hero-inner{position:relative;max-width:1180px;margin:0 auto}
.lead-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px 6px 12px;border-radius:999px;
  background:#fff;border:1px solid #f4e3cd;
  font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#b45309;
}
.lead-eyebrow .dot{
  width:7px;height:7px;border-radius:50%;background:#f97316;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(249,115,22,.15);
  animation:leadPulse 2.4s ease-in-out infinite;
}
@keyframes leadPulse{0%,100%{box-shadow:0 0 0 3px rgba(249,115,22,.15)}50%{box-shadow:0 0 0 6px rgba(249,115,22,.06)}}
.lead-h1{
  font-size:clamp(30px,3.6vw,44px);line-height:1.15;font-weight:800;
  color:#171310;letter-spacing:-.6px;margin:16px 0 14px;max-width:760px;
}
.lead-rule{display:block;width:52px;height:4px;border-radius:2px;background:#f97316;margin:0 0 16px}
.lead-sub{font-size:15px;line-height:1.75;color:#6f675c;max-width:620px}
.lead-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:22px}
.lead-chips li{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.85);
  border:1px solid #efe7d9;font-size:12.5px;font-weight:600;color:#4a433a;
}
.lead-chips .ck{
  width:16px;height:16px;border-radius:50%;background:#fdece0;color:#ea580c;
  font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}

.lead-wrap{max-width:1180px;margin:0 auto;padding:38px 5% 80px}

/* ---------- 已选产品（有商品时才出现） ---------- */
.lead-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.lead-cart{
  background:#fff;border:1px solid #ece5d8;border-radius:18px;
  padding:22px 26px 8px;
  box-shadow:0 18px 44px -34px rgba(31,24,14,.5);
}
.lead-cart-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding-bottom:14px;flex-wrap:wrap;
}
.lead-cart-title h2{font-size:18px;color:#171310;letter-spacing:-.2px}
.lead-cart-count{
  display:inline-block;margin-top:6px;padding:2px 9px;border-radius:999px;
  background:#fdf1e6;color:#c2410c;font-size:11px;font-weight:800;letter-spacing:.4px;
}
.lead-cart-hint{font-size:11.5px;color:#a09889;margin:0;line-height:1.6;max-width:330px;text-align:end}
.lead-summary{
  display:flex;align-items:stretch;
  padding:14px 0;border-top:1px solid #f4eee2;border-bottom:1px solid #f4eee2;margin-bottom:4px;
}
.lead-stat{flex:1 1 0;min-width:0}
.lead-stat:last-child{flex:1.4 1 0}
.lead-stat + .lead-stat{border-inline-start:1px solid #f2ece0;padding-inline-start:18px;margin-inline-start:18px}
.lead-stat span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#a8a094;margin-bottom:4px}
.lead-stat b{font-size:15px;color:#171310;font-weight:800}
.lead-stat b.ref{color:#ea580c;font-size:13.5px;line-height:1.5;display:block;font-weight:700;direction:ltr;unicode-bidi:isolate}
.lead-stat-note{display:block;font-style:normal;font-size:10.5px;color:#b0a89a;margin-top:2px}
.lead-cart .inquiry-item{border-bottom:1px solid #f4efe4}
.lead-cart .cart-actions{border-top:1px dashed #ece5d8}

/* ---------- 空清单横条 ---------- */
.lead-empty{
  display:none;align-items:center;gap:16px;flex-wrap:wrap;
  background:#fff;border:1px dashed #e4dccd;border-radius:16px;
  padding:16px 22px;
}
.lead-empty .ico{
  width:44px;height:44px;border-radius:13px;background:#fdf1e6;
  display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;
}
.lead-empty .txt{flex:1 1 260px;min-width:0}
.lead-empty .txt strong{display:block;font-size:14px;color:#171310;margin-bottom:3px}
.lead-empty .txt p{font-size:12.5px;color:#8b8377;line-height:1.6}
.lead-empty-btn{
  flex-shrink:0;padding:10px 18px;border-radius:10px;
  border:1px solid #eadfcc;background:#fdfbf6;
  font-size:12px;font-weight:700;color:#3d372e;text-decoration:none;
  transition:background .2s,border-color .2s,color .2s;
  white-space:nowrap;
}
.lead-empty-btn:hover{background:#f97316;border-color:#f97316;color:#fff}

/* ---------- 主栅格 ---------- */
.lead-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}

/* ---------- 表单卡 ---------- */
.lead-form-card{
  background:#fff;border:1px solid #ece5d8;border-radius:20px;
  padding:32px 34px 28px;
  box-shadow:0 28px 64px -40px rgba(31,24,14,.55), 0 1px 0 #fff inset;
}
.lead-form-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  padding-bottom:18px;margin-bottom:22px;border-bottom:1px dashed #ece5d8;
}
.lead-form-head h2{font-size:21px;color:#171310;letter-spacing:-.3px}
.lead-form-head .sub{font-size:13px;color:#8b8377;margin-top:5px;line-height:1.6}
.lead-step-badge{
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
  font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#a8a094;
}
.lead-step-badge .n{
  width:28px;height:28px;border-radius:50%;background:#fdf1e6;color:#ea580c;
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:0;
}

.lead-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 18px}
.lf-field{grid-column:span 3;margin-bottom:0}
.lf-field.third{grid-column:span 2}
.lf-field.full{grid-column:1/-1}

.lf-field label{
  display:block;font-size:11.5px;font-weight:800;letter-spacing:.7px;
  text-transform:uppercase;color:#6b6357;margin-bottom:7px;
}
.lf-field .req{color:#f97316;font-weight:900}
.lead-form-card .lf-field input,
.lead-form-card .lf-field select,
.lead-form-card .lf-field textarea{
  width:100%;height:52px;padding:0 15px;
  border:1px solid #e3dccf;border-radius:11px;background:#fcfaf6;
  font-size:14.5px;font-family:inherit;color:#1f1b16;
  transition:border-color .2s,background .2s,box-shadow .2s;
  -webkit-appearance:none;appearance:none;
}
.lead-form-card .lf-field textarea{
  height:auto;min-height:132px;padding:13px 15px;line-height:1.65;resize:vertical;
}
.lead-form-card .lf-field input::placeholder,
.lead-form-card .lf-field textarea::placeholder{color:#a9a196}
.lead-form-card .lf-field input:hover,
.lead-form-card .lf-field select:hover,
.lead-form-card .lf-field textarea:hover{border-color:#d5cbb9}
.lead-form-card .lf-field input:focus,
.lead-form-card .lf-field select:focus,
.lead-form-card .lf-field textarea:focus{
  outline:none;border-color:#f97316;background:#fff;
  box-shadow:0 0 0 4px rgba(249,115,22,.12);
}
.lead-form-card .lf-field select{
  padding-inline-end:40px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%238a8175' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:12px 8px;
}
.lead-form-card .lf-field input.field-error,
.lead-form-card .lf-field select.field-error,
.lead-form-card .lf-field textarea.field-error{
  border-color:#e74c3c;background:#fef6f5;box-shadow:0 0 0 4px rgba(231,76,60,.09);
}
.lf-hint{font-size:11.5px;color:#a39b8d;line-height:1.6;margin-top:7px}

/* 样品开关行 */
.lf-switch-row{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border:1px dashed #e6ddcd;border-radius:12px;background:#fcfaf6;
}
.lf-switch-row .switch{flex-shrink:0}
.lf-switch-row .switch-label{
  font-size:13px;font-weight:600;color:#403a31;line-height:1.55;cursor:pointer;
  /* 覆盖 .lf-field label 的大写小标签样式：勾选项要读成一句话，不是字段标题 */
  text-transform:none;letter-spacing:0;
}
.lf-switch-row .switch-label:hover{color:#ea580c}

/* 验证码 */
.lf-captcha{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:14px;align-items:end}
.captcha-input label{
  display:block;font-size:11.5px;font-weight:800;letter-spacing:.7px;
  text-transform:uppercase;color:#6b6357;margin-bottom:7px;
}
.lf-inline-hint{
  font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none;color:#b0a89a;
  margin-inline-start:2px;
}
.captcha-code{display:flex;align-items:flex-end}
.lead-form-card .captcha-code img{
  height:52px;width:auto;border-radius:11px;border:1px solid #e3dccf;background:#fff;
  cursor:pointer;display:block;
  transition:border-color .2s,box-shadow .2s;
}
.lead-form-card .captcha-code img:hover{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.1)}

/* 主按钮 */
.lead-submit{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:58px;margin-top:22px;border:0;border-radius:13px;
  background:linear-gradient(120deg,#fb923c 0%,#f97316 44%,#ea580c 100%);
  color:#fff;font-size:14px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 16px 30px -14px rgba(234,88,12,.85);
  transition:transform .2s,box-shadow .25s,filter .25s;
}
.lead-submit:hover{transform:translateY(-2px);box-shadow:0 22px 36px -14px rgba(234,88,12,.9);filter:saturate(1.06)}
.lead-submit:active{transform:translateY(0);box-shadow:0 12px 22px -14px rgba(234,88,12,.85)}
.lead-submit .arrow{font-size:16px;transition:transform .25s}
.lead-submit:hover .arrow{transform:translateX(6px)}
.lead-submit:disabled{
  background:linear-gradient(120deg,#fdba74,#f97316);
  box-shadow:none;cursor:not-allowed;opacity:.85;transform:none;
}
.lead-note{
  display:flex;align-items:flex-start;justify-content:center;gap:8px;
  font-size:12px;color:#8b8377;line-height:1.65;margin-top:16px;text-align:center;
}
.lead-note .lock{font-size:11px;line-height:1.7}
.lead-privacy{font-size:11.5px;color:#a8a094;text-align:center;margin-top:6px;line-height:1.6}
.lead-privacy a{color:#6b6357;text-decoration:underline;text-underline-offset:2px}
.lead-privacy a:hover{color:#f97316}

/* ---------- 侧栏 ---------- */
.lead-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}
.lead-side{
  background:#fff;border:1px solid #ece5d8;border-radius:18px;padding:22px 22px 20px;
  box-shadow:0 18px 44px -38px rgba(31,24,14,.5);
}
.lead-side h3{font-size:15px;color:#171310;margin-bottom:8px;letter-spacing:-.1px}
.lead-side p{font-size:12.5px;color:#8b8377;line-height:1.7}
.lead-side.dark{
  background:linear-gradient(160deg,#211d19 0%,#131110 62%,#1a1613 100%);
  border-color:#2a241e;color:#f5f0e8;
  box-shadow:0 26px 48px -30px rgba(20,16,12,.9);
}
.lead-side.dark h3{color:#fff}
.lead-side.dark p{color:#a8a094}
.side-wa{
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin-top:16px;padding:13px 16px;border-radius:11px;
  background:rgba(37,211,102,.13);border:1px solid rgba(37,211,102,.42);
  color:#6ee7a0;font-size:12.5px;font-weight:800;letter-spacing:.5px;
  text-decoration:none;transition:background .2s,transform .2s,border-color .2s;
}
.side-wa:hover{background:rgba(37,211,102,.22);border-color:#25d366;transform:translateY(-1px)}
.side-wa .wa-ico{font-size:15px;line-height:1}
.side-mail{
  display:block;margin-top:10px;font-size:12.5px;color:#cfc7ba;
  text-decoration:none;word-break:break-all;
  border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:9px;
}
.side-mail:hover{color:#f97316;border-color:#f97316}

.lead-steps{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:14px}
.lead-steps li{display:flex;gap:12px;align-items:flex-start}
.lead-steps .n{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  background:#fdf1e6;color:#ea580c;font-size:11.5px;font-weight:900;letter-spacing:0;
  display:flex;align-items:center;justify-content:center;
}
.lead-steps b{display:block;font-size:12.8px;color:#221d17;margin-bottom:2px}
.lead-steps p{font-size:12px;color:#8b8377;line-height:1.6}
.lead-side.quiet{background:#fbf8f2;border-style:dashed;box-shadow:none}
.lead-side.quiet .q-text{font-size:11.5px;color:#8f8779;line-height:1.7}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .lead-grid{grid-template-columns:1fr}
  .lead-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .lead-aside .lead-side{flex:1 1 260px}
}
@media (max-width:860px){
  .lead-hero{padding:44px 5% 36px}
  .lead-form-card{padding:26px 22px 24px;border-radius:16px}
  .lead-form-head{flex-direction:column;gap:10px}
  .lead-step-badge{order:-1}
  /* 验证码图片不换到下一行：4 位数字输入框压到 130px 一列，图仍挨着输入框 */
  .lf-captcha{grid-template-columns:minmax(0,1fr) 130px;gap:10px}
  .lead-cart{padding:20px 18px 8px}
  .lead-summary{gap:18px}
}
/* 768 上下两列仍然站得住（每列约 270px），到 720 才收成单列 */
@media (max-width:720px){
  .lead-fields{grid-template-columns:1fr;gap:16px 0}
  .lf-field,.lf-field.third,.lf-field.full{grid-column:1/-1}
}
@media (max-width:520px){
  .lead-h1{font-size:27px}
  .lead-empty{gap:12px}
  .lead-empty .txt{flex:1 1 180px}
  .lead-chips li{font-size:11.5px;padding:7px 11px}
  .lead-empty{padding:14px 16px}
  .lead-empty-btn{width:100%;text-align:center}
  .lead-submit{height:54px;letter-spacing:1.1px}
}

/* ---------- RTL ---------- */
[dir="rtl"] .lead-h1,
[dir="rtl"] .lead-eyebrow,
[dir="rtl"] .lf-field label,
[dir="rtl"] .captcha-input label,
[dir="rtl"] .lead-submit,
[dir="rtl"] .lead-step-badge,
[dir="rtl"] .lead-stat span,
[dir="rtl"] .lead-cart-count{letter-spacing:0}
[dir="rtl"] .lead-form-card .lf-field select{
  background-position:left 15px center;padding-inline-end:15px;padding-inline-start:40px;
}
[dir="rtl"] .lead-submit .arrow{transform:scaleX(-1)}
[dir="rtl"] .lead-submit:hover .arrow{transform:scaleX(-1) translateX(6px)}
[dir="rtl"] .lead-empty-btn,
[dir="rtl"] .lead-empty .txt{text-align:right}