.pb_sys_style4 .p_no_d {
    border: 1px solid #ff826b !important;
    

    background: linear-gradient(135deg, #FF7979 13%, #FF9A46 100%) !important;}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {
 
  font-size: 1.6rem;
    padding: 9px 16px !important;
    height: auto !important;
    background: #F4F4F4;
    border-radius: 3px;
    /* border: 1px solid #f4f4f4 !important; */
    margin: 0 4px !important;}
.page-header h2 {}

/* ===== 作品网格 ===== */
.works-grid {}
.work-card {}
.work-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 32px rgba(2,41,128,.11);}
.work-card .img-wrap {
  position: relative; overflow: hidden;
  aspect-ratio: 3 / 4; background: #dde1ec;}
.work-card .img-wrap img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .45s;}
.work-card:hover .img-wrap img { transform: scale(1.06);}

.work-card .badge {
  position: absolute; top: 10px; left: 0;
  background: #022980; color: #fff; font-size: 11px;
  padding: 4px 14px 4px 10px;
  clip-path: polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
  letter-spacing: .05em;}
.work-card .card-info { padding: 14px 16px 16px;}
.work-card .card-info h3 {
  font-size: 15px; font-weight: 700; color: #1a1f3a; margin-bottom: 4px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.work-card .card-info .meta {
  font-size: 12px; color: #8b95b2; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/* ===== Lightbox Overlay ===== */
.lightbox-overlay {
  display: none;
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(0,0,0,.9);}
.lightbox-overlay.active { display: block; animation: lbFadeIn .28s;}
@keyframes lbFadeIn { from{opacity:0;} to{opacity:1;} }

.lightbox-inner {
  position: relative; width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
padding: 50px 80px;
  animation: lbSlideUp .32s;}
@keyframes lbSlideUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }

/* 主图 */
.lb-image {
  flex: 1 1 auto; max-width: 60%; max-height: 80vh;
  display: flex; align-items: center; justify-content: center;}
.lb-image img {
  max-width: 100%; max-height: 80vh; object-fit: contain;
  border-radius: 4px;}

/* 右侧信息 */
.lb-info {
  width: 280px; flex-shrink: 0; color: #fff;}
.lb-info h2 {
  font-size: 22px; font-weight: 700; line-height: 1.35;
  padding-bottom: 16px; margin-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.16);}
.lb-info .lb-row {
  display: flex; gap: 10px; margin-bottom: 8px; font-size: 13.5px; line-height: 1.65;}
.lb-info .lb-label { color: #7d89b8; flex-shrink: 0;}
.lb-info .lb-value { color: #cdd2ed;}
.lb-info .lb-tag {
  display: inline-block; margin-top: 18px; font-size: 12px;
  color: #022980; background: #fff; padding: 4px 14px; border-radius: 20px;
  font-weight: 600;}

/* 左右箭头 */
.lb-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255,255,255,.12); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  z-index: 10; transition: background .2s;}
.lb-arrow:hover { background: rgba(255,255,255,.26);}
.lb-arrow svg { width: 20px; height: 20px;}
.lb-arrow.prev { left: 16px;}
.lb-arrow.next { right: 16px;}

/* 关闭按钮 */
.lb-close {
  position: absolute;     top: 110px;right: 24px;
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255,255,255,.10); border: none; cursor: pointer;
  z-index: 20; display: flex; align-items: center; justify-content: center;
  transition: background .2s;}
.lb-close:hover { background: rgba(255,255,255,.24);}
.lb-close svg { width: 16px; height: 16px;}

/* 页码 */
.lb-counter {
  position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%);
  color: rgba(255,255,255,.48); font-size: 13px; letter-spacing: .05em;}

/* ===== 响应式 ===== */
@media (max-width: 960px) {
  .works-grid { grid-template-columns: repeat(2, 1fr); gap: 18px;}
  .lightbox-inner { flex-direction: column; padding: 60px 20px 24px; gap: 20px;}
  .lb-image { max-width: 92vw; max-height: 50vh;}
  .lb-image img { max-height: 50vh;}
  .lb-info { width: auto; max-width: 480px; text-align: center;}
  .lb-info .lb-row { justify-content: center;}
  .lb-info h2 { font-size: 18px;}
  .lb-arrow { width: 40px; height: 40px;}
  .lb-arrow.prev { left: 8px;}
  .lb-arrow.next { right: 8px;}
}

@media (max-width: 560px) {
  .works-grid { grid-template-columns: 1fr 1fr; gap: 12px;}
  .work-card .card-info h3 { font-size: 13px;}
  .lb-image { max-width: 96vw; max-height: 38vh;}
  .lb-image img { max-height: 38vh;}
  .lb-info h2 { font-size: 16px;}
}

.foot-txt .list .w h2 img.c1 {
    display: block;}
.foot-txt .list .w h2 img {
    width: 6px;
    height: auto;
    vertical-align: top;
    display: none;}