/* ===== 统一导航右侧按钮（金边+悬浮动效，承袭 Windows 客户端卡片风格） ===== */
.cbtn-wrap{
  position:relative;
  display:inline-block;
  isolation:isolate;
}
.cbtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  border-radius:8px;
  border:1px solid rgba(200, 155, 60, 0.25); /* 金边：对应 dcard-primary */
  background-color: rgba(13, 26, 43, 0.2);
  cursor:pointer;
  font-size:14px;
  line-height:1;
  color:rgba(226, 232, 240, 0.9);
  transition:all .35s cubic-bezier(.22,1,.36,1); /* 顺滑过渡 */
  z-index:0;
}
/* 顶部的金色微光线，对应 Windows 客户端卡片顶部的金色线 */
.cbtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 155, 60, 0.85), transparent);
  opacity: 0.5;
  transition: opacity 0.35s;
  pointer-events: none;
}
.cbtn:hover::before {
  opacity: 1;
}
.cbtn:hover{
  transform: translateY(-4px) scale(1.03); /* 鼠标过去会动，向上悬浮+微放大 */
  background-color: rgba(13, 26, 43, 0.5);
  color:#ffffff;
  border-color: rgba(200, 155, 60, 0.65) !important;
  box-shadow: 0 10px 20px -8px rgba(200, 155, 60, 0.35) !important; /* 金色发光投影 */
}
.cbtn:active{
  transform: translateY(-1px) scale(0.98); /* 点击下压回弹 */
}

/* 尺寸 */
.cbtn-icon{ width:40px; height:40px; }
.cbtn-text{ height:38px; padding:0 18px; }

.cbtn svg{ width:18px; height:18px; pointer-events:none; }