/* 本地图标库（替代已失效的 alicdn 外链）
 * 用法与阿里 iconfont 完全一致：<i class="iconfont icon-xxx"></i>
 * 实现方式：SVG mask + currentColor，图标颜色自动跟随 color，大小跟随 font-size
 */
.iconfont{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-style:normal}
.iconfont::before{content:"";display:inline-block;width:1em;height:1em;background-color:currentColor;
-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}

/* 音符（logo/标题） */
.icon-yinfu{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3v10.55A4 4 0 1 0 14 17V7h4V3h-6z'/></svg>")}
/* 搜索（放大镜） */
.icon-sousuo{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/></svg>")}
/* 播放（三角） */
.icon-bofang{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5v14l11-7z'/></svg>")}
/* 暂停（双竖条） */
.icon-zanting{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 5h4v14H6zM14 5h4v14h-4z'/></svg>")}
/* 上一首 */
.icon-shangyishou{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6h2v12H6zm3.5 6l8.5 6V6z'/></svg>")}
/* 下一首 */
.icon-xiayishou{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 6h2v12h-2zM6 18l8.5-6L6 6z'/></svg>")}
/* 爱心 */
.icon-aixin{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>")}
/* 链接 */
.icon-lianjie{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7a5 5 0 0 0 0 10h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4a5 5 0 0 0 0-10z'/></svg>")}
/* 更多（横三点） */
.icon-gengduo{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 10a2 2 0 1 0 2 2 2 2 0 0 0-2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0-2-2zm6 0a2 2 0 1 0 2 2 2 2 0 0 0-2-2z'/></svg>")}
/* 菜单（三横线，与 hamburger 视觉统一；旧版三条斜线超出 viewBox 已废弃） */
.icon-slash-menu{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M3.5 7h17'/><path d='M3.5 12h17'/><path d='M3.5 17h17'/></svg>")}
/* 顺序播放（箭头） */
.icon-mode-order{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12h14'/><path d='M13 6l6 6-6 6'/></svg>")}
/* 列表循环 */
.icon-mode-list{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 2l4 4-4 4'/><path d='M3 11v-1a4 4 0 0 1 4-4h14'/><path d='M7 22l-4-4 4-4'/><path d='M21 13v1a4 4 0 0 1-4 4H3'/></svg>")}
/* 单曲循环 */
.icon-mode-one{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 2l4 4-4 4'/><path d='M3 11v-1a4 4 0 0 1 4-4h14'/><path d='M7 22l-4-4 4-4'/><path d='M21 13v1a4 4 0 0 1-4 4H3'/><path d='M11.5 10.5l1.5-.9v4.8'/></svg>")}

/* ===== 会员 / VIP 皇冠图标（新增） ===== */
.icon-vip{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 7l4.5 4L12 4l4.5 7L21 7l-1.6 11.2c-.1.5-.5.8-1 .8H5.6c-.5 0-.9-.3-1-.8L3 7zm2.7 2.9L6.4 17h11.2l.7-7.1-2.6 2.3a.8.8 0 0 1-1.2-.2L12 7.3l-2.5 4.7a.8.8 0 0 1-1.2.2L5.7 9.9zM9 19h6v1.5H9z'/></svg>")}
/* 皇冠（实心，用于高亮态） */
.icon-vip-fill{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 4l4.5 7L21 7l-1.6 11.2c-.1.5-.5.8-1 .8H5.6c-.5 0-.9-.3-1-.8L3 7l4.5 4L12 4z'/></svg>")}
/* 汉堡菜单（三横线，统一线宽） */
.icon-hamburger{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M3.5 6.5h17'/><path d='M3.5 12h17'/><path d='M3.5 17.5h17'/></svg>")}
/* 关闭（抽屉关闭） */
.icon-close{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M6 6l12 12'/><path d='M18 6L6 18'/></svg>")}
/* 用户（访客头像 / 个人中心） */
.icon-yonghu{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 3c-4.42 0-8 2.24-8 5v3h2v-3c0-1.66 2.69-3 6-3s6 1.34 6 3v3h2v-3c0-2.76-3.58-5-8-5z'/></svg>")}
/* 分类（音乐分类入口，替代已移除的卡片模块图标） */
.icon-fenlei{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 4h7v7H4V4zm2 2v3h3V6H6zm7-2h7v7h-7V4zm2 2v3h3V6h-3zM4 13h7v7H4v-7zm2 2v3h3v-3H6zm7-2h7v7h-7v-7zm2 2v3h3v-3h-3z'/></svg>")}
/* 月亮（夜间模式）：实心弯月 + 两颗小星，比原来线条版更饱满好看，
   在深色底上也有足够分量；纯 SVG 路径，颜色跟随 currentColor */
.icon-yueliang{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21.1 14.05a.98.98 0 0 0-1.16-.06 7.9 7.9 0 0 1-4.28 1.26 7.82 7.82 0 0 1-7.8-7.8c0-1.5.42-2.94 1.2-4.17a.98.98 0 0 0-1.09-1.5 9.78 9.78 0 0 0-4.6 8.36 9.86 9.86 0 0 0 9.86 9.86c3.5 0 6.72-1.85 8.45-4.86a.98.98 0 0 0-.58-1.09z'/><path d='M17.6 2.2a.7.7 0 0 1 .66.47l.24.7.7.24a.7.7 0 0 1 0 1.32l-.7.24-.24.7a.7.7 0 0 1-1.32 0l-.24-.7-.7-.24a.7.7 0 0 1 0-1.32l.7-.24.24-.7a.7.7 0 0 1 .66-.47z'/><path d='M20.9 8.35a.55.55 0 0 1 .52.37l.19.55.55.19a.55.55 0 0 1 0 1.04l-.55.19-.19.55a.55.55 0 0 1-1.04 0l-.19-.55-.55-.19a.55.55 0 0 1 0-1.04l.55-.19.19-.55a.55.55 0 0 1 .52-.37z'/></svg>")}
/* 太阳（白天模式）：实心圆心 + 8 根圆头光芒 */
.icon-taiyang{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 7.6a4.4 4.4 0 1 0 0 8.8 4.4 4.4 0 0 0 0-8.8z'/><path d='M12 1.6a1.05 1.05 0 0 1 1.05 1.05v1.6a1.05 1.05 0 0 1-2.1 0v-1.6A1.05 1.05 0 0 1 12 1.6z'/><path d='M12 18.7a1.05 1.05 0 0 1 1.05 1.05v1.6a1.05 1.05 0 0 1-2.1 0v-1.6A1.05 1.05 0 0 1 12 18.7z'/><path d='M4.13 4.13a1.05 1.05 0 0 1 1.49 0l1.13 1.14a1.05 1.05 0 0 1-1.48 1.48L4.13 5.62a1.05 1.05 0 0 1 0-1.49z'/><path d='M17.25 17.25a1.05 1.05 0 0 1 1.48 0l1.14 1.13a1.05 1.05 0 0 1-1.49 1.49l-1.13-1.14a1.05 1.05 0 0 1 0-1.48z'/><path d='M1.6 12a1.05 1.05 0 0 1 1.05-1.05h1.6a1.05 1.05 0 0 1 0 2.1h-1.6A1.05 1.05 0 0 1 1.6 12z'/><path d='M18.7 12a1.05 1.05 0 0 1 1.05-1.05h1.6a1.05 1.05 0 0 1 0 2.1h-1.6A1.05 1.05 0 0 1 18.7 12z'/><path d='M19.87 4.13a1.05 1.05 0 0 1 0 1.49l-1.14 1.13a1.05 1.05 0 0 1-1.48-1.48l1.13-1.14a1.05 1.05 0 0 1 1.49 0z'/><path d='M6.75 17.25a1.05 1.05 0 0 1 0 1.48l-1.13 1.14a1.05 1.05 0 0 1-1.49-1.49l1.14-1.13a1.05 1.05 0 0 1 1.48 0z'/></svg>")}