/* ============================================================
   星枢AI 全新品牌 LOGO（星环图形 · 金色辉光呼吸 + 光晕 + 沿形扫光）
   统一替换全站旧“星”字/渐变方块徽章：.brand-logo / .adm-logo span /
   .wb-logo / .sq-logo-badge / .logo .dot。透明底 PNG，适配深/浅主题。
   ============================================================ */
.brand-logo,
.adm-logo span,
.wb-logo,
body.wb-page .wb-logo,
.sq-logo-badge,
.logo .dot {
  position: relative;
  background: transparent url("../img/brand/starpivot-emblem.png") center / contain no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
  overflow: visible;
  animation: spLogoGlow 2.8s ease-in-out infinite;
  will-change: filter;
}

.brand-logo::before,
.adm-logo span::before,
.wb-logo::before,
body.wb-page .wb-logo::before,
.sq-logo-badge::before,
.logo .dot::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  z-index: -1;
  background: radial-gradient(circle, rgba(255,199,84,.40) 0%, rgba(255,170,40,.14) 46%, rgba(255,170,40,0) 72%);
  filter: blur(7px);
  animation: spLogoHalo 3.4s ease-in-out infinite;
}

.brand-logo::after,
.adm-logo span::after,
.wb-logo::after,
body.wb-page .wb-logo::after,
.sq-logo-badge::after,
.logo .dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,0) 32%, rgba(255,238,185,.75) 50%, rgba(255,255,255,0) 68%);
  background-size: 260% 100%;
  mix-blend-mode: normal;
  -webkit-mask: url("../img/brand/starpivot-emblem.png") center / contain no-repeat;
          mask: url("../img/brand/starpivot-emblem.png") center / contain no-repeat;
  animation: spLogoShine 3.8s ease-in-out infinite;
}

@keyframes spLogoGlow {
  0%, 100% { filter: drop-shadow(0 0 2px rgba(255,216,138,.95)) drop-shadow(0 0 7px rgba(255,176,40,.55)); }
  50%      { filter: drop-shadow(0 0 4px rgba(255,236,176,1))  drop-shadow(0 0 16px rgba(255,182,52,.9)); }
}
@keyframes spLogoHalo {
  0%, 100% { opacity: .55; transform: scale(.94); }
  50%      { opacity: 1;   transform: scale(1.06); }
}
@keyframes spLogoShine {
  0%       { background-position: 190% 0; }
  55%,100% { background-position: -130% 0; }
}

/* 浅色主题同样使用透明徽标，去掉旧青/渐变底与字色 */
html[data-theme="light"] .brand-logo,
html[data-theme="light"] .sb-logo .brand-logo,
html[data-theme="light"] .brand .brand-logo,
html[data-theme="light"] .adm-logo span,
html[data-theme="light"] .wb-logo,
html[data-theme="light"] .sq-logo-badge,
html[data-theme="light"] .logo .dot {
  background: transparent url("../img/brand/starpivot-emblem.png") center / contain no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* 登录弹窗大徽标给足尺寸 */
.auth-logo.brand-logo { width: 64px !important; height: 64px !important; }

/* ============================================================
   整张品牌海报 LOGO（星环 + 星枢AI/StarPivot.ai 字样 + 底部地球金光柱）
   黄色星光与底部金光做呼吸辉光；内容完整、边缘羽化透明。
   ============================================================ */
.sp-logo-full {
  position: relative; display: block; flex: 0 0 auto;
  background: transparent url("../img/brand/starpivot-logo-full.png") center / contain no-repeat;
}
.sp-logo-full::before, .sp-logo-full::after {
  content: ""; position: absolute; left: 50%; pointer-events: none;
  mix-blend-mode: normal; border-radius: 50%;
}
/* 星环黄色星光：呼吸辉光 */
.sp-logo-full::before {
  top: 29%; width: 76%; aspect-ratio: 1.18 / 1; transform: translate(-50%, -50%);
  background: radial-gradient(ellipse at center, rgba(255,216,138,.62) 0%, rgba(255,180,54,.20) 42%, rgba(255,180,54,0) 70%);
  filter: blur(5px); animation: spFullStar 2.8s ease-in-out infinite;
}
/* 底部地球金光柱：呼吸（节奏错开） */
.sp-logo-full::after {
  top: 83%; width: 32%; aspect-ratio: 1 / 1.05; transform: translate(-50%, -50%);
  background: radial-gradient(ellipse at center, rgba(255,218,142,.58) 0%, rgba(255,182,60,.16) 45%, rgba(255,182,60,0) 72%);
  filter: blur(4px); animation: spFullBeam 3.6s ease-in-out infinite;
}
@keyframes spFullStar { 0%,100% { opacity: .36; } 50% { opacity: 1; } }
@keyframes spFullBeam { 0%,100% { opacity: .28; } 50% { opacity: .92; } }

/* 登录/注册弹窗：整张海报大 LOGO */
.auth-hero .sp-logo-full { width: 208px; height: 208px; margin: -8px auto -4px; }

/* 侧边栏：展开态显示整张海报，收起态回退为星环小标记 */
.ws-sidebar .side-brand-v2 { position: relative; }
.ws-sidebar .sb-fulllogo { display: none; }
.ws-sidebar:not(.collapsed) .side-brand-v2 { flex-wrap: wrap; justify-content: center; padding-top: 12px; }
.ws-sidebar:not(.collapsed) .sb-fulllogo { display: block; width: 158px; height: 158px; margin: -4px auto 2px; }
.ws-sidebar:not(.collapsed) .sb-logo,
.ws-sidebar:not(.collapsed) .sb-titles { display: none; }
.ws-sidebar:not(.collapsed) .sb-collapse { position: absolute; top: 8px; right: 8px; z-index: 3; }
.ws-sidebar.collapsed .sb-fulllogo { display: none; }

@media (prefers-reduced-motion: reduce) {
  .brand-logo, .brand-logo::before, .brand-logo::after,
  .adm-logo span, .adm-logo span::before, .adm-logo span::after,
  .wb-logo, .wb-logo::before, .wb-logo::after,
  .sq-logo-badge, .sq-logo-badge::before, .sq-logo-badge::after,
  .logo .dot, .logo .dot::before, .logo .dot::after,
  .sp-logo-full::before, .sp-logo-full::after { animation: none !important; }
}

/* ============================================================
   @V56 侧栏宽幅羽化海报 LOGO：放大 + 融入深色背景（无硬地平线方边）
   使用 starpivot-logo-side.png（四边羽化、已裁掉地球）。
   ============================================================ */
.ws-sidebar:not(.collapsed) .side-brand-v2{ padding-top: 8px; }
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full{
  width: 156px; height: 116px; margin: 0 auto 2px;
  background-color: transparent !important;
  background-image: url("../img/brand/starpivot-logo-side.png") !important;
  background-size: contain !important;
  box-shadow: none !important; filter: none !important;
}
/* @V57 按要求：去掉背景与所有发光/呼吸特效（星环辉光、地球光柱均关闭） */
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full::before,
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full::after{
  display:none !important; content:none !important; animation:none !important;
}


/* ============================================================
   @V58 精修侧栏 LOGO：screen 混合让近黑底融进侧栏（只留发光星环+字标，
   不再是“贴上去的方块”）；尺寸 170x130；极轻呼吸明暗，无额外光柱/辉光层。
   ============================================================ */
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full{
  width:170px !important; height:130px !important; margin:2px auto 2px !important;
  background-color:transparent !important;
  background-image:url("../img/brand/starpivot-logo-side.png") !important;
  background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;
  box-shadow:none !important; border-radius:10px;
  mix-blend-mode:screen; isolation:isolate;
  animation:spLogoBreath 5.2s ease-in-out infinite;
}
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full::before,
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full::after{
  display:none !important; content:none !important; animation:none !important;
}
@keyframes spLogoBreath{
  0%,100%{ filter:none; opacity:.95; }
  50%{ filter:brightness(1.09); opacity:1; }
}
@media (prefers-reduced-motion: reduce){
  .ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full{ animation:none !important; }
}

/* ============================================================
   @V7 精修品牌系统（2026-09）
   - 全新居中、近正圆轨道的紧凑星徽（替换偏下、留白过大的旧徽标）
   - 去掉廉价的金色呼吸发光/光晕/扫光，改为干净、克制的高级质感
   - 深色主题：透明星徽融入背景；浅色主题：深蓝方块 App 图标保证清晰
   - 侧栏展开态：新图形 + 原生“星枢AI / StarPivot.ai”字标横版
   ============================================================ */
.brand-logo,
.adm-logo span,
.wb-logo,
body.wb-page .wb-logo,
.sq-logo-badge,
.logo .dot {
  background-image: url("../img/brand/starpivot-emblem.png?v=15") !important;
  background-size: contain !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
  filter: none !important;
  will-change: auto;
}
.brand-logo::before, .brand-logo::after,
.adm-logo span::before, .adm-logo span::after,
.wb-logo::before, .wb-logo::after,
body.wb-page .wb-logo::before, body.wb-page .wb-logo::after,
.sq-logo-badge::before, .sq-logo-badge::after,
.logo .dot::before, .logo .dot::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

/* 浅色主题：用深蓝圆角方块 App 图标，浅底上清晰、高级 */
html[data-theme="light"] .brand-logo,
html[data-theme="light"] .adm-logo span,
html[data-theme="light"] .wb-logo,
html[data-theme="light"] .sq-logo-badge,
html[data-theme="light"] .logo .dot {
  background-image: url("../img/brand/starpivot-emblem-tile.png?v=15") !important;
  background-size: contain !important;
  background-color: transparent !important;
}

/* 侧栏展开态：新横版字标（图形 + 星枢AI / StarPivot.ai） */
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full {
  width: 206px !important;
  height: 92px !important;
  margin: 6px auto 8px !important;
  background-color: transparent !important;
  background-image: url("../img/brand/starpivot-logo-side.png?v=9") !important;
  background-size: contain !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0;
  mix-blend-mode: normal;
  isolation: isolate;
  opacity: 1;
  animation: none;
}
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full::before,
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce){
  .brand-logo,
  .ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full { animation: none !important; }
}


/* @V11 浅色主题：银色横版字标在浅底不可见，改为 圆角图标 + 原生深色文字标题 */
html[data-theme="light"] .ws-sidebar:not(.collapsed) .side-brand-v2{
  flex-wrap:nowrap !important; justify-content:flex-start !important; align-items:center !important;
  gap:10px !important; padding:12px 14px !important;
}
html[data-theme="light"] .ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full{ display:none !important; }
html[data-theme="light"] .ws-sidebar:not(.collapsed) .sb-logo{ display:flex !important; width:38px !important; height:38px !important; flex:0 0 auto; }
html[data-theme="light"] .ws-sidebar:not(.collapsed) .sb-titles{ display:block !important; }
html[data-theme="light"] .ws-sidebar:not(.collapsed) .sb-titles strong,
html[data-theme="light"] .ws-sidebar:not(.collapsed) .sb-titles small{ color:inherit; }


/* ============================================================
   @V12 统一侧栏展开态（深/浅主题一致）：圆角星徽 + 原生文字标题，
   彻底不用带背景方块的横版图，干净、融入、无发光。
   ============================================================ */
.ws-sidebar:not(.collapsed) .side-brand-v2{
  flex-wrap:nowrap !important; justify-content:flex-start !important;
  align-items:center !important; gap:11px !important; padding:14px 15px !important;
}
.ws-sidebar:not(.collapsed) .sb-fulllogo.sp-logo-full{ display:none !important; }
.ws-sidebar:not(.collapsed) .sb-logo{
  display:flex !important; width:40px !important; height:40px !important; flex:0 0 auto !important;
}
.ws-sidebar:not(.collapsed) .sb-logo .brand-logo{ width:100% !important; height:100% !important; }
.ws-sidebar:not(.collapsed) .sb-titles{ display:block !important; min-width:0; }
.ws-sidebar:not(.collapsed) .sb-titles strong{
  font-size:18px; letter-spacing:.5px; line-height:1.15; white-space:nowrap;
}
.ws-sidebar:not(.collapsed) .sb-titles small{
  display:block; font-size:11px; opacity:.62; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ws-sidebar.collapsed .sb-fulllogo.sp-logo-full,
.ws-sidebar.collapsed .sb-titles{ display:none !important; }
.ws-sidebar.collapsed .sb-logo{ display:flex !important; width:40px !important; height:40px !important; margin:0 auto; }