/* 导航 */
  .top-nav{background:linear-gradient(135deg,var(--b2b-blue) 0%,#004a8c 100%);box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1030}
  .top-nav .container{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
  .nav-brand{font-size:24px;font-weight:700;color:#fff;letter-spacing:1px}
  .nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}
  .nav-menu a{color:rgba(255,255,255,.9);font-size:15px;transition:.2s;position:relative;padding:6px 0}
  .nav-menu a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--b2b-orange);transition:.3s}
  .nav-menu a:hover,.nav-menu a.active{color:#fff}
  .nav-menu a:hover::after,.nav-menu a.active::after{width:100%}

  /* 面包屑 */
  .bread-report{display:flex;justify-content:space-between;align-items:center;margin:25px auto;background:#fff;padding:12px 20px;border-radius:var(--b2b-radius);box-shadow:var(--b2b-shadow)}
  .breadcrumb{margin:0;font-size:13px}
  .report-btn{background:none;border:1px solid var(--b2b-orange);color:var(--b2b-orange);padding:4px 10px;border-radius:15px;font-size:12px;transition:.2s}
  .report-btn:hover{background:var(--b2b-orange);color:#fff}

  /* 标题栏 */
  .title-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:var(--b2b-radius) var(--b2b-radius) 0 0;box-shadow:var(--b2b-shadow)}
  .title-bar h1{font-size:26px;font-weight:700;color:var(--b2b-blue);margin:0;line-height:1.4;flex:1}
  .title-meta{font-size:12px;color:var(--b2b-gray);margin-left:10px;gap:10px}
  .divider{height:1px;background:var(--b2b-border);margin:25px auto}

  /* 主内容 */
  .main-content{display:flex;gap:20px;margin-bottom:25px}
  .gallery{flex:0 0 45%}
  .main-img-wrap{position:relative;width:100%;padding-bottom:75%;border-radius:var(--b2b-radius);overflow:hidden;background:#F2F2F2;cursor:zoom-in;border: 2px solid transparent;border-color: #ddd;}
  .main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .img-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#F2F2F2;z-index:2}
  .img-scaffold{position:absolute;inset:0;background:#F2F2F2;display:none;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:14px}
  .img-scaffold i{font-size:48px;margin-bottom:8px}
  .thumb-list{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
  .thumb-item{flex:0 0 60px;height:60px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:.2s;position:relative;background:#F2F2F2}
  .thumb-item img{width:100%;height:100%;object-fit:cover}
  .thumb-item:hover,.thumb-item.active{border-color:var(--b2b-orange)}
  .info{flex:1;background:#fff;padding:20px;border-radius:var(--b2b-radius);box-shadow:var(--b2b-shadow);position:relative}
  .shop-badge{position:absolute;top:20px;right:20px;background:var(--b2b-blue);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer}
  .shop-badge:hover{box-shadow:0 4px 12px rgba(0,87,146,.25)}
  .param-row{margin-bottom:10px;font-size:16px}
  .param-row .label{font-weight:600;color:var(--b2b-gray);display:inline-block;width:80px}
  .auth-icon{display:inline-block;width:16px;vertical-align:middle;margin-left:4px;cursor:pointer}
  .auth-pop{display:none;position:absolute;background:#fff;border:1px solid var(--b2b-border);border-radius:var(--b2b-radius);padding:12px;box-shadow:var(--b2b-shadow);z-index:10;font-size:12px;width:260px}
  .auth-pop.show{display:block}
  .contact-bar{display:flex;gap:10px;margin-top:20px}
  .contact-bar .btn{flex:1;text-align:center;padding:10px;border-radius:var(--b2b-radius);font-size:14px;transition:.2s;border:none;cursor:pointer}
  .btn-contact{background:var(--b2b-orange);color:#fff}
  .btn-contact:hover{background:#e05500;box-shadow:0 4px 12px rgba(253,95,0,.3)}
  .btn-wechat{background:#07c160;color:#fff}
  .btn-qq{background:#1296db;color:#fff}

  /* 高端微信/QQ 弹窗 */
  .contact-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:2500}
  .contact-card{background:#fff;border-radius:var(--b2b-radius);width:90%;max-width:380px;padding:35px 30px;text-align:center;box-shadow:var(--b2b-shadow-hover);position:relative}
  .contact-card h5{font-size:20px;font-weight:700;color:var(--b2b-blue);margin-bottom:20px}
  .contact-card .account{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;color:var(--b2b-gray);margin-bottom:25px}
  .contact-card .account i{font-size:24px;color:var(--b2b-orange)}
  .contact-card .qr{width:160px;height:160px;margin:0 auto 20px;background:#f2f2f2;border-radius:var(--b2b-radius);display:flex;align-items:center;justify-content:center;font-size:13px;color:#999}
  .contact-card .btn-copy{width:100%;background:var(--b2b-blue);color:#fff;border:none;padding:10px;border-radius:var(--b2b-radius);transition:.2s}
  .contact-card .btn-copy:hover{background:#004a8c}
  .contact-card .close{position:absolute;top:15px;right:20px;font-size:24px;color:#999;cursor:pointer}

  /* 全屏放大 */
  .zoom-mask{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:3000}
  .zoom-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer}
  .zoom-img{max-width:90%;max-height:90%;border-radius:var(--b2b-radius);box-shadow:0 12px 40px rgba(0,0,0,.3)}

  /* 区块 */
  .section{background:#fff;padding:25px;border-radius:var(--b2b-radius);box-shadow:var(--b2b-shadow);margin-bottom:25px}
  .section-title{font-size:20px;font-weight:700;color:var(--b2b-blue);margin-bottom:10px;display:flex;align-items:center}
  .section-title::before{content:"";width:4px;height:20px;background:var(--b2b-orange);border-radius:2px;margin-right:10px}
  .section-title .f_r{margin-left:auto;font-size:12px;font-weight:400}
  .section-desc{font-size:12px;color:var(--b2b-gray);margin-bottom:15px}
  .codl{width:100%;border-collapse:collapse;font-size:14px}
  .codl td{padding:10px;border-bottom:1px solid var(--b2b-border)}
  .codl .tdl{width:120px;font-weight:600;color:var(--b2b-gray);background-color: #fff4f4;}
  .news-list{display:flex;flex-direction:column;gap:12px}
  .news-item{padding:10px 0;border-bottom:1px dashed var(--b2b-border);display:flex;justify-content:space-between;align-items:flex-start}
  .news-item:last-child{border-bottom:none}
  .news-info{flex:1}
  .news-date{font-size:12px;color:var(--b2b-gray);white-space:nowrap;margin-left:15px}
  .news-desc{font-size:12px;color:#555;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* 其他产品 */
  .other-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}
  .other-card{background:#fff;border-radius:var(--b2b-radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.3s;cursor:pointer}
  .other-card:hover{transform:translateY(-4px);box-shadow:var(--b2b-shadow-hover)}
  .other-img{position:relative;width:100%;padding-bottom:75%;background:#F2F2F2}
  .other-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .other-title{padding:10px;font-size:14px;font-weight:500;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  
  /* 弹出表单 */
    .modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:none;justify-content:center;align-items:center;}
    .modal-content{background:#fff;border-radius:var(--b2b-radius);width:90%;max-width:480px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);}
    .modal-title{font-size:18px;font-weight:700;color:var(--b2b-blue);margin-bottom:20px;}
    .form-group{margin-bottom:15px;}
    .form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;}
    .form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--b2b-border);border-radius:var(--b2b-radius);font-size:14px;}
    .form-group textarea{resize:vertical;min-height:80px;}
    .radio-group{display:flex;gap:20px;}
    .modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}
    .modal-footer .btn{padding:8px 18px;border-radius:var(--b2b-radius);border:none;font-size:14px;cursor:pointer;}
    .btn-cancel{background:#f0f0f0;color:var(--b2b-gray);}
    .btn-submit{background:var(--b2b-orange);color:#fff;}
    .btn-submit:hover{background:#e05500;}
    
/*====== 表单样式优化 ======*/
.modal-content .form-control{
  border:1px solid var(--b2b-border);
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  transition:border-color .2s;
}
.modal-content .form-control:focus{
  border-color:var(--b2b-blue);
  box-shadow:0 0 0 2px rgba(0,87,146,.15);
}
/* 首选商家红色 */
.modal-content .red-text{
  color:var(--b2b-orange);
  background-color:#fff9f9;
}
/* 采购产品禁止输入 */
.modal-content .no-input{
  background:#f3f3f3;
  cursor:not-allowed;
}
/* 按钮动效 */
.modal-footer .btn{
  padding:8px 20px;
  border-radius:8px;
  border:none;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
}
.btn-cancel{background:#f0f0f0;color:var(--b2b-gray);}
.btn-cancel:hover{background:#e0e0e0;}
.btn-submit{background:var(--b2b-orange);color:#fff;}
.btn-submit:hover{background:#e05500;box-shadow:0 4px 12px rgba(253,95,0,.25);}


  /* 响应式 */
  @media(max-width:768px){
    .nav-menu{flex-direction:column;gap:10px}
    .title-bar{flex-direction:column;align-items:flex-start}
    .title-meta{margin-left:0;margin-top:10px}
    .main-content{flex-direction:column}
    .gallery,.info{flex:1 1 100%}
    .contact-bar{flex-wrap:wrap}
  }
  
  .btn-like {
  background: linear-gradient(135deg, var(--b2b-blue), #004a8c);
  border: 0;
  border-radius: 25px;
  padding: 10px 30px;
  font-size: 16px;
  transition: .3s;
}
.btn-like:hover {
    background: linear-gradient(135deg, var(--b2b-orange), #e55a00);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(253, 95, 0, .25);
  }