/* 本地图标库 - 替代Font Awesome */

/* 基础图标样式 */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Font Awesome 兼容类 */
.fas, .fa {
    font-family: inherit;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1;
    vertical-align: baseline;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 精美图标 - 使用SVG背景图像 */
.fa-arrow-left::before, .fas.fa-arrow-left::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.42-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-image::before, .fas.fa-image::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* 功能区域彩色图标 */
.fa-chart-line::before, .fas.fa-chart-line::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23667eea'%3E%3Cpath d='M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.25));
}

.fa-box::before, .fas.fa-box::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f093fb'%3E%3Cpath d='M12,2L2,7V17A3,3 0 0,0 5,20H19A3,3 0 0,0 22,17V7L12,2M12,4.84L17.5,7.5L12,10.16L6.5,7.5L12,4.84M11,12.5V18.5H5A1,1 0 0,1 4,17.5V9.5L11,12.5M13,12.5L20,9.5V17.5A1,1 0 0,1 19,18.5H13V12.5Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(240, 147, 251, 0.25));
}

.fa-fire::before, .fas.fa-fire::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b6b'%3E%3Cpath d='M17.6 11.48A3.06 3.06 0 0 0 16 8.82A3.86 3.86 0 0 1 17.6 12c1.66 2.24 1.66 5.24 0 7.48A7 7 0 0 1 8.4 12C6.74 9.76 6.74 6.76 8.4 4.52A7 7 0 0 1 17.6 11.48Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(255, 107, 107, 0.25));
}

.fa-magic::before, .fas.fa-magic::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2343e97b'%3E%3Cpath d='M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(67, 233, 123, 0.25));
}

.fa-share-alt::before, .fas.fa-share-alt::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b6b'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(255, 107, 107, 0.25));
}

.fa-user-chart::before, .fas.fa-user-chart::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-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 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm8-10h-4v2h4v4h2V6c0-1.1-.9-2-2-2zm0 8h-2v4h-4v2h4c1.1 0 2-.9 2-2v-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-binoculars::before, .fas.fa-binoculars::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm10-6c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM12 6h-1V4h1v2zm0 2h-1v2h1V8z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* 小红功能区域图标 - 红色系 */
.fa-target-arrow::before, .fas.fa-target-arrow::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4757'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-gift-box::before, .fas.fa-gift-box::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee5a6f'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-sparkles::before, .fas.fa-sparkles::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6348'%3E%3Cpath d='M7 1l2.5 5L15 8.5 9.5 11 7 16l-2.5-5L-1 8.5 4.5 6 7 1zm12 6l1.5 3 3 1.5-3 1.5-1.5 3-1.5-3-3-1.5 3-1.5L19 7zm-7 7l2 4 4 2-4 2-2 4-2-4-4-2 4-2 2-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-wand-magic::before, .fas.fa-wand-magic::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4757'%3E%3Cpath d='M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2 8.6 4.5 10 7 7.5 5.6zM19.5 15.4L22 14l-1.4-2.5L22 9l-2.5 1.4L17 9l1.4 2.5L17 14l2.5-1.4zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4L22 2zM14.37 7.29l-7.5 7.5c-.39.39-.39 1.02 0 1.41l2.93 2.93c.39.39 1.02.39 1.41 0l7.5-7.5c.39-.39.39-1.02 0-1.41l-2.93-2.93c-.38-.39-1.02-.39-1.41 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-video-play::before, .fas.fa-video-play::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee5a6f'%3E%3Cpath d='M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4zM10 15l-3.89-2.25v-1.5L10 9v6z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* 抖抖功能区域图标样式 - 黑色系 */
#douyinFeatures .fa-chart-line::before,
#douyinFeatures .fas.fa-chart-line::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z'/%3E%3C/svg%3E");
    filter: none;
}

#douyinFeatures .fa-fire::before,
#douyinFeatures .fas.fa-fire::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M17.6 11.48A3.06 3.06 0 0 0 16 8.82A3.86 3.86 0 0 1 17.6 12c1.66 2.24 1.66 5.24 0 7.48A7 7 0 0 1 8.4 12C6.74 9.76 6.74 6.76 8.4 4.52A7 7 0 0 1 17.6 11.48Z'/%3E%3C/svg%3E");
    filter: none;
}

#douyinFeatures .fa-user-chart::before,
#douyinFeatures .fas.fa-user-chart::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm8-10h-4v2h4v4h2V6c0-1.1-.9-2-2-2zm0 8h-2v4h-4v2h4c1.1 0 2-.9 2-2v-4z'/%3E%3C/svg%3E");
}

#douyinFeatures .fa-binoculars::before,
#douyinFeatures .fas.fa-binoculars::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M7 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm10-6c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM12 6h-1V4h1v2zm0 2h-1v2h1V8z'/%3E%3C/svg%3E");
}

/* 精美底部导航图标 - 彩色设计 */
.fa-plus-circle::before, .fas.fa-plus-circle::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'%3E%3Cpath d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,13H13V17H11V13H7V11H11V7H13V11H17V13Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(16, 185, 129, 0.3));
}

.fa-robot::before, .fas.fa-robot::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6'%3E%3Cpath d='M12,2A2,2 0 0,1 14,4C14,4.74 13.6,5.39 13,5.73V7H14A7,7 0 0,1 21,14H22A1,1 0 0,1 23,15V18A1,1 0 0,1 22,19H21V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V19H2A1,1 0 0,1 1,18V15A1,1 0 0,1 2,14H3A7,7 0 0,1 10,7H11V5.73C10.4,5.39 10,4.74 10,4A2,2 0 0,1 12,2M7.5,13A2.5,2.5 0 0,0 5,15.5A2.5,2.5 0 0,0 7.5,18A2.5,2.5 0 0,0 10,15.5A2.5,2.5 0 0,0 7.5,13M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(59, 130, 246, 0.3));
}

.fa-layer-group::before, .fas.fa-layer-group::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b5cf6'%3E%3Cpath d='M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(139, 92, 246, 0.3));
}

.fa-user::before, .fas.fa-user::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(245, 158, 11, 0.3));
}

/* 更多精美SVG图标 */
.fa-search::before, .fas.fa-search::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-plus::before, .fas.fa-plus::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-minus::before, .fas.fa-minus::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-cloud-upload-alt::before, .fas.fa-cloud-upload-alt::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-times::before, .fas.fa-times::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-rocket::before, .fas.fa-rocket::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M2.81,14.12L5.64,11.29L8.17,10.79C11.39,6.41 16.8,4.16 19.78,4.04C19.66,7.02 17.41,12.43 13.03,15.65L12.53,18.18L9.7,21.01C9.45,21.26 9.06,21.26 8.81,21.01L7.39,19.59C7.14,19.34 7.14,18.95 7.39,18.7L10.92,15.17L11,10.11L5.91,10.21L2.81,13.31C2.56,13.56 2.56,13.95 2.81,14.2L2.81,14.12Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-spinner::before, .fas.fa-spinner::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    animation: fa-spin 1s linear infinite;
}

.fa-check::before, .fas.fa-check::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234ade80'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-exclamation-triangle::before, .fas.fa-exclamation-triangle::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-info-circle::before, .fas.fa-info-circle::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-eye::before, .fas.fa-eye::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* 保留一些简单的图标使用字符 */
.fa-download::before, .fas.fa-download::before {
    content: "⬇";
    font-weight: bold;
}

.fa-upload::before, .fas.fa-upload::before {
    content: "⬆";
    font-weight: bold;
}

.fa-redo::before, .fas.fa-redo::before {
    content: "↻";
    font-weight: bold;
}

.fa-arrow-up::before, .fas.fa-arrow-up::before {
    content: "↑";
    font-weight: bold;
}

.fa-play::before, .fas.fa-play::before {
    content: "▶";
}

.fa-pause::before, .fas.fa-pause::before {
    content: "⏸";
}

.fa-stop::before, .fas.fa-stop::before {
    content: "⏹";
}

.fa-heart::before, .fas.fa-heart::before {
    content: "♥";
    color: #ef4444;
}

.fa-star::before, .fas.fa-star::before {
    content: "★";
    color: #eab308;
}

.fa-share::before, .fas.fa-share::before {
    content: "↗";
    font-weight: bold;
}

/* 高质量SVG图标 */
.fa-copy::before, .fas.fa-copy::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-pen::before, .fas.fa-pen::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-magic::before, .fas.fa-magic::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.5 5.6L5 7l1.4 2.5L5 12l2.5 1.4L9 16l1.4-2.5L13 12l-1.4-2.5L13 7l-2.5-1.4L9 3 7.5 5.6zM19.5 15.4L22 14l-1.4-2.5L22 9l-2.5-1.4L18 5l-1.4 2.5L14 9l1.4 2.5L14 14l2.5 1.4L18 18l1.5-2.6zM22 2l-2.5 1.4L18 1 16.5 3.4 14 2l1.4 2.5L14 7l2.5-1.4L18 8l1.4-2.5L22 4V2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-feather-alt::before, .fas.fa-feather-alt::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5l6.74-6.76zM13 7.5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1zM6 18v-7.5l1.5-1.5L12 13.5 18.5 7a.5.5 0 0 1 .5.5L13.5 13 9 8.5 6 11.5V18z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-clipboard-check::before, .fas.fa-clipboard-check::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-droplet::before, .fas.fa-droplet::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2l-8 9c0 4.4 3.6 8 8 8s8-3.6 8-8l-8-9zm4 13c-.6.6-1.3 1-2.1 1.2l-.9.2-.9-.2c-.8-.2-1.5-.6-2.1-1.2-.6-.6-1-1.3-1.2-2.1l-.2-.9.2-.9c.2-.8.6-1.5 1.2-2.1L12 6l2.1 2.1c.6.6 1 1.3 1.2 2.1l.2.9-.2.9c-.2.8-.6 1.5-1.2 2.1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-edit::before, .fas.fa-edit::before {
    content: "✏";
}

.fa-caret-down::before, .fas.fa-caret-down::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='currentColor'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-chevron-down::before, .fas.fa-chevron-down::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-eye-slash::before, .fas.fa-eye-slash::before {
    content: "🙈";
}

.fa-cog::before, .fas.fa-cog::before {
    content: "⚙";
}

.fa-trash::before, .fas.fa-trash::before {
    content: "🗑";
}

.fa-folder::before, .fas.fa-folder::before {
    content: "📁";
}

.fa-file::before, .fas.fa-file::before {
    content: "📄";
}

.fa-globe::before, .fas.fa-globe::before {
    content: "🌐";
}

.fa-phone::before, .fas.fa-phone::before {
    content: "📞";
}

.fa-envelope::before, .fas.fa-envelope::before {
    content: "✉";
}

.fa-home::before, .fas.fa-home::before {
    content: "🏠";
}

.fa-calendar::before, .fas.fa-calendar::before {
    content: "📅";
}

.fa-clock::before, .fas.fa-clock::before {
    content: "🕐";
}

.fa-bookmark::before, .fas.fa-bookmark::before {
    content: "🔖";
}

.fa-tag::before, .fas.fa-tag::before {
    content: "🏷";
}

.fa-lock::before, .fas.fa-lock::before {
    content: "🔒";
}

.fa-unlock::before, .fas.fa-unlock::before {
    content: "🔓";
}

.fa-link::before, .fas.fa-link::before {
    content: "🔗";
}

/* 旋转动画 */
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 大小变体 */
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-lg { font-size: 1.33em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* 旋转 */
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }

/* 翻转 */
.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }

/* 动画类 */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    animation: fa-pulse 1s infinite steps(8);
}

@keyframes fa-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

/* 颜色变体 */
.text-primary { color: #3b82f6; }
.text-secondary { color: #6b7280; }
.text-success { color: #10b981; }
.text-danger { color: #ef4444; }
.text-warning { color: #f59e0b; }
.text-info { color: #06b6d4; }
.text-light { color: #f3f4f6; }
.text-dark { color: #1f2937; }
.text-white { color: #ffffff; }



/* 图标颜色继承优化 */
.fa-plus-circle::before, .fas.fa-plus-circle::before,
.fa-robot::before, .fas.fa-robot::before,
.fa-layer-group::before, .fas.fa-layer-group::before,
.fa-user::before, .fas.fa-user::before,
.fa-chart-line::before, .fas.fa-chart-line::before,
.fa-box::before, .fas.fa-box::before,
.fa-fire::before, .fas.fa-fire::before,
.fa-magic::before, .fas.fa-magic::before,
.fa-image::before, .fas.fa-image::before,
.fa-arrow-left::before, .fas.fa-arrow-left::before {
    filter: brightness(1) saturate(1.1);
}

/* 特定图标的颜色增强 */
.feature-item[data-feature="benchmark"] .feature-icon .fa-chart-line::before,
.feature-item[data-feature="benchmark"] .feature-icon .fas.fa-chart-line::before {
    filter: brightness(1.1) saturate(1.2) drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3));
}

.feature-item[data-feature="product"] .feature-icon .fa-box::before,
.feature-item[data-feature="product"] .feature-icon .fas.fa-box::before {
    filter: brightness(1.1) saturate(1.2) drop-shadow(0 2px 4px rgba(240, 147, 251, 0.3));
}

.feature-item[data-feature="viral"] .feature-icon .fa-fire::before,
.feature-item[data-feature="viral"] .feature-icon .fas.fa-fire::before {
    filter: brightness(1.1) saturate(1.2) drop-shadow(0 2px 4px rgba(76, 175, 254, 0.3));
}

.feature-item[data-feature="refresh"] .feature-icon .fa-magic::before,
.feature-item[data-feature="refresh"] .feature-icon .fas.fa-magic::before {
    filter: brightness(1.1) saturate(1.2) drop-shadow(0 2px 4px rgba(67, 233, 123, 0.3));
}

.feature-item[data-feature="traffic"] .feature-icon .fa-share-alt::before,
.feature-item[data-feature="traffic"] .feature-icon .fas.fa-share-alt::before {
    filter: brightness(1.1) saturate(1.2) drop-shadow(0 2px 4px rgba(255, 107, 107, 0.3));
}

/* SVG图标悬停动画 - 增强版 */
@keyframes iconPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes iconGlow {
    0%, 100% { 
        filter: brightness(1) saturate(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); 
    }
    50% { 
        filter: brightness(1.3) saturate(1.4) drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4)); 
    }
}

.feature-item:hover .feature-icon i::before {
    animation: iconGlow 2s ease-in-out infinite;
}

/* 特定功能图标悬停效果 */
.feature-item[data-feature="benchmark"]:hover .feature-icon .fa-chart-line::before,
.feature-item[data-feature="benchmark"]:hover .feature-icon .fas.fa-chart-line::before {
    filter: brightness(1.2) saturate(1.3) drop-shadow(0 4px 12px rgba(102, 126, 234, 0.6));
}

.feature-item[data-feature="product"]:hover .feature-icon .fa-box::before,
.feature-item[data-feature="product"]:hover .feature-icon .fas.fa-box::before {
    filter: brightness(1.2) saturate(1.3) drop-shadow(0 4px 12px rgba(240, 147, 251, 0.6));
}

.feature-item[data-feature="viral"]:hover .feature-icon .fa-fire::before,
.feature-item[data-feature="viral"]:hover .feature-icon .fas.fa-fire::before {
    filter: brightness(1.2) saturate(1.3) drop-shadow(0 4px 12px rgba(255, 107, 107, 0.6));
}

.feature-item[data-feature="refresh"]:hover .feature-icon .fa-magic::before,
.feature-item[data-feature="refresh"]:hover .feature-icon .fas.fa-magic::before {
    filter: brightness(1.2) saturate(1.3) drop-shadow(0 4px 12px rgba(67, 233, 123, 0.6));
}

.feature-item[data-feature="traffic"]:hover .feature-icon .fa-share-alt::before,
.feature-item[data-feature="traffic"]:hover .feature-icon .fas.fa-share-alt::before {
    filter: brightness(1.2) saturate(1.3) drop-shadow(0 4px 12px rgba(255, 107, 107, 0.6));
}

/* 响应式隐藏/显示 */
@media (max-width: 768px) {
    .fa-hide-mobile { display: none; }
    
    /* 移动端图标优化 */
}

@media (min-width: 769px) {
    .fa-hide-desktop { display: none; }
}

/* 视频详情页专用图标 */
.fa-map-marked-alt::before, .fas.fa-map-marked-alt::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-venus-mars::before, .fas.fa-venus-mars::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.5 11c1.93 0 3.5 1.57 3.5 3.5S11.43 18 9.5 18 6 16.43 6 14.5 7.57 11 9.5 11zM9.5 9C6.46 9 4 11.46 4 14.5S6.46 20 9.5 20s5.5-2.46 5.5-5.5c0-1.16-.36-2.23-.97-3.12L18 7.42V10h2V4h-6v2h2.58l-3.97 3.97C11.73 9.36 10.66 9 9.5 9z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-users::before, .fas.fa-users::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.fa-fire-alt::before, .fas.fa-fire-alt::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b6b'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.28 2.67-.2 3.73-.74 1.67-2.23 2.72-4.01 2.72z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}