/* ========== 1. CSS变量 + Reset ========== */
:root{--primary:#1975FF;--primary-light:#4090FF;--primary-dark:#1260D6;--accent:#FE8100;--accent-hover:#E07000;--bg-light:#F8FAFB;--bg-white:#FFF;--text-primary:#1A1A2E;--text-secondary:#5A5A72;--text-muted:#8E8EA0;--border:#E8ECF0;--border-light:#F0F2F5;--success:#00C853;--shadow-sm:0 2px 12px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 24px rgba(0,0,0,.15);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family:"PingFang SC","Microsoft YaHei",-apple-system,sans-serif;--container-width:1200px;--transition:all .3s ease}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-light);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html{overflow-x:hidden}
a{color:inherit;text-decoration:none}a:hover{color:var(--primary-light)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

/* ========== 2. 工具类 ========== */
.container{max-width:var(--container-width);margin:0 auto;padding:0 16px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ========== 3. 按钮 ========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);cursor:pointer;transition:var(--transition);white-space:nowrap}
.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);color:#fff}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.btn-sm{padding:5px 12px;font-size:12px}
.quote-btn{display:inline-block;padding:8px 16px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:13px;transition:var(--transition)}.quote-btn:hover{background:var(--primary-dark);color:#fff}

/* ========== 4. 顶部栏 ========== */
.top-bar{background:var(--primary-dark);color:rgba(255,255,255,.85);font-size:12px;height:36px}
.top-bar .container{display:flex;align-items:center;height:100%}
.top-bar .welcome{margin-right:auto}
.top-bar .contact-info{display:flex;gap:20px;margin-right:20px}
.top-bar .contact-info span{display:flex;align-items:center;gap:4px}
.top-bar .top-right{display:flex;gap:16px}
.top-bar .top-link{color:rgba(255,255,255,.85);transition:var(--transition)}.top-bar .top-link:hover{color:#fff}

/* ========== 5. 头部 ========== */
.main-header{background:var(--bg-white);box-shadow:var(--shadow-sm);position:relative;z-index:100}
.main-header .container{display:flex;align-items:center;height:72px;gap:30px}
.logo{display:flex;align-items:center;gap:16px;flex-shrink:0}
.logo img,.logo svg{height:44px;width:auto}
.logo-text{display:flex;flex-direction:column;line-height:1.2}
.logo-text .logo-cn{font-size:22px;font-weight:700;color:var(--text-primary)}
.logo-text .logo-en{font-size:11px;color:var(--text-muted);letter-spacing:.5px}
.search-box{flex:1;max-width:520px;margin:0 auto;display:flex;height:40px;border:2px solid var(--primary);border-radius:var(--radius-sm);overflow:hidden}
.search-box input{flex:1;border:none;padding:0 14px;font-size:14px;outline:none;font-family:var(--font-family)}
.search-box button{width:80px;border:none;background:var(--primary);color:#fff;font-size:15px;cursor:pointer;transition:var(--transition)}.search-box button:hover{background:var(--primary-dark)}
.header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}
.header-contact{font-size:24px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:8px}.header-contact i{font-size:22px}

/* ========== 6. 导航栏 ========== */
.main-nav{background:var(--primary);position:sticky;top:0;z-index:99}
.main-nav .container{display:flex;align-items:center;height:44px}
.main-nav .nav-label{display:none}
.nav-mobile-links{display:none;align-items:center;gap:12px;margin-left:auto}
.nav-mobile-links a{color:rgba(255,255,255,.9);font-size:13px;white-space:nowrap}
.nav-list{display:flex;gap:0;height:100%}
.nav-list li{position:relative}
.nav-list a{display:flex;align-items:center;height:44px;padding:0 18px;color:rgba(255,255,255,.9);font-size:14px;transition:var(--transition)}
.nav-list a:hover,.nav-list a.active{background:rgba(255,255,255,.15);color:#fff}
.has-dropdown .dropdown-panel{display:none;position:absolute;top:100%;left:0;background:var(--bg-white);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);padding:12px;min-width:160px;z-index:50}
.has-dropdown:hover .dropdown-panel{display:block}
.dropdown-panel a{color:var(--text-secondary);height:auto;padding:8px 12px;font-size:13px;border-radius:var(--radius-sm)}
.dropdown-panel a:hover{background:var(--bg-light);color:var(--primary)}

/* ========== 7. 移动端菜单 ========== */
.mobile-menu-toggle{display:none;width:36px;height:36px;border:none;background:rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#fff;font-size:18px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}
.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200}.mobile-overlay.show{display:block}
.mobile-drawer{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--bg-white);z-index:201;transition:left .3s ease;overflow-y:auto}.mobile-drawer.show{left:0}
.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--primary);color:#fff}
.mobile-drawer-header h3{font-size:16px;font-weight:600}
.mobile-drawer-close{width:32px;height:32px;border:none;background:rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mobile-drawer-nav{padding:8px 0}
.mobile-drawer-nav a{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-light)}
.mobile-drawer-nav a:hover,.mobile-drawer-nav a.active{color:var(--primary);background:rgba(25,117,255,.05)}
.mobile-drawer-contact{padding:16px;border-top:1px solid var(--border)}
.mobile-drawer-contact .contact-line{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-secondary)}

/* ========== 8. 面包屑 ========== */
.breadcrumb{max-width:var(--container-width);margin:16px auto;padding:0 16px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .sep{margin:0 4px}

/* ========== 9. 页面hero ========== */
.page-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:40px 0;margin-bottom:24px}
.page-hero h1{font-size:28px;font-weight:700;margin-bottom:8px}
.page-hero p{font-size:15px;opacity:.85;max-width:700px}

/* ========== 10. section标题 + 内容块 ========== */
.section-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:24px;display:flex;align-items:center;gap:10px}
.section-title::before{content:'';width:4px;height:22px;background:var(--primary);border-radius:2px;flex-shrink:0}
.section-title a{color:inherit}
.section-title .more{margin-left:auto;font-size:13px;font-weight:400;color:var(--text-muted)}.section-title .more:hover{color:var(--primary)}
.content-block{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}

/* ========== 11. 筛选条 ========== */
.filter-bar{max-width:var(--container-width);margin:0 auto 20px;padding:0 16px}
.filter-tags{display:flex;gap:8px;flex-wrap:wrap;overflow-x:auto}
.filter-tag{padding:6px 16px;border-radius:20px;font-size:13px;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);cursor:pointer;transition:var(--transition);white-space:nowrap}
.filter-tag:hover,.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ========== 12. 分页 ========== */
.pagination{display:flex;justify-content:center;gap:6px;padding:20px 16px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition)}
.pagination a:hover{border-color:var(--primary);color:var(--primary)}
.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ========== 13. SEO内容 + FAQ ========== */
.seo-section{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.seo-content{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px}
.seo-content h2{font-size:18px;font-weight:600;margin-bottom:14px}
.seo-content p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:12px}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;cursor:pointer;background:var(--bg-light);transition:var(--transition)}
.faq-question:hover{background:var(--border-light)}
.faq-question i{transition:var(--transition);font-size:12px}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:13px;color:var(--text-secondary);line-height:1.8}
.faq-item.open .faq-answer{padding:14px 16px;max-height:300px}

/* ========== 14. 品牌展示 ========== */
.brands-wrapper{position:relative;overflow:visible;padding-top:4px}
.brands-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);gap:14px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;cursor:grab}
.brands-grid::-webkit-scrollbar{height:6px}.brands-grid::-webkit-scrollbar-track{background:var(--border-light);border-radius:3px}.brands-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.brands-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.brands-grid.dragging{cursor:grabbing;scroll-behavior:auto}
.brand-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;width:130px;min-width:130px;overflow:hidden}
.brand-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.brand-card img{height:40px;width:90px;object-fit:contain}
.brand-card a{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;overflow:hidden}
.brand-card span,.brand-card strong{font-size:12px;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}

/* ========== 15. 现货卡片 ========== */
.photo-grid-wrap{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.photos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.photo-card{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}
.photo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.photo-card .photo-img{height:120px;overflow:hidden;background:#f5f5f5}
.photo-card .photo-img img{width:100%;height:120px;object-fit:cover;transition:transform .3s}
.photo-card:hover .photo-img img{transform:scale(1.05)}
.photo-card .photo-info{padding:12px}
.photo-card .photo-info h3{font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-card .photo-info h3 a{color:var(--text-primary)}.photo-card .photo-info h3 a:hover{color:var(--primary)}
.photo-card .photo-meta{font-size:12px;color:var(--text-muted);margin-bottom:8px}
.photo-card .photo-bottom{display:flex;justify-content:space-between;align-items:center}
.photo-card .photo-price{font-size:15px;font-weight:700;color:var(--accent)}
.photo-card .photo-quote{font-size:12px;padding:3px 10px;border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);transition:var(--transition)}
.photo-card .photo-quote:hover{background:var(--primary);color:#fff}

/* ========== 16. 产品卡片列表 ========== */
.product-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}
.product-item{display:flex;width:calc(50% - 8px);background:var(--bg-white);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.product-item .p-image{width:120px;height:120px;margin-right:20px;flex-shrink:0}.product-item .p-image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}
.product-item .p-info{flex:1;min-width:0}
.product-item .p-title{font-size:15px;margin-bottom:8px}.product-item .p-title a{color:var(--primary);font-weight:600}.product-item .p-title a:hover{text-decoration:underline}
.product-item .p-brand{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.product-item .p-brand a{color:var(--text-secondary)}.product-item .p-brand a:hover{color:var(--primary)}
.product-item .p-desc{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-item .p-price{min-width:120px;text-align:right;flex-shrink:0}.product-item .p-price .price{font-size:18px;color:#E83624;font-weight:700;margin-bottom:10px}

/* ========== 17. 新闻列表 ========== */
.news-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.news-col{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}
.news-list{padding:0}.news-list li{border-bottom:1px solid var(--border-light)}.news-list li:last-child{border-bottom:none}
.news-list a{display:flex;align-items:center;gap:12px;padding:13px 20px;transition:var(--transition);color:var(--text-primary)}.news-list a:hover{background:rgba(13,71,161,.03);color:var(--primary)}
.news-list .news-date{flex-shrink:0;font-size:12px;color:var(--text-muted);background:var(--bg-light);padding:2px 8px;border-radius:3px;font-family:monospace}
.news-list .news-text{font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ========== 18. Footer ========== */
.main-footer{background:#1A1A2E;color:rgba(255,255,255,.75);margin-top:40px}
.footer-main{max-width:var(--container-width);margin:0 auto;padding:48px 16px 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.footer-col h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}
.footer-col p{font-size:13px;line-height:1.8;margin-bottom:6px}
.footer-col ul{display:flex;flex-wrap:wrap;gap:0 16px}
.footer-col ul li{margin-bottom:8px}
.footer-col ul a{font-size:13px;color:rgba(255,255,255,.65);transition:var(--transition)}.footer-col ul a:hover{color:#fff;padding-left:4px}
.footer-col .contact-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}.footer-col .contact-item i{color:var(--primary-light);width:16px;text-align:center}
.footer-contact-wrap{display:flex;align-items:center;gap:16px}
.footer-contact-wrap .qrcode{width:100px;border-radius:var(--radius-sm);flex-shrink:0}
.footer-contact-info{flex:1}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;text-align:center;font-size:12px;color:rgba(255,255,255,.4)}

/* ========== 19. 浮动工具 ========== */
.float-tools{position:fixed;right:20px;bottom:100px;display:flex;flex-direction:column;gap:8px;z-index:90}
.float-btn{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border:none;position:relative;overflow:visible;flex-shrink:0}
.float-btn:hover{background:var(--primary);color:#fff}
.float-btn .tooltip{position:absolute;right:58px;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition)}.float-btn:hover .tooltip{opacity:1}
.float-qrcode{position:absolute;right:58px;bottom:0;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px;text-align:center;opacity:0;pointer-events:none;transition:var(--transition);white-space:nowrap}
.float-wechat:hover .float-qrcode{opacity:1;pointer-events:auto}.float-wechat:hover .tooltip{opacity:0}
.float-qrcode img{width:130px;height:130px;min-width:130px;min-height:130px;object-fit:cover;border-radius:var(--radius-sm)}
.float-qrcode span{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}

/* ========== 20. 底部导航 ========== */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-white);box-shadow:0 -2px 12px rgba(0,0,0,.1);z-index:100;align-items:center;justify-content:space-around;padding:0 4px}
.mobile-bottom-nav .bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:var(--text-secondary);font-size:10px;gap:2px;text-decoration:none;transition:var(--transition)}
.mobile-bottom-nav .bottom-nav-item i{font-size:18px}
.mobile-bottom-nav .bottom-nav-item:hover,.mobile-bottom-nav .bottom-nav-item.active{color:var(--primary)}
.mobile-bottom-nav .bottom-nav-phone{position:relative;top:-14px;width:50px;height:50px;border-radius:50%;background:#E83624;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(232,54,36,.4);flex-shrink:0;flex-grow:0;flex-basis:50px}
.mobile-bottom-nav .bottom-nav-phone span{display:none}
.mobile-bottom-nav .bottom-nav-phone:hover{color:#fff;background:#d42f1e}

/* ========== 21. 搜索弹窗 ========== */
.search-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;align-items:center;justify-content:center}.search-modal.show{display:flex}
.search-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.search-modal-content{position:relative;background:var(--bg-white);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-lg);overflow:hidden}
.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:16px;font-weight:600;border-bottom:1px solid var(--border)}
.search-modal-close{width:32px;height:32px;border:none;background:none;font-size:18px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.search-modal-form{display:flex;padding:16px;gap:8px}
.search-modal-form input{flex:1;height:42px;border:2px solid var(--primary);border-radius:var(--radius-sm);padding:0 12px;font-size:14px;outline:none;font-family:var(--font-family)}
.search-modal-form button{height:42px;padding:0 18px;border:none;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;white-space:nowrap;font-family:var(--font-family)}

/* ========== 22. 通用内容卡片容器 ========== */
.content-card{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}

/* ========== 23. 响应式 - 平板 ========== */
@media(max-width:992px){
    .photos-grid{grid-template-columns:repeat(3,1fr)}
    .brand-card{width:110px;padding:12px 14px}
    .news-columns{grid-template-columns:1fr}
    .footer-main{grid-template-columns:repeat(2,1fr);gap:24px}
}

/* ========== 24. 响应式 - 手机 ========== */
@media(max-width:768px){
    .top-bar .contact-info,.top-bar .top-right{display:none}
    .main-header{position:sticky;top:0;z-index:100}
    .main-header .container{height:44px;gap:8px}
    .logo{display:none}
    .search-box{max-width:none;height:36px;margin:0}.search-box input{font-size:13px;padding:0 10px}.search-box button{width:60px;font-size:14px}
    .header-right{display:none}
    .nav-mobile-links{display:flex}
    .main-nav{position:sticky;top:44px;z-index:99}
    .nav-list{display:none}
    .mobile-menu-toggle{display:flex;margin-right:12px}
    .main-nav .container{justify-content:space-between;height:40px}
    .main-nav .nav-label{display:block;color:rgba(255,255,255,.9);font-size:14px;font-weight:500}
    .has-dropdown .dropdown-panel{display:none!important}
    .mobile-bottom-nav{display:flex}body{padding-bottom:56px}
    .page-hero{padding:24px 0}.page-hero h1{font-size:22px}.page-hero p{font-size:13px}
    .content-block{padding:0 12px;margin-bottom:20px}
    .section-title{font-size:18px;margin-bottom:16px}.section-title::before{height:18px}.section-title .more{font-size:12px}
    .brand-card{width:100px;padding:10px 8px}.brand-card img{height:30px}.brand-card span{font-size:11px}
    .photos-grid{grid-template-columns:repeat(3,1fr);gap:10px}
    .photo-card .photo-info{padding:8px 10px}.photo-card .photo-info h3{font-size:12px}.photo-card .photo-meta{font-size:11px;margin-bottom:6px}.photo-card .photo-price{font-size:14px}.photo-card .photo-quote{font-size:11px;padding:2px 8px}
    .product-item{width:100%}.product-item .p-image{width:80px;height:80px;margin-right:12px}.product-item .p-desc{display:none}.product-item .p-price{min-width:70px}
    .news-list a{padding:11px 16px;gap:10px}.news-list .news-text{font-size:13px}
    .filter-tags{gap:6px}.filter-tag{padding:4px 12px;font-size:12px}
    .footer-main{grid-template-columns:1fr;gap:14px;padding:15px}.footer-col p{display:none}.footer-col ul{display:flex;flex-wrap:wrap;gap:0 16px}.footer-col ul li{margin-bottom:2px}.footer-col ul a{font-size:12px}.footer-col .contact-item{font-size:11px;margin-bottom:5px;white-space:nowrap}.footer-contact-wrap .qrcode{width:60px}.footer-contact-wrap{gap:8px}.footer-bottom{padding:12px 0;font-size:11px}
    .float-tools{right:12px;bottom:80px}.float-btn{width:42px;height:42px;min-width:42px;min-height:42px;font-size:16px}.float-btn .tooltip{display:none}.float-wechat:hover .float-qrcode{opacity:0;pointer-events:none}.float-wechat.active .float-qrcode{opacity:1;pointer-events:auto}
}

/* ========== 25. 响应式 - 小屏 ========== */
@media(max-width:480px){
    .search-box{height:34px}.search-box input{font-size:12px}.search-box button{width:50px;font-size:13px}
    .brand-card{width:90px;padding:8px 6px;gap:4px}.brand-card img{height:26px}.brand-card span{font-size:10px}
}

/* ========== 26. 首页专用 - Hero区 ========== */
.hero-section{max-width:var(--container-width);margin:20px auto;padding:0 16px}
.hero-wrapper{display:flex;gap:0;background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);height:500px}

/* 左侧分类导航 */
.category-nav{width:220px;flex-shrink:0;background:#fafbfc;border-right:1px solid var(--border-light);position:relative}
.category-nav-title{padding:12px 16px;font-size:14px;font-weight:600;color:var(--bg-white);background:var(--primary);display:flex;align-items:center;gap:8px}
.category-nav-list{padding:4px 0}
.category-nav-list li{position:relative}
.category-nav-list a{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:13px;color:var(--text-primary);transition:var(--transition)}
.category-nav-list a:hover{background:var(--bg-white);color:var(--primary)}
.category-nav-list a i{font-size:10px;color:var(--text-muted)}
.sub-panel{display:none;position:absolute;left:220px;top:0;width:480px;min-height:100%;background:var(--bg-white);box-shadow:var(--shadow-lg);padding:20px;z-index:10;border-radius:0 var(--radius-md) var(--radius-md) 0}
.category-nav-list li:hover .sub-panel{display:block}
.sub-panel h4{font-size:14px;font-weight:600;color:var(--primary);margin-bottom:12px}
.sub-panel-links{display:flex;flex-wrap:wrap;gap:8px}
.sub-panel-links a{padding:4px 12px;background:var(--bg-light);border-radius:14px;font-size:12px;color:var(--text-secondary)}
.sub-panel-links a:hover{background:rgba(13,71,161,.08);color:var(--primary)}

/* ========== 27. 首页专用 - Banner轮播 ========== */
.banner-slider{flex:1;position:relative;overflow:hidden;height:100%}
.banner-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.banner-slider .slide.active{opacity:1}
.banner-slider .slide img{width:100%;height:100%;object-fit:fill}
.banner-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.banner-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:var(--transition)}
.banner-dots span.active{background:#fff;width:28px;border-radius:5px}
.banner-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.3);color:#fff;font-size:16px;cursor:pointer;opacity:0;transition:var(--transition)}
.banner-slider:hover .banner-btn{opacity:1}
.banner-btn:hover{background:rgba(0,0,0,.5)}
.banner-btn.prev{left:16px}
.banner-btn.next{right:16px}

/* ========== 28. 首页专用 - 核心优势 ========== */
.advantages{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.advantage-item{background:var(--bg-white);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);transition:var(--transition)}
.advantage-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.advantage-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.advantage-icon.blue{background:rgba(25,118,210,.1);color:var(--primary-light)}
.advantage-icon.orange{background:rgba(255,109,0,.1);color:var(--accent)}
.advantage-icon.green{background:rgba(0,200,83,.1);color:var(--success)}
.advantage-icon.purple{background:rgba(123,31,162,.1);color:#7B1FA2}
.advantage-text h3{font-size:15px;font-weight:600;margin-bottom:2px;white-space:nowrap}
.advantage-text p{font-size:12px;color:var(--text-muted);white-space:nowrap}

/* ========== 29. 首页专用 - 合作伙伴 ========== */
.partners-section{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px 40px}
.partners-header{text-align:center;margin-bottom:28px}
.partners-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}
.partners-header p{font-size:13px;color:var(--text-muted);letter-spacing:1px}
.partners-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.partner-item{flex:0 0 16.666%;display:flex;align-items:center;justify-content:center;padding:20px 16px;border:1px solid var(--border-light);margin:-.5px;transition:var(--transition);position:relative}
.partner-item:hover{background:var(--bg-light);z-index:1;box-shadow:var(--shadow-sm)}
.partner-item img{max-height:36px;max-width:120px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:var(--transition)}
.partner-item:hover img{filter:grayscale(0%);opacity:1}

/* ========== 30. 首页专用 - 在售型号表格 ========== */
.models-table{width:100%;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}
.models-table table{width:100%;border-collapse:collapse;table-layout:fixed}
.models-table th:nth-child(1),.models-table td:nth-child(1){width:45%}
.models-table th:nth-child(2),.models-table td:nth-child(2){width:35%}
.models-table th:nth-child(3),.models-table td:nth-child(3){width:20%}
.models-table th{background:var(--bg-light);padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}
.models-scroll{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.models-scroll::-webkit-scrollbar{width:6px}.models-scroll::-webkit-scrollbar-track{background:transparent}.models-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.models-table td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border-light)}
.models-table tr:hover{background:rgba(25,118,210,.02)}
.models-table .model-name{font-weight:600;color:var(--primary)}
.models-table .model-brand{color:var(--text-secondary)}
.models-table .model-brand a{color:var(--text-secondary)}.models-table .model-brand a:hover{color:var(--primary)}
.models-table td a{color:var(--text-primary)}.models-table td a:hover{color:var(--primary)}

/* ========== 31. 首页专用 - 公司简介 ========== */
.about-stats-bar{display:flex;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));border-radius:var(--radius-md);padding:0;margin-bottom:24px;overflow:hidden}
.stat-item{flex:1;text-align:center;padding:28px 12px;position:relative;transition:var(--transition)}
.stat-item:hover{background:rgba(255,255,255,.08)}
.stat-item+.stat-item::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.15)}
.stat-num{font-size:30px;font-weight:800;color:#fff;line-height:1.3;white-space:nowrap}
.stat-num span{font-size:15px;font-weight:600;opacity:.85}
.stat-label{font-size:12px;color:rgba(255,255,255,.7);margin-top:6px;letter-spacing:.5px}
.service-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.service-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px 20px;transition:var(--transition)}
.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.service-icon{width:44px;height:44px;border-radius:var(--radius-md);background:rgba(13,71,161,.08);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.service-card h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}
.service-card p{font-size:13px;color:var(--text-muted);line-height:1.7}

/* ========== 32. 首页专用 - 友情链接 ========== */
.links-section .links-grid{display:flex;flex-wrap:wrap;gap:8px}
.links-section .links-grid a{padding:4px 14px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted);transition:var(--transition)}
.links-section .links-grid a:hover{border-color:var(--primary);color:var(--primary)}

/* ========== 33. 首页响应式 ========== */
@media(max-width:992px){
    .category-nav{display:none}
    .hero-wrapper{border-radius:var(--radius-md)}
    .partners-section{padding:24px 20px}
    .partner-item{flex:0 0 25%;padding:16px 12px}
    .partner-item img{max-height:30px}
    .advantages-grid{grid-template-columns:repeat(2,1fr)}
    .about-stats-bar{flex-wrap:wrap}
    .about-stats-bar .stat-item{flex:1 1 33.33%;min-width:0}
    .service-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    .hero-section{margin:12px auto;padding:0 12px}
    .hero-wrapper{height:auto}
    .banner-slider{height:auto;aspect-ratio:16/9;max-height:240px}
    .banner-btn{width:32px;height:32px;font-size:13px;opacity:1}
    .banner-dots span{width:8px;height:8px}
    .banner-dots span.active{width:20px}
    .advantages{padding:0 12px}
    .advantages-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .advantage-item{padding:14px 12px;gap:10px}
    .advantage-icon{width:40px;height:40px;font-size:18px}
    .advantage-text h3{font-size:13px}
    .advantage-text p{font-size:11px}
    .models-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .models-table table{min-width:600px}
    .models-table th,.models-table td{padding:8px 10px;font-size:12px;white-space:nowrap}
    .about-stats-bar{flex-wrap:wrap}
    .about-stats-bar .stat-item{flex:1 1 33.33%;min-width:0;padding:20px 8px}
    .about-stats-bar .stat-item+.stat-item::before{display:none}
    .stat-num{font-size:22px}
    .stat-num span{font-size:12px}
    .stat-label{font-size:11px}
    .service-cards{grid-template-columns:repeat(2,1fr);gap:12px}
    .service-card{padding:18px 14px}
    .service-card h3{font-size:14px}
    .service-card p{font-size:12px}
}
@media(max-width:480px){
    .advantages-grid{grid-template-columns:1fr;gap:8px}
    .advantage-item{padding:12px}
    .about-stats-bar .stat-item{flex:1 1 50%;padding:16px 6px}
    .stat-num{font-size:20px}
    .service-cards{grid-template-columns:repeat(2,1fr);gap:8px}
    .banner-slider{aspect-ratio:16/9;max-height:180px}
    .banner-dots{bottom:8px;gap:6px}
    .banner-btn{width:28px;height:28px;font-size:12px}
    .banner-btn.prev{left:8px}
    .banner-btn.next{right:8px}
}

/* ========== AllBrand 品牌专区 ========== */
.breadcrumb{max-width:var(--container-width);margin:16px auto;padding:0 16px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{margin:0 4px}
.page-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:40px 0;margin-bottom:24px}
.page-hero h1{font-size:28px;font-weight:700;margin-bottom:8px}
.page-hero p{font-size:15px;opacity:.85;max-width:700px}
.letter-index{max-width:var(--container-width);margin:0 auto 20px;padding:0 16px}
.letter-index-inner{display:flex;flex-wrap:wrap;gap:6px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}
.letter-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition)}
.letter-link:hover,.letter-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.brand-groups{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.brand-group{margin-bottom:20px}
.brand-group-title{font-size:20px;font-weight:700;color:var(--primary);padding:10px 0;border-bottom:2px solid var(--primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.brand-group-title span{font-size:13px;color:var(--text-muted);font-weight:400}
.brand-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.brand-list-item{display:flex;align-items:center;gap:12px;background:var(--bg-white);border-radius:var(--radius-sm);padding:12px 16px;border:1px solid var(--border);transition:var(--transition)}
.brand-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.brand-list-item .brand-initial{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.brand-list-item .brand-info{flex:1;min-width:0}
.brand-list-item .brand-info h4{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-list-item .brand-info p{font-size:12px;color:var(--text-muted)}
.seo-section{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.seo-content{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px}
.seo-content h2{font-size:18px;font-weight:600;margin-bottom:14px}
.seo-content p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:12px}
@media(max-width:992px){
    .brand-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    .page-hero{padding:24px 0}.page-hero h1{font-size:22px}.page-hero p{font-size:13px}
    .brand-list{grid-template-columns:repeat(2,1fr);gap:8px}
    .brand-list-item{padding:10px 12px}
    .letter-link{width:30px;height:30px;font-size:12px}
}
@media(max-width:480px){
    .brand-list{grid-template-columns:1fr}
}

/* ========== BrandList 品牌详情页 ========== */
.brand-banner{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.brand-banner-inner{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px;display:flex;gap:28px;align-items:center}
.brand-logo-box{width:160px;height:80px;background:var(--bg-light);border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;flex-shrink:0;overflow:hidden}
.brand-logo-box img{max-width:100%;max-height:100%;object-fit:contain}
.brand-banner .brand-info h1{font-size:24px;font-weight:700;margin-bottom:8px}
.brand-stats{display:flex;gap:24px;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}
.brand-stats span{display:flex;align-items:center;gap:4px}.brand-stats i{color:var(--primary);font-size:13px}
.brand-link{font-size:13px;color:var(--text-muted);margin-bottom:16px}.brand-link a{color:var(--primary)}
.brand-actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);cursor:pointer;transition:var(--transition);white-space:nowrap}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);color:#fff}
.filter-bar{max-width:var(--container-width);margin:0 auto 20px;padding:0 16px}
.filter-tags{display:flex;gap:8px;flex-wrap:wrap;max-height:40px;overflow:hidden;transition:max-height .3s ease}
.filter-tags.expanded{max-height:none}
.filter-tag{padding:6px 16px;border-radius:20px;font-size:13px;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);transition:var(--transition)}
.filter-tag:hover,.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.filter-bar{text-align:center}
.filter-expand{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 12px;border:none;background:none;color:var(--primary);font-size:13px;cursor:pointer;font-family:var(--font-family)}
.filter-expand i{transition:transform .3s ease;font-size:11px}
.filter-expand.expanded i{transform:rotate(180deg)}
.content-card{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.product-list{display:flex;flex-wrap:wrap;gap:16px}
.product-item{display:flex;width:calc(50% - 8px);background:var(--bg-white);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.product-item .p-image{width:120px;height:120px;margin-right:20px;flex-shrink:0}.product-item .p-image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}
.product-item .p-info{flex:1;min-width:0}
.product-item .p-title{font-size:15px;margin-bottom:8px}.product-item .p-title a{color:var(--primary);font-weight:600}.product-item .p-title a:hover{text-decoration:underline}
.product-item .p-brand,.product-item .p-cat{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.product-item .p-brand a,.product-item .p-cat a{color:var(--text-secondary)}.product-item .p-brand a:hover,.product-item .p-cat a:hover{color:var(--primary)}
.product-item .p-desc{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-item .p-price{min-width:120px;text-align:right;flex-shrink:0}.product-item .p-price .price{font-size:18px;color:#E83624;font-weight:700;margin-bottom:10px}
.quote-btn{display:inline-block;padding:8px 16px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:13px;transition:var(--transition)}.quote-btn:hover{background:var(--primary-dark);color:#fff}
.no-products{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:15px}
.pagination{display:flex;justify-content:center;gap:6px;padding:20px 16px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition)}
.pagination a:hover{border-color:var(--primary);color:var(--primary)}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;cursor:pointer;background:var(--bg-light);transition:var(--transition)}
.faq-question:hover{background:var(--border-light)}.faq-question i{transition:var(--transition);font-size:12px}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:13px;color:var(--text-secondary);line-height:1.8}
.faq-item.open .faq-answer{padding:14px 16px;max-height:300px}
@media(max-width:992px){
    .brand-banner-inner{flex-direction:column;text-align:center;align-items:center}
    .brand-stats{justify-content:center}.brand-actions{justify-content:center}
}
@media(max-width:768px){
    .brand-banner-inner{padding:20px}.brand-banner .brand-info h1{font-size:20px}
    .product-item{width:100%}.product-item .p-image{width:80px;height:80px;margin-right:12px}
    .product-item .p-desc{display:none}.product-item .p-price{min-width:70px}
    .filter-tags{gap:6px}.filter-tag{padding:4px 12px;font-size:12px}
}
@media(max-width:480px){
    .filter-tag{padding:4px 10px;font-size:11px}
}

/* ========== Category 产品分类页 ========== */
.cate-grid{max-width:var(--container-width);margin:0 auto 32px;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cate-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px 24px;transition:var(--transition)}
.cate-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.cate-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.cate-card-icon{width:52px;height:52px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.cate-card-header h3{font-size:18px;font-weight:600}.cate-card-header h3 a{color:var(--text-primary)}.cate-card-header h3 a:hover{color:var(--primary)}
.cate-card-count{font-size:13px;color:var(--text-muted);margin-bottom:14px}
.cate-card-tags{display:flex;flex-wrap:wrap;gap:8px}
.cate-card-tags a{display:inline-block;padding:4px 12px;background:var(--bg-light);color:var(--text-secondary);font-size:12px;border-radius:20px;transition:var(--transition)}
.cate-card-tags a:hover{background:var(--primary);color:#fff}
@media(max-width:992px){
    .cate-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media(max-width:768px){
    .cate-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .cate-card{padding:20px 16px}.cate-card-icon{width:44px;height:44px;font-size:18px}
    .cate-card-header h3{font-size:16px}
}
@media(max-width:480px){
    .cate-grid{grid-template-columns:1fr}
}

/* ========== News Detail (article) ========== */
.article-layout{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:24px}
.article-main{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px}
.article-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.article-header h1{font-size:24px;font-weight:700;line-height:1.4;margin-bottom:12px}
.article-meta{display:flex;gap:20px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}
.article-meta span{display:flex;align-items:center;gap:4px}
.article-content{font-size:15px;color:var(--text-secondary);line-height:1.9}
.article-content h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--primary)}
.article-content h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:20px 0 10px}
.article-content p{margin-bottom:16px}
.article-content ul,.article-content ol{margin-bottom:16px;padding-left:24px}
.article-content li{margin-bottom:8px;list-style:disc}
.article-content ol li{list-style:decimal}
.article-content blockquote{background:var(--bg-light);border-left:4px solid var(--primary);padding:16px 20px;margin:16px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}
.article-content table{width:100%;border-collapse:collapse;margin:16px 0}
.article-content table th,.article-content table td{padding:10px 14px;border:1px solid var(--border);font-size:13px;text-align:left}
.article-content table th{background:var(--bg-light);font-weight:600}
.article-content img{border-radius:var(--radius-sm);margin:16px 0}
.article-float-image{float:right;width:200px;margin:0 0 16px 20px;text-align:center}
.article-float-image img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border)}
.float-image-caption{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}
.article-rfq-btn{display:inline-block;padding:6px 14px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:12px;margin-top:6px;transition:var(--transition)}
.article-rfq-btn:hover{background:var(--accent-hover);color:#fff}
.article-nav{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:13px}
.article-nav a{color:var(--primary);max-width:45%}
.article-nav a:hover{text-decoration:underline}
.article-nav .disabled{color:var(--text-muted);max-width:45%}
/* Sidebar */
.article-sidebar{}
.sidebar-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px}
.sidebar-card h3{font-size:15px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}
.sidebar-card ul li{margin-bottom:10px}
.sidebar-card ul a{font-size:13px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.sidebar-card ul a:hover{color:var(--primary)}
.sidebar-card ul .num{width:22px;height:22px;border-radius:50%;background:var(--bg-light);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}
.sidebar-card ul li:nth-child(-n+3) .num{background:var(--primary);color:#fff}
@media(max-width:992px){
    .article-layout{grid-template-columns:1fr}
}
@media(max-width:768px){
    .article-main{padding:20px}
    .article-header h1{font-size:20px}
    .article-content{font-size:14px}
    .article-content h2{font-size:18px}
    .article-float-image{float:none;width:100%;margin:0 0 16px 0}
}

/* ========== Pages (page-layout + sidebar) ========== */
.page-layout{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:24px}
.page-main{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px}
.page-main h1{font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--primary)}
.page-content{font-size:15px;color:var(--text-secondary);line-height:1.9}
.page-content h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:28px 0 14px}
.page-content h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:20px 0 10px}
.page-content p{margin-bottom:16px}
.page-content ul{margin-bottom:16px;padding-left:24px}
.page-content li{margin-bottom:8px;list-style:disc}
.page-content img{max-width:100%;border-radius:var(--radius-sm);margin:16px 0}
.page-sidebar{}
.sidebar-card ul a i{color:var(--primary);width:16px;text-align:center;font-size:12px;flex-shrink:0}
.sidebar-card ul a.active{color:var(--primary);font-weight:600}
.side-scroll{max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.side-scroll::-webkit-scrollbar{width:5px}
.side-scroll::-webkit-scrollbar-track{background:transparent}
.side-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.side-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.side-brand-list{display:flex;flex-wrap:wrap;gap:6px}
.side-brand-list a{display:inline-block;padding:4px 12px;font-size:12px;color:var(--text-secondary);background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition)}
.side-brand-list a:hover{color:var(--primary);border-color:var(--primary);background:rgba(25,117,255,.05)}
.side-model-list a{display:block;padding:7px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);transition:var(--transition);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-model-list a:last-child{border-bottom:none}
.side-model-list a:hover{color:var(--primary)}
@media(max-width:992px){
    .page-layout{grid-template-columns:1fr}
}
@media(max-width:768px){
    .page-main{padding:20px}
    .page-main h1{font-size:20px}
    .page-content{font-size:14px}
    .page-content h2{font-size:18px}
}

/* ========== News List ========== */
.news-layout{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:24px}
.news-main{}
.news-sidebar{}
.news-item{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px;display:flex;gap:20px;transition:var(--transition)}
.news-item:hover{box-shadow:var(--shadow-md)}
.news-body{flex:1;display:flex;flex-direction:column;min-width:0}
.news-body h2{font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.4}
.news-body h2 a:hover{color:var(--primary)}
.news-body .news-summary{font-size:13px;color:var(--text-secondary);line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-body .news-meta{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--text-muted)}
.news-body .news-meta span{display:flex;align-items:center;gap:4px}
@media(max-width:992px){
    .news-layout{grid-template-columns:1fr}
}
@media(max-width:768px){
    .news-item{flex-direction:column;gap:12px;padding:14px}
    .news-body h2{font-size:15px}
}

/* ========== Photo Detail ========== */
.photo-detail{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.photo-detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px}
.gallery-main{width:100%;aspect-ratio:4/3;background:var(--bg-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;border:1px solid var(--border)}
.gallery-main img{max-width:100%;max-height:100%;object-fit:contain}
.gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.gallery-thumb{width:72px;height:54px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;overflow:hidden;transition:var(--transition)}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--primary)}
.photo-info-panel h1{font-size:24px;font-weight:700;margin-bottom:12px}
.photo-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.tag{padding:4px 12px;border-radius:20px;font-size:12px;background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border)}
.tag-stock{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}
.spec-list{margin-bottom:20px}
.spec-row{display:flex;border-bottom:1px solid var(--border-light);padding:10px 0}
.spec-row .spec-label{width:120px;color:var(--text-muted);font-size:13px;flex-shrink:0}
.spec-row .spec-value{flex:1;font-size:13px;font-weight:500}
.photo-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:var(--transition);white-space:nowrap}
.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);color:#fff}
.btn-lg{padding:12px 32px;font-size:16px}
.btn-mobile-only{display:none}
/* Related Photos */
.related-section{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.related-section h2{font-size:18px;font-weight:600;margin-bottom:16px}
.photos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.photo-card{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}
.photo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.photo-card .photo-img{display:block;height:120px;overflow:hidden;background:#f5f5f5}
.photo-card .photo-img img{width:100%;height:120px;object-fit:cover;transition:transform .3s}
.photo-card:hover .photo-img img{transform:scale(1.05)}
.photo-card .photo-info{padding:12px}
.photo-card .photo-info h3{font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-card .photo-info h3 a{color:var(--text-primary)}.photo-card .photo-info h3 a:hover{color:var(--primary)}
.photo-card .photo-meta{font-size:12px;color:var(--text-muted);margin-bottom:8px}
.photo-card .photo-bottom{display:flex;justify-content:space-between;align-items:center}
.photo-card .photo-price{font-size:15px;font-weight:700;color:var(--accent)}
.photo-card .photo-quote{font-size:12px;padding:3px 10px;border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);transition:var(--transition)}
.photo-card .photo-quote:hover{background:var(--primary);color:#fff}
@media(max-width:992px){
    .photo-detail-inner{grid-template-columns:1fr}
    .photos-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    .btn-mobile-only{display:inline-flex}
    .photo-detail-inner{padding:16px;gap:16px}
    .photo-info-panel h1{font-size:20px}
    .gallery-thumb{width:56px;height:42px}
    .photos-grid{grid-template-columns:repeat(3,1fr);gap:10px}
    .photo-card .photo-info{padding:8px 10px}
    .photo-card .photo-info h3{font-size:12px}
    .photo-card .photo-meta{font-size:11px;margin-bottom:6px}
    .photo-card .photo-price{font-size:14px}
    .photo-card .photo-quote{font-size:11px;padding:2px 8px}
}

/* ========== Product Detail 产品详情页 ========== */
.product-main{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px;display:grid;grid-template-columns:640px 1fr;gap:24px}
.product-image{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;border:1px solid var(--border);width:640px;height:640px;padding:15px;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain}
.product-info{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px;display:flex;flex-direction:column;overflow:hidden}
.product-info h1{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}
.product-meta{display:flex;gap:24px;margin-bottom:16px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}
.product-meta a{color:var(--primary)}.product-meta a:hover{text-decoration:underline}
.product-price{font-size:28px;font-weight:700;color:#E83624;margin-bottom:20px}
.product-price span{font-size:14px;color:var(--text-muted);font-weight:400;margin-left:4px}
.product-actions{display:flex;gap:12px;margin-bottom:24px}
.product-actions .btn{padding:10px 28px;font-size:15px}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.product-desc{border-top:1px solid var(--border);padding-top:20px;margin-top:auto}
.product-desc h2{font-size:15px;font-weight:600;margin-bottom:10px}
.product-desc p{font-size:13px;color:var(--text-secondary);line-height:1.8;margin-bottom:8px}
.product-desc a{color:var(--primary)}.product-desc a:hover{text-decoration:underline}
.section-block{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.section-inner{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px}
.section-inner h2{font-size:18px;font-weight:600;margin-bottom:14px}
.section-inner p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:12px}
.spec-table{width:100%;border-collapse:collapse}
.spec-table tr:nth-child(even){background:var(--bg-light)}
.spec-table td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border-light)}
.spec-table td:first-child{font-weight:600;color:var(--text-primary);width:200px;background:rgba(25,117,255,.03)}
.related-list{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.related-link{display:block;padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--primary);background:var(--bg-light);border:1px solid var(--border);transition:var(--transition);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-link:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.news-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.news-col{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden}
@media(max-width:992px){
    .product-main{grid-template-columns:1fr}
    .product-image{width:100%;height:auto;aspect-ratio:1/1}
    .related-list{grid-template-columns:repeat(4,1fr)}
    .news-columns{grid-template-columns:1fr}
}
@media(max-width:768px){
    .product-main{grid-template-columns:1fr}
    .product-image{width:100%;height:auto;aspect-ratio:1/1}
    .product-image img{width:100%;height:100%}
    .product-info{height:auto;overflow:visible}
    .product-info h1{font-size:20px}
    .product-price{font-size:22px}
    .product-actions{flex-wrap:wrap}
    .related-list{grid-template-columns:repeat(4,1fr)}
    .spec-table td:first-child{width:120px}
    .section-block{padding:0 12px}
    .section-inner{padding:20px}
    .news-columns{grid-template-columns:1fr}
    .news-list a{padding:11px 16px;gap:10px}.news-list .news-text{font-size:13px}
}
@media(max-width:480px){
    .related-list{grid-template-columns:repeat(3,1fr)}
}

/* ========== Quote 在线询价页 ========== */
.steps-bar{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.steps{display:flex;justify-content:center;gap:0}
.step{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:13px;color:var(--text-muted)}
.step .step-num{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.step.active{color:var(--primary);font-weight:600}
.step.active .step-num{background:var(--primary);color:#fff}
.step-line{width:40px;height:2px;background:var(--border);align-self:center}
.quote-section{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.quote-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px;margin-bottom:20px}
.quote-card h2{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:inline-block}
.parts-table{width:100%;border-collapse:collapse;margin-bottom:16px}
.parts-table th{padding:10px 12px;font-size:12px;font-weight:600;text-align:left;background:var(--bg-light);border-bottom:1px solid var(--border)}
.parts-table td{padding:8px 12px;border-bottom:1px solid var(--border-light)}
.parts-table input{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:13px;font-family:var(--font-family);outline:none;transition:var(--transition)}
.parts-table input:focus{border-color:var(--primary)}
.parts-table .remove-row{width:32px;height:32px;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:14px;border-radius:var(--radius-sm)}
.parts-table .remove-row:hover{color:#E83624;background:rgba(232,54,36,.08)}
.add-row-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;background:none;font-family:var(--font-family);transition:var(--transition)}
.add-row-btn:hover{border-color:var(--primary);color:var(--primary)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}
.form-group label .required{color:#E83624}
.form-group input,.form-group textarea,.form-group select{height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:14px;font-family:var(--font-family);outline:none;transition:var(--transition)}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary)}
.form-group textarea{height:80px;padding:10px 12px;resize:vertical}
.submit-bar{display:flex;justify-content:center;gap:12px;margin-top:24px}
.quote-tips{max-width:var(--container-width);margin:0 auto 24px;padding:0 16px}
.tips-card{background:#FFF8E6;border:1px solid #FFE0A3;border-radius:var(--radius-md);padding:24px}
.tips-card h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--accent)}
.tips-card ol{padding-left:20px;color:#8B6914}
.tips-card li{font-size:13px;margin-bottom:6px;list-style:decimal}
@media(max-width:768px){
    .steps{flex-wrap:wrap;gap:4px}.step{padding:8px 12px;font-size:12px}.step-line{width:20px}
    .form-grid{grid-template-columns:1fr}
    .quote-card{padding:20px}
    .parts-table{font-size:12px}.parts-table th,.parts-table td{padding:6px 8px}.parts-table input{height:32px;font-size:12px}
}

/* ========== Search 搜索结果页 ========== */
.search-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:40px 0}
.search-hero-box{max-width:640px;margin:0 auto}
.search-hero h1{color:#fff;font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}
.search-form-lg{display:flex;height:50px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}
.search-form-lg input{flex:1;border:none;padding:0 20px;font-size:16px;outline:none;font-family:var(--font-family)}
.search-form-lg button{width:100px;border:none;background:var(--accent);color:#fff;font-size:16px;cursor:pointer;font-family:var(--font-family);transition:var(--transition)}
.search-form-lg button:hover{background:var(--accent-hover)}
.result-section{max-width:var(--container-width);margin:0 auto;padding:0 16px}
.result-info{padding:16px 0;font-size:13px;color:var(--text-muted)}.result-info strong{color:var(--text-primary)}
.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--text-muted)}
.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--text-muted)}
.photo-item{display:flex;align-items:center;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;background:var(--bg-white);box-shadow:var(--shadow-sm)}
.photo-info{flex:0 0 220px;margin-right:20px}
.photo-info h3{font-size:15px;margin:0 0 8px}.photo-info h3 a{color:var(--primary);font-weight:600}.photo-info h3 a:hover{text-decoration:underline}
.photo-info p{margin:4px 0;color:var(--text-secondary);font-size:13px}
.photo-gallery{flex:1;margin-right:20px}
.photo-gallery-container{display:flex;gap:8px;flex-wrap:wrap;max-height:100px;overflow-y:auto}
.photo-gallery img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:var(--transition)}
.photo-gallery img:hover{border-color:var(--primary)}
.photo-pricing{flex:0 0 130px;text-align:right}
.photo-pricing .price{font-size:18px;color:#E83624;font-weight:700;margin-bottom:10px}
.results-separator{margin:24px 0;height:1px;background:var(--border)}
.search-tip{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;margin:20px 0}
.search-tip h3{font-size:15px;font-weight:600;margin-bottom:12px}
.search-tip ul{padding-left:20px}.search-tip li{font-size:13px;color:var(--text-secondary);margin-bottom:6px;list-style:disc}
@media(max-width:768px){
    .search-hero{padding:24px 0}.search-hero h1{font-size:20px;margin-bottom:14px}
    .search-form-lg{height:44px}.search-form-lg input{font-size:14px;padding:0 14px}.search-form-lg button{width:70px;font-size:14px}
    .photo-item{flex-wrap:wrap}.photo-info{flex:1 1 100%;margin-right:0;margin-bottom:10px}.photo-gallery{flex:1 1 100%;margin-right:0;margin-bottom:10px}.photo-pricing{flex:1 1 100%;text-align:left}
}