/* ========================================
   极简中医 - 图标库
   基于 Lucide Icons / 自定义 SVG
   ======================================== */

/* === 图标基础样式 === */
.icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* === 首页图标 === */
/* 核心理念图标 */
.icon-yin-yang {
  width: 48px;
  height: 48px;
  color: var(--primary);
}

.icon-shield-check {
  width: 48px;
  height: 48px;
  color: var(--primary);
}

.icon-pill {
  width: 48px;
  height: 48px;
  color: var(--primary);
}

.icon-heart-pulse {
  width: 48px;
  height: 48px;
  color: var(--accent);
}

/* === 六大体系图标 === */
/* 辨证体系 */
.icon-clipboard-check {
  width: 40px;
  height: 40px;
  color: var(--primary);
}

/* 经方体系 */
.icon-scroll-text {
  width: 40px;
  height: 40px;
  color: var(--primary);
}

/* 外治体系 */
.icon-hand-metal {
  width: 40px;
  height: 40px;
  color: var(--primary);
}

/* 养生体系 */
.icon-leaf {
  width: 40px;
  height: 40px;
  color: var(--primary);
}

/* 专科体系 */
.icon-stethoscope {
  width: 40px;
  height: 40px;
  color: var(--primary);
}

/* 教材体系 */
.icon-book-open {
  width: 40px;
  height: 40px;
  color: var(--primary);
}

/* === 联系图标 === */
.icon-phone {
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.icon-mail {
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.icon-map-pin {
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.icon-clock {
  width: 16px;
  height: 16px;
  color: var(--accent);
}

/* === 功能图标 === */
.icon-arrow-right {
  width: 20px;
  height: 20px;
  color: var(--primary);
}

.icon-plus {
  width: 20px;
  height: 20px;
}

.icon-edit {
  width: 16px;
  height: 16px;
}

.icon-trash {
  width: 16px;
  height: 16px;
}

.icon-eye {
  width: 16px;
  height: 16px;
}

.icon-user {
  width: 16px;
  height: 16px;
}

.icon-settings {
  width: 20px;
  height: 20px;
}

.icon-log-out {
  width: 20px;
  height: 20px;
}

/* === 新闻图标 === */
.icon-tag {
  width: 14px;
  height: 14px;
}

.icon-calendar {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}

.icon-file-text {
  width: 16px;
  height: 16px;
}

/* === 导航图标 === */
.icon-menu {
  width: 24px;
  height: 24px;
}

.icon-x {
  width: 24px;
  height: 24px;
}

/* === 团队图标 === */
.icon-quote {
  width: 32px;
  height: 32px;
  color: var(--primary);
  opacity: 0.3;
}

/* === 数字图标 === */
.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 {
  width: 32px;
  height: 32px;
  color: var(--primary);
}

/* === 社交图标 === */
.icon-wechat {
  width: 24px;
  height: 24px;
}

.icon-weibo {
  width: 24px;
  height: 24px;
}

/* ========================================
   SVG 图标定义
   ======================================== */

/* 阴阳图标 */
.icon-yinyang {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
}

.icon-yinyang::before {
  content: '';
  position: absolute;
  inset: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a10 10 0 0 1 0 20 5 5 0 0 1 0-10'/%3E%3Ccircle cx='12' cy='7' r='1' fill='currentColor'/%3E%3Ccircle cx='12' cy='17' r='1' fill='currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a10 10 0 0 1 0 20 5 5 0 0 1 0-10'/%3E%3Ccircle cx='12' cy='7' r='1' fill='currentColor'/%3E%3Ccircle cx='12' cy='17' r='1' fill='currentColor'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ========================================
   特色图标 - 内联 SVG 背景图
   ======================================== */

/* 核心理念区域 - 大图标 */
.philosophy-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, rgba(45, 90, 74, 0.1), rgba(45, 90, 74, 0.05));
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-5);
  position: relative;
  overflow: hidden;
}

.philosophy-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%232D5A4A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a10 10 0 0 1 0 20'/%3E%3Ccircle cx='12' cy='7' r='1.5'/%3E%3Ccircle cx='12' cy='17' r='1.5'/%3E%3C/svg%3E") center/48px no-repeat;
  opacity: 0.8;
}

/* 六大体系图标 */
.system-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-4);
  box-shadow: 0 8px 24px rgba(45, 90, 74, 0.25);
  position: relative;
}

.system-icon::after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11'/%3E%3C/svg%3E") center/32px no-repeat;
}

/* 各体系特殊图标 */
.system-card:nth-child(1) .system-icon::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3C/svg%3E") center/32px no-repeat;
}

.system-card:nth-child(2) .system-icon::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z'/%3E%3Cpolyline points='14,2 14,8 20,8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cline x1='10' y1='9' x2='8' y2='9'/%3E%3C/svg%3E") center/32px no-repeat;
}

.system-card:nth-child(3) .system-icon::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 00-2-2v0a2 2 0 00-2 2v0'/%3E%3Cpath d='M14 10V4a2 2 0 00-2-2v0a2 2 0 00-2 2v2'/%3E%3Cpath d='M10 10.5V6a2 2 0 00-2-2v0a2 2 0 00-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 012 2v7.5a5.5 5.5 0 01-11 0v-4'/%3E%3Cpath d='M22 15h-6'/%3E%3Cpath d='M19 12v3'/%3E%3C/svg%3E") center/32px no-repeat;
}

.system-card:nth-child(4) .system-icon::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 019.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E") center/32px no-repeat;
}

.system-card:nth-child(5) .system-icon::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 2.3A.3.3 0 105 2H4a2 2 0 00-2 2v5a6 6 0 006 6v0a6 6 0 006-6V4a2 2 0 00-2-2h-1a.2.2 0 10.3.3'/%3E%3Cpath d='M8 15v1a6 6 0 006 6v0a6 6 0 006-6v-4'/%3E%3Ccircle cx='20' cy='10' r='2'/%3E%3C/svg%3E") center/32px no-repeat;
}

.system-card:nth-child(6) .system-icon::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 016.5 2H20v20H6.5a2.5 2.5 0 01-2.5-2.5z'/%3E%3Cpath d='M8 7h6'/%3E%3Cpath d='M8 11h8'/%3E%3C/svg%3E") center/32px no-repeat;
}

/* ========================================
   页脚图标
   ======================================== */
.footer-contact svg,
.footer-links svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  vertical-align: middle;
  margin-right: 8px;
}