html, body {
            margin: 0;
            /*font-family: 'ZCOOL XiaoWei', serif;*/
            font-family: 'ZCOOL KuaiLe', cursive;
            /*background: linear-gradient(to right, #f9f9f9, #e6f0ff);*/
            /*color: #333;*/
        }

        .v-item .v-item-footer .v-title {
            text-align: center;
            font-size: 0.875rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .v-item .v-item-footer .v-item-title-hidden {
            display: none !important;
        }

        .episode-item {
            width: 100%;
        }

        .detail-tags {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .episode-list {
            max-height: 60vh;
            overflow-y: auto;
            display: grid;
            gap: 12px;
        }

        [data-skeleton] {
            background: #f5f5f5;
            border-radius: 4px;
            animation: skeleton 1.5s ease-in-out infinite;
        }

        @keyframes skeleton {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }

        .episode-item {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            max-width: 100%;
        }
    /* 优化加载容器样式 */
    .loading-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* background: rgba(93, 152, 229, 0.1); */
        /* backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px); */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }
    
    /* 强化加载动画 */
    .loading-spinner {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
        border: 6px solid rgba(255,255,255,0.1);
        border-radius: 50%;
        border-top-color: #4e9fed;
        border-bottom-color: #4e9fed;
        animation: spin 1s linear infinite;
        box-shadow: 0 0 20px rgba(78, 158, 237, 0.5);
    }
    
    /* 强化骨架屏效果 */
    [data-skeleton] {
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        border-radius: 8px;
        animation: skeleton 1.5s ease-in-out infinite, shimmer 2s infinite;
    }
    
    @keyframes shimmer {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }
    
    @keyframes spin {
        to { transform: rotate(360deg); }
    }