/**
 * Tips & Tricks 区块图标（SVG data URI）。
 * 填色为 #64E042，与 inc_cssjs.html :root --accent 保持一致；改主题色时请同步替换本文件中的 %2364E042。
 */
.tip-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-top: 2px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.tip-icon--target {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22%2364E042%22%2F%3E%3Cpath%20stroke%3D%22%2364E042%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3%22%2F%3E%3C%2Fsvg%3E");
}

.tip-icon--eye {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012Z%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%2364E042%22%2F%3E%3C%2Fsvg%3E");
}

.tip-icon--music {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%2018V7l10-2v11%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%222.5%22%20fill%3D%22%2364E042%22%2F%3E%3C%2Fsvg%3E");
}

.tip-icon--timer {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%227%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%207V4M9%202h6%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2014l3.5-2%22%20stroke%3D%22%2364E042%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}