/* ========= 产品列表 Banner ========= */
.pcl-hero{position:relative;display:flex;align-items:center;min-height:350px;padding:46px 0 60px;background:linear-gradient(135deg,#061535 0%,#0d2b6b 45%,#15419e 100%);color:#fff;overflow:hidden}
.pcl-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(30,106,224,.25) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,224,195,.15) 0%,transparent 50%);pointer-events:none}
.pcl-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.pcl-hero-overlay{position:absolute;inset:0;z-index:1}
.pcl-hero-inner{position:relative;z-index:2;text-align:center}
.pcl-hero-crumb{font-size:14px;color:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px;letter-spacing:.5px}
.pcl-hero-crumb a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s}
.pcl-hero-crumb a:hover{color:#fff}
.pcl-crumb-sep{opacity:.4}
.pcl-hero-title{font-size:42px;font-weight:700;line-height:1.5;letter-spacing:3px;margin-bottom:16px;white-space:pre-line}
.pcl-hero-sub{font-size:16px;color:rgba(255,255,255,.7);max-width:680px;margin:0 auto;line-height:2;letter-spacing:1px;white-space:pre-line}

/* ========= 通用标题区 ========= */
.yb-caliper{height:4px;background:linear-gradient(90deg,#1a3a5c 0%,#1a3a5c 30%,#ea580c 30%,#ea580c 46%,#1a3a5c 46%,#1a3a5c 62%,#ea580c 62%,#ea580c 70%,#1a3a5c 70%);border-radius:2px;margin-bottom:24px;max-width:120px}
.yb-eyebrow{font-size:13px;font-weight:600;letter-spacing:3px;color:#1a3a5c;margin-bottom:12px;text-transform:uppercase}
.yb-eyebrow::after{content:"";display:inline-block;width:24px;height:2px;background:#ea580c;margin-left:10px;vertical-align:middle}
.yb-page-title{font-size:36px;font-weight:800;color:#0f2640;line-height:1.3;margin-bottom:16px;letter-spacing:-.5px}
.yb-sec-title{font-size:30px;font-weight:800;color:#0f2640;line-height:1.3;margin-bottom:32px;letter-spacing:-.5px}
.yb-lead{font-size:16px;color:#4a5568;line-height:1.9;max-width:900px;margin-bottom:40px}
.yb-lead strong{color:#0f2640;font-weight:700}
.yb-data-src{font-size:13px;color:#9ca3af;margin-top:16px;line-height:1.7}

/* ========= 模块1: 分类表格 ========= */
.pcl-cat-section{background:#fff;padding:80px 0 60px}
.yb-table-scroll{overflow-x:auto;margin-top:34px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.yb-cat-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}
.yb-cat-table thead th{background:#0f2640;color:#fff;padding:14px 18px;text-align:left;font-weight:700;white-space:nowrap;font-size:13.5px;letter-spacing:.5px}
.yb-cat-table tbody td{padding:14px 18px;border-bottom:1px solid #eef2f7;vertical-align:top;line-height:1.7;color:#4a5568}
.yb-cat-table tbody tr:last-child td{border-bottom:none}
.yb-cat-table tbody tr:nth-child(even){background:#f7f9fc}
.yb-cat-table tbody tr:hover{background:rgba(234,88,12,.05)}
.yb-cat-table tbody td:first-child{color:#0f2640;font-weight:500}
.yb-cat-table b{font-weight:700;color:#0f2640}
.yb-cat-link{color:#0f2640;text-decoration:none;font-weight:700;transition:color .2s}
.yb-cat-link:hover{color:#ea580c}
.yb-pk{font-size:12px;color:#ea580c;font-weight:600;letter-spacing:1px;font-family:'Courier New',Consolas,monospace;margin-left:6px}

/* ========= 模块2: 产品详情 ========= */
.pcl-detail-section{background:#fff;padding:60px 0 100px;border-top:1px solid #eef2f7}

.yb-prod-card{position:relative;background:#fff;border:1px solid #eef2f7;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;display:flex;flex-direction:column}
.yb-prod-card:hover{box-shadow:0 12px 32px rgba(15,38,64,.1);transform:translateY(-2px);border-color:#d6e0ea}
.yb-prod-card::after{content:attr(data-dim);position:absolute;top:12px;right:16px;font-family:'Courier New',Consolas,monospace;font-size:11px;letter-spacing:1.5px;color:#1a3a5c;opacity:.7;z-index:2}

/* 第一个产品：全宽 + 左图右文 */
.yb-prod-first{display:grid!important;grid-template-columns:.85fr 1.15fr;gap:0;margin-bottom:20px}
.yb-prod-first .yb-prod-img{min-height:280px;background:#f7f9fc;overflow:hidden;border-right:1px solid #eef2f7}
.yb-prod-first .yb-prod-img img{width:100%;height:100%;min-height:280px;object-fit:cover;transition:transform .5s ease}
.yb-prod-first:hover .yb-prod-img img{transform:scale(1.04)}
.yb-prod-first .yb-prod-img-empty{display:flex;align-items:center;justify-content:center;color:#d6e0ea}
.yb-prod-first .yb-prod-img-empty svg{width:64px;height:64px}
.yb-prod-first .yb-prod-body{padding:36px 32px}
.yb-prod-first .yb-prod-title{font-size:24px}

/* 其余产品：两列无图 */
.yb-prod-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.yb-prod-grid-2 .yb-prod-card{padding:0}
.yb-prod-grid-2 .yb-prod-body{padding:28px 28px 24px;flex:1;display:flex;flex-direction:column}

.yb-prod-body{padding:28px 28px 24px;flex:1;display:flex;flex-direction:column}
.yb-card-tag{display:inline-block;font-size:12px;color:#1a3a5c;background:#eef2f7;padding:4px 12px;border-radius:4px;margin-bottom:14px;align-self:flex-start;font-weight:500;letter-spacing:.5px}
.yb-prod-title{font-size:20px;font-weight:700;color:#0f2640;line-height:1.4;margin:0 0 12px}
.yb-prod-title a{color:inherit;text-decoration:none;transition:color .3s}
.yb-prod-title a:hover{color:#ea580c}
.yb-en{display:inline-block;margin-left:8px;font-size:14px;color:#ea580c;font-weight:600;letter-spacing:1px;vertical-align:baseline}

.yb-prod-sum{font-size:14.5px;color:#4a5568;line-height:1.8;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yb-prod-sub{font-size:13.5px;color:#6b7280;line-height:1.7;margin:0 0 16px;padding:10px 14px;background:#f7f9fc;border-radius:6px;border-left:3px solid #eef2f7}

.yb-prod-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.yb-badge{display:inline-block;padding:5px 14px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px;color:#fff;background:#000}
.yb-badge.hot{background:#ea580c}

/* ========= 空状态 ========= */
.yb-empty{text-align:center;padding:80px 20px;color:#9ca3af}
.yb-empty svg{margin:0 auto 16px;display:block;color:#d6e0ea}
.yb-empty p{font-size:15px}

/* ========= 响应式 ========= */
@media(max-width:900px){
  .yb-prod-first{grid-template-columns:1fr!important}
  .yb-prod-first .yb-prod-img{border-right:none;border-bottom:1px solid #eef2f7;min-height:200px}
  .yb-prod-first .yb-prod-img img{min-height:200px}
}
@media(max-width:768px){
  .pcl-hero{min-height:178px;padding:27px 0 31px}
  .pcl-hero-title{font-size:28px}
  .pcl-hero-sub{font-size:14px}
  .pcl-cat-section{padding:60px 0 40px}
  .pcl-detail-section{padding:40px 0 80px}
  .pcl-cat-section .container,.pcl-detail-section .container{padding:0 15px;max-width:none;width:100%}
  .yb-page-title{font-size:26px}
  .yb-sec-title{font-size:24px}
  .yb-lead{font-size:14px;margin-bottom:28px}
  .yb-prod-grid-2{grid-template-columns:1fr;gap:16px}
  .yb-prod-first .yb-prod-body,.yb-prod-grid-2 .yb-prod-body{padding:20px 18px 18px}
  .yb-prod-first .yb-prod-title{font-size:20px}
  .yb-prod-title{font-size:18px}
  .yb-prod-sum{font-size:14px}
  .yb-cat-table{min-width:500px}
}