.project-card {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
    background: #fff !important;
    margin-bottom: 30px !important;
    transition: all 0.3s ease !important;
}
.project-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}
.platform-card {
    width: 100% !important;
    height: 320px !important;
    position: relative !important;
    cursor: pointer !important;
}
.card-top {
    width: 100% !important;
    height: 60% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.card-top.douyin {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d) !important;
}
.card-top.kuaishou {
    background: linear-gradient(135deg, #fff0f3, #ffe8ec) !important;
}
.card-top.xiaohongshu {
    background: linear-gradient(135deg, #ffeef2, #ffdde4) !important;
}
.card-top.shipinhao {
    background: linear-gradient(135deg, #e0f7e9, #c8f0d8) !important;
}
.card-top.bilibili {
    background: linear-gradient(135deg, #fff0f6, #e8f4ff) !important;
}
.card-top.weibo {
    background: linear-gradient(135deg, #fff8e1, #ffefc1) !important;
}
.main-icon {
    width: 80px !important;
    height: 80px !important;
    position: relative !important;
    z-index: 2 !important;
    animation: float 3s ease-in-out infinite !important;
}
.main-icon::after {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.card-top.douyin .main-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 14.5c-2.2 0-4.3-.7-6-2v13.2c0 6.1-5 11-11.1 11s-11.1-4.9-11.1-11 5-11 11.1-11c.4 0 .8 0 1.2.1v5.7c-.4-.1-.8-.1-1.2-.1-3 0-5.4 2.4-5.4 5.3s2.4 5.3 5.4 5.3 5.4-2.4 5.4-5.3V5h5.4c0 .3 0 .6.1.9.4 2.5 2 4.6 4.3 5.6.9.4 1.9.6 2.9.6v2.4z' fill='%23FF2C55'/%3E%3Cpath d='M33.7 5.9c.4 2.5 2 4.6 4.3 5.6V5h-4.3v.9z' fill='%2325F4EE'/%3E%3C/svg%3E") !important;
}
.card-top.kuaishou .main-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='18' fill='%23FF7D00'/%3E%3Cpath d='M20 16l12 8-12 8V16z' fill='white'/%3E%3C/svg%3E") !important;
}
.card-top.xiaohongshu .main-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8h24a4 4 0 014 4v24a4 4 0 01-4 4H12a4 4 0 01-4-4V12a4 4 0 014-4z' fill='%23FF2442'/%3E%3Cpath d='M16 14h16v4H16v-4zm0 8h16v4H16v-4zm0 8h10v4H16v-4z' fill='white'/%3E%3C/svg%3E") !important;
}
.card-top.shipinhao .main-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='18' fill='%2307C160'/%3E%3Cpath d='M20 16l12 8-12 8V16z' fill='white'/%3E%3C/svg%3E") !important;
}
.card-top.bilibili .main-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='14' width='32' height='24' rx='4' fill='%23FB7299'/%3E%3Cpath d='M16 24h16M16 30h10' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M20 10l-4 4M28 10l4 4' stroke='%23FB7299' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.card-top.weibo .main-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='22' cy='28' rx='14' ry='10' fill='%23E6162D'/%3E%3Cpath d='M38 16c0-3.3-2.7-6-6-6-.5 0-1 .1-1.5.2 1.2 1 2 2.5 2 4.2 0 2.8-2.2 5-5 5-.3 0-.6 0-.9-.1.2.6.4 1.2.4 1.9 0 4.4-4.5 8-10 8-1.5 0-2.9-.3-4.2-.8C14.4 32.8 18 36 22 36c8.8 0 16-5.4 16-12 0-1.1-.2-2.2-.7-3.2 2.2-.7 3.7-2.7 3.7-4.8z' fill='%23E6162D'/%3E%3Ccircle cx='22' cy='28' r='3' fill='white'/%3E%3Ccircle cx='22' cy='28' r='1' fill='%23E6162D'/%3E%3C/svg%3E") !important;
}
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}
.card-bottom {
    width: 100% !important;
    height: 40% !important;
    background: #fff !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}
.tag {
    display: inline-block !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
.tag.douyin {
    background: linear-gradient(90deg, #8B0000, #DC143C) !important;
}
.tag.kuaishou {
    background: #FF7D00 !important;
}
.tag.xiaohongshu {
    background: #FF2442 !important;
}
.tag.shipinhao {
    background: #07C160 !important;
}
.tag.bilibili {
    background: linear-gradient(90deg, #FB7299, #23ADE5) !important;
}
.tag.weibo {
    background: #E6162D !important;
}
.card-title {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #222 !important;
    margin-bottom: 8px !important;
}
.card-desc {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}
.project-card .mask {
    background: rgba(0,0,0,0.7) !important;
}