body {
            background: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 25%, #2d1b69 50%, #1a1a3e 75%, #0f0f23 100%);
            background-attachment: fixed;
            font-family: 'Playfair Display', 'Microsoft YaHei', serif;
            color: #e8e8e8;
            min-height: 100vh;
            position: relative;
        }
        
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.1) 0%, transparent 50%);
            pointer-events: none;
            z-index: -1;
        }

        /* ===========================================
           统一的文字颜色和阴影方案 (Gemini Refined)
           =========================================== */

        /* Base text color for dark background elements */
        body,
        .card-body,
        .text-white,
        .text-light {
            color: #e8e8e8;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
        }

        /* Dark text for components with light backgrounds */
        .alert:not(.alert-dark),
        .bg-light,
        .bg-white,
        .table,
        .accordion-body,
        .accordion-button,
        .timeline-item,
        .modal-content,
        .dropdown-menu,
        .list-group-item,
        .player-seat,
        .player-card,
        .history-details .bg-light,
        .card[style*="background-color: rgba(255, 255, 255"],
        .card[style*="background-color: #fff"] {
            color: #212529 !important;
            text-shadow: none !important;
        }

        /* Apply dark text to all children of these components */
        .alert:not(.alert-dark) *,
        .bg-light *,
        .bg-white *,
        .table *,
        .accordion-body *,
        .timeline-item *,
        .modal-content *,
        .dropdown-menu *,
        .list-group-item *,
        .player-seat *,
        .player-card *,
        .history-details .bg-light *,
        .card[style*="background-color: rgba(255, 255, 255"] *,
        .card[style*="background-color: #fff"] * {
            color: inherit !important; /* Inherit the dark color from parent */
        }

        /* White text for components with dark backgrounds */
        .table-dark, .bg-dark, .navbar-dark, .card-header,
        .btn-primary, .btn-secondary, .btn-dark {
            color: #ffffff !important;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
        }
        .table-dark *, .bg-dark *, .card-header *,
        .btn-primary *, .btn-secondary *, .btn-dark *,
        .navbar-dark .navbar-nav .nav-link,
        .navbar-dark .navbar-brand,
        .navbar-dark .navbar-text {
            color: #ffffff !important;
        }

        /* --- Specific Overrides & Exceptions --- */

        /* Dropdown items must be dark on their light background, this is a high-specificity override */
        .navbar-dark .dropdown-menu .dropdown-item {
            color: #212529 !important;
        }

        /* Form labels in the main card body should be light */
        #createRoomForm .form-label, 
        #createRoomForm .text-muted {
            color: #e8e8e8 !important;
        }

        /* Accordion buttons need special handling for collapsed state */
        .accordion-button {
            color: #212529 !important;
        }
        .accordion-button:not(.collapsed)::after {
            filter: brightness(0%) invert(100%); /* Make arrow visible on dark header */
        }

        /* Game result modal has specific rules for poker card colors, need to preserve them */
        #gameResultModal .text-danger,
        #gameResultModal .playing-card.text-danger {
            color: #dc3545 !important;
        }
        
        #gameResultModal .text-dark,
        #gameResultModal .playing-card.text-dark {
            color: #000 !important;
        }

        .card {
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 
                0 8px 32px rgba(0, 0, 0, 0.3),
                0 0 0 1px rgba(255, 255, 255, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
            margin-bottom: 25px;
            transition: all 0.3s ease;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 
                0 15px 40px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
        }
        
        .card-header {
            border-radius: 20px 20px 0 0 !important;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            font-family: 'Cinzel', serif;
            font-weight: 600;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            border: none;
            position: relative;
            overflow: hidden;
        }
        
        .card-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s;
        }
        
        .card-header:hover::before {
            left: 100%;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            border-radius: 12px;
            padding: 12px 24px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 
                0 4px 15px rgba(102, 126, 234, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 
                0 8px 25px rgba(102, 126, 234, 0.6),
                0 0 0 1px rgba(255, 255, 255, 0.2);
            background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
        }
        
        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s;
        }
        
        .btn-primary:hover::before {
            left: 100%;
        }
        .player-card {
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 10px;
            margin-bottom: 10px;
            background-color: white;
        }
        .active-player {
            border: 2px solid #28a745;
        }
        .winner {
            border: 2px solid gold;
            background-color: #fff9e6;
        }
        .playing-card {
            width: 70px;
            height: 100px;
            border: 2px solid #DAA520;
            border-radius: 12px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin: 6px;
            font-size: 32px;
            font-weight: bold;
            background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
            position: relative;
            box-shadow: 
                0 8px 25px rgba(0, 0, 0, 0.3),
                0 0 0 1px rgba(218, 165, 32, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.8);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            backface-visibility: hidden;
            transform-style: preserve-3d;
            cursor: pointer;
        }
        
        .playing-card::before {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            right: 2px;
            bottom: 2px;
            border-radius: 10px;
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 100%);
            pointer-events: none;
            opacity: 0.6;
        }
        
        .playing-card:hover {
            transform: translateY(-8px) rotateX(5deg);
            box-shadow: 
                0 15px 40px rgba(0, 0, 0, 0.4),
                0 0 0 2px rgba(218, 165, 32, 0.8),
                inset 0 1px 0 rgba(255, 255, 255, 0.9),
                0 0 20px rgba(218, 165, 32, 0.3);
        }
        
        .playing-card.card-back {
            background: 
                linear-gradient(135deg, #1a1a3e 0%, #2d1b69 25%, #4a148c 50%, #2d1b69 75%, #1a1a3e 100%),
                radial-gradient(circle at 30% 30%, rgba(255, 215, 0, 0.2) 0%, transparent 50%);
            color: transparent;
            border: 2px solid #DAA520;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><defs><pattern id="cardback" patternUnits="userSpaceOnUse" width="50" height="50"><rect width="50" height="50" fill="none"/><circle cx="25" cy="25" r="15" fill="none" stroke="rgba(218,165,32,0.3)" stroke-width="2"/><path d="M10,10 L40,40 M40,10 L10,40" stroke="rgba(218,165,32,0.2)" stroke-width="1"/><text x="25" y="30" text-anchor="middle" fill="rgba(218,165,32,0.4)" font-size="16" font-family="serif">♠</text></pattern></defs><rect width="50" height="50" fill="url(%23cardback)"/></svg>');
            position: relative;
            overflow: hidden;
        }
        
        .playing-card.card-back::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.3), transparent);
            animation: card-shimmer 2s infinite;
        }
        
        @keyframes card-shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }
        .playing-card.card-animation {
            animation: dealCard 1.2s ease-out forwards;
            opacity: 0;
            transform: translateY(-50px) scale(0.5) rotateY(180deg);
        }
        .playing-card.flip-animation {
            animation: flipCard 1s ease-out forwards;
        }
        @keyframes dealCard {
            0% {
                opacity: 0;
                transform: translateY(-70px) scale(0.5) rotateY(180deg);
                box-shadow: 0 0 5px rgba(0,0,0,0.1);
            }
            40% {
                opacity: 1;
                transform: translateY(15px) scale(1.1) rotateY(180deg);
                box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            }
            60% {
                transform: translateY(0) scale(1.05) rotateY(180deg);
                box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            }
            80% {
                transform: translateY(0) scale(1) rotateY(90deg);
                box-shadow: 0 3px 10px rgba(0,0,0,0.15);
            }
            100% {
                transform: translateY(0) scale(1) rotateY(0deg);
                box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            }
        }
        @keyframes flipCard {
            0% {
                transform: rotateY(180deg) scale(0.9);
                box-shadow: 0 0 5px rgba(0,0,0,0.1);
            }
            50% {
                transform: rotateY(90deg) scale(1.05);
                box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            }
            100% {
                transform: rotateY(0deg) scale(1);
                box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            }
        }
        @keyframes pulse {
            0% {
                box-shadow: 0 0 8px gold;
                transform: scale(1);
            }
            25% {
                box-shadow: 0 0 15px gold, 0 0 25px yellow;
            }
            50% {
                box-shadow: 0 0 20px gold, 0 0 30px yellow, 0 0 40px rgba(255, 215, 0, 0.3);
                transform: scale(1.08);
            }
            75% {
                box-shadow: 0 0 15px gold, 0 0 25px yellow;
            }
            100% {
                box-shadow: 0 0 8px gold;
                transform: scale(1);
            }
        }
        
        @keyframes winner-pulse {
            0% {
                box-shadow: 0 0 20px gold, 0 0 35px yellow, 0 0 50px rgba(255, 215, 0, 0.5);
                transform: scale(1.2) rotateY(0deg);
            }
            50% {
                box-shadow: 0 0 30px gold, 0 0 50px yellow, 0 0 70px rgba(255, 215, 0, 0.7);
                transform: scale(1.25) rotateY(0deg);
            }
            100% {
                box-shadow: 0 0 20px gold, 0 0 35px yellow, 0 0 50px rgba(255, 215, 0, 0.5);
                transform: scale(1.2) rotateY(0deg);
            }
        }
        
        @keyframes halo-rotate {
            0% {
                transform: rotate(0deg);
                opacity: 0.6;
            }
            50% {
                opacity: 1;
            }
            100% {
                transform: rotate(360deg);
                opacity: 0.6;
            }
        }
        .history-item {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            margin-bottom: 10px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .history-item:hover {
            background-color: rgba(255, 255, 255, 0.05);
            border-color: rgba(255, 255, 255, 0.2);
        }
        
        .history-header {
            padding: 12px 15px;
            background: rgba(255, 255, 255, 0.02);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            transition: all 0.3s ease;
        }
        
        .history-header:hover {
            background: rgba(255, 255, 255, 0.08);
        }
        
        .history-details {
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .history-details.collapsed {
            max-height: 0;
            opacity: 0;
            padding: 0 15px;
        }
        
        .history-details.expanded {
            max-height: 500px;
            opacity: 1;
            padding: 0 15px 15px 15px;
        }
        
        .history-details .bg-light {
            background-color: rgba(248, 249, 250, 0.95) !important;
            color: #333 !important;
        }
        
        /* 游戏结果模态框文字颜色修复 - 简化版本，避免影响JavaScript功能 */
        #gameResultModal .table {
            color: #333 !important;
        }
        
        #gameResultModal .table td,
        #gameResultModal .table th {
            color: #333 !important;
        }
        
        #gameResultModal .bg-light {
            color: #333 !important;
        }
        
        #gameResultModal .modal-body {
            color: #333 !important;
        }
        
        #gameResultModal .modal-body h1,
        #gameResultModal .modal-body h2,
        #gameResultModal .modal-body h3,
        #gameResultModal .modal-body h4,
        #gameResultModal .modal-body h5,
        #gameResultModal .modal-body h6,
        #gameResultModal .modal-body p {
            color: #333 !important;
        }
        
        #gameResultModal .text-muted {
            color: #666 !important;
        }
        
        /* 扑克牌颜色保持原样 */
        #gameResultModal .text-danger,
        #gameResultModal .playing-card.text-danger {
            color: #dc3545 !important;
        }
        
        #gameResultModal .text-dark,
        #gameResultModal .playing-card.text-dark {
            color: #000 !important;
        }
        
        .expand-icon {
            font-size: 12px;
            color: #666;
            transition: transform 0.3s ease;
            user-select: none;
        }
        
        .history-item .badge.bg-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
            animation: pulse-glow 2s infinite;
        }
        
        @keyframes pulse-glow {
            0% { box-shadow: 0 0 5px rgba(102, 126, 234, 0.5); }
            50% { box-shadow: 0 0 15px rgba(102, 126, 234, 0.8); }
            100% { box-shadow: 0 0 5px rgba(102, 126, 234, 0.5); }
        }
        #loading {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            color: white;
        }
        /* 牌桌样式 - 豪华赌场风格 */
        .game-table {
            position: relative;
            background: 
                radial-gradient(ellipse at center, #0d4f1c 0%, #1a5d2e 30%, #0d4f1c 100%),
                linear-gradient(45deg, #0a3d17 0%, #1a5d2e 50%, #0a3d17 100%);
            border-radius: 15px;
            width: 100%;
            height: 350px;
            margin: 25px auto;
            box-shadow: 
                0 20px 60px rgba(0, 0, 0, 0.6),
                0 0 0 3px #8B4513,
                0 0 0 8px #CD853F,
                0 0 0 12px #8B4513,
                inset 0 0 50px rgba(0, 0, 0, 0.3),
                inset 0 2px 20px rgba(255, 255, 255, 0.1);
            overflow: visible;
            transition: all 0.5s ease;
        }
        
        .game-table:hover {
            transform: scale(1.02);
            box-shadow: 
                0 25px 80px rgba(0, 0, 0, 0.7),
                0 0 0 3px #8B4513,
                0 0 0 8px #DAA520,
                0 0 0 12px #8B4513,
                inset 0 0 50px rgba(0, 0, 0, 0.2),
                inset 0 2px 20px rgba(255, 255, 255, 0.15);
        }
        
        /* 添加牌桌豪华纹理和装饰 */
        .game-table::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 15px;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><defs><pattern id="felt" patternUnits="userSpaceOnUse" width="60" height="60"><rect width="60" height="60" fill="none"/><path d="M0,30 Q15,15 30,30 Q45,45 60,30" stroke="rgba(255,255,255,0.03)" stroke-width="1" fill="none"/><path d="M30,0 Q45,15 30,30 Q15,45 30,60" stroke="rgba(255,255,255,0.03)" stroke-width="1" fill="none"/></pattern></defs><rect width="60" height="60" fill="url(%23felt)"/></svg>');
            opacity: 0.4;
            pointer-events: none;
            transition: all 0.5s ease;
        }
        
        .game-table::after {
            content: '♠ ♥ ♦ ♣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 24px;
            color: rgba(255, 215, 0, 0.2);
            font-weight: bold;
            letter-spacing: 20px;
            text-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
            pointer-events: none;
            animation: subtle-glow 3s ease-in-out infinite alternate;
        }
        
        @keyframes subtle-glow {
            0% { opacity: 0.2; text-shadow: 0 0 10px rgba(255, 215, 0, 0.3); }
            100% { opacity: 0.4; text-shadow: 0 0 20px rgba(255, 215, 0, 0.5); }
        }
        
        /* 圆形牌桌样式 */
        .game-table.round-table,
        .game-table.round-table::before {
            border-radius: 50%;
        }
        /* 座位容器样式 */
        .seat-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none; /* 允许点击穿透到下层元素 */
            z-index: 5; /* 确保在牌桌上方，但在玩家座位下方 */
        }
        /* 玩家头像样式 - 优化美观度 */
        .player-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 8px;
            font-size: 20px;
            font-weight: bold;
            color: white;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            border: 2px solid rgba(255,255,255,0.7);
            text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        }
        
        /* 根据玩家数量自动调整头像大小的类 */
        .player-avatar.size-2 { width: 50px; height: 50px; font-size: 24px; }
        .player-avatar.size-3 { width: 45px; height: 45px; font-size: 22px; }
        .player-avatar.size-4 { width: 40px; height: 40px; font-size: 20px; }
        .player-avatar.size-5 { width: 35px; height: 35px; font-size: 18px; }
        .player-avatar.size-6 { width: 30px; height: 30px; font-size: 16px; }
        /* 玩家座位样式 - 使用动态计算位置 */
        .player-seat {
            position: absolute;
            transition: all 0.3s ease;
            z-index: 10;
            background-color: rgba(255, 255, 255, 0.95);
            border-radius: 10px;
            padding: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
            border: 1px solid rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(5px);
            pointer-events: auto; /* 确保座位可点击 */
            transform: translate(-50%, -50%); /* 居中定位 */
            /* 宽度、left和top由JavaScript动态设置 */
            overflow: hidden; /* 防止内容溢出 */
        }
        
        /* 可折叠玩家信息样式 */
        .player-seat.collapsed {
            padding: 5px;
        }
        
        .player-info-header {
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 5px !important;
            background-color: rgba(0, 123, 255, 0.2) !important;
            border-radius: 5px !important;
            margin-bottom: 3px !important;
            border: 2px solid rgba(0, 123, 255, 0.3) !important;
            user-select: none !important;
        }
        
        .player-info-header:hover {
            background-color: rgba(0, 123, 255, 0.4) !important;
            border-color: rgba(0, 123, 255, 0.5) !important;
        }
        
        .player-info-header:active {
            background-color: rgba(0, 123, 255, 0.6) !important;
        }
        
        .player-info-content {
            transition: all 0.3s ease !important;
            overflow: hidden !important;
            display: block !important;
        }
        
        .player-info-content.collapsed {
            max-height: 0 !important;
            opacity: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            display: none !important;
        }
        
        .player-info-content.expanded {
            max-height: 500px !important;
            opacity: 1 !important;
            margin-top: 5px !important;
            padding: 5px !important;
            display: block !important;
        }
        
        .collapse-indicator {
            transition: transform 0.3s ease;
            font-size: 12px;
            color: #666;
        }
        
        .collapse-indicator.expanded {
            transform: rotate(180deg);
        }
        
        /* 玩家卡片样式优化 */
        .player-card {
            background-color: white;
            border-radius: 6px;
            padding: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .player-card.winner {
            background-color: rgba(255, 248, 220, 1);
            box-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
        }
        @media (max-width: 576px) {
            /* 房间列表表格优化 */
            #roomsList td:last-child {
                min-width: 120px;
                padding: 8px 4px;
            }
            #roomsList .btn {
                margin-bottom: 5px;
                display: block;
                width: 100%;
                font-size: 0.75rem;
                padding: 6px 8px;
            }
            
            /* 游戏页面头部优化 */
            .card-header .btn {
                min-height: 44px; /* 确保按钮足够大，方便点击 */
                font-size: 0.9rem;
                padding: 8px 12px;
            }
            
            /* 表格文字大小调整 */
            #roomsList td {
                font-size: 0.85rem;
                padding: 8px 4px;
            }
            
            /* 徽章样式调整 */
            .badge {
                font-size: 0.7rem;
                padding: 4px 6px;
            }
            
            /* 确保移动端按钮容器有足够间距 */
            .d-flex.flex-column.flex-md-row.gap-1 {
                gap: 0.25rem !important;
            }
            
            /* 移动端表格滚动优化 */
            .table-responsive {
                border-radius: 8px;
            }
            
            /* 移动端卡片头部间距优化 */
            .card-header .d-flex.flex-column {
                gap: 0.75rem;
            }
            /* 移动设备上的牌桌样式调整 */
            .game-table {
                height: 280px;
                margin: 10px auto;
            }
            /* 移动设备上的座位样式调整 - 移除固定宽度，使用JavaScript动态计算的宽度 */
            .player-seat {
                font-size: 0.8rem;
                padding: 4px;
            }
            
            /* 移动端默认折叠玩家信息 */
            .player-seat {
                padding: 3px;
            }
            
            .player-seat.collapsed {
                padding: 2px;
            }
            
            .player-info-header {
                padding: 1px 0;
                font-size: 0.75rem;
            }
            
            .collapse-indicator {
                font-size: 10px;
            }
            
            /* 调整卡牌大小 */
            .playing-card {
                width: 35px;
                height: 50px;
                font-size: 1rem;
                line-height: 50px;
                margin-right: 3px;
            }
            
            /* 调整玩家头像 */
            .player-avatar {
                width: 30px;
                height: 30px;
                font-size: 14px;
                margin-right: 4px;
            }
            
            /* 调整玩家卡片内容 */
            .player-card h5 {
                font-size: 0.8rem;
                margin-bottom: 3px;
            }
            .player-card .badge {
                font-size: 0.65rem;
                padding: 0.15rem 0.3rem;
            }
         }