/* ============================================================
   云创空间官网 —— 品牌资产接入（Logo + 主题图片）
   遵循 ASSET_USAGE_GUIDE：亮色用 *-recolor-light，暗色用原图。
   图片圆角 ≤8px；不进 FAQ / 流程区。
   ============================================================ */

/* ---------- 通用主题图片切换（默认显示亮色，暗色主题切到暗图） ---------- */
.yc-theme-art { display: block; }
.yc-theme-art--dark { display: none; }
[data-theme="dark"] .yc-theme-art--light { display: none; }
[data-theme="dark"] .yc-theme-art--dark { display: block; }

/* ---------- Logo ---------- */
.yc-brand--logo { display: inline-flex; align-items: center; }
/* Logo 用 <object> 以加载 SVG 内部品牌字体；viewBox 900×260 → 用 aspect-ratio 定高 */
.yc-brand__logo { display: block; width: 208px; max-width: 52vw; height: auto; aspect-ratio: 900 / 260; }
/* <object> 不拦截点击，使父链接可点 */
object.yc-brand__logo { pointer-events: none; }
.yc-brand__logo--dark { display: none; }
[data-theme="dark"] .yc-brand__logo--light { display: none; }
[data-theme="dark"] .yc-brand__logo--dark { display: block; }
/* 页脚背景始终较深 → 始终用暗色 Logo */
.yc-footer .yc-brand__logo { width: 252px; }
.yc-footer .yc-brand__logo--light { display: none; }
.yc-footer .yc-brand__logo--dark { display: block; }
@media (max-width: 768px) { .yc-brand__logo { width: 176px; } }

/* ---------- Hero 主视觉 ---------- */
.yc-hero__visual { width: min(100%, 560px); margin-left: auto; }
.yc-hero__image {
  display: block; width: 100%; height: auto; border-radius: 8px;
  object-fit: cover; filter: drop-shadow(0 24px 42px rgba(133, 79, 11, 0.18));
}
@media (max-width: 900px) {
  .yc-hero__panel { order: 0; }   /* 覆盖 site.css 的 order:-1，手机端先看标题与按钮 */
  .yc-hero__visual { width: min(100%, 420px); margin: var(--space-8) auto 0; }
  .yc-hero__image { max-height: 360px; object-fit: contain; }
}

/* ---------- 服务卡片配图 ---------- */
.yc-feature__art {
  width: 100%; aspect-ratio: 1 / 1; max-height: 190px;
  display: grid; place-items: center; overflow: hidden;
  border-radius: 8px; background: var(--paper-2); margin-bottom: var(--space-5);
}
/* contain：完整展示方形插图，避免扁框 cover 裁掉上下 */
.yc-feature__art img { width: 100%; height: 100%; object-fit: contain; grid-area: 1 / 1; }
[data-theme="dark"] .yc-feature__art { background: #070a12; }

/* ---------- 关于：能力矩阵图 + 价值点 ---------- */
.yc-about__side { display: grid; gap: var(--space-6); }
.yc-about__matrix {
  width: 100%; border-radius: 8px; object-fit: contain;
  filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.12));
}

/* ---------- 联系：咨询插画（放在联系方式下，不进表单） ---------- */
.yc-contact__visualwrap { display: grid; width: min(100%, 320px); margin-top: var(--space-8); }
.yc-contact__visual {
  grid-area: 1 / 1; width: 100%; border-radius: 8px; object-fit: cover;
  filter: drop-shadow(0 18px 30px rgba(133, 79, 11, 0.16));
}
@media (max-width: 768px) { .yc-contact__visualwrap { width: min(100%, 260px); } }

/* ============================================================
   图片与背景融合（消除生硬色块）
   亮色图底=#f8f7f5，暗色图底=#000。
   ============================================================ */

/* 大图（Hero / 关于 / 联系）：外缘柔化渐隐，溶入区块背景 */
.yc-hero__image,
.yc-about__matrix,
.yc-contact__visual {
  -webkit-mask-image: radial-gradient(128% 118% at 50% 46%, #000 68%, transparent 100%);
  mask-image: radial-gradient(128% 118% at 50% 46%, #000 68%, transparent 100%);
}
/* 暗色：纯黑底用 screen 融进深色背景，金色插画发亮 */
[data-theme="dark"] .yc-hero__image,
[data-theme="dark"] .yc-about__matrix,
[data-theme="dark"] .yc-contact__visual {
  mix-blend-mode: screen;
}

/* 服务卡片配图：容器底与图片底一致，去掉色差边 */
.yc-feature__art { background: #f8f7f5; }
[data-theme="dark"] .yc-feature__art { background: transparent; }
[data-theme="dark"] .yc-feature__art img { mix-blend-mode: screen; }