/* PLIST_V1 产品/新闻列表多样式 (Home/Plist/run.php 输出, 后台 网站配置-显示设置 选择)
   全部挂在 .pls 下; 列数随容器宽度自动降级(容器查询, 不支持时用媒体查询) */
.pls{--pls-c:4;--pls-gap:clamp(14px,1.6vw,22px);--pls-r:6px;--pls-rs:4px;
  --pls-ac:var(--primary-blue,#2563eb);--pls-ac2:var(--hover-blue,#1d4ed8);
  --pls-ink:#151a23;--pls-mute:#5b6472;--pls-line:#e3e7ee;--pls-soft:#f4f6f9;--pls-ar:1/1;
  --pls-tf:inherit;--pls-tw:600;
  container-type:inline-size;display:block;width:100%;min-width:0;box-sizing:border-box;
  margin:0 0 clamp(16px,2vw,28px);padding:0;color:var(--pls-ink);text-align:start}
.pls *,.pls *::before,.pls *::after{box-sizing:border-box}
.pls.pls-c3{--pls-c:3}
.pls.pls-c2{--pls-c:2}
.pls.pls-c1{--pls-c:1}
.pls.pls-r43{--pls-ar:4/3}
.pls.pls-r34{--pls-ar:3/4}
.pls.pls-n{--pls-ar:16/10}

/* ---- 按模板微调(与各模板内页的字体/圆角一致) ---- */
.pls.pls-t-default3{--pls-r:2px;--pls-rs:2px;--pls-tf:var(--m-serif,Georgia,serif);--pls-tw:500}
.pls.pls-t-default4{--pls-r:4px;--pls-rs:3px;--pls-tf:var(--g-sans,inherit);--pls-tw:700}
.pls.pls-t-default4 .pls-card .pls-t{font-variation-settings:"wdth" 80}
.pls.pls-t-default5{--pls-r:8px;--pls-rs:6px;--pls-tf:var(--k-font,inherit)}

/* ---- 通用骨架 ---- */
.pls .pls-grid{display:grid;grid-template-columns:repeat(var(--pls-c),minmax(0,1fr));
  gap:var(--pls-gap);margin:0;padding:0;list-style:none}
.pls .pls-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;
  background:#fff;border:0;border-radius:var(--pls-r);overflow:hidden;isolation:isolate;
  transition:border-color .2s,box-shadow .25s}
.pls .pls-media{position:relative;display:block;flex:none;aspect-ratio:var(--pls-ar);margin:0;padding:0;
  overflow:hidden;background:var(--pls-soft);text-decoration:none}
.pls .pls-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  margin:0;padding:0;border:0;border-radius:0;object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pls .pls-card:hover .pls-media img{transform:scale(1.035)}
.pls .pls-noimg{position:absolute;inset:0;display:block;background:linear-gradient(135deg,var(--pls-soft),#e7ebf1)}
.pls .pls-body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;margin:0;
  padding:14px 16px 16px}
.pls .pls-card .pls-t{position:static;display:-webkit-box;min-height:2.7em;margin:0;padding:0;overflow:hidden;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--pls-tf);
  font-size:clamp(15px,1.05vw,17px);font-weight:var(--pls-tw);line-height:1.35;letter-spacing:0;
  text-transform:none;color:var(--pls-ink);background:none;border:0}
.pls .pls-card .pls-t a{color:inherit;text-decoration:none;background:none}
.pls .pls-card .pls-t a::after{content:"";position:absolute;inset:0;z-index:1}
.pls .pls-card:hover .pls-t a{color:var(--pls-ac)}
.pls .pls-card .pls-d{display:-webkit-box;margin:0;padding:0;overflow:hidden;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;font-size:14px;line-height:1.6;color:var(--pls-mute)}

/* ---- 按钮: b1 查看(整卡可点, 视觉按钮) / b2 询盘(弹窗) 或 WhatsApp ---- */
.pls .pls-acts{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:6px 0 0}
.pls .pls-b{position:relative;display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;
  gap:6px;min-height:40px;margin:0;padding:8px 14px;border:1px solid transparent;border-radius:var(--pls-rs);
  font-size:14px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;
  white-space:normal;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.pls .pls-b svg{flex:none}
.pls .pls-b1{background:#fff;border-color:var(--pls-line);color:var(--pls-ink)}
.pls .pls-card:hover .pls-b1{border-color:var(--pls-ac);color:var(--pls-ac)}
.pls a.pls-b2,.pls a.pls-b2:link,.pls a.pls-b2:visited{z-index:2;background:var(--pls-ac);
  border-color:var(--pls-ac);color:#fff}
.pls a.pls-b2:hover,.pls a.pls-b2:focus-visible{background:var(--pls-ac2);border-color:var(--pls-ac2);color:#fff}

/* ---- 新闻通用 ---- */
.pls .pls-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;padding:0;
  font-size:13px;line-height:1.4;color:var(--pls-mute)}
.pls .pls-meta time{font-family:inherit;font-size:13px;color:inherit}
.pls .pls-rt{display:inline-flex;align-items:center;gap:5px}
.pls.pls-n .pls-card .pls-t{font-size:clamp(16px,1.2vw,19px);line-height:1.35}
.pls .pls-more{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin:auto 0 0;
  padding:4px 0 0;font-size:14px;font-weight:600;line-height:1.3;color:var(--pls-ac)}
.pls .pls-more svg{transition:transform .2s}
.pls .pls-card:hover .pls-more svg{transform:translateX(3px)}
[dir=rtl] .pls .pls-more svg{transform:scaleX(-1)}
[dir=rtl] .pls .pls-card:hover .pls-more svg{transform:translateX(-3px) scaleX(-1)}

/* ===== 产品样式 ===== */
/* 经典卡片 */
.pls.pls-s-classic .pls-card{border:1px solid var(--pls-line)}
.pls.pls-s-classic .pls-card:hover{border-color:transparent;box-shadow:0 12px 30px -14px rgba(15,23,42,.28)}
/* 图上文字(产品/新闻共用) */
.pls.pls-s-overlay .pls-card{background:#1b2230}
.pls.pls-s-overlay .pls-body{position:absolute;left:0;right:0;bottom:0;padding:56px 16px 16px;
  background:linear-gradient(180deg,rgba(8,12,20,0) 0%,rgba(8,12,20,.5) 38%,rgba(8,12,20,.82) 100%);color:#fff}
.pls.pls-s-overlay .pls-card .pls-t{min-height:0;color:#fff}
.pls.pls-s-overlay .pls-card:hover .pls-t a{color:#fff}
.pls.pls-s-overlay .pls-card .pls-d{color:rgba(255,255,255,.84)}
.pls.pls-s-overlay .pls-b1{background:transparent;border-color:rgba(255,255,255,.62);color:#fff}
.pls.pls-s-overlay .pls-card:hover .pls-b1{border-color:#fff;color:#fff}
.pls.pls-s-overlay .pls-meta{color:rgba(255,255,255,.86)}
.pls.pls-s-overlay .pls-more{color:#fff}
@media (hover:hover){
  .pls.pls-s-overlay .pls-card .pls-d,.pls.pls-s-overlay .pls-acts{display:none}
  .pls.pls-s-overlay .pls-card:hover .pls-d,.pls.pls-s-overlay .pls-card:focus-within .pls-d{display:-webkit-box}
  .pls.pls-s-overlay .pls-card:hover .pls-acts,.pls.pls-s-overlay .pls-card:focus-within .pls-acts{display:flex}
}
/* 横向卡片 */
.pls.pls-s-row .pls-card{flex-direction:row;min-height:180px;border:1px solid var(--pls-line)}
.pls.pls-s-row .pls-media{flex:0 0 38%;aspect-ratio:auto}
.pls.pls-s-row .pls-body{padding:16px 18px}
.pls.pls-s-row .pls-card .pls-t{min-height:0}
.pls.pls-s-row .pls-card:hover{border-color:var(--pls-ac)}
/* 极简 */
.pls.pls-s-minimal .pls-card{background:transparent;border-radius:0;overflow:visible}
.pls.pls-s-minimal .pls-media{border-radius:var(--pls-r)}
.pls.pls-s-minimal .pls-body{gap:6px;padding:12px 0 0}
.pls.pls-s-minimal .pls-acts{gap:4px 18px;padding:2px 0 0}
.pls.pls-s-minimal .pls-b{flex:0 0 auto;min-height:0;padding:6px 0;border:0;border-radius:0;background:none}
.pls.pls-s-minimal .pls-b1,.pls.pls-s-minimal .pls-card:hover .pls-b1{color:var(--pls-ink)}
.pls.pls-s-minimal a.pls-b2,.pls.pls-s-minimal a.pls-b2:link,.pls.pls-s-minimal a.pls-b2:visited{
  background:none;border:0;color:var(--pls-ac);box-shadow:inset 0 -1px 0 currentColor}
.pls.pls-s-minimal a.pls-b2:hover,.pls.pls-s-minimal a.pls-b2:focus-visible{background:none;color:var(--pls-ac2)}
/* 白底框(产品完整显示不裁切) */
.pls.pls-s-framed .pls-card{border:1px solid var(--pls-line);text-align:center}
.pls.pls-s-framed .pls-card:hover{border-color:var(--pls-ac)}
.pls.pls-s-framed .pls-media{margin:10px 10px 0;border-radius:var(--pls-rs)}
.pls.pls-s-framed .pls-media img{padding:8%;object-fit:contain;mix-blend-mode:multiply}
.pls.pls-s-framed .pls-acts{justify-content:center}

/* ===== 新闻样式 ===== */
/* 图文网格 / 头条大图 的普通卡: 无边框 */
.pls.pls-s-grid .pls-card,.pls.pls-s-feature .pls-card{background:transparent;border-radius:0;overflow:visible}
.pls.pls-s-grid .pls-media,.pls.pls-s-feature .pls-media{border-radius:var(--pls-r)}
.pls.pls-s-grid .pls-body,.pls.pls-s-feature .pls-body{padding:14px 0 0}
/* 左图右文列表 */
.pls.pls-s-list .pls-card{flex-direction:row;border:1px solid var(--pls-line)}
.pls.pls-s-list .pls-card:hover{border-color:var(--pls-ac)}
.pls.pls-s-list .pls-media{flex:0 0 34%;aspect-ratio:auto;min-height:190px}
.pls.pls-s-list .pls-body{justify-content:center;gap:10px;padding:18px 22px}
.pls.pls-s-list .pls-card .pls-t{min-height:0;font-size:clamp(17px,1.4vw,21px)}
.pls.pls-s-list .pls-more{margin-top:4px}
/* 头条大图: 第一篇通栏 7/5 */
.pls.pls-s-feature .pls-card.pls-lead{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  background:var(--pls-soft);border-radius:var(--pls-r);overflow:hidden}
.pls.pls-s-feature .pls-lead .pls-media{aspect-ratio:16/9;border-radius:0}
.pls.pls-s-feature .pls-lead .pls-body{justify-content:center;gap:12px;padding:clamp(20px,2.6vw,40px)}
.pls.pls-s-feature .pls-card.pls-lead .pls-t{min-height:0;-webkit-line-clamp:3;font-size:clamp(20px,2vw,30px);
  line-height:1.25}
.pls.pls-s-feature .pls-card.pls-lead .pls-d{-webkit-line-clamp:4;font-size:15px}
.pls.pls-s-feature .pls-lead .pls-more{margin-top:6px}
/* 纯文字 + 日期块 */
.pls.pls-s-text .pls-card{flex-direction:row;align-items:flex-start;gap:16px;padding:18px;
  border:1px solid var(--pls-line)}
.pls.pls-s-text .pls-card:hover{border-color:var(--pls-ac)}
.pls.pls-s-text .pls-body{align-self:stretch;padding:0}
.pls.pls-s-text .pls-card .pls-t{min-height:0}
.pls .pls-dt{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;
  min-width:64px;margin:0;padding:8px 6px;border-radius:var(--pls-rs);background:var(--pls-soft);
  font-family:inherit;font-size:12px;line-height:1.1;color:var(--pls-ink)}
.pls .pls-dt b{font-size:24px;font-weight:700;color:var(--pls-ac)}
.pls .pls-dt span{margin-top:4px;font-size:12px;white-space:nowrap;color:var(--pls-mute)}
/* 图上文字(新闻) */
.pls.pls-n.pls-s-overlay{--pls-ar:4/3}

/* ---- 模板5 话题分类条 ---- */
.pls .pls-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(14px,1.6vw,22px);padding:0}
.pls .pls-topics a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;
  border:1px solid var(--pls-line);border-radius:var(--pls-rs);background:#fff;font-size:14px;line-height:1.2;
  color:var(--pls-ink);text-decoration:none}
.pls .pls-topics a:hover{border-color:var(--pls-ac);color:var(--pls-ac)}
.pls .pls-topics a.on{background:var(--pls-ink);border-color:var(--pls-ink);color:#fff}
.pls .pls-topics i{display:none}
.pls .pls-topics em{font-size:12px;font-style:normal;opacity:.7}

/* ---- 键盘焦点 ---- */
.pls .pls-card .pls-t a:focus-visible{outline:none}
.pls .pls-card .pls-t a:focus-visible::after{outline:2px solid var(--pls-ac);outline-offset:-2px;
  border-radius:var(--pls-r)}
.pls a.pls-b2:focus-visible,.pls .pls-topics a:focus-visible{outline:2px solid var(--pls-ink);outline-offset:2px}

/* ---- 列数随容器宽度降级 ---- */
@container (max-width:1080px){
  .pls-p.pls-c4 .pls-grid{--pls-c:3}
}
@container (max-width:760px){
  .pls-p.pls-c4 .pls-grid,.pls-p.pls-c3 .pls-grid,.pls-n.pls-c3 .pls-grid{--pls-c:2}
  .pls-p.pls-c2 .pls-grid{--pls-c:1}
  .pls.pls-s-feature .pls-card.pls-lead{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:560px){
  .pls-n .pls-grid{--pls-c:1}
  .pls .pls-body{padding:12px}
  .pls .pls-b{min-height:38px;padding:7px 10px;font-size:13px}
  .pls.pls-s-grid .pls-body,.pls.pls-s-feature .pls-body,.pls.pls-s-minimal .pls-body{padding:10px 0 0}
  .pls.pls-s-overlay .pls-body{padding:40px 12px 12px}
  .pls.pls-s-text .pls-card{gap:12px;padding:14px}
}
@container (max-width:480px){
  .pls.pls-s-row .pls-card,.pls.pls-s-list .pls-card{flex-direction:column;min-height:0}
  .pls.pls-s-row .pls-media,.pls.pls-s-list .pls-media{flex:none;aspect-ratio:var(--pls-ar);min-height:0}
}
@container (max-width:340px){
  .pls-p .pls-grid{--pls-c:1}
}
@supports not (container-type:inline-size){
  @media (max-width:1080px){.pls-p.pls-c4 .pls-grid{--pls-c:3}}
  @media (max-width:760px){
    .pls-p.pls-c4 .pls-grid,.pls-p.pls-c3 .pls-grid,.pls-n.pls-c3 .pls-grid{--pls-c:2}
    .pls-p.pls-c2 .pls-grid{--pls-c:1}
    .pls.pls-s-feature .pls-card.pls-lead{grid-template-columns:minmax(0,1fr)}
  }
  @media (max-width:560px){
    .pls-n .pls-grid{--pls-c:1}
    .pls .pls-body{padding:12px}
    .pls .pls-b{min-height:38px;padding:7px 10px;font-size:13px}
  }
  @media (max-width:480px){
    .pls.pls-s-row .pls-card,.pls.pls-s-list .pls-card{flex-direction:column;min-height:0}
    .pls.pls-s-row .pls-media,.pls.pls-s-list .pls-media{flex:none;aspect-ratio:var(--pls-ar);min-height:0}
  }
  @media (max-width:340px){.pls-p .pls-grid{--pls-c:1}}
}
@media (prefers-reduced-motion:reduce){
  .pls .pls-card,.pls .pls-media img,.pls .pls-b,.pls .pls-more svg{transition:none}
  .pls .pls-card:hover .pls-media img{transform:none}
}
/* PLIST_V1_END */
/* PTITLE_C_V1 产品列表卡片标题居中(所有产品卡片样式,新闻 .pls-n 不受影响) */
.pls.pls-p .pls-card .pls-t,.pls.pls-p .pls-card .pls-t a{text-align:center}
.pls.pls-p .pls-card .pls-t{margin-left:auto;margin-right:auto;width:100%}
/* PTITLE_C_V1_END */