/* ============================================================================
   YONETIX 品牌标志（lib/logo.php 输出的结构）
   ---------------------------------------------------------------------------
   .ynx-lockup = Y 几何标记 + YONETIX 字标
   渐变 ylg 由 SVG 内部定义；字标也用同一段渐变，两者拼起来才像一个整体。
   ============================================================================ */

.ynx-lockup{
  display:inline-flex;
  align-items:center;
  gap:9px;
  line-height:1;
  vertical-align:middle;
  white-space:nowrap;
}
.ynx-mark{
  flex:0 0 auto;
  display:block;
}

/* 字标：重字重 + 宽字距，和标记的几何感对应 */
.ynx-word{
  font-weight:900;
  font-size:17px;
  letter-spacing:3.4px;
  /* 渐变文字 */
  background:linear-gradient(104deg,#FF9EC0 0%,#FB7299 44%,#A874FF 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  /* letter-spacing 会在末字后留白，视觉上右移，补回来 */
  margin-right:-3.4px;
}

/* ---- 尺寸档 ---- */
/* 2026-10-21 去掉 Y 图标后，字标是唯一的品牌视觉元素，各档适度放大 */
.ynx-sm .ynx-word{font-size:14px;letter-spacing:2.8px;margin-right:-2.8px}
.ynx-md .ynx-word{font-size:18px;letter-spacing:3.6px;margin-right:-3.6px}
.ynx-lg .ynx-word{font-size:24px;letter-spacing:4.6px;margin-right:-4.6px}
.ynx-xl .ynx-word{font-size:30px;letter-spacing:6px;margin-right:-6px}

/* ---- 链接包裹（侧栏 / 后台顶栏用） ---- */
.ynx-lockup-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  border-radius:10px;
  transition:opacity .16s var(--ease, ease);
}
.ynx-lockup-link:hover{opacity:.86}

/* ---- 亮色主题：渐变略压深，保证在白底上不发灰 ---- */
:root[data-theme="light"] .ynx-word{
  background:linear-gradient(104deg,#F2547D 0%,#E0416C 46%,#8B5CF6 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---- 窄屏（≤1265 侧栏收成 88px）：标记 + 竖排/迷你字标 ---- */
@media (max-width:1265px) and (min-width:701px){
  /* 窄侧栏（88px）：没有图标了，字标不能压成 8.5px 那种迷你尺寸，
     否则根本看不清。收紧字距把它塞进 88px 就行。 */
  .side .ynx-lockup{flex-direction:row;gap:0}
  .side .ynx-word{
    font-size:11px;
    letter-spacing:.4px;
    margin-right:-.4px;
  }
}

/* ---- 手机（≤700）：侧栏品牌本来就被隐藏，这里不额外处理 ---- */

/* ---- 后台顶栏：标记 + 字标 + 副标题 ---- */
.adm-brand .ynx-lockup{gap:8px}
.adm-brand .ynx-word{
  font-size:16px;
  letter-spacing:3px;
  margin-right:-3px;
}

/* ---- 登录/注册页：品牌行 ---- */
.hero-brand .ynx-lockup{gap:11px}
.hero-brand .ynx-word{font-size:17px;letter-spacing:4.2px;margin-right:-4.2px}
.m-brand .ynx-lockup{gap:8px}
.m-brand .ynx-word{font-size:14px;letter-spacing:3.2px;margin-right:-3.2px}
.auth-brand-m .ynx-lockup{gap:8px}
.auth-brand-m .ynx-word{font-size:14px;letter-spacing:3.2px;margin-right:-3.2px}

/* ---- 亮色主题：渐变整体压深，保证白底上不发灰 ----
   SVG 里 stop-color 是表现属性，可以直接用 CSS 覆盖 */
:root[data-theme="light"] .ynx-mark stop:nth-of-type(1){stop-color:#F2547D}
:root[data-theme="light"] .ynx-mark stop:nth-of-type(2){stop-color:#E0416C}
:root[data-theme="light"] .ynx-mark stop:nth-of-type(3){stop-color:#8B5CF6}