/* ===== Inline SVG Icons (替代emoji) ===== */

/* 搜索图标 */
.icon-search {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.header-wrapper.transparent .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='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}

/* 密码眼睛图标 */
.icon-eye {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    opacity: 0.4;
    vertical-align: middle;
}

.icon-eye:hover { opacity: 0.7; }

.icon-eye-open {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-eye-closed {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* 播放/暂停控制按钮 */
.ctrl-icon-play {
    background: url('../../img/icon-play.png') center/contain no-repeat;
}

.ctrl-icon-pause {
    background: url('../../img/icon-pause.png') center/contain no-repeat;
}

/* 音量 */
.ctrl-icon-volume {
    background: url('../../img/icon-volume-on.png') center/contain no-repeat;
}

.ctrl-icon-mute {
    background: url('../../img/icon-volume-close.png') center/contain no-repeat;
}

/* 全屏 */
.ctrl-icon-fullscreen {
    background: url('../../img/icon-full.png') center/contain no-repeat;
}

/* 弹幕 */
.ctrl-icon-danmu {
    background: url('../../img/icon-danmu-on.png') center/contain no-repeat;
}

.ctrl-icon-danmu.off {
    background: url('../../img/icon-danmu-close.png') center/contain no-repeat;
}

/* 公告图标 */
.icon-notice {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e6a200'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15v-2h2v2h-2zm0-4V7h2v6h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    flex-shrink: 0;
}

/* 聊天工具按钮 */
.chat-tool-emoji {
    width: 24px;
    height: 24px;
    background: url('../../img/face.png') center/contain no-repeat;
    opacity: 0.5;
    cursor: pointer;
}

.chat-tool-emoji:hover { opacity: 0.8; }

.chat-tool-gift {
    width: 24px;
    height: 24px;
    background: url('../../img/gift.png') center/contain no-repeat;
    opacity: 0.5;
    cursor: pointer;
}

.chat-tool-gift:hover { opacity: 0.8; }

/* 赛事图标（替代球类emoji） */
.league-icon-sm {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}

/* 热力图标（替代火焰emoji） */
.icon-hot-sm {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 2px;
}

/* 进入直播间入场 小圆点 */
.dot-enter {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #52c41a;
    border-radius: 50%;
    margin-right: 4px;
    vertical-align: middle;
}

/* 查看更多箭头（原站用背景图） */
.more-link {
    background: url('../../img/icon-more.png') right center/10px auto no-repeat;
    padding-right: 13px;
}

.more-link:hover {
    color: var(--color-primary) !important;
    background-image: url('../../img/icon-more-hover.png');
}

/* 覆盖之前的伪元素箭头 */
.more-link::after {
    display: none !important;
}