@charset "utf-8";
/* CSS Document */

.crumbs-bar{
  background:#fff;
  /*border-bottom:1px solid var(--gray);*/border-top: 1px solid var(--gray);
	padding: 0.8rem 1.3rem 0rem 1.3rem;
}
.crumbs-inner{
  width: 100%;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:300;
 
}
.crumbs-inner a{transition:color .2s;color:var(--text-t);}
.crumbs-inner a:hover{color:var(--primary)}
.crumbs-inner svg{width:7px;height:11px;flex-shrink:0;color:var(--text-t)}
.crumbs-inner .cur{
  color:var(--text-t);
  max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* ---------- Detail layout ---------- */
.mains{margin: 0.8rem 1.3rem 0.8rem 1.3rem;}
.detail{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;
  align-items:start;
}

/* ---------- Article ---------- */
.article-head h1{
  font-weight:700;line-height:1.33;margin-bottom:0.23rem;text-align:center;
}
.article-meta{
  display:flex;flex-wrap:wrap;align-items:center;font-weight: 400;
  color:var(--gray);justify-content:center;
  padding-bottom:22px;margin:0 0.1rem;
  border-bottom:1px solid var(--gray);
}
.article-meta .m-item{display:flex;align-items:center;gap:8px}
.article-meta img{width:0.2rem;height:0.2rem;flex-shrink:0}
.article-meta .m-src b{color:var(--ink-2);font-weight:500}

/* body：纯段落 + 加粗编号小节 */
.article-body{color:var(--text-t);line-height:2 !important;padding:0.5rem 0 0 0;text-align:justify}
.article-body > * + *{margin-top:22px}
.article-body p{text-align:justify}
.article-body p.sec{
  color:var(--ink);font-weight:700;font-size:17.5px;
  padding-top:6px;
}
.article-body p.img{
  text-align:center;margin:8px 0;
}
.article-body p.img img{
  display:inline-block;max-width:100%;border-radius:8px;
}
.article-body strong{color:var(--ink)}

.article-body ul{list-style:none}
.article-body ul li{
  position:relative;padding-left:22px;margin-bottom:10px;line-height:1.95;
}
.article-body ul li::before{
  content:"";position:absolute;left:2px;top:.82em;
  width:7px;height:7px;border-radius:50%;background:var(--primary);
}

/* 返回列表 */
.back-list{
  display:flex;justify-content:center;
}
.back-list a{
  width: fit-content;padding: 0.1rem 0.48rem;border-radius:var(--radius);color: #32322F;font-weight: 400;transition: all 0.5s;border: 1px solid #32322F;margin:0 auto;margin-top:2rem;display:block;
}
.back-list a svg{width:15px;height:15px;transition:transform .22s}
.back-list a:hover{background:var(--dark);color:#fff}


/* ---------- Sidebar: 推荐产品（与上一版一致，不调整） ---------- */
.side{position:sticky;top:100px}
.side-box{
  background:#fff;border:1px solid var(--gray);
  border-radius:var(--radius);padding:24px 22px;
}
.side-box + .side-box{margin-top:22px}
.side-title{
  font-weight:400;
  display:flex;align-items:center;gap:10px;
  padding-bottom:16px;margin-bottom:6px;
  border-bottom:1px solid var(--gray);
}
/*.side-title::before{
  content:"";width:5px;height:19px;background:var(--primary);
  border-radius:3px;display:block;
}*/
.side-title span{font-size:11px;color:var(--gray);letter-spacing:1.4px;text-transform:uppercase;font-weight:400;margin-left:auto}

.p-item{
  padding:15px 0;
  border-bottom:1px solid var(--gray);
  transition:.2s;
}
.p-item:last-child{border-bottom:none;padding-bottom:4px}
.p-item .p-media{
  width:96%;flex-shrink:0;border-radius:7px;overflow:hidden;
  background:var(--gray);
}
.p-item .p-media img{
  width:100%;height:100%;object-fit:cover;transition:transform .5s ease;
}
.p-item:hover .p-media img{transform:scale(1.03)}
.p-item .p-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.p-item .p-cat{font-size:11px;color:var(--primary);letter-spacing:.6px;margin-bottom:4px}
.p-item h4{
  font-weight:400;line-height:1.75;color:var(--dark);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;text-align: center;
}
.p-item:hover h4{color:var(--primary)}
.p-item .p-more{
  margin-top:6px;font-size:11.5px;color:var(--gray);
  display:flex;align-items:center;gap:5px;transition:color .2s;
}
.p-item:hover .p-more{color:var(--primary)}
.p-item .p-more svg{width:11px;height:11px}

/* sidebar contact card */
.side-contact{
  background:var(--dark);border:none;color:rgba(255,255,255,.7);
}
.side-contact .side-title{color:#fff;border-bottom-color:rgba(255,255,255,.12)}
.side-contact p{line-height:1.85;margin-bottom:14px; color:rgba(255,255,255,.7)}
.side-contact .c-phone{
  display:flex;align-items:center;gap:10px;
  font-weight:700;color:var(--primary);
  margin-bottom:16px;
}
.side-contact .c-phone svg{width:19px;height:19px;flex-shrink:0}
.side-contact .c-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--primary);color:#fff;font-size:14px;font-weight:500;
  padding:12px;border-radius:999px;transition:background .2s;
}
.side-contact .c-btn:hover{background:var(--primary-dark)}