@charset "UTF-8";
/* ============================================================
   君遇圣景 · 移动端 二级栏目页（品牌故事 / 匠心酿造 / 关于我们 / 客户见证）
   栏目可为「列表」（默认）或「单页」（display:page，直接渲染 cover + intro + body）
   复用 mobile.css 的设计令牌与 .topbar 样式
   ============================================================ */

.column-detail{
  padding-top:.24rem;
  padding-bottom:0;
}

/* 左右边距统一为 .3rem，与文创产品二级页（plist-page）保持一致 */
.column-detail > .cd-cover,
.column-detail > .cd-intro,
.column-detail > .cd-body{ padding-left:.3rem; padding-right:.3rem; }

/* 顶部栏「返回」 */
.cd-back{
  flex-shrink:0;
  font-size:.24rem; color:var(--gold); letter-spacing:.1em;
}

/* 封面大图 */
.cd-cover{ width:100%; margin-bottom:.26rem; }
.cd-cover img{ width:100%; height:auto; display:block; border-radius:.16rem; }

/* 标题区 */
.cd-head{ margin-bottom:.28rem; }
.cd-title{
  font-family:var(--serif); font-weight:400;
  font-size:.4rem; line-height:1.5; letter-spacing:.01em; color:var(--text);
  margin:0 0 .12rem;
}
.cd-sub{
  display:inline-block;
  font-size:.22rem; letter-spacing:.12em; color:var(--gold);
  padding:.06rem .18rem;
  border:1px solid var(--line); border-radius:.06rem;
}

/* 正文 */
.cd-body p{
  font-size:.26rem; line-height:2; color:var(--text);
  margin:0 0 .24rem; text-align:justify;
}
.cd-body h3{
  font-family:var(--serif); font-weight:400;
  font-size:.3rem; line-height:1.6; letter-spacing:.04em; color:var(--text);
  margin:.34rem 0 .18rem;
  padding-left:.18rem; border-left:.06rem solid var(--gold);
}
.cd-body a{ color:var(--gold); text-decoration:none; }
.cd-body figure{ margin:0 0 .26rem; }
.cd-body figure img{ width:100%; height:auto; display:block; border-radius:.12rem; }
.cd-body figcaption{
  margin-top:.08rem; font-size:.2rem; color:var(--soft);
  text-align:center; letter-spacing:.06em;
}

/* 未找到 */
.cd-empty{ color:var(--dim); text-align:center; padding:1.2rem 0; font-size:.26rem; }
.cd-empty a{ color:var(--gold); }

/* 栏目简介 */
.cd-intro{
  font-size:.24rem; line-height:1.8; color:var(--dim);
  margin:.1rem 0 .28rem; text-align:justify;
}

/* 内容列表 */
.col-list{ background:var(--ink-2); border-top:1px solid var(--sep); }
.col-item{
  display:flex; align-items:center; justify-content:space-between; gap:.18rem;
  padding:.14rem .3rem;
  border-bottom:1px solid var(--sep); text-decoration:none;
}
.col-item:last-child{ border-bottom:0; }
.col-item:active{ background:var(--ink-3); }
.ci-info{ flex:1; min-width:0; }
.ci-title{
  font-size:.26rem; line-height:1.45; color:var(--text); font-weight:400;
  margin:0 0 .1rem;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ci-desc{
  font-size:.22rem; line-height:1.5; color:var(--soft); font-weight:400;
  margin:0 0 .1rem;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.ci-meta{ display:flex; gap:.22rem; font-size:.2rem; color:var(--soft); }
.ci-thumb{
  width:1.4rem; height:1.05rem; flex-shrink:0;
  border-radius:.1rem; overflow:hidden; background:var(--ink-3);
}
.ci-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

/* 品牌故事栏目：上图下文 */
.col-item.is-top{
  flex-direction:column; align-items:stretch; gap:.12rem;
}
.col-item.is-top .ci-thumb{
  width:100%; height:2.2rem; flex-shrink:0;
  border-radius:.12rem; overflow:hidden; background:var(--ink-3);
}
.col-item.is-top .ci-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.col-item.is-top .ci-title{ margin:0 0 .08rem; }
.col-item.is-top .ci-meta{ margin-top:0; }

/* 客户见证栏目：瀑布流（两列），图片按原比例、左右不对齐 */
.col-list.is-grid{
  column-count:2;
  column-gap:.18rem;
  padding:.08rem .3rem .2rem;
  background:transparent; border-top:0;
}
.col-item.is-grid{
  display:block; width:100%;
  margin:0 0 .2rem;
  break-inside:avoid; -webkit-column-break-inside:avoid;
  padding:0;
  border:1px solid var(--line); border-radius:.16rem; overflow:hidden;
  background:var(--ink-2); text-decoration:none;
  box-shadow:0 .04rem .18rem rgba(0,0,0,.28);
  transition:transform .15s ease;
}
.col-item.is-grid:active{ background:var(--ink-3); transform:translateY(.02rem); }
.col-item.is-grid .ci-thumb{
  width:100%; height:auto;
  border-radius:0; background:var(--ink-3);
}
.col-item.is-grid .ci-thumb img{ width:100%; height:auto; display:block; }
.col-item.is-grid .ci-title{
  margin:0; padding:.16rem .18rem .2rem;
  font-size:.24rem; line-height:1.5; font-weight:400; color:var(--text);
  text-align:left;
  display:block; -webkit-line-clamp:unset; -webkit-box-orient:unset; overflow:visible;
}

/* 单页封面多图轮播（关于我们等） */
.cd-cover.cd-carousel{
  position:relative;
  overflow:hidden;
  border-radius:.16rem;
  background:transparent;
  transform:translateZ(0);          /* 修复 iOS 溢出裁剪失效导致圆角不生效 */
  -webkit-mask-image:-webkit-radial-gradient(white, black);
}
.cd-carousel .cd-track{
  display:flex;
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
  border-radius:inherit;
}
.cd-carousel .cd-track::-webkit-scrollbar{ display:none; }
.cd-carousel .cd-slide{
  flex:0 0 100%;
  scroll-snap-align:center;
  aspect-ratio:15/8;
  overflow:hidden;
  border-radius:.16rem;
}
.cd-carousel .cd-slide img{
  width:100%; height:100%;
  object-fit:cover; display:block;
  border-radius:.16rem;
}
.cd-carousel .cd-dots{
  position:absolute; left:0; right:0; bottom:.16rem;
  display:flex; justify-content:center; gap:.1rem;
  pointer-events:none;
}
.cd-carousel .cd-dots i{
  width:.12rem; height:.12rem; border-radius:50%;
  background:rgba(255,255,255,.55);
  box-shadow:0 0 .05rem rgba(0,0,0,.35);
  transition:background .2s;
}
.cd-carousel .cd-dots i.is-on{ background:#fff; }

/* ---------------- 联系我们：二维码卡片 ---------------- */
.cd-body .cd-qr{
  width:2.9rem;
  max-width:66%;
  margin:.24rem auto .14rem;
}
.cd-body .cd-qr img{
  width:100%; height:auto; display:block;
  border-radius:.16rem;
  box-shadow:0 .06rem .28rem rgba(120,96,40,.12);
  background:#fff;
}
.cd-body .cd-qr-tip{
  text-align:center;
  font-size:.21rem; letter-spacing:.1em; color:var(--soft);
  margin:0 0 .1rem;
}

/* 二维码图：允许长按（iOS 长按识别），禁用系统浮动预览干扰 */
.cd-body .cd-qr img{
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: auto;
}
.cd-body .cd-qr-tip{
  line-height: 1.75;
}

/* 联系我们：联系方式区块（取自网站设置 contact_phone / email，非正文硬编码） */
.column-detail > .cd-contact{ padding-left:.3rem; padding-right:.3rem; }
.cd-contact h3{
  font-family:var(--serif); font-weight:400;
  font-size:.3rem; line-height:1.6; letter-spacing:.04em; color:var(--text);
  margin:.34rem 0 .18rem;
  padding-left:.18rem; border-left:.06rem solid var(--gold);
}
.cd-contact p{
  font-size:.26rem; line-height:2; color:var(--text);
  margin:0 0 .24rem; text-align:justify;
}
.cd-contact a{ color:var(--gold); text-decoration:none; }