/* ============================================================
   万商云集·成都站 子站主题 · 样式表
   视觉：川西院落 · 黛青 + 竹影绿
   类前缀：cd- （独立站点专用，不与其它分站共用）
   ============================================================ */
:root {
  --ink:#1F2A2E;
  --primary:#2F6B4F;
  --primary-2:#3E8E6E;
  --accent:#C9A24B;
  --bg:#F4F1EA;
  --bg-alt:#EBE6DA;
  --line:#D8D0BF;
  --heading:#22302B;
  --muted:#5E6B63;
  --radius:14px;
  --shadow:0 10px 28px rgba(31,42,46,.10);
  --gradient:linear-gradient(135deg,#2F6B4F,#3E8E6E);
}

* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.75;
  font-size:16px;
}
body.cd-noscroll { overflow:hidden; }
img { max-width:100%; display:block; }
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--primary-2); }
h1,h2,h3,h4 { color:var(--heading); line-height:1.3; margin:0 0 .5em; }
p { margin:0 0 1em; }

/* 通用按钮 */
.cd-btn {
  display:inline-block;
  padding:.7em 1.5em;
  border-radius:999px;
  font-weight:600;
  border:1px solid transparent;
  transition:transform .15s ease, box-shadow .2s ease;
}
.cd-btn:hover { transform:translateY(-1px); box-shadow:var(--shadow); color:#fff; }
.cd-btn--primary { background:var(--gradient); color:#fff; }
.cd-btn--ghost { background:rgba(255,255,255,.65); color:var(--primary); border-color:rgba(47,107,79,.35); }
.cd-btn--outline { background:transparent; color:var(--primary); border-color:var(--primary); }
.cd-btn--lg { padding:.85em 2em; font-size:1.05rem; }

/* 顶部导航 */
.cd-header {
  position:sticky; top:0; z-index:40;
  background:rgba(244,241,234,.92);
  backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--line);
}
.cd-header__bar {
  max-width:1120px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:.7rem 1.1rem;
}
.cd-brand { display:flex; align-items:center; gap:.55rem; color:var(--heading); }
.cd-brand__logo { height:34px; width:auto; border-radius:8px; }
.cd-brand__name { font-weight:800; font-size:1.1rem; color:var(--heading); }
.cd-brand__phone { font-size:.85rem; color:var(--muted); }
.cd-brand__phone b { color:var(--primary); }
.cd-nav { display:flex; gap:.4rem; flex-wrap:wrap; justify-content:center; padding:0 1.1rem .6rem; }
.cd-nav__link {
  padding:.4rem .9rem; border-radius:999px; color:var(--muted); font-weight:600;
  border:1px solid transparent;
}
.cd-nav__link:hover { color:var(--primary); background:rgba(47,107,79,.08); }
.cd-nav__link--on { color:#fff; background:var(--gradient); }

/* 汉堡与抽屉 */
.cd-burger {
  display:none; width:42px; height:38px; border:1px solid var(--line);
  background:transparent; border-radius:10px; cursor:pointer; padding:9px 10px;
}
.cd-burger span { display:block; height:2px; background:var(--heading); border-radius:2px; }
.cd-burger span + span { margin-top:5px; }
.cd-drawer {
  position:fixed; top:0; right:0; z-index:60;
  width:min(82vw,340px); height:100vh; background:var(--bg);
  border-left:1px solid var(--line); box-shadow:var(--shadow);
  transform:translateX(100%); transition:transform .25s ease;
  display:flex; flex-direction:column; padding:1rem;
}
.cd-drawer--open { transform:translateX(0); }
.cd-drawer__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:.6rem; }
.cd-drawer__name { font-weight:800; color:var(--heading); }
.cd-drawer__close { width:36px; height:36px; border:1px solid var(--line); background:#fff; border-radius:8px; font-size:1.3rem; cursor:pointer; color:var(--ink); }
.cd-drawer__nav { display:flex; flex-direction:column; gap:.25rem; }
.cd-drawer__link { padding:.7rem .8rem; border-radius:10px; color:var(--muted); font-weight:600; }
.cd-drawer__link:hover, .cd-drawer__link--on { background:rgba(47,107,79,.1); color:var(--primary); }
.cd-drawer__tel { margin-top:auto; text-align:center; background:var(--gradient); color:#fff; padding:.7rem; border-radius:10px; font-weight:700; }
.cd-scrim {
  position:fixed; inset:0; z-index:55; background:rgba(31,42,46,.45);
  opacity:0; visibility:hidden; transition:opacity .2s ease;
}
.cd-drawer--open ~ .cd-scrim { opacity:1; visibility:visible; }

/* 内容容器 / 院落外框 */
.cd-content { min-height:60vh; }
.cd-sec { padding:3.4rem 1.1rem; }
.cd-sec--alt { background:var(--bg-alt); }
.cd-sec--band { background:var(--gradient); color:#fff; }
.cd-sec--band h1, .cd-sec--band h2, .cd-sec--band h3, .cd-sec--band .cd-sec__title { color:#fff; }
.cd-sec--band .cd-sec__eyebrow { color:rgba(255,255,255,.85); }
.cd-sec--band .cd-sec__lead { color:rgba(255,255,255,.92); }
.cd-sec__inner { max-width:1080px; margin:0 auto; }
.cd-sec__inner--center { text-align:center; }
.cd-sec__head { margin-bottom:2rem; }
.cd-sec__head--center { text-align:center; }
.cd-sec__eyebrow {
  display:inline-block; font-size:.82rem; letter-spacing:.18em; font-weight:700;
  color:var(--primary); text-transform:uppercase; margin-bottom:.5rem;
}
.cd-sec__title { font-size:1.7rem; }
.cd-sec__lead { color:var(--muted); max-width:62ch; margin-inline:auto; }
.cd-sec__more { display:inline-block; margin-top:.8rem; font-weight:700; color:var(--primary); }

/* 院落式外框（细边框 + 大留白） */
.cd-courtyard {
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  padding:2.6rem 2.2rem;
  box-shadow:var(--shadow);
}

/* Hero（居中文字） */
.cd-hero { padding:3.6rem 1.1rem 1.2rem; }
.cd-hero__inner { max-width:860px; margin:0 auto; text-align:center; }
.cd-hero__badge {
  display:inline-block; padding:.35rem 1rem; border-radius:999px;
  background:rgba(47,107,79,.1); color:var(--primary); font-weight:700; letter-spacing:.05em;
  border:1px solid rgba(47,107,79,.25);
}
.cd-hero__title { font-size:2.5rem; margin:.8rem 0; color:var(--heading); }
.cd-hero__sub { color:var(--muted); font-size:1.08rem; max-width:60ch; margin:0 auto 1rem; }
.cd-hero__meta { color:var(--primary-2); font-weight:600; }
.cd-hero__actions { display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; margin-top:1.4rem; }

/* 独立广告图大块 */
.cd-ad { max-width:1080px; margin:1.6rem auto 0; padding:0 1.1rem; }
.cd-ad__img { width:100%; border-radius:var(--radius); box-shadow:var(--shadow); }

/* 关于块（折叠展开） */
.cd-about { padding:3rem 1.1rem; }
.cd-about__text { max-width:820px; margin:0 auto; text-align:center; }
.cd-about__full { text-align:left; color:var(--ink); margin:1rem auto; }
.cd-about__full--fold { max-height:9.6em; overflow:hidden; }
.cd-about__full.cd-open { max-height:none; overflow:visible; }
.cd-about__btn {
  display:inline-block; margin-top:.4rem; padding:.5rem 1.3rem; border-radius:999px;
  border:1px solid var(--primary); background:#fff; color:var(--primary); font-weight:700; cursor:pointer;
}
.cd-about__link { margin-top:1rem; }

/* 杂志式混排 feature */
.cd-feature { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; margin:2.2rem 0; }
.cd-feature--rev .cd-feature__media { order:2; }
.cd-feature__media img { border-radius:var(--radius); box-shadow:var(--shadow); }
.cd-feature__title { font-size:1.3rem; color:var(--heading); }
.cd-feature__desc { color:var(--muted); }

/* 引言引用块 pull-quote */
.cd-pull {
  margin:2.4rem auto; max-width:760px; padding:1.4rem 1.8rem;
  border-left:4px solid var(--accent);
  background:rgba(201,162,75,.08); border-radius:0 var(--radius) var(--radius) 0;
  font-size:1.18rem; color:var(--heading); font-style:normal;
}
.cd-pull p { margin:0; }

/* 瓷片卡（产品） */
.cd-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.cd-tile {
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow); transition:transform .15s ease;
}
.cd-tile:hover { transform:translateY(-3px); }
.cd-tile__link { display:block; color:var(--ink); }
.cd-tile__img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.cd-tile__title { font-size:1.05rem; padding:1rem 1.1rem .3rem; }
.cd-tile__desc { color:var(--muted); font-size:.92rem; padding:0 1.1rem 1.1rem; }

/* 竖向时间线 */
.cd-timeline { list-style:none; margin:0; padding:0 0 0 1.4rem; position:relative; }
.cd-timeline::before { content:""; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:var(--line); }
.cd-timeline__node { position:relative; padding:0 0 1.8rem 1.4rem; }
.cd-timeline__dot {
  position:absolute; left:-1.4rem; top:.4rem; width:16px; height:16px; border-radius:50%;
  background:var(--gradient); box-shadow:0 0 0 4px rgba(47,107,79,.15);
}
.cd-timeline__body h3 { margin:0 0 .3rem; color:var(--heading); font-size:1.1rem; }
.cd-timeline__body p { color:var(--muted); margin:0; }
.cd-sec--band .cd-timeline::before { background:rgba(255,255,255,.4); }
.cd-sec--band .cd-timeline__body p { color:rgba(255,255,255,.9); }

/* FAQ */
.cd-faq { max-width:840px; margin:0 auto; }
.cd-faq__item { border:1px solid var(--line); border-radius:var(--radius); background:#fff; margin-bottom:.8rem; overflow:hidden; }
.cd-faq__item summary { cursor:pointer; padding:1rem 1.2rem; font-weight:700; color:var(--heading); list-style:none; }
.cd-faq__item summary::-webkit-details-marker { display:none; }
.cd-faq__item summary::after { content:"+"; float:right; color:var(--primary); font-size:1.3rem; line-height:1; }
.cd-faq__item[open] summary::after { content:"\2212"; }
.cd-faq__body { padding:0 1.2rem 1.1rem; color:var(--muted); }

/* 同系企业站点 */
.cd-sites { display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin-top:1rem; }
.cd-sites__item { padding:.5rem 1.1rem; border-radius:999px; background:#fff; color:var(--primary); border:1px solid rgba(255,255,255,.6); font-weight:600; }

/* CTA */
.cd-cta { text-align:center; }
.cd-cta__phone { display:block; font-size:2rem; font-weight:800; color:#fff; margin:.4rem 0 1rem; }

/* 双栏布局（详情页） */
.cd-layout { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1fr 320px; gap:2rem; align-items:start; }
.cd-post { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:2rem; box-shadow:var(--shadow); }
.cd-post__kicker { display:inline-block; color:var(--primary); font-weight:700; letter-spacing:.05em; margin-bottom:.5rem; }
.cd-post__title { font-size:1.8rem; color:var(--heading); }
.cd-post__meta { color:var(--muted); font-size:.9rem; }
.cd-post__body { margin-top:1rem; color:var(--ink); }
.cd-post__body img { border-radius:var(--radius); margin:1rem 0; }
.cd-side { display:flex; flex-direction:column; gap:1rem; }
.cd-side__title, .cd-side__h { font-size:1.05rem; color:var(--heading); margin:0 0 .5rem; }
.cd-side__list { list-style:none; margin:0; padding:0; }
.cd-side__item { padding:.5rem 0; border-bottom:1px dashed var(--line); }
.cd-side__item a { color:var(--muted); }
.cd-side__item a:hover { color:var(--primary); }
.cd-side__block { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.1rem 1.2rem; }
.cd-side__p { color:var(--muted); margin:0; }
.cd-side__ul { margin:.2rem 0 0; padding-left:1.1rem; color:var(--muted); }
.cd-side__tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.cd-tag { padding:.25rem .7rem; border-radius:999px; background:rgba(47,107,79,.1); color:var(--primary); font-size:.85rem; }

/* 产品详情 hero */
.cd-prodhero { padding:2.4rem 1.1rem; background:var(--bg-alt); }
.cd-prodhero__inner { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; }
.cd-prodhero__media img { border-radius:var(--radius); box-shadow:var(--shadow); }
.cd-prodhero__kicker { color:var(--primary); font-weight:700; }
.cd-prodhero__title { font-size:1.9rem; color:var(--heading); }
.cd-prodhero__desc { color:var(--muted); }
.cd-prodhero__info { list-style:none; margin:1rem 0; padding:0; }
.cd-prodhero__info li { display:flex; gap:.6rem; padding:.4rem 0; border-bottom:1px dashed var(--line); }
.cd-prodhero__info span { width:5.5em; color:var(--muted); flex:none; }

/* 新闻/产品列表 */
.cd-empty { text-align:center; color:var(--muted); padding:2rem 0; }
.cd-pager { text-align:center; margin-top:1.6rem; color:var(--muted); }
.cd-pager a { display:inline-block; margin:0 .2rem; padding:.35rem .8rem; border:1px solid var(--line); border-radius:8px; }
.cd-pager .current, .cd-pager .on { background:var(--gradient); color:#fff; border-color:transparent; }

/* 关于/联系 文本 */
.cd-prose { max-width:760px; margin:0 auto; color:var(--ink); }
.cd-contact { max-width:560px; margin:1.4rem auto; display:grid; gap:.8rem; }
.cd-contact__item { display:flex; justify-content:space-between; gap:1rem; padding:.8rem 1rem; background:#fff; border:1px solid var(--line); border-radius:var(--radius); }
.cd-contact__k { color:var(--muted); }
.cd-contact__v { font-weight:700; color:var(--heading); }

/* 页脚 */
.cd-foot { background:var(--heading); color:#fff; padding:2.2rem 1.1rem; }
.cd-foot__inner { max-width:1080px; margin:0 auto; }
.cd-nap { display:flex; flex-wrap:wrap; gap:1.4rem; justify-content:center; font-size:.9rem; color:rgba(255,255,255,.85); margin-bottom:1.2rem; }
.cd-foot__cities { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin-bottom:1.4rem; }
.cd-foot__city { padding:.4rem .9rem; border-radius:999px; background:rgba(255,255,255,.1); color:#fff; font-size:.85rem; }
.cd-foot__city:hover { background:var(--gradient); color:#fff; }
.cd-foot__bar { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.15); padding-top:1.2rem; font-size:.9rem; }
.cd-foot__copy { color:rgba(255,255,255,.8); margin:0; }
.cd-foot__links a { color:rgba(255,255,255,.8); margin-left:1rem; }
.cd-foot__links a:hover { color:#fff; }
.cd-foot__tel { font-size:1.3rem; font-weight:800; color:var(--accent); }

/* 响应式 */
@media (max-width:860px) {
  .cd-nav { display:none; }
  .cd-burger { display:block; }
  .cd-feature, .cd-prodhero__inner { grid-template-columns:1fr; }
  .cd-feature--rev .cd-feature__media { order:0; }
  .cd-tiles { grid-template-columns:repeat(2,1fr); }
  .cd-layout { grid-template-columns:1fr; }
  .cd-hero__title { font-size:2rem; }
}
@media (max-width:520px) {
  .cd-tiles { grid-template-columns:1fr; }
  .cd-courtyard { padding:1.6rem 1.1rem; }
  .cd-hero__title { font-size:1.7rem; }
}