/* ==========================================================================
 * core/brand-shell.css —— 品牌壳层页（首页 /system/entities 等）共享皮肤
 *
 * 来源：docs/design-package/lanhu/首页/ 四主体 index.css.md 与
 *       docs/design-package/lanhu/设置/设置-主体管理-index.css.md（两稿壳层同款：
 *       侧栏透明浮于品牌 wash、模块卡 124×95 r16、菜单行 257×54、
 *       品牌块 58 Logo+22px 名/13px 副标、折叠汉堡在顶栏 16×13 #3C3C3C）。
 * 作用域：仅 body.yx-page-brand（各页 body 再叠加 yx-page-brand--{prefix} 取
 *         对应主体品牌底图），不污染其他页面（保持 v062 玻璃侧栏）。
 * 纪律：只消费 CSS 变量（半透明白/黑 alpha 层级除外）。
 * ==========================================================================
 */

/* ---------- 页面底：#E4E6E7 兜底 + 主体品牌底图（webp ≈6KB，自 *-bg-home.png
   高保真导出图压制；径向晕染为底图缺失时的回退层） ---------- */
body.yx-page-brand {
  background-color: var(--yx-color-bg-home);
  background-size: cover, auto, auto;
  background-position: center top, 0 0, 0 0;
  background-attachment: fixed;
}

body.yx-page-brand--yanxi {
  background-image: url(../../assets/home/yanxi-bg-home.webp),
    radial-gradient(1100px 720px at 88% 6%, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0) 60%),
    radial-gradient(900px 680px at 6% 96%, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0) 60%);
}

body.yx-page-brand--glt {
  background-image: url(../../assets/home/glt-bg-home.webp),
    radial-gradient(1100px 720px at 88% 6%, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0) 60%),
    radial-gradient(900px 680px at 6% 96%, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0) 60%);
}

body.yx-page-brand--qx {
  background-image: url(../../assets/home/qx-bg-home.webp),
    radial-gradient(1100px 720px at 88% 6%, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0) 60%),
    radial-gradient(900px 680px at 6% 96%, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0) 60%);
}

body.yx-page-brand--wym {
  background-image: url(../../assets/home/wym-bg-home.webp),
    radial-gradient(1100px 720px at 88% 6%, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0) 60%),
    radial-gradient(900px 680px at 6% 96%, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0) 60%);
}

/* ---------- 壳层透明化：侧栏/品牌块/顶栏去框，与品牌底图连成一片 ---------- */
body.yx-page-brand .yx-sidebar {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-right: none;
}

body.yx-page-brand .yx-sidebar__brand {
  border-bottom: none;
}

body.yx-page-brand .yx-topbar {
  border-bottom: none;
}

/* 域入口卡与菜单间的分隔线（蓝湖 image_2/6：257×2，rgba(59,59,59,.05)） */
body.yx-page-brand .yx-nav-domains {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

/* ---------- 品牌 Logo（未配置主体方形 Logo 时按稿渲染 assets 主体 Logo） ----------
 * base.html 双渲染 {prefix}-logo.png 与皇冠兜底，此处按作用域切换显隐。
 * 彦禧/港链通/青撷=58×58 整图；屋檐猫=58 白圆 + 36×26 猫形。 */
.yx-sidebar__logo-brand {
  display: none;
}

body.yx-page-brand .yx-sidebar__logo-brand {
  display: block;
}

body.yx-page-brand .yx-sidebar__logo-crown {
  display: none;
}

body.yx-page-brand .yx-sidebar__logo--home {
  background: transparent;
  border-radius: 0;
}

body.yx-page-brand .yx-sidebar__logo--home img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

body.yx-page-brand .yx-sidebar__logo--home-wym {
  background: var(--yx-color-bg-card);
  border-radius: 50%;
}

body.yx-page-brand .yx-sidebar__logo--home-wym img {
  width: 36px;
  height: 26px;
}

/* ---------- 折叠触发器（R3 移至顶栏）：32×32 触区 + 16×13 汉堡图标 ---------- */
.yx-sidebar__collapse--top {
  margin: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  color: var(--yx-color-fill-dark);
}

.yx-sidebar__collapse--top:hover {
  background: rgba(255, 255, 255, 0.75);
}