/* ==========================================================================
   CoT智能场景 - 共用样式
   1) CSS 设计令牌（变量）
   2) 全屏渐变背景（index/detail/publish 复用）
   适用页面: scenes/index、scenes/detail、scenes/publish
   ========================================================================== */

:root {
  --skill-color-primary: #3d3d3d;
  --skill-color-text: #3d3d3d;
  --skill-color-text-secondary: #9b9b9b;
  --skill-color-text-tertiary: rgba(134, 134, 134, 0.9);
  --skill-color-text-fourth: #707070;

  --skill-color-border: #d8d8d8;
  --skill-color-border-light: #dcdcdc;
  --skill-color-bg: rgba(255, 255, 255, 0.3);
  --skill-color-bg-soft: rgba(232, 232, 232, 0.55);
  --skill-color-active: #0052d9;
  --skill-color-active-bg: rgba(0, 44, 187, 0.06);

  --skill-color-link: var(--skill-color-active);
  --skill-color-official-text: var(--skill-color-active);
  --skill-color-official-bg: rgba(22, 119, 255, 0.1);
  --skill-color-community-text: #d4590a;
  --skill-color-community-bg: rgba(250, 140, 22, 0.12);
  --skill-radius-sm: 4px;
  --skill-radius-md: 10px;
  --skill-radius: 12px;
  --skill-radius-lg: 16px;
  --skill-shadow-sm: 0 1px 2px #fff;
  --skill-shadow-card: 0 1px 3px rgba(26, 26, 29, 0.05);
  --skill-shadow-card-hover: 0 8px 24px rgba(26, 26, 29, 0.1);
  --skill-transition: 0.2s ease;
}

/* 全屏共用背景：使用 public/static/images/scenes/bg.png，覆盖 .skill-market / .skill-detail / .skill-publish */
.skill-market::before,
.skill-detail::before,
.skill-publish::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: url("/static/images/scenes/bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.skill-market a,
.skill-detail a {
  color: inherit;
  text-decoration: none;
}