@charset "UTF-8";
/* BasinLens Open Reports Details Override Styles */

/* body 背景变成白色 */
body {
  background-color: #ffffff !important;
}

/* article 取消 padding rounded shadow */
#report-article {
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* article 的父级 div 容器变成 max-w-screen-md mx-auto */
#report-container {
  max-width: 768px !important; /* max-w-screen-md */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 移除 lg:max-w-screen-lg 的响应式覆盖 */
@media (min-width: 1024px) {
  #report-container {
    max-width: 768px !important; /* 保持 max-w-screen-md */
  }
}

/* header 里面的子元素统一左对齐 */
#report-header h1 {
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important; /* mb-2 */
}

/* Report Toolbar 响应式布局 */
.report-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.report-toolbar-left {
  display: flex;
  align-items: center;
}

.report-toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* 在小屏幕上让工具栏换行 */
@media (max-width: 640px) {
  .report-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .report-toolbar-right {
    width: 100%;
  }
}

main {
  margin-bottom: 0 !important;
}

footer {
    padding-bottom:0 !important;
    z-index: 50;
}

/* Ad Sidebar Styles */
#adSidebar {
  width: 256px;
}

#adSidebar .ad-sidebar-container {
  width: 256px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

#adSidebar .ad-sidebar-content {
  padding: 4px;
}

#adSidebar .ad-sidebar-content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* 在移动端和平板上隐藏广告 */
@media (max-width: 1535px) {
  #adSidebar {
    display: none !important;
  }
}

/* 确保有足够的空间时才显示 */
@media (min-width: 1536px) {
  #adSidebar.has-space {
    display: block !important;
  }
}

/* AI 工具链接渐变边框 */
.ai-tool-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  position: relative;
  background: white;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
}

.ai-tool-link img {
  width: 1.25rem;
  height: 1.25rem;
}

.ai-tool-link::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 0.375rem;
  padding: 1px;
  background: linear-gradient(135deg, #e5e7eb 0%, #e5e7eb 50%, #e5e7eb 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all 0.3s ease;
  pointer-events: none;
}

.ai-tool-link:hover::before {
  background: linear-gradient(135deg, #f97316 0%, #d946ef 50%, #9333ea 100%);
}

.ai-tool-link:hover {
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.15);
}