/* ============================================================
   fybo template · framework-icons.css
   Icon system: inline SVG (Feather Icons, MIT) via CSS mask.
   Usage: <span class="fy-icon fy-icon-home"></span>
   Color follows `color` (currentColor); adapts to light/dark theme.
   ============================================================ */

.fy-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: -0.12em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    flex-shrink: 0;
    -webkit-font-smoothing: antialiased;
}

.fy-icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask: var(--fy-mask) no-repeat center / contain;
    mask: var(--fy-mask) no-repeat center / contain;
}

.fy-icon-home { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points%3D'9 22 9 12 15 12 15 22'/%3E%3C/svg%3E"); }
.fy-icon-apps { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'3' width%3D'7' height%3D'7'/%3E%3Crect x%3D'14' y%3D'3' width%3D'7' height%3D'7'/%3E%3Crect x%3D'14' y%3D'14' width%3D'7' height%3D'7'/%3E%3Crect x%3D'3' y%3D'14' width%3D'7' height%3D'7'/%3E%3C/svg%3E"); }
.fy-icon-message { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E"); }
.fy-icon-community { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cpolygon points%3D'16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88'/%3E%3C/svg%3E"); }
.fy-icon-back { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'19' y1%3D'12' x2%3D'5' y2%3D'12'/%3E%3Cpolyline points%3D'12 19 5 12 12 5'/%3E%3C/svg%3E"); }
.fy-icon-close { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'18' y1%3D'6' x2%3D'6' y2%3D'18'/%3E%3Cline x1%3D'6' y1%3D'6' x2%3D'18' y2%3D'18'/%3E%3C/svg%3E"); }
.fy-icon-menu { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'3' y1%3D'12' x2%3D'21' y2%3D'12'/%3E%3Cline x1%3D'3' y1%3D'6' x2%3D'21' y2%3D'6'/%3E%3Cline x1%3D'3' y1%3D'18' x2%3D'21' y2%3D'18'/%3E%3C/svg%3E"); }
.fy-icon-more { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'1'/%3E%3Ccircle cx%3D'19' cy%3D'12' r%3D'1'/%3E%3Ccircle cx%3D'5' cy%3D'12' r%3D'1'/%3E%3C/svg%3E"); }
.fy-icon-search { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'11' cy%3D'11' r%3D'8'/%3E%3Cline x1%3D'21' y1%3D'21' x2%3D'16.65' y2%3D'16.65'/%3E%3C/svg%3E"); }
.fy-icon-arrow-left { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'19' y1%3D'12' x2%3D'5' y2%3D'12'/%3E%3Cpolyline points%3D'12 19 5 12 12 5'/%3E%3C/svg%3E"); }
.fy-icon-arrow-right { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'5' y1%3D'12' x2%3D'19' y2%3D'12'/%3E%3Cpolyline points%3D'12 5 19 12 12 19'/%3E%3C/svg%3E"); }
.fy-icon-up { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'12' y1%3D'19' x2%3D'12' y2%3D'5'/%3E%3Cpolyline points%3D'5 12 12 5 19 12'/%3E%3C/svg%3E"); }
.fy-icon-user { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx%3D'12' cy%3D'7' r%3D'4'/%3E%3C/svg%3E"); }
.fy-icon-login { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpolyline points%3D'10 17 15 12 10 7'/%3E%3Cline x1%3D'15' y1%3D'12' x2%3D'3' y2%3D'12'/%3E%3C/svg%3E"); }
.fy-icon-logout { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points%3D'16 17 21 12 16 7'/%3E%3Cline x1%3D'21' y1%3D'12' x2%3D'9' y2%3D'12'/%3E%3C/svg%3E"); }
.fy-icon-settings { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'3'/%3E%3Cpath d%3D'M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E"); }
.fy-icon-notify { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d%3D'M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E"); }
.fy-icon-bell { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d%3D'M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E"); }
.fy-icon-friends { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx%3D'9' cy%3D'7' r%3D'4'/%3E%3Cpath d%3D'M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d%3D'M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.fy-icon-coin { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cline x1%3D'12' y1%3D'6' x2%3D'12' y2%3D'18'/%3E%3Cpath d%3D'M9.5 9.5h5a2 2 0 0 1 0 4h-5'/%3E%3C/svg%3E"); }
.fy-icon-points { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolygon points%3D'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'/%3E%3C/svg%3E"); }
.fy-icon-vip { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M2 18l2-9 4 5 4-6 4 6 4-5 2 9z'/%3E%3Cline x1%3D'3' y1%3D'19' x2%3D'21' y2%3D'19'/%3E%3C/svg%3E"); }
.fy-icon-lock { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'11' width%3D'18' height%3D'11' rx%3D'2'/%3E%3Cpath d%3D'M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); }
.fy-icon-alert { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1%3D'12' y1%3D'9' x2%3D'12' y2%3D'13'/%3E%3Cline x1%3D'12' y1%3D'17' x2%3D'12.01' y2%3D'17'/%3E%3C/svg%3E"); }
.fy-icon-like { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E"); }
.fy-icon-comment { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); }
.fy-icon-share { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'18' cy%3D'5' r%3D'3'/%3E%3Ccircle cx%3D'6' cy%3D'12' r%3D'3'/%3E%3Ccircle cx%3D'18' cy%3D'19' r%3D'3'/%3E%3Cline x1%3D'8.59' y1%3D'13.51' x2%3D'15.42' y2%3D'17.49'/%3E%3Cline x1%3D'15.41' y1%3D'6.51' x2%3D'8.59' y2%3D'10.49'/%3E%3C/svg%3E"); }
.fy-icon-star { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolygon points%3D'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'/%3E%3C/svg%3E"); }
.fy-icon-image { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'3' width%3D'18' height%3D'18' rx%3D'2'/%3E%3Ccircle cx%3D'8.5' cy%3D'8.5' r%3D'1.5'/%3E%3Cpolyline points%3D'21 15 16 10 5 21'/%3E%3C/svg%3E"); }
.fy-icon-video { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolygon points%3D'23 7 16 12 23 17 23 7'/%3E%3Crect x%3D'1' y%3D'5' width%3D'15' height%3D'14' rx%3D'2'/%3E%3C/svg%3E"); }
.fy-icon-music { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M9 18V5l12-2v13'/%3E%3Ccircle cx%3D'6' cy%3D'18' r%3D'3'/%3E%3Ccircle cx%3D'18' cy%3D'16' r%3D'3'/%3E%3C/svg%3E"); }
.fy-icon-document { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points%3D'14 2 14 8 20 8'/%3E%3Cline x1%3D'16' y1%3D'13' x2%3D'8' y2%3D'13'/%3E%3Cline x1%3D'16' y1%3D'17' x2%3D'8' y2%3D'17'/%3E%3C/svg%3E"); }
.fy-icon-success { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points%3D'22 4 12 14.01 9 11.01'/%3E%3C/svg%3E"); }
.fy-icon-warning { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1%3D'12' y1%3D'9' x2%3D'12' y2%3D'13'/%3E%3Cline x1%3D'12' y1%3D'17' x2%3D'12.01' y2%3D'17'/%3E%3C/svg%3E"); }
.fy-icon-error { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cline x1%3D'15' y1%3D'9' x2%3D'9' y2%3D'15'/%3E%3Cline x1%3D'9' y1%3D'9' x2%3D'15' y2%3D'15'/%3E%3C/svg%3E"); }
.fy-icon-info { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cline x1%3D'12' y1%3D'16' x2%3D'12' y2%3D'12'/%3E%3Cline x1%3D'12' y1%3D'8' x2%3D'12.01' y2%3D'8'/%3E%3C/svg%3E"); }
.fy-icon-loading { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cpolyline points%3D'12 6 12 12 16 14'/%3E%3C/svg%3E"); }
.fy-icon-cart { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'9' cy%3D'21' r%3D'1'/%3E%3Ccircle cx%3D'20' cy%3D'21' r%3D'1'/%3E%3Cpath d%3D'M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E"); }
.fy-icon-category { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); }
.fy-icon-tag { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1%3D'7' y1%3D'7' x2%3D'7.01' y2%3D'7'/%3E%3C/svg%3E"); }
.fy-icon-hot { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E"); }
.fy-icon-new { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3Cpath d%3D'M19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z'/%3E%3C/svg%3E"); }
.fy-icon-rank { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'18' y1%3D'20' x2%3D'18' y2%3D'10'/%3E%3Cline x1%3D'12' y1%3D'20' x2%3D'12' y2%3D'4'/%3E%3Cline x1%3D'6' y1%3D'20' x2%3D'6' y2%3D'14'/%3E%3C/svg%3E"); }
.fy-icon-dashboard { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'3' width%3D'18' height%3D'18' rx%3D'2'/%3E%3Cline x1%3D'3' y1%3D'9' x2%3D'21' y2%3D'9'/%3E%3Cline x1%3D'9' y1%3D'21' x2%3D'9' y2%3D'9'/%3E%3C/svg%3E"); }
.fy-icon-calendar { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'4' width%3D'18' height%3D'18' rx%3D'2'/%3E%3Cline x1%3D'16' y1%3D'2' x2%3D'16' y2%3D'6'/%3E%3Cline x1%3D'8' y1%3D'2' x2%3D'8' y2%3D'6'/%3E%3Cline x1%3D'3' y1%3D'10' x2%3D'21' y2%3D'10'/%3E%3C/svg%3E"); }
.fy-icon-clock { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cpolyline points%3D'12 6 12 12 16 14'/%3E%3C/svg%3E"); }
.fy-icon-download { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points%3D'7 10 12 15 17 10'/%3E%3Cline x1%3D'12' y1%3D'15' x2%3D'12' y2%3D'3'/%3E%3C/svg%3E"); }
.fy-icon-mall { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1%3D'3' y1%3D'6' x2%3D'21' y2%3D'6'/%3E%3Cpath d%3D'M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); }
.fy-icon-ticket { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cline x1%3D'13' y1%3D'5' x2%3D'13' y2%3D'7'/%3E%3Cline x1%3D'13' y1%3D'11' x2%3D'13' y2%3D'13'/%3E%3Cline x1%3D'13' y1%3D'17' x2%3D'13' y2%3D'19'/%3E%3C/svg%3E"); }
.fy-icon-film { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'2' y%3D'2' width%3D'20' height%3D'20' rx%3D'2.18'/%3E%3Cline x1%3D'7' y1%3D'2' x2%3D'7' y2%3D'22'/%3E%3Cline x1%3D'17' y1%3D'2' x2%3D'17' y2%3D'22'/%3E%3Cline x1%3D'2' y1%3D'12' x2%3D'22' y2%3D'12'/%3E%3Cline x1%3D'2' y1%3D'7' x2%3D'7' y2%3D'7'/%3E%3Cline x1%3D'2' y1%3D'17' x2%3D'7' y2%3D'17'/%3E%3Cline x1%3D'17' y1%3D'17' x2%3D'22' y2%3D'17'/%3E%3Cline x1%3D'17' y1%3D'7' x2%3D'22' y2%3D'7'/%3E%3C/svg%3E"); }
.fy-icon-lang { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cline x1%3D'2' y1%3D'12' x2%3D'22' y2%3D'12'/%3E%3Cpath d%3D'M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); }
.fy-icon-dark { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E"); }
.fy-icon-sun { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'5'/%3E%3Cline x1%3D'12' y1%3D'1' x2%3D'12' y2%3D'3'/%3E%3Cline x1%3D'12' y1%3D'21' x2%3D'12' y2%3D'23'/%3E%3Cline x1%3D'4.22' y1%3D'4.22' x2%3D'5.64' y2%3D'5.64'/%3E%3Cline x1%3D'18.36' y1%3D'18.36' x2%3D'19.78' y2%3D'19.78'/%3E%3Cline x1%3D'1' y1%3D'12' x2%3D'3' y2%3D'12'/%3E%3Cline x1%3D'21' y1%3D'12' x2%3D'23' y2%3D'12'/%3E%3Cline x1%3D'4.22' y1%3D'19.78' x2%3D'5.64' y2%3D'18.36'/%3E%3Cline x1%3D'18.36' y1%3D'5.64' x2%3D'19.78' y2%3D'4.22'/%3E%3C/svg%3E"); }
.fy-icon-edit { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E"); }
.fy-icon-eye { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'3'/%3E%3C/svg%3E"); }
.fy-icon-crown { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M2 18l2-9 4 5 4-6 4 6 4-5 2 9z'/%3E%3Cline x1%3D'3' y1%3D'19' x2%3D'21' y2%3D'19'/%3E%3C/svg%3E"); }
.fy-icon-send { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'22' y1%3D'2' x2%3D'11' y2%3D'13'/%3E%3Cpolygon points%3D'22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E"); }
.fy-icon-forward { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cpolyline points%3D'12 16 16 12 12 8'/%3E%3Cline x1%3D'8' y1%3D'12' x2%3D'16' y2%3D'12'/%3E%3C/svg%3E"); }
.fy-icon-link { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d%3D'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); }
.fy-icon-check { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolyline points%3D'20 6 9 17 4 12'/%3E%3C/svg%3E"); }
.fy-icon-list { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'8' y1%3D'6' x2%3D'21' y2%3D'6'/%3E%3Cline x1%3D'8' y1%3D'12' x2%3D'21' y2%3D'12'/%3E%3Cline x1%3D'8' y1%3D'18' x2%3D'21' y2%3D'18'/%3E%3Cline x1%3D'3' y1%3D'6' x2%3D'3.01' y2%3D'6'/%3E%3Cline x1%3D'3' y1%3D'12' x2%3D'3.01' y2%3D'12'/%3E%3Cline x1%3D'3' y1%3D'18' x2%3D'3.01' y2%3D'18'/%3E%3C/svg%3E"); }
.fy-icon-plus { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'12' y1%3D'5' x2%3D'12' y2%3D'19'/%3E%3Cline x1%3D'5' y1%3D'12' x2%3D'19' y2%3D'12'/%3E%3C/svg%3E"); }
.fy-icon-minus { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'5' y1%3D'12' x2%3D'19' y2%3D'12'/%3E%3C/svg%3E"); }
.fy-icon-trophy { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M8 21h8'/%3E%3Cpath d%3D'M12 17v4'/%3E%3Cpath d%3D'M7 4h10v6a5 5 0 0 1-10 0z'/%3E%3Cpath d%3D'M7 2h10'/%3E%3Cpath d%3D'M17 7h2a2 2 0 0 0 0-4h-2'/%3E%3Cpath d%3D'M7 7H5a2 2 0 0 1 0-4h2'/%3E%3C/svg%3E"); }
.fy-icon-bolt { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolygon points%3D'13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E"); }
.fy-icon-thumb { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3z'/%3E%3Cpath d%3D'M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); }
.fy-icon-reply { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolyline points%3D'9 14 4 9 9 4'/%3E%3Cpath d%3D'M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E"); }
.fy-icon-trash { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'2' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolyline points%3D'3 6 5 6 21 6'/%3E%3Cpath d%3D'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cline x1%3D'10' y1%3D'11' x2%3D'10' y2%3D'17'/%3E%3Cline x1%3D'14' y1%3D'11' x2%3D'14' y2%3D'17'/%3E%3C/svg%3E"); }

/* ============================================================
   个人中心快捷入口：更细腻的细线条图标（Feather Icons, MIT）
   仅作用于 .fy-usercenter-shortcut 内的图标，不影响全局。
   ============================================================ */
.fy-usercenter-shortcut .fy-icon-rank { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'18' y1%3D'20' x2%3D'18' y2%3D'10'/%3E%3Cline x1%3D'12' y1%3D'20' x2%3D'12' y2%3D'4'/%3E%3Cline x1%3D'6' y1%3D'20' x2%3D'6' y2%3D'14'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-apps { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'3' width%3D'7' height%3D'7'/%3E%3Crect x%3D'14' y%3D'3' width%3D'7' height%3D'7'/%3E%3Crect x%3D'14' y%3D'14' width%3D'7' height%3D'7'/%3E%3Crect x%3D'3' y%3D'14' width%3D'7' height%3D'7'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-like { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-calendar { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Crect x%3D'3' y%3D'4' width%3D'18' height%3D'18' rx%3D'2'/%3E%3Cline x1%3D'16' y1%3D'2' x2%3D'16' y2%3D'6'/%3E%3Cline x1%3D'8' y1%3D'2' x2%3D'8' y2%3D'6'/%3E%3Cline x1%3D'3' y1%3D'10' x2%3D'21' y2%3D'10'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-clock { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Ccircle cx%3D'12' cy%3D'12' r%3D'10'/%3E%3Cpolyline points%3D'12 6 12 12 16 14'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-star { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpolygon points%3D'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'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-friends { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cpath d%3D'M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx%3D'9' cy%3D'7' r%3D'4'/%3E%3Cpath d%3D'M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d%3D'M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.fy-usercenter-shortcut .fy-icon-list { --fy-mask: url("data:image/svg+xml,%3Csvg xmlns%3D'http://www.w3.org/2000/svg' viewBox%3D'0 0 24 24' fill%3D'none' stroke%3D'black' stroke-width%3D'1.5' stroke-linecap%3D'round' stroke-linejoin%3D'round'%3E%3Cline x1%3D'8' y1%3D'6' x2%3D'21' y2%3D'6'/%3E%3Cline x1%3D'8' y1%3D'12' x2%3D'21' y2%3D'12'/%3E%3Cline x1%3D'8' y1%3D'18' x2%3D'21' y2%3D'18'/%3E%3Cline x1%3D'3' y1%3D'6' x2%3D'3.01' y2%3D'6'/%3E%3Cline x1%3D'3' y1%3D'12' x2%3D'3.01' y2%3D'12'/%3E%3Cline x1%3D'3' y1%3D'18' x2%3D'3.01' y2%3D'18'/%3E%3C/svg%3E"); }
.fy-icon-play { --fy-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpolygon%20points=%275%203%2019%2012%205%2021%205%203%27%3E%3C/polygon%3E%3C/svg%3E"); }
.fy-icon-pause { --fy-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Crect%20x=%276%27%20y=%274%27%20width=%274%27%20height=%2716%27%3E%3C/rect%3E%3Crect%20x=%2714%27%20y=%274%27%20width=%274%27%20height=%2716%27%3E%3C/rect%3E%3C/svg%3E"); }
.fy-icon-skip-back { --fy-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpolygon%20points=%2719%2020%209%2012%2019%204%2019%2020%27%3E%3C/polygon%3E%3Cline%20x1=%275%27%20y1=%2719%27%20x2=%275%27%20y2=%275%27%3E%3C/line%3E%3C/svg%3E"); }
.fy-icon-skip-forward { --fy-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpolygon%20points=%275%204%2015%2012%205%2020%205%204%27%3E%3C/polygon%3E%3Cline%20x1=%2719%27%20y1=%275%27%20x2=%2719%27%20y2=%2719%27%3E%3C/line%3E%3C/svg%3E"); }