/* /tag/vps测评/ 支柱样式里 pillar.css 没有的几块（2026-10-09）。刻度沿用 pillar.css（设计库）：圆角 12、边框 var(--pvl)、间距 8 的倍数。
   部署：wp-content/themes/wpdx-liezhe/assets/css/pillar-tag.css；本机正本 E:\站点\www.liezhe.com\补丁\pillar-tag.css */
.pvA .pt-latest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pvA .pt-it{display:flex;flex-direction:column;border:1px solid var(--pvl);border-radius:12px;overflow:hidden;background:#fff;color:var(--s12);transition:box-shadow .15s,border-color .15s}
.pvA .pt-it:hover{border-color:var(--brand);box-shadow:0 8px 24px rgba(28,34,48,.08)}
.pvA .pt-img{display:block;aspect-ratio:16/9;background:var(--s3);overflow:hidden}
.pvA .pt-img img{display:block;width:100%;height:100%;object-fit:cover}
.pvA .pt-tx{display:flex;flex-direction:column;min-width:0}
.pvA .pt-t{padding:16px 16px 4px;font-size:16px;line-height:26px;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pvA .pt-d{display:block;padding:0 16px 16px;font-size:14px;line-height:22px;color:var(--s11)}
.pvA .pt-allhead{padding-top:32px;padding-bottom:24px}
.pvA .pt-allhead .sh{margin-bottom:0}
.pv .wrap p,.pv .wrap li,.pv .wrap td,.pv .wrap th{word-break:normal}
@media (max-width:960px){.pvA .pt-latest{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pvA .pt-latest{grid-template-columns:minmax(0,1fr)}
  .pvA .pt-it{flex-direction:row;align-items:stretch}
  .pvA .pt-img{flex:0 0 112px;aspect-ratio:auto}
  .pvA .pt-t{padding:12px 12px 2px;font-size:15px;line-height:24px}
  .pvA .pt-d{padding:0 12px 12px;font-size:13px}}

/* 怎么看测评：三张一排（pillar.css 默认两列，三张会剩一张孤零零） */
#kandian .checks{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){#kandian .checks{grid-template-columns:minmax(0,1fr)}}

/* ---- 第二版（10-09）：三家实测对比表、按地区/特点分组、底部推荐清单入口 ---- */
.pvA .pt-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pvl);border-radius:12px}
.pvA .pt-table{width:100%;min-width:860px;border-collapse:collapse;font-size:15px;line-height:24px}
.pvA .pt-table th,.pvA .pt-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--pvl);vertical-align:top}
.pvA .pt-table thead th{background:var(--s2);font-size:14px;color:var(--s11);font-weight:600;white-space:nowrap}
.pvA .pt-table tbody th{font-weight:600;white-space:nowrap}
.pvA .pt-table tbody tr:last-child th,.pvA .pt-table tbody tr:last-child td{border-bottom:0}
.pvA .pt-table td:last-child{white-space:nowrap}
.pvA-az .l.pt-l{flex:0 0 auto;min-width:72px;height:40px;padding:0 12px;border-radius:999px;font-size:15px;white-space:nowrap}
.pvA-az .l.pt-lw{min-width:136px}
.pvA .pt-more{margin-top:24px;padding-top:24px;border-top:1px dashed var(--pvl)}
.pvA .pt-more h3{font-size:16px;line-height:24px;color:var(--s11);margin-bottom:12px}
.pvA .quick b a{color:var(--s12)}
.pvA .quick b a:hover{color:var(--brand)}
@media (max-width:640px){
  .pvA-az .g{flex-direction:column;gap:10px}
  .pvA-az .l.pt-l,.pvA-az .l.pt-lw{align-self:flex-start;min-width:0}
  .pvA-az .chip{min-height:36px;padding:0 12px;font-size:15px}
}
/* 手机上对比表改成一家一张卡（站主 10-08 独立站赚钱页的口径：手机上不要横滑的表） */
@media (max-width:640px){
  .pvA .pt-tw{overflow:visible;border:0;border-radius:0}
  .pvA .pt-table{min-width:0;display:block}
  .pvA .pt-table thead{display:none}
  .pvA .pt-table tbody{display:flex;flex-direction:column;gap:12px}
  .pvA .pt-table tr{display:block;border:1px solid var(--pvl);border-radius:12px;padding:12px 16px}
  .pvA .pt-table th,.pvA .pt-table td{display:flex;gap:12px;padding:6px 0;border:0;white-space:normal}
  .pvA .pt-table tbody th{font-size:16px;padding-bottom:8px;border-bottom:1px solid var(--pvl);margin-bottom:4px}
  .pvA .pt-table td::before{content:attr(data-l);flex:0 0 112px;color:var(--s11);font-size:14px}
  .pvA .pt-table td.pt-go{justify-content:flex-end;padding-top:8px}
}