/**
 * Tips & Tricks 区块图标（SVG data URI）。
 * 填色为 #D0FD4D，与 inc_cssjs.html :root --accent 保持一致；改主题色时请同步替换本文件中的 %23D0FD4D。
 */
.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%23D0FD4D%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20stroke%3D%22%23D0FD4D%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%23D0FD4D%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%22M12%202.4l2.35%205.5%205.95.55-4.5%203.9%201.35%205.75L12%2015.4%206.85%2018.1l1.35-5.75-4.5-3.9%205.95-.55L12%202.4z%22%20fill%3D%22%23D0FD4D%22%20stroke%3D%22%23D0FD4D%22%20stroke-width%3D%221.2%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%3Cpath%20d%3D%22M12%203.2L2.8%2020h18.4L12%203.2z%22%20stroke%3D%22%23D0FD4D%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%209.2v5.2%22%20stroke%3D%22%23D0FD4D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2217.2%22%20r%3D%221.15%22%20fill%3D%22%23D0FD4D%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%23D0FD4D%22%20stroke%3D%22%23D0FD4D%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}