.social-media *{
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
}

/* 社交媒体图标样式 */
.social-media {
    display: flex;
    gap: 10px;
    align-items: center;
}

.social-media a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    border-radius: 10px;
    padding: 4px;
    background-color: #ffffff;
}

/* 图标定义 */
/* YouTube */
.social-media a.youtube {
    background-image: url('app_icon/youtube.svg');
}

/* TikTok */
.social-media a.tiktok {
    background-image: url('app_icon/tiktok.svg');
}

/* Facebook */
.social-media a.facebook {
    background-image: url('app_icon/facebook.svg');
}

/* X (Twitter) */
.social-media a.twitter {
    background-image: url('app_icon/x.svg');
}

/* Instagram */
.social-media a.instagram {
    background-image: url('app_icon/instagram.svg');
}

/* Threads */
.social-media a.threads {
    background-image: url('app_icon/threads.svg');
}

/* WhatsApp */
.social-media a.whatsapp {
    background-image: url('app_icon/whatsapp.svg');
}

/* Telegram */
.social-media a.telegram {
    background-image: url('app_icon/telegram.svg');
}

/* Pinterest */
.social-media a.pinterest {
    background-image: url('app_icon/pinterest.svg');
}

/* QQ */
.social-media a.qq {
    background-image: url('app_icon/qq.svg');
}

/* WeChat */
.social-media a.wechat {
    background-image: url('app_icon/wechat.svg');
}

/* Reddit */
.social-media a.reddit {
    background-image: url('app_icon/reddit.svg');
}

/* Discord */
.social-media a.discord {
    background-image: url('app_icon/discord.svg');
}

/* Snapchat */
.social-media a.snapchat {
    background-image: url('app_icon/snapchat.svg');
}

/* Tumblr */
.social-media a.tumblr {
    background-image: url('app_icon/tumblr.svg');
}

/* Weibo */
.social-media a.sinaweibo {
    background-image: url('app_icon/sinaweibo.svg');
}

/* Xiaohongshu */
.social-media a.xiaohongshu {
    background-image: url('app_icon/xiaohongshu.svg');
}

/* Bilibili */
.social-media a.bilibili {
    background-image: url('app_icon/bilibili.svg');
}

/* Mail */
.social-media a.mail {
    background-image: url('app_icon/mail.svg');
}

/* Line */
.social-media a.line {
    background-image: url('app_icon/line.svg');
}

/* Hover样式 */
.social-media a:hover {
    filter: invert(100%);
}

/* YouTube hover - #FF0000 */
.social-media a.youtube:hover {
    background-color: #00FFFF;
}

/* TikTok hover - #000000 */
.social-media a.tiktok:hover {
    background-color: #FFFFFF;
}

/* Facebook hover - #0866FF */
.social-media a.facebook:hover {
    background-color: #F79900;
}

/* X (Twitter) hover - #000000 */
.social-media a.twitter:hover {
    background-color: #FFFFFF;
}

/* Instagram hover - #FF0069 */
.social-media a.instagram:hover {
    background-color: #00FF96;
}

/* Threads hover - #000000 */
.social-media a.threads:hover {
    background-color: #FFFFFF;
}

/* WhatsApp hover - #25D366 */
.social-media a.whatsapp:hover {
    background-color: #DA2999;
}

/* Telegram hover - #26A5E4 */
.social-media a.telegram:hover {
    background-color: #D95A1B;
}

/* Pinterest hover - #BD081C */
.social-media a.pinterest:hover {
    background-color: #42F7E3;
}

/* QQ hover - #1EBAFC */
.social-media a.qq:hover {
    background-color: #E14503;
}

/* WeChat hover - #07C160 */
.social-media a.wechat:hover {
    background-color: #F83E9F;
}

/* Reddit hover - #FF4500 */
.social-media a.reddit:hover {
    background-color: #00BAFF;
}

/* Discord hover - #5865F2 */
.social-media a.discord:hover {
    background-color: #A79A0D;
}

/* Snapchat hover - #FFFC00 */
.social-media a.snapchat:hover {
    background-color: #0003FF;
}

/* Tumblr hover - #36465D */
.social-media a.tumblr:hover {
    background-color: #C9B9A2;
}

/* Weibo hover - #E6162D */
.social-media a.sinaweibo:hover {
    background-color: #19E9D2;
}

/* Xiaohongshu hover - #FF2442 */
.social-media a.xiaohongshu:hover {
    background-color: #00DBBD;
}

/* Bilibili hover - #00A1D6 */
.social-media a.bilibili:hover {
    background-color: #FF5E29;
}

/* Mail hover - #EA4335 */
.social-media a.mail:hover {
    background-color: #15BCCA;
}

/* Line hover - #00C300 */
.social-media a.line:hover {
    background-color: #FF3CFF;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .social-media {
        gap: 8px;
    }

    .social-media a {
        width: 28px;
        height: 28px;
        background-size: 18px;
    }
}

@media (max-width: 480px) {
    .social-media {
        gap: 6px;
    }

    .social-media a {
        width: 24px;
        height: 24px;
        background-size: 16px;
    }
}

.social-media{display: flex;gap: 16px;align-items: center;justify-content: center;margin-bottom:16px;flex-wrap: wrap;}