/**
 * Tips & Tricks 区块图标（SVG data URI）。
 * 填色为 #FFBF4B，与 inc_cssjs.html :root --accent 保持一致；改主题色时请同步替换本文件中的 %23FFBF4B。
 */
.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%23FFBF4B%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20stroke%3D%22%23FFBF4B%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%23FFBF4B%22%2F%3E%3C%2Fsvg%3E");
}

.tip-icon--rhythm {
    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%22M3%2017h2M7%2012h2M11%207h2M15%2012h2M19%2017h2%22%20stroke%3D%22%23FFBF4B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2012c2%200%202%205%204%205s2-10%204-10%202%2010%204%2010%202-5%204-5%22%20stroke%3D%22%23FFBF4B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.tip-icon--center {
    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%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20stroke%3D%22%23FFBF4B%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%203v18M3%2012h18%22%20stroke%3D%22%23FFBF4B%22%20stroke-width%3D%221.5%22%20stroke-dasharray%3D%223%203%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23FFBF4B%22%2F%3E%3C%2Fsvg%3E");
}

.tip-icon--boost {
    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%22M13%202L3%2014h8l-1%208%2011-12h-8l1-8z%22%20fill%3D%22%23FFBF4B%22%20stroke%3D%22%23FFBF4B%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}