/* =====================================================================
   DS 矢量 logo CSS（辅助）
   - .ds-logo-img 类：定义 logo 在不同尺寸下的圆角和阴影
   - .ds-logo-full：完整大小（hero 区）
   - 暗色模式下 logo 边框适配
   ===================================================================== */

/* ----- 缺省 ----- */
.ds-logo-img {
  display: block;
  border-radius: 9px;
  box-shadow: var(--shadow-sm);
}
.ds-logo-full {
  width: 80px;
  height: 80px;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(14, 27, 46, 0.25);
}

.brand-logo img.ds-logo-img {
  width: 40px;
  height: 40px;
}
.brand-logo-sm img.ds-logo-img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}
.brand-logo-lg img.ds-logo-img {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}

/* ----- Hero 区 logo（大尺寸带金色光晕）----- */
.ds-logo-hero {
  width: 96px;
  height: 96px;
  border-radius: 22px;
  box-shadow:
    0 12px 40px rgba(201, 162, 75, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: transform var(--d-base) var(--ease-spring);
}
.ds-logo-hero:hover {
  transform: rotate(-5deg) scale(1.05);
}

/* ----- 响应式 ----- */
@media (max-width: 600px) {
  .ds-logo-hero { width: 72px; height: 72px; border-radius: 16px; }
}