/* Shared brand avatar — image served from /favicon.ico (avatar.base64.txt) */

/* 哲风站同款光标：默认空心箭头 + 可点时发光手型（仅精细指针设备） */
:root {
  --yb-cursor: url("/assets/cursor-arrow.png") 1 1, auto;
  --yb-cursor-pointer: url("/assets/cursor-pointer.png") 10 2, pointer;
}

@media (pointer: fine) {
  html,
  body {
    cursor: var(--yb-cursor);
  }

  a,
  button,
  .btn,
  .module,
  .module-link,
  label,
  summary,
  select,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="checkbox"],
  input[type="radio"],
  input[type="file"],
  input[type="range"] {
    cursor: var(--yb-cursor-pointer);
  }

  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="url"],
  input[type="tel"],
  input:not([type]),
  textarea {
    cursor: text;
  }

  :disabled,
  [disabled],
  [aria-disabled="true"] {
    cursor: not-allowed;
  }
}

.logo.site-avatar,
.site-avatar {
  display: block !important;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  padding: 0 !important;
  margin: 0;
  overflow: hidden !important;
  border-radius: 50% !important;
  border: 2px solid rgba(0, 232, 255, 0.55) !important;
  background: none !important;
  box-shadow:
    0 0 0 1px rgba(255, 45, 149, 0.3),
    0 0 24px rgba(0, 232, 255, 0.28) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.logo.site-avatar img,
.site-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.site-avatar--lg {
  width: 64px !important;
  height: 64px !important;
}

/* Telegram 联系入口 — 全站共用，需比导航其它按钮更醒目 */
a.btn-telegram,
.btn.btn-telegram {
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid rgba(0, 232, 255, 0.55) !important;
  background: linear-gradient(135deg, #0099dd 0%, #005a87 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow:
    0 0 18px rgba(0, 232, 255, 0.35),
    0 10px 28px rgba(0, 40, 64, 0.45);
}

a.btn-telegram:hover,
.btn.btn-telegram:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 232, 255, 0.85) !important;
  background: linear-gradient(135deg, #00b4ff 0%, #0077aa 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 0 28px rgba(0, 232, 255, 0.5),
    0 14px 32px rgba(0, 40, 64, 0.5);
}