/* icons-thin.css v4 - CSS mask方案 */
/* 基础规则：仅设置尺寸，不设 background-color，不影响未覆写图标 */
[class*=" bi-"]::before{display:inline-block;width:1em;height:1em;vertical-align:-0.125em}
.bi-chevron-right::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='9 18 15 12 9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='9 18 15 12 9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}
.bi-chevron-left::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='15 18 9 12 15 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='15 18 9 12 15 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}
.bi-box-arrow-right::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 17l5-5-5-5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12H3' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3h7a2 2 0 012 2v14a2 2 0 01-2 2h-7' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 17l5-5-5-5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12H3' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3h7a2 2 0 012 2v14a2 2 0 01-2 2h-7' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.bi-arrow-left-right::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='17 8 21 12 17 16' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='7 8 3 12 7 16' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='21' y1='12' x2='3' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='17 8 21 12 17 16' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='7 8 3 12 7 16' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='21' y1='12' x2='3' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-plus-lg::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cline x1='12' y1='5' x2='12' y2='19' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='5' y1='12' x2='19' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cline x1='12' y1='5' x2='12' y2='19' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='5' y1='12' x2='19' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-search::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='11' cy='11' r='8' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='11' cy='11' r='8' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-bell::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.73 21a2 2 0 01-3.46 0' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.73 21a2 2 0 01-3.46 0' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-check::before,.bi-check2::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='20 6 9 17 4 12' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='20 6 9 17 4 12' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-check-circle::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolyline points='16 8 11 13 8 10' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolyline points='16 8 11 13 8 10' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-x-lg::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cline x1='18' y1='6' x2='6' y2='18' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='6' y1='6' x2='18' y2='18' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cline x1='18' y1='6' x2='6' y2='18' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='6' y1='6' x2='18' y2='18' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-person::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='8' r='4' stroke='white' stroke-width='2' fill='none'/%3E%3Cpath d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='8' r='4' stroke='white' stroke-width='2' fill='none'/%3E%3Cpath d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-folder::before,.bi-folder2::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-cart3::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='9' cy='21' r='1.5' fill='white'/%3E%3Ccircle cx='20' cy='21' r='1.5' fill='white'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='9' cy='21' r='1.5' fill='white'/%3E%3Ccircle cx='20' cy='21' r='1.5' fill='white'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-house::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 12l9-9 9 9' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 10v10a1 1 0 001 1h3a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1h3a1 1 0 001-1V10' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 12l9-9 9 9' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 10v10a1 1 0 001 1h3a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1h3a1 1 0 001-1V10' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.bi-stars::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2' stroke='white' stroke-width='1.6' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2' stroke='white' stroke-width='1.6' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-magic::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l1.09 4.26L17 4.24l-2.09 4.09L19 10.5l-4.09 2.09L17 16.76l-3.91-2.02L12 19l-1.09-4.26L7 16.76l2.09-4.09L5 10.5l4.09-2.09L7 4.24l3.91 2.02L12 2z' stroke='white' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2l1.09 4.26L17 4.24l-2.09 4.09L19 10.5l-4.09 2.09L17 16.76l-3.91-2.02L12 19l-1.09-4.26L7 16.76l2.09-4.09L5 10.5l4.09-2.09L7 4.24l3.91 2.02L12 2z' stroke='white' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-gear::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='3' stroke='white' stroke-width='2' fill='none'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='3' stroke='white' stroke-width='2' fill='none'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-shop::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cline x1='3' y1='6' x2='21' y2='6' stroke='white' stroke-width='2'/%3E%3Cpath d='M16 10a4 4 0 01-8 0' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cline x1='3' y1='6' x2='21' y2='6' stroke='white' stroke-width='2'/%3E%3Cpath d='M16 10a4 4 0 01-8 0' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.bi-robot::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='3' y='11' width='18' height='10' rx='2' stroke='white' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='5' r='2' stroke='white' stroke-width='2' fill='none'/%3E%3Cpath d='M12 7v4' stroke='white' stroke-width='2'/%3E%3Cline x1='8' y1='16' x2='8' y2='16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='16' y1='16' x2='16' y2='16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='3' y='11' width='18' height='10' rx='2' stroke='white' stroke-width='2' fill='none'/%3E%3Ccircle cx='12' cy='5' r='2' stroke='white' stroke-width='2' fill='none'/%3E%3Cpath d='M12 7v4' stroke='white' stroke-width='2'/%3E%3Cline x1='8' y1='16' x2='8' y2='16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='16' y1='16' x2='16' y2='16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-film::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.18' ry='2.18' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='7' y1='2' x2='7' y2='22' stroke='white' stroke-width='1.5'/%3E%3Cline x1='17' y1='2' x2='17' y2='22' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='7' x2='7' y2='7' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='17' x2='7' y2='17' stroke='white' stroke-width='1.5'/%3E%3Cline x1='17' y1='7' x2='22' y2='7' stroke='white' stroke-width='1.5'/%3E%3Cline x1='17' y1='17' x2='22' y2='17' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.18' ry='2.18' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='7' y1='2' x2='7' y2='22' stroke='white' stroke-width='1.5'/%3E%3Cline x1='17' y1='2' x2='17' y2='22' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='12' x2='22' y2='12' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='7' x2='7' y2='7' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2' y1='17' x2='7' y2='17' stroke='white' stroke-width='1.5'/%3E%3Cline x1='17' y1='7' x2='22' y2='7' stroke='white' stroke-width='1.5'/%3E%3Cline x1='17' y1='17' x2='22' y2='17' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E")}
.bi-play-circle::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolygon points='10 8 16 12 10 16' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolygon points='10 8 16 12 10 16' fill='white'/%3E%3C/svg%3E")}
.bi-yipin::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpath d='M2 17l10 5 10-5' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpath d='M2 12l10 5 10-5' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='white' opacity='0.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpath d='M2 17l10 5 10-5' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpath d='M2 12l10 5 10-5' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='white' opacity='0.5'/%3E%3C/svg%3E")}
.bi-layers::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='2 17 12 22 22 17' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='2 12 12 17 22 12' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='2 17 12 22 22 17' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='2 12 12 17 22 12' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-box-seam::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 002 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12' stroke='white' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 002 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}
.bi-bar-chart::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cline x1='12' y1='20' x2='12' y2='10' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='18' y1='20' x2='18' y2='4' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='6' y1='20' x2='6' y2='16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cline x1='12' y1='20' x2='12' y2='10' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='18' y1='20' x2='18' y2='4' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='6' y1='20' x2='6' y2='16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-graph-up::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='17 6 23 6 23 12' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='17 6 23 6 23 12' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-clock::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolyline points='12 6 12 12 16 14' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolyline points='12 6 12 12 16 14' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-clock-history::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolyline points='12 6 12 12 16 14' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='3 2 3 6 7 6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6a9 9 0 1118 0 9 9 0 01-18 0' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cpolyline points='12 6 12 12 16 14' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='3 2 3 6 7 6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6a9 9 0 1118 0 9 9 0 01-18 0' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.bi-info-circle::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='12' y1='16' x2='12' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='12' y1='16' x2='12' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.bi-palette::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c1.1 0 2-.9 2-2 0-.55-.22-1.05-.58-1.41-.36-.37-.58-.87-.58-1.42 0-1.1.9-2 2-2h3.17C21.42 14.17 23 12.59 23 10.67 23 5.88 18.12 2 12 2z' stroke='white' stroke-width='1.8' fill='none'/%3E%3Ccircle cx='7.5' cy='10.5' r='1.5' fill='white'/%3E%3Ccircle cx='16.5' cy='10.5' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='5.5' r='1.5' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c1.1 0 2-.9 2-2 0-.55-.22-1.05-.58-1.41-.36-.37-.58-.87-.58-1.42 0-1.1.9-2 2-2h3.17C21.42 14.17 23 12.59 23 10.67 23 5.88 18.12 2 12 2z' stroke='white' stroke-width='1.8' fill='none'/%3E%3Ccircle cx='7.5' cy='10.5' r='1.5' fill='white'/%3E%3Ccircle cx='16.5' cy='10.5' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='5.5' r='1.5' fill='white'/%3E%3C/svg%3E")}
.bi-file-earmark::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='14 2 14 8 20 8' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z' stroke='white' stroke-width='2' fill='none' stroke-linejoin='round'/%3E%3Cpolyline points='14 2 14 8 20 8' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bi-megaphone::before{content:'';background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* ===== 新图标 — SVG mask 扩展（引用外部 SVG 文件） ===== */

/* 1. 首页 - Bold Duotone */
.bi-home-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/home-bold-duotone.svg');
  -webkit-mask-image: url('../svg/home-bold-duotone.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 2. 用户/数字人 - Bold */
.bi-user-circle-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/user-circle-bold.svg');
  -webkit-mask-image: url('../svg/user-circle-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 3. 短剧/视频 - Bold */
.bi-clapperboard-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/clapperboard-play-bold.svg');
  -webkit-mask-image: url('../svg/clapperboard-play-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 4. 调色板/元素 - Bold */
.bi-palette-round-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/palette-round-bold.svg');
  -webkit-mask-image: url('../svg/palette-round-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 5. 订单/盒子 - Bold */
.bi-box-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/box-bold.svg');
  -webkit-mask-image: url('../svg/box-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 6. 分享 - Bold */
.bi-share-circle-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/share-circle-bold.svg');
  -webkit-mask-image: url('../svg/share-circle-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 7. 保存/确认 - Bold Duotone */
.bi-clipboard-duotone::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/clipboard-check-duotone.svg');
  -webkit-mask-image: url('../svg/clipboard-check-duotone.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 8. 素材/文档 - Bold */
.bi-document-add-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/document-add-bold.svg');
  -webkit-mask-image: url('../svg/document-add-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 9. 登录 - Bold */
.bi-login-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/login-bold.svg');
  -webkit-mask-image: url('../svg/login-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 10. 灵感 - Bold */
.bi-lightbulb-bold::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/lightbulb-bolt-bold.svg');
  -webkit-mask-image: url('../svg/lightbulb-bolt-bold.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 11. 搜索 - Linear */
.bi-magnifer-linear::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/magnifer-linear.svg');
  -webkit-mask-image: url('../svg/magnifer-linear.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 12. 通知 - Linear */
.bi-bell-linear::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/bell-linear.svg');
  -webkit-mask-image: url('../svg/bell-linear.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 13. 账单/支付 - Linear */
.bi-bill-linear::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/bill-check-linear.svg');
  -webkit-mask-image: url('../svg/bill-check-linear.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 14. 旅行/周边 - Linear */
.bi-suitcase-linear::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/suitcase-linear.svg');
  -webkit-mask-image: url('../svg/suitcase-linear.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* ===== 自定义业务图标 ===== */

/* 15. 餐饮 */
.bi-canyin::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/canyin.svg');
  -webkit-mask-image: url('../svg/canyin.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 16. 农产品/玉米 */
.bi-corn::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/corn.svg');
  -webkit-mask-image: url('../svg/corn.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 17. 餐饮/意面 */
.bi-spaghetti::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/spaghetti.svg');
  -webkit-mask-image: url('../svg/spaghetti.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 18. 文旅/双子塔 */
.bi-twin-tower::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/twin-tower.svg');
  -webkit-mask-image: url('../svg/twin-tower.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 19. 周边商家 */
.bi-zhoubianshangjia::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/zhoubianshangjia.svg');
  -webkit-mask-image: url('../svg/zhoubianshangjia.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

/* 20. 圆形右箭头 */
.bi-arrow-right-round::before {
  content: '';
  display: inline-block;
  width: 24px; height: 24px;
  background-color: currentColor;
  mask-image: url('../svg/arrow-right-02-round.svg');
  -webkit-mask-image: url('../svg/arrow-right-02-round.svg');
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}