/* show.html · 资讯详情 —— 专属命名空间 .pg-show */
.pg-show { background: var(--c-cream); padding-top: 72px; }

.show-wrap { width: min(1100px, 92%); margin: 0 auto; padding: 3rem 0 2rem; }
.show-crumb { font-size: .88rem; color: var(--c-ink); margin-bottom: 1.5rem; }
.show-crumb a { color: var(--c-green-d); }
.show-crumb a:hover { text-decoration: underline; }

.show-head { margin-bottom: 2rem; }
.show-head h1 { font-size: clamp(1.6rem, 3.5vw, 2.4rem); line-height: 1.4; margin-bottom: .8rem; }
.show-meta { display: flex; gap: 1.2rem; font-size: .86rem; color: var(--c-ink); opacity: .8; }
.show-meta time { color: var(--c-clay); font-weight: 600; }

.show-body { background: var(--c-white); border-radius: var(--radius); padding: 2.5rem 3rem; box-shadow: var(--shadow-card); font-size: 1.02rem; line-height: 1.95; color: var(--c-ink); }
.show-body img { border-radius: 12px; margin: 1.2rem 0; max-width: 100%; }
.show-body p { margin-bottom: 1.1rem; }

/* 详情页内链 CTA 卡 */
.show-inline { background: var(--c-sand); border-radius: var(--radius); padding: 1.6rem 1.8rem; margin: 2rem 0; display: flex; gap: 1.5rem; align-items: center; }
.show-inline img { flex: none; width: 180px; height: 110px; object-fit: cover; border-radius: 10px; }
.show-inline h3 { font-size: 1.1rem; margin-bottom: .4rem; }
.show-inline p { font-size: .9rem; color: var(--c-ink); margin: 0; }

/* 底部相关列表（无标题） */
/* 文内相关服务 */
.show-side { padding: 1rem 0 2rem; }
.show-side .side-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; }
.show-side .side-card { background: var(--c-white); border-radius: var(--radius); padding: 1.6rem 1.7rem; box-shadow: var(--shadow-card); }
.show-side .side-card h3 { font-size: 1.05rem; margin-bottom: .5rem; }
.show-side .side-card p { font-size: .88rem; color: var(--c-ink); margin-bottom: 1rem; }
.show-side .side-note { margin-top: 1.2rem; text-align: center; font-size: .9rem; color: var(--c-ink); opacity: .85; }
@media (max-width: 768px) { .show-side .side-grid { grid-template-columns: 1fr; } }

.show-rel { width: min(1100px, 92%); margin: 0 auto; padding: 1rem 0 4rem; }
.rel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 1.5rem; }
.rel-card { background: var(--c-white); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-card); transition: transform .25s; }
.rel-card:hover { transform: translateY(-4px); }
.rel-card img { width: 100%; height: 140px; object-fit: cover; }
.rel-card .rc-body { padding: .9rem 1.1rem 1.1rem; }
.rel-card .rc-body a { font-size: .92rem; font-weight: 600; color: var(--c-forest); line-height: 1.5; display: block; margin-bottom: .3rem; }
.rel-card .rc-body a:hover { color: var(--c-green-d); }
.rel-card .rc-body time { font-size: .78rem; color: var(--c-ink); opacity: .7; }
.rel-row { background: var(--c-white); border-radius: 12px; box-shadow: var(--shadow-card); margin-bottom: 1rem; padding: .9rem 1.2rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.rel-row a { font-size: .95rem; color: var(--c-forest); font-weight: 600; }
.rel-row a:hover { color: var(--c-green-d); }
.rel-row time { font-size: .8rem; color: var(--c-ink); opacity: .7; flex: none; }

/* 常见报考问题静态问答 */
.show-faq { padding: 40px 0 10px; }
.show-faq .faq-list { max-width: 820px; margin: 0 auto; }
.show-faq .faq-item { background: var(--c-white); border-radius: 14px; box-shadow: var(--shadow-card); margin-bottom: 1rem; overflow: hidden; }
.show-faq .faq-item summary { list-style: none; cursor: pointer; padding: 1.1rem 1.4rem; font-weight: 600; color: var(--c-forest); }
.show-faq .faq-item summary::-webkit-details-marker { display: none; }
.show-faq .faq-item p { padding: 0 1.4rem 1.1rem; font-size: .92rem; color: var(--c-ink); }

/* 文章导读说明 */
.show-intro { padding: 30px 0 10px; }
.intro-wrap { background: var(--c-white); border-radius: var(--radius); padding: 1.8rem 2rem; box-shadow: var(--shadow-card); }
.intro-wrap h2 { font-size: 1.25rem; margin-bottom: .6rem; }
.intro-wrap p { font-size: .93rem; color: var(--c-ink); margin-bottom: .5rem; }

/* 相关服务入口 */
.show-services { padding: 40px 0 10px; }
.svc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; }
.svc-card { background: var(--c-white); border-radius: var(--radius); padding: 1.4rem 1.5rem; box-shadow: var(--shadow-card); text-decoration: none; color: var(--c-ink); transition: transform .25s, box-shadow .25s; }
.svc-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
.svc-card h3 { font-size: 1.02rem; margin-bottom: .4rem; color: var(--c-forest); }
.svc-card p { font-size: .85rem; color: var(--c-ink); }
@media (max-width: 768px) { .svc-grid { grid-template-columns: 1fr 1fr; } }

/* 关于本站服务说明 */
.show-about { padding: 50px 0 30px; }
.about-wrap { background: var(--c-white); border-radius: var(--radius); padding: 2rem 2.2rem; box-shadow: var(--shadow-card); border-left: 5px solid var(--c-forest); }
.about-wrap h2 { font-size: 1.3rem; margin-bottom: .8rem; }
.about-wrap p { font-size: .93rem; color: var(--c-ink); margin-bottom: .6rem; }

/* 关于我们服务 */
.show-aboutus { padding: 40px 0 30px; }
.au-wrap { background: linear-gradient(120deg, var(--c-forest), var(--c-green-d)); border-radius: var(--radius); padding: 2rem 2.2rem; text-align: center; }
.au-wrap h2 { color: var(--c-cream); font-size: 1.3rem; margin-bottom: .7rem; }
.au-wrap p { color: #DCE5D6; font-size: .93rem; margin-bottom: .5rem; }

@media (max-width: 1024px) {
  .show-body { padding: 1.8rem 1.5rem; }
  .rel-grid { grid-template-columns: 1fr 1fr; }
  .show-inline { flex-direction: column; }
  .show-inline img { width: 100%; height: 160px; }
}
@media (max-width: 520px) {
  .rel-grid { grid-template-columns: 1fr; }
  .rel-row { flex-direction: column; align-items: flex-start; }
}