:root{
  --datp-color:#0A2E24; --datp-gap:24px;
  --datp-card-bg:#fff; --datp-card-border:rgba(10,46,36,.16); --datp-card-border-w:1px; --datp-card-radius:12px; --datp-shadow:0 5px 14px rgba(0,0,0,.06);
  --datp-title-color:#0A2E24; --datp-link-color:#0A2E24; --datp-meta-color:#3d3d3d; --datp-excerpt-color:#1f1f1f;
  --datp-thumb-radius:0px;
  --datp-cols-d:3; --datp-cols-t:2; --datp-cols-m:1;
  --datp-title-lines:2; --datp-excerpt-lines:4;
}
.datp-section{margin:40px 0}
.datp-head{margin-bottom:16px}
.datp-h2{margin:0;color:var(--datp-title-color);font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.2}
.datp-grid{display:grid;gap:var(--datp-gap);grid-template-columns:repeat(var(--datp-cols-d),1fr)}
@media(max-width:1024px){.datp-grid{grid-template-columns:repeat(var(--datp-cols-t),1fr)}}
@media(max-width:680px){.datp-grid{grid-template-columns:repeat(var(--datp-cols-m),1fr)}}
.datp-card{position:relative;background:var(--datp-card-bg);border:var(--datp-card-border-w) solid var(--datp-card-border);border-radius:var(--datp-card-radius);overflow:hidden;box-shadow:var(--datp-shadow);display:flex;flex-direction:column;min-height:100%}
.datp-thumb{display:block;position:relative;overflow:hidden;border-radius:var(--datp-thumb-radius)}
.datp-ar-16-9 .datp-thumb{aspect-ratio:16/9}
.datp-ar-4-3 .datp-thumb{aspect-ratio:4/3}
.datp-ar-1-1 .datp-thumb{aspect-ratio:1/1}
.datp-ar-3-4 .datp-thumb{aspect-ratio:3/4}
.datp-ar-auto .datp-thumb img{height:auto}
.datp-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.datp-zoom .datp-thumb:hover img{transform:scale(1.06)}
.datp-body{padding:16px}
.datp-title{margin:0 0 6px;font-size:clamp(18px,2vw,20px);line-height:1.35;display:-webkit-box;-webkit-line-clamp:var(--datp-title-lines);-webkit-box-orient:vertical;overflow:hidden}
.datp-title a{color:var(--datp-title-color);text-decoration:underline;text-underline-offset:2px}
.datp-meta{font-size:13px;color:var(--datp-meta-color);margin-bottom:8px}
.datp-excerpt{font-size:15px;line-height:1.55;color:var(--datp-excerpt-color);display:-webkit-box;-webkit-line-clamp:var(--datp-excerpt-lines);-webkit-box-orient:vertical;overflow:hidden}
.datp-more{display:inline-block;margin-top:8px;color:var(--datp-link-color);font-weight:700;text-decoration:underline}
.datp-btn{background:var(--datp-color);color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px;border:none}
.datp-card-click .datp-card{cursor:pointer}
.datp-overlay{position:absolute;inset:0;z-index:1}
.datp-list .datp-card{flex-direction:row}
.datp-list .datp-thumb{flex:0 0 34%;min-width:260px}
.datp-list .datp-body{flex:1}
@media(max-width:680px){.datp-list .datp-card{flex-direction:column}.datp-list .datp-thumb{min-width:auto;flex:0 0 auto}}
.datp-load{margin:18px auto 0;display:block;background:var(--datp-color);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer}
.datp-moreall{text-align:right;margin-top:8px}
.datp-moreall__link{color:var(--datp-link-color);font-weight:700}