/* R74 · 全站统一属性符号（卡牌 TCG 的 11 种能量）
 * 由 `articles/img/_scripts/r74_types_css.py` 生成，请勿手改。
 * 用法：<span class="cst cst-grass" title="Grass" aria-label="Grass"></span>
 *      带文字：<span class="cst-l"><span class="cst cst-grass"></span>Grass</span>
 */
.cst {
    display: inline-block;
    width: 1.05em; height: 1.05em;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    vertical-align: -0.14em;
    flex: 0 0 auto;
}
.cst-l { display: inline-flex; align-items: center; gap: 0.34em; white-space: nowrap; }
.cst-l .cst { width: 0.95em; height: 0.95em; vertical-align: 0; }

.cst-grass { background-color: #4C9A2A; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M2.1%209.9C2.1%205.6%205.7%202.1%209.9%202.1c0%204.3-3.6%207.8-7.8%207.8z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-fire { background-color: #E0531F; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M6.6%20.8c.6%202.2%203.1%203.4%203.1%206.3a3.7%203.7%200%200%201-7.4%200c0-1.5.7-2.6%201.5-3.6.2%201%20.8%201.6%201.5%201.8.7-1.3.8-3%20.4-4.5z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-water { background-color: #2A7FD4; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M1.5%203.6c1.7-1.7%203.1-1.7%204.5%200s2.8%201.7%204.5%200v1.9c-1.7%201.7-3.1%201.7-4.5%200s-2.8-1.7-4.5%200z%22%2F%3E%3Cpath%20d%3D%22M1.5%206.9c1.7-1.7%203.1-1.7%204.5%200s2.8%201.7%204.5%200v1.9c-1.7%201.7-3.1%201.7-4.5%200s-2.8-1.7-4.5%200z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-lightning { background-color: #D9A400; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7%201%202.4%206.6h3.2L4.9%2011%209.6%205.3H6.3z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-psychic { background-color: #A65CA6; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223.3%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.7%22%2F%3E%3Cellipse%20cx%3D%226%22%20cy%3D%226%22%20rx%3D%220.85%22%20ry%3D%221.75%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.cst-fighting { background-color: #B4571F; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpolygon%20points%3D%226.00%200.40%206.96%203.69%209.96%202.04%208.31%205.04%2011.60%206.00%208.31%206.96%209.96%209.96%206.96%208.31%206.00%2011.60%205.04%208.31%202.04%209.96%203.69%206.96%200.40%206.00%203.69%205.04%202.04%202.04%205.04%203.69%22%2F%3E%3C%2Fsvg%3E"); }
.cst-darkness { background-color: #454A54; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7.9%201.2a5.1%205.1%200%201%200%200%209.6%204.1%204.1%200%200%201%200-9.6z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-metal { background-color: #71818F; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpolygon%20points%3D%226%201%2010.3%203.5%2010.3%208.5%206%2011%201.7%208.5%201.7%203.5%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%221.75%22%20fill%3D%22%23%2371818F%22%2F%3E%3C%2Fsvg%3E"); }
.cst-fairy { background-color: #D6538D; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M6%20.9%207.15%204.85%2011.1%206%207.15%207.15%206%2011.1%204.85%207.15.9%206%204.85%204.85z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-dragon { background-color: #A08A2C; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M6%201.3%2010.7%206.1H8.4L6%203.7%203.6%206.1H1.3z%22%2F%3E%3Cpath%20d%3D%22M6%205.9%2010.7%2010.7H8.4L6%208.3%203.6%2010.7H1.3z%22%2F%3E%3C%2Fsvg%3E"); }
.cst-colorless { background-color: #8A837C; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223.4%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.7%22%2F%3E%3C%2Fsvg%3E"); }