:root {
    --color-up: #10b981;
    --color-down: #ef4444;
    --color-neutral: #6b7280;
    --color-primary: #3b82f6;
    --color-secondary: #8b5cf6;
    --color-warning: #f59e0b;
}
.clip-path-polygon {
    clip-path: polygon(
        0% 0%, 
        95% 0%, 
        100% 5%, 
        100% 100%, 
        5% 100%, 
        0% 95%
    );
}
.bg-grid {
    background-image: 
        linear-gradient(to right, rgba(55, 65, 81, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(55, 65, 81, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}
/* 头部卡片样式优化 - 仅PC端 */
@media (min-width: 768px) {
    #home .col-span-12 {
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-left-width: 4px;
        border-left-color: #3b82f6;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        padding: 2rem;
        transition: all 0.3s ease;
    }
    #home .col-span-12:hover {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    #home .col-span-12 h1 {
        font-size: 2.25rem;
        font-weight: 700;
        background: linear-gradient(135deg, #3b82f6, #8b5cf6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0.75rem;
    }
    #home .col-span-12 p {
        font-size: 1.125rem;
        color: #6b7280;
        line-height: 1.6;
    }
    #home .col-span-12 .flex.items-center.space-x-4 {
        gap: 2rem;
    }
    /* 确保标题描述和用户数据在PC端同一行 */
    #home .col-span-12 > div {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    #home .col-span-12 > div > div:first-child {
        margin-bottom: 0 !important;
    }
    #home .col-span-12 > div > div:last-child {
        margin-top: 0 !important;
    }
    #home .col-span-12 .text-lg.font-semibold {
        font-size: 1.5rem;
        font-weight: 700;
    }
    #home .col-span-12 .text-green-600 {
        color: #059669;
        position: relative;
    }
    #home .col-span-12 .text-green-600::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #10b981;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }
    #home .col-span-12:hover .text-green-600::after {
        transform: scaleX(1);
    }
}
/* 移动端开始测试按钮样式 */
@media (max-width: 767px) {
    #mobile-test-button {
        width: 120px !important;
        max-width: 120px !important;
        flex: 0 0 auto !important;
        min-width: 120px !important;
    }
    /* 移动端按钮容器样式 */
    .md\:hidden.flex.items-center.justify-end {
        justify-content: flex-end !important;
        gap: 0.5rem !important;
    }
}