/* ══════════════════════════════════════════════════════════
   页面级关注按钮（airead-follow.js）
   已关注 = 实心 fa-star，未关注 = 空心 fa-star-o
   ══════════════════════════════════════════════════════════ */

.airead-follow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  color: #999;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s, background 0.2s, transform 0.1s;
}

.airead-follow-btn:hover {
  color: #4078FF;
  /* border-color: #4078FF; */
  transform: scale(1.06);
  background: linear-gradient(135deg, #4078ff11, #818cf811);
}

.airead-follow-btn.followed {
  color: #4078FF;
  border-color: #4078FF44;
  background: linear-gradient(135deg, #4078ff33, #818cf833);
}

.airead-follow-btn.followed:hover {
  color: #4078FF88;
  border-color: #4078FF22;
  background: linear-gradient(135deg, #4078ff11, #818cf811);
}

.airead-follow-btn.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* 绝对定位容器：右上 / 右下 */
.airead-follow-holder {
  position: absolute;
  z-index: 20;
}

.airead-follow-holder--top-right {
  top: 16px;
  right: 16px;
}

.airead-follow-holder--bottom-right {
  /* bottom: 16px; */
  right: 16px;
  margin-top: 16px;
}

/* filter-bar 内的关注入口：区域右上方 */
.airead-filter-bar {
  position: relative;
}

.airead-filter-bar .airead-follow-holder--top-right {
  top: 12px;
  right: 16px;
}

/* sector / stock 洞察面板需要定位上下文 */
.sector-insights,
.stock-insights-panel {
  position: relative;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .airead-follow-btn {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
  .airead-follow-holder--top-right {
    top: 16px;
    right: 16px;
  }
}