/* Remix Icon 字体样式 */

@font-face {
    font-family: 'remixicon';
    src: url('../fonts/remixicon.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.ri {
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 常用图标 */
.ri-home-line:before {
    content: "\f101";
}

.ri-gamepad-line:before {
    content: "\f1a8";
}

.ri-gift-line:before {
    content: "\f1b0";
}

.ri-user-line:before {
    content: "\f25d";
}

.ri-facebook-fill:before {
    content: "\f1a0";
}

.ri-twitter-fill:before {
    content: "\f23a";
}

.ri-instagram-fill:before {
    content: "\f1a3";
}

.ri-youtube-fill:before {
    content: "\f25f";
}

.ri-customer-service-2-line:before {
    content: "\f0e8";
}

.ri-mail-line:before {
    content: "\f1c6";
}

.ri-phone-line:before {
    content: "\f1f4";
}

.ri-message-3-line:before {
    content: "\f1d0";
}

.ri-shield-check-line:before {
    content: "\f20e";
}

.ri-flashlight-line:before {
    content: "\f1a6";
}

.ri-vip-crown-line:before {
    content: "\f24a";
}

.ri-check-line:before {
    content: "\f0c8";
}

.ri-article-line:before {
    content: "\f0b4";
}

.ri-refund-line:before {
    content: "\f1f8";
}

.ri-calendar-line:before {
    content: "\f0c4";
}

.ri-fire-line:before {
    content: "\f1a4";
}

.ri-team-line:before {
    content: "\f22c";
}

.ri-award-line:before {
    content: "\f0b8";
}

.ri-rocket-line:before {
    content: "\f1f6";
}

.ri-global-line:before {
    content: "\f1b2";
}

.ri-medal-line:before {
    content: "\f1c8";
}

.ri-bank-line:before {
    content: "\f0ba";
}

.ri-basketball-line:before {
    content: "\f0bc";
}

.ri-tennis-line:before {
    content: "\f22a";
}

.ri-football-line:before {
    content: "\f1a2";
}

.ri-ticket-line:before {
    content: "\f22e";
}

.ri-coupon-line:before {
    content: "\f0e4";
}

.ri-eye-line:before {
    content: "\f1a5";
}

.ri-money-dollar-circle-line:before {
    content: "\f1d2";
}

/* 图标尺寸 */
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/* 备用图标（如果字体文件不存在） */
.ri:before {
    content: "●";
    font-family: inherit;
}

/* 图标颜色 */
.text-primary {
    color: #D4AF37;
}

.text-white {
    color: #ffffff;
}

.text-gray-400 {
    color: #9ca3af;
}

.text-gray-500 {
    color: #6b7280;
}

.text-gray-600 {
    color: #4b5563;
}

.text-black {
    color: #000000;
}

/* 图标间距 */
.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

/* 图标容器 */
.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}

.w-8 {
    width: 2rem;
}

.h-8 {
    height: 2rem;
}

.w-12 {
    width: 3rem;
}

.h-12 {
    height: 3rem;
}

.w-16 {
    width: 4rem;
}

.h-16 {
    height: 4rem;
}

.w-20 {
    width: 5rem;
}

.h-20 {
    height: 5rem;
}

.w-24 {
    width: 6rem;
}

.h-24 {
    height: 6rem;
}

/* 图标居中 */
.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

/* 图标悬停效果 */
.hover\:text-primary:hover {
    color: #D4AF37;
}

/* 图标动画 */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* 图标旋转 */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}