/* ========================================
   SVG 图标样式
   ======================================== */

/* 通用 SVG 图标样式 */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  flex-shrink: 0;
}

/* 图标尺寸变体 */
.icon-sm { font-size: 0.875rem; }
.icon-md { font-size: 1rem; }
.icon-lg { font-size: 1.25rem; }
.icon-xl { font-size: 1.5rem; }
.icon-2x { font-size: 2rem; }

/* 导航栏 Logo 图标 */
.nav-logo .icon {
  font-size: 2rem;
  color: var(--accent-color);
}

/* 特色卡片图标 */
.feature-icon .icon {
  font-size: 2rem;
  color: #fff;
}

/* 画廊放大图标 */
.gallery-overlay .icon {
  font-size: 2rem;
  color: #fff;
}

/* 轮播箭头图标 */
.slider-arrow .icon {
  font-size: 1.25rem;
}

/* 漂浮按钮图标 */
.float-btn .icon {
  font-size: 1.25rem;
}

/* 卡片位置图标 */
.card-location .icon {
  color: var(--primary-color);
}

/* 评分星星图标 */
.card-rating .icon {
  color: var(--accent-color);
}

/* 页脚品牌图标 */
.footer-brand .icon {
  color: var(--accent-color);
}

/* 页脚社交图标 */
.footer-social .icon {
  font-size: 1.1rem;
}

/* 页脚联系方式图标 */
.footer-contact .icon {
  color: var(--primary-color);
  width: 20px;
}

/* 面包屑图标 */
.breadcrumb .icon {
  font-size: 0.9rem;
}

/* 播放按钮图标 */
.play-btn .icon {
  font-size: 2rem;
  color: var(--primary-color);
  margin-left: 5px;
}

/* 关闭按钮图标 */
.side-banner-close .icon,
.floating-ad-close .icon {
  font-size: 0.75rem;
}