/* ============================================================
   新道优信建站 — 文章详情页样式 page-show.css
   骨架：文章头 / 正文+侧栏 / 五个CMS数据块 / CTA
   注意：本页全部 a 标签与资源均为根绝对路径（配合 base href="/"）
   ============================================================ */
body.page-show{background:#fff}

/* ---------- ① 文章头 ---------- */
.art-hero{padding:56px 0 60px}
.art-hero h1{max-width:860px;font-size:clamp(24px,3.2vw,36px)}
.art-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;font-size:13.5px;color:var(--c-muted)}
.art-meta a{color:var(--c-purple-400);font-weight:700}

/* ---------- ② 正文 + 侧栏 ---------- */
.art-layout{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start}
.art-main{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:38px 40px}
.art-main > img{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:26px}
.art-main p{font-size:15.5px;color:var(--c-text);margin-bottom:1.2em}
.art-main h3{font-size:20px;margin:26px 0 12px}
.art-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:22px;border-top:1px dashed var(--c-line)}
.art-end{margin-top:30px;padding:18px 22px;border-radius:14px;background:var(--c-bg-pink);font-size:14px;color:var(--c-ink)}
.art-end a{color:var(--c-purple-400)}
.art-side{display:flex;flex-direction:column;gap:20px}
.side-card{padding:24px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--c-line)}
.side-contact{background:var(--grad-soft);border-color:transparent}
.side-card h3{font-size:16px;margin-bottom:12px}
.side-card p{font-size:13.5px;color:var(--c-text);margin-bottom:16px}
.side-card .btn{width:100%;margin-bottom:10px}
.side-links li{margin-bottom:9px}
.side-links a{font-size:14px;color:var(--c-text);display:inline-flex;align-items:center;gap:6px;transition:color .25s,padding-left .25s}
.side-links a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-pink-300)}
.side-links a:hover{color:var(--c-purple-400);padding-left:4px}

/* ---------- ③ 五个数据块 ---------- */
.more-sec{padding-top:72px}
.more-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px}
.more-card{display:block;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--c-line);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.more-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
.more-card img{width:100%;height:150px;object-fit:cover}
.more-card-row{display:flex}
.more-card-row img{width:38%;height:auto;object-fit:cover;flex:none}
.more-body{padding:16px 18px}
.more-card h3{font-size:15px;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.more-card p{font-size:13px;color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
.more-meta{font-size:12px;color:var(--c-muted)}

/* ---------- ④ CTA ---------- */
.cta-band{background:var(--grad-dark);color:#fff;padding:64px 0}
.cta-band-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:clamp(20px,2.6vw,28px);margin-bottom:8px}
.cta-band p{color:#D8CBE0}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){.art-layout{grid-template-columns:1fr}.art-side{flex-direction:row;flex-wrap:wrap}.side-card{flex:1;min-width:240px}}
@media (max-width:860px){.more-row{grid-template-columns:1fr 1fr}.more-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .art-main{padding:26px 20px}
  .more-row{grid-template-columns:1fr}
  .more-card-row{flex-direction:column}
  .more-card-row img{width:100%;height:170px}
  .cta-band-in{flex-direction:column;align-items:flex-start}
}