/* ============================================================
   ujoffshore.com · page-show.css —— 资讯详情页（独立原创骨架）
   手账温柔风：藕粉 #E7A9AF / 深藕 #D98C94 / 米杏 #F7EBDE / 浅咖 #A98E7E / 深褐 #5C4A41
   本页所有 a 标签为绝对路径（配合 <base href="/" >），样式与全站其他页面骨架互异
   ============================================================ */

/* ---------- 文章头部 ---------- */
.page-show .show-head{position:relative;background:linear-gradient(120deg,#F7EBDE 0%,#F4E3D3 55%,#F7EBDE 100%);padding-block:52px 60px;overflow:hidden}
.page-show .show-head::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:2px dashed rgba(201,143,126,.35)}
.page-show .show-head::after{content:"";position:absolute;left:8%;bottom:-34px;width:120px;height:26px;background:rgba(231,169,175,.4);transform:rotate(-3deg);border-radius:4px}
.page-show .show-crumb{display:flex;gap:10px;align-items:center;font-size:.9rem;color:#b99a88;margin-bottom:22px}
.page-show .show-crumb a{color:#8a7264;transition:color .2s}
.page-show .show-crumb a:hover{color:var(--c-pink-deep)}
.page-show .show-crumb i{font-style:normal;color:#D9B7A4}
.page-show .show-title{font-family:var(--f-serif);font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.4;color:var(--c-ink);max-width:22em}
.page-show .show-time{display:inline-block;margin-top:16px;padding:5px 14px;background:var(--c-white);border-radius:20px;color:#8a7264;font-size:.85rem;border:1px solid #EAD9C8}
.page-show .show-contact-tip{margin-top:20px;display:flex;gap:16px;flex-wrap:wrap;font-size:.95rem;color:#6d594e}
.page-show .show-contact-tip b{color:var(--c-pink-deep)}
.page-show .show-contact-tip a{color:var(--c-pink-deep)}

/* ---------- 正文 ---------- */
.page-show .show-body{padding-block:56px}
.page-show .show-body-in{max-width:920px}
.page-show .show-article{background:var(--c-white);border-radius:var(--r-lg);border:1px solid #F0DFCE;box-shadow:0 4px 18px rgba(169,142,126,.08);padding:clamp(22px,4vw,46px)}
.page-show .show-article img{max-width:100%;height:auto;border-radius:14px;margin:14px 0 4px;box-shadow:0 3px 14px rgba(169,142,126,.15)}
.page-show .show-article p{margin:1.1em 0;font-size:1.02rem;line-height:2.05;color:#5C4A41}
.page-show .show-article h2,.page-show .show-article h3{font-family:var(--f-serif);color:var(--c-ink);margin:1.6em 0 .6em}
.page-show .show-article h2{font-size:1.35rem}
.page-show .show-article h3{font-size:1.15rem}
.page-show .show-article blockquote{margin:1.4em 0;padding:16px 20px;background:#FBF1E4;border-left:4px solid var(--c-pink);border-radius:0 12px 12px 0;color:#6d594e}
.page-show .show-article a{color:var(--c-pink-deep);border-bottom:2px solid var(--c-pink)}
.page-show .show-article-foot{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.page-show .show-wechat-tip{margin-top:26px;padding:18px 24px;background:linear-gradient(115deg,#F7EBDE,#F4E3D3);border:1px dashed #E3CDB7;border-radius:var(--r-lg)}
.page-show .show-wechat-tip p{margin:0;color:#6d594e;font-size:.96rem;line-height:1.8}
.page-show .show-wechat-tip b{color:var(--c-pink-deep)}

/* ---------- 延伸阅读（五个数据源，无小标题，连续排列） ---------- */
.page-show .show-related{padding-block:70px}
.page-show .rel-lot{display:grid;grid-template-columns:1fr;gap:20px;margin-top:26px}
.page-show .rel-lot + .rel-lot{margin-top:14px}
@media(min-width:680px){.page-show .rel-lot{grid-template-columns:repeat(3,1fr)}}
.page-show .rel-card{position:relative;display:block;background:var(--c-white);border-radius:16px;border:1px solid #F0DFCE;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.page-show .rel-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(169,142,126,.15)}
.page-show .rel-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.page-show .rel-card h3{margin:0;padding:16px 18px 6px;font-family:var(--f-serif);font-size:1rem;line-height:1.55;color:var(--c-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-show .rel-card time{display:block;padding:0 18px 16px;font-size:.8rem;color:#b99a88}
.page-show .rel-card::after{content:"";position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:8px;background:rgba(244,227,211,.92);border:1px solid #EAD9C8;z-index:1}

@media(max-width:640px){
  .page-show .show-head{padding-block:40px 48px}
  .page-show .show-article-foot{flex-direction:column}
  .page-show .show-article-foot .btn{width:100%}
}

/* CMS 引擎指令行（<%set/%foreach%>）本地预览隐藏，服务端渲染不受影响 */
.cms-tpl{display:none}