/* 暗黑模式样式 */
.dark body {
    background: linear-gradient(to bottom, #0f172a, #0f1c3d);
    color: #f1f5f9;
}

.dark .bg-primary {
    background-color: #065f6b;
}

.dark .bg-white {
    background-color: #1e293b;
}

.dark .text-gray-800 {
    color: #f1f5f9;
}

.dark .text-gray-700 {
    color: #e2e8f0;
}

.dark .text-gray-600 {
    color: #cbd5e1;
}

.dark .text-gray-500 {
    color: #a1a1aa;
}

.dark .bg-gray-100 {
    background-color: #334155;
}

.dark .bg-blue-50 {
    background-color: #0f172a;
}

.dark .to-cyan-50 {
    --tw-gradient-to: #0f1c3d;
}

.dark .from-blue-50 {
    --tw-gradient-from: #0f172a;
}

.dark .border-gray-200 {
    border-color: #334155;
}

.dark .hover\:text-primary:hover {
    color: #0bc2a6;
}

/* 游戏卡片名称在暗模式下的颜色 */
.dark .bg-white\/90 h3 {
    color: #f1f5f9;
}

/* 用户评论名字在暗模式下的颜色 */
.dark .font-medium {
    color: #f1f5f9;
}

/* 视频卡片内容在暗模式下的颜色 */
.dark .p-3 h3 {
    color: #f1f5f9;
}

/* 暗黑模式下评论内容 */
.dark p.text-gray-700 {
    color: #e2e8f0;
}

/* 暗黑模式下标题 */
.dark h2.text-gray-700 {
    color: #f1f5f9;
}

/* 暗黑模式下游戏详情区域 */
.dark .bg-white\/90 {
    background-color: rgba(30, 41, 59, 0.9);
}

/* 暗黑模式下链接 */
.dark a.text-gray-700 {
    color: #e2e8f0;
}

/* 暗黑模式下评论区域 */
.dark .border-b {
    border-color: #334155;
}

/* 暗黑模式下按钮 */
.dark button.text-gray-400 {
    color: #94a3b8;
}

.dark button.text-gray-400:hover {
    color: #0bc2a6;
}

/* 暗黑模式下评论区选择框 */
.dark select {
    background-color: #1e293b;
    color: #f1f5f9;
    border-color: #334155;
}

.dark select option {
    background-color: #1e293b;
    color: #f1f5f9;
}

/* 暗黑模式下评论输入区 */
.dark textarea, 
.dark input[type="text"], 
.dark input[type="email"] {
    background-color: #1e293b;
    color: #f1f5f9;
    border-color: #334155;
}

.dark textarea::placeholder, 
.dark input::placeholder {
    color: #94a3b8;
}

/* 暗黑模式下滑动按钮 */
.dark #slideLeft,
.dark #slideRight {
    background-color: #334155;
    color: #f1f5f9;
    border-color: #4b5563;
}

.dark #slideRight {
    background-color: #075f6b;
}

.dark #slideRight:hover {
    background-color: #0bc2a6;
}

/* Game Videos部分的左右滑动按钮 */
.dark #videoSlideLeft,
.dark #videoSlideRight {
    background-color: #334155;
    color: #f1f5f9;
    border-color: #4b5563;
}

.dark #videoSlideRight {
    background-color: #075f6b;
}

.dark #videoSlideRight:hover {
    background-color: #0bc2a6;
}

/* 暗黑模式下内容渐变遮罩 */
.dark #contentFade {
    background-image: linear-gradient(to top, #1e293b, transparent);
}

/* 暗黑模式下的顶部/底部悬浮按钮 */
.dark #scrollToTop,
.dark #scrollToBottom {
    background-color: #065f6b;
}

.dark #scrollToTop:hover,
.dark #scrollToBottom:hover {
    background-color: #0bc2a6;
}

/* 隐藏滚动条但保留功能 */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}

/* 按钮光圈效果 */
@keyframes pulse-ring {
    0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.8);
    }
    70% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(255, 215, 0, 0);
    }
    100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
    }
}

.pulse-button {
    animation: pulse-ring 2s infinite;
    position: relative;
    z-index: 1;
}

.pulse-button:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 0.5rem;
    background: linear-gradient(45deg, #FFD700, #FFA500);
    z-index: -1;
    opacity: 0;
    animation: pulse-shadow 2s infinite;
}

.pulse-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.5rem;
    z-index: -1;
    background: #0bc2a6;
}

@keyframes pulse-shadow {
    0% {
opacity: 0.8;
transform: scale(1);
    }
    70% {
opacity: 0;
transform: scale(1.2);
    }
    100% {
opacity: 0;
transform: scale(1);
    }
}

/* 游戏简介在暗模式下的样式 */
.dark #mobile-game-description,
.dark #pc-game-description {
    color: #cbd5e1;
}

.dark #mobile-show-more-btn,
.dark #pc-show-more-btn {
    color: #0bc2a6;
}