/* ========================================
   六六学社 · 统一SVG图标库
   手绘素描风格 · 桔梗紫线条 · 无填充
   色彩：桔梗200（#C9AAD5，藕丝秋半）对比度6.46:1 AA
   替换：霓虹紫粉渐变已移除，改用桔梗紫9阶色阶
   使用方式：<span class="icon icon-home icon-md"></span>
   ======================================== */

.icon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* ===== 底部导航图标 ===== */
.icon-home {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11 Q7.5 7.5 12 3.5 Q16.5 7.5 20.5 11'/%3E%3Cpath d='M5.5 11 V20 H9.5 V14.5 H14.5 V20 H18.5 V11'/%3E%3Cpath d='M4 20.5 H20'/%3E%3C/svg%3E");
}
.icon-homework {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3 H16 V21 H5 Z'/%3E%3Cpath d='M7 3 V1'/%3E%3Cpath d='M10 3 V1'/%3E%3Cpath d='M13 3 V1'/%3E%3Cpath d='M8 8 H13'/%3E%3Cpath d='M8 12 H13'/%3E%3Cpath d='M8 16 H11'/%3E%3C/svg%3E");
}
.icon-mic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3 H15 V11 Q15 13.5 12 13.5 Q9 13.5 9 11 Z'/%3E%3Cpath d='M5 11 Q5 17 12 17 Q19 17 19 11'/%3E%3Cpath d='M12 17 V20.5'/%3E%3Cpath d='M8.5 20.5 H15.5'/%3E%3C/svg%3E");
}
.icon-books {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5 H11 V8 H3 Z'/%3E%3Cpath d='M4 9 H12 V12 H4 Z'/%3E%3Cpath d='M5 13 H13 V16 H5 Z'/%3E%3C/svg%3E");
}
.icon-wrong {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6 Q12 11 18 18'/%3E%3Cpath d='M18 6 Q12 11 6 18'/%3E%3C/svg%3E");
}

/* ===== 学科图标 ===== */
.icon-math {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3 H18 V21 H6 Z'/%3E%3Cpath d='M8 5 H16 V8 H8 Z'/%3E%3Cpath d='M9 11 H10 M12 11 H13 M15 11 H16 M9 14 H10 M12 14 H13 M15 14 H16 M9 17 H10 M12 17 H13 M15 17 H16'/%3E%3C/svg%3E");
}
.icon-chinese {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 V6'/%3E%3Cpath d='M7.5 8 H16.5'/%3E%3Cpath d='M7 11 Q10.5 13 8.5 19'/%3E%3Cpath d='M17 11 Q13.5 13 15.5 19'/%3E%3C/svg%3E");
}
.icon-english {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 L7 20'/%3E%3Cpath d='M12 4 L17 20'/%3E%3Cpath d='M9.5 14 H14.5'/%3E%3C/svg%3E");
}

/* ===== 操作按钮图标 ===== */
.icon-camera {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8 H7 L9 6 H15 L17 8 H20 V19 H4 Z'/%3E%3Cpath d='M12 9 Q8.5 9 8.5 13 Q8.5 17 12 17 Q15.5 17 15.5 13 Q15.5 9 12 9 Z'/%3E%3C/svg%3E");
}
.icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 Q7 14.5 9 17 Q13 11 19 6'/%3E%3C/svg%3E");
}
.icon-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5 V19 M5 12 H19'/%3E%3C/svg%3E");
}
.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 Q5 5 5 11 Q5 17 11 17 Q17 17 17 11 Q17 5 11 5 Z'/%3E%3Cpath d='M15.5 15.5 L20 20'/%3E%3C/svg%3E");
}

/* ===== 功能入口图标 ===== */
.icon-trophy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4 H16 V9 Q16 12 12 12 Q8 12 8 9 Z'/%3E%3Cpath d='M5.5 5 H8 V8 Q6.5 8 5.5 6.5'/%3E%3Cpath d='M16 5 H18.5 V8 Q17.5 8 16 8'/%3E%3Cpath d='M12 12 V16'/%3E%3Cpath d='M8 16 H16'/%3E%3Cpath d='M10 20 H14'/%3E%3C/svg%3E");
}
.icon-calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6 H19 V20 H5 Z'/%3E%3Cpath d='M5 10 H19'/%3E%3Cpath d='M8 4 V7'/%3E%3Cpath d='M16 4 V7'/%3E%3C/svg%3E");
}
.icon-settings {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 V4 M12 20 V22 M2 12 H4 M20 12 H22 M4.9 4.9 L6.3 6.3 M17.7 17.7 L19.1 19.1 M4.9 19.1 L6.3 17.7 M17.7 6.3 L19.1 4.9'/%3E%3Cpath d='M12 8 Q8 8 8 12 Q8 16 12 16 Q16 16 16 12 Q16 8 12 8 Z'/%3E%3C/svg%3E");
}

/* ===== 状态/提示图标 ===== */
.icon-empty {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8 Q8 5 12 4 Q16 5 20 8'/%3E%3Cpath d='M4 8 V16 Q8 19 12 20 Q16 19 20 16 V8'/%3E%3Cpath d='M9 12 H15'/%3E%3C/svg%3E");
}
.icon-clock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 Q3 3 3 12 Q3 21 12 21 Q21 21 21 12 Q21 3 12 3 Z'/%3E%3Cpath d='M12 7 V12 L15 14'/%3E%3C/svg%3E");
}
.icon-fire {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 Q7 7 7 12 Q7 17 12 17 Q17 17 17 12 Q17 9 15 7 Q14 9 14 11 Q14 12 12 12 Q10 12 10 10 Q10 6 12 2 Z'/%3E%3C/svg%3E");
}
.icon-play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6 L18 12 L8 18'/%3E%3C/svg%3E");
}
.icon-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 Q7 12 3 20 H21 Q17 12 12 4 Z'/%3E%3Cpath d='M12 10 V15'/%3E%3Cpath d='M12 18 V18.5'/%3E%3C/svg%3E");
}

/* ===== 补充图标（延展设计）===== */
.icon-ai {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5 Q5 4 6 4 H18 Q19 4 19 5 V19 Q19 20 18 20 H6 Q5 20 5 19 Z'/%3E%3Cpath d='M9 10 V14 M15 10 V14 M11 8 H13 M11 14 H13'/%3E%3Cpath d='M2 9 V15 M22 9 V15 M9 2 V4 M15 2 V4 M9 20 V22 M15 20 V22'/%3E%3C/svg%3E");
}
.icon-chart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9 V16 H9 V9 Z'/%3E%3Cpath d='M10 5 V16 H14 V5 Z'/%3E%3Cpath d='M15 7 V16 H19 V7 Z'/%3E%3Cpath d='M4 20 H20'/%3E%3C/svg%3E");
}
.icon-target {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 Q3 3 3 12 Q3 21 12 21 Q21 21 21 12 Q21 3 12 3 Z'/%3E%3Cpath d='M12 7 Q7 7 7 12 Q7 17 12 17 Q17 17 17 12 Q17 7 12 7 Z'/%3E%3Cpath d='M12 10.5 Q10.5 10.5 10.5 12 Q10.5 13.5 12 13.5 Q13.5 13.5 13.5 12 Q13.5 10.5 12 10.5 Z' fill='%23C9AAD5'/%3E%3C/svg%3E");
}
.icon-star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 Q12.5 5.5 14 9 Q17.5 9 21 9 Q18 11.5 15.5 13 Q16.5 16 17.5 19.5 Q14 17.5 12 16 Q10 17.5 6.5 19.5 Q7.5 16 8.5 13 Q6 11.5 3 9 Q6.5 9 10 9 Q11.5 5.5 12 3 Z'/%3E%3C/svg%3E");
}
.icon-medal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 Q6 4 6 10 Q6 16 12 16 Q18 16 18 10 Q18 4 12 4 Z'/%3E%3Cpath d='M8 15 L6 22 L12 19'/%3E%3Cpath d='M16 15 L18 22 L12 19'/%3E%3Cpath d='M12 8 L13 10 L15 10.5 L13.5 12 L14 14 L12 13 L10 14 L10.5 12 L9 10.5 L11 10 Z'/%3E%3C/svg%3E");
}
.icon-rocket {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 Q15 6 15 11 V16 H9 V11 Q9 6 12 3 Z'/%3E%3Cpath d='M12 8 Q10 8 10 10 Q10 12 12 12 Q14 12 14 10 Q14 8 12 8 Z'/%3E%3Cpath d='M9 13 V19 L6 19 V16'/%3E%3Cpath d='M15 13 V19 L18 19 V16'/%3E%3Cpath d='M10 19 V21 M12 19 V22 M14 19 V21'/%3E%3C/svg%3E");
}
.icon-physics {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 Q3 8 12 8 Q21 8 21 12 Q21 16 12 16 Q3 16 3 12 Z'/%3E%3Cpath d='M3 12 Q3 8 12 8 Q21 8 21 12 Q21 16 12 16 Q3 16 3 12 Z' transform='rotate(60 12 12)'/%3E%3Cpath d='M3 12 Q3 8 12 8 Q21 8 21 12 Q21 16 12 16 Q3 16 3 12 Z' transform='rotate(-60 12 12)'/%3E%3Cpath d='M12 11 Q11 11 11 12 Q11 13 12 13 Q13 13 13 12 Q13 11 12 11 Z' fill='%23C9AAD5'/%3E%3C/svg%3E");
}
.icon-chemistry {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AAD5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3 H15 V8 L19 18 Q19.5 20 17.5 20 H6.5 Q4.5 20 5 18 L9 8 V3 Z'/%3E%3Cpath d='M7.5 15 H16.5'/%3E%3C/svg%3E");
}

/* ===== 常用尺寸 ===== */
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 22px; height: 22px; }
.icon-lg { width: 28px; height: 28px; }
.icon-xl { width: 36px; height: 36px; }
.icon-2xl { width: 48px; height: 48px; }
.icon-3xl { width: 64px; height: 64px; }

/* ===== 底部导航图标尺寸调整 ===== */
.nav-icon.icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 4px;
}
.nav-add .nav-icon.icon {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);
}

/* 激活状态的导航图标增加发光效果（桔梗300） */
.nav-item.active .nav-icon.icon {
  filter: drop-shadow(0 0 6px rgba(178,129,185,0.6));
}

/* 列表项图标 */
.list-icon.icon {
  width: 36px;
  height: 36px;
}

/* 学科图标在圆形背景上时用白色 */
.kp-icon .icon {
  filter: brightness(0) invert(1);
}