/* minigames 详情页 — 与首页一致的暗黑主题（覆盖 detail.css 蓝/白样式） */

.mg-body.mg-detail-active,
.mg-body.mg-detail-active .waper {
    background: var(--mg-bg, #0a0a12) !important;
    color: var(--mg-text, #f8f8fc);
    min-height: 100vh;
    padding-top: 0 !important;
}

/* 详情顶栏：不用 header 标签，避免 base.css 绿色条 */
.mg-body .mg-detail-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: auto !important;
    background: rgba(10, 10, 18, 0.92) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--mg-border, rgba(255, 255, 255, 0.07));
    box-shadow: none !important;
}

.mg-body .mg-detail-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.75rem 1.25rem;
    height: auto !important;
    border: none !important;
}

.mg-body .mg-detail-header .logo {
    font-family: var(--mg-font-display, 'Bricolage Grotesque', sans-serif);
    font-size: 1.05rem !important;
    font-weight: 700;
    color: var(--mg-text, #f8f8fc) !important;
    text-shadow: none !important;
    flex: 1;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.5rem;
}

.mg-body .mg-detail-header .icon_sea {
    color: var(--mg-accent-light, #a89bff) !important;
    flex-shrink: 0;
}

.mg-body .mg-detail-header .icon_sea .iconfont {
    color: var(--mg-accent-light, #a89bff) !important;
    font-size: 1.25rem !important;
}

/* 游戏信息卡片 */
.mg-body .module {
    background: var(--mg-surface, #18182a) !important;
    border: 1px solid var(--mg-border, rgba(255, 255, 255, 0.07)) !important;
    border-radius: var(--mg-radius-lg, 24px) !important;
    box-shadow: var(--mg-shadow-md, 0 8px 32px rgba(0, 0, 0, 0.35)) !important;
}

.mg-body .module.con-game {
    margin-top: 1rem !important;
    padding: 1.25rem !important;
}

.mg-body .con-game p em,
.mg-body .rightflex em {
    color: var(--mg-text, #f8f8fc) !important;
}

.mg-body .con-game p span,
.mg-body .con-game p span em {
    color: var(--mg-text-muted, #8b8ba3) !important;
}

.mg-body .con-game .gametip span {
    background: rgba(124, 108, 246, 0.2) !important;
    color: var(--mg-accent-light, #a89bff) !important;
    border: 1px solid rgba(124, 108, 246, 0.3) !important;
}

.mg-body .con-game .gametype span {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--mg-text-muted, #8b8ba3) !important;
    border: 1px solid var(--mg-border, rgba(255, 255, 255, 0.07)) !important;
}

.mg-body .gametip span:nth-of-type(n) {
    background: rgba(124, 108, 246, 0.18) !important;
    color: var(--mg-accent-light, #a89bff) !important;
}

/* 试玩按钮 */
.mg-body #shiwan,
.mg-body .con-game .btn span a,
.mg-body .con-game .nodown a,
.mg-body .con-game .nodown .start a,
.mg-body .con-game .btn .start a {
    background: var(--mg-gradient-brand, linear-gradient(135deg, #7c6cf6 0%, #a89bff 45%, #f472b6 100%)) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(124, 108, 246, 0.4) !important;
    border: none !important;
}

.mg-body #shiwan:hover,
.mg-body .con-game .btn span a:hover {
    filter: brightness(1.08);
}

.mg-body .buybtn {
    background: var(--mg-gradient-brand, linear-gradient(135deg, #7c6cf6, #f472b6)) !important;
}

/* Tab / 简介 / 截图区 */
.mg-body .con-tab {
    margin-top: 1rem !important;
}

.mg-body .con-tab .hd {
    background: var(--mg-surface, #18182a) !important;
    border-bottom: 1px solid var(--mg-border, rgba(255, 255, 255, 0.07)) !important;
    border-radius: var(--mg-radius-lg, 24px) var(--mg-radius-lg, 24px) 0 0 !important;
}

.mg-body .con-tab .hd a {
    color: var(--mg-text-muted, #8b8ba3) !important;
}

.mg-body .con-tab .hd .cur {
    color: var(--mg-accent-light, #a89bff) !important;
    background: rgba(124, 108, 246, 0.15) !important;
}

.mg-body .con-tab .hd .cur::after {
    background: var(--mg-accent, #7c6cf6) !important;
}

.mg-body .module.intro,
.mg-body .module.screenshot {
    background: var(--mg-surface, #18182a) !important;
    border: 1px solid var(--mg-border, rgba(255, 255, 255, 0.07));
}

.mg-body .con-tab .intro span.title {
    color: var(--mg-text, #f8f8fc) !important;
}

.mg-body .con-tab .intro .info,
.mg-body .con-tab .intro .info .con {
    color: var(--mg-text-muted, #8b8ba3) !important;
}

.mg-body .con-tab .intro::after {
    background: var(--mg-border, rgba(255, 255, 255, 0.07)) !important;
}

.mg-body .con-tab .intro p {
    color: var(--mg-text-muted, #8b8ba3) !important;
}

.mg-body .swiper_box_new .swiper-container2 .swiper-slide2 img {
    border: 1px solid var(--mg-border-strong, rgba(255, 255, 255, 0.14)) !important;
    border-radius: var(--mg-radius, 16px) !important;
}

/* 播放按钮悬浮 */
.mg-body .play-button {
    background: var(--mg-gradient-brand, linear-gradient(135deg, #7c6cf6, #f472b6)) !important;
    color: #fff !important;
    border: none !important;
}

/* 试玩弹层 / 关闭钮 / 灯箱 */
.mg-body .fab-close,
.mg-body .playframe .fab-close,
.mg-body #playmask_fab_close,
.mg-body #videomask_close {
    background: var(--mg-gradient-brand, linear-gradient(135deg, #7c6cf6, #f472b6)) !important;
    color: #fff !important;
}

.mg-body .lb-arrow {
    background: var(--mg-gradient-brand, linear-gradient(135deg, #7c6cf6, #f472b6)) !important;
}

.mg-body .orientation-tip .tip-btn {
    background: var(--mg-surface, #18182a) !important;
    border: 1px solid var(--mg-border-strong, rgba(255, 255, 255, 0.14));
}

.mg-body .orientation-tip .tip-btn:hover {
    background: rgba(124, 108, 246, 0.2) !important;
}

/* 购买弹层 */
.mg-body #paymask .maincontent {
    background: var(--mg-surface, #18182a) !important;
    color: var(--mg-text, #f8f8fc);
    border: 1px solid var(--mg-border-strong, rgba(255, 255, 255, 0.14));
    border-radius: var(--mg-radius-lg, 24px);
}

.mg-body #paymask .title {
    color: var(--mg-text, #f8f8fc) !important;
}

.mg-body #paymask .start {
    background: var(--mg-gradient-brand, linear-gradient(135deg, #7c6cf6, #f472b6)) !important;
    color: #fff !important;
}

/* 覆盖 detail.css 里 header 蓝紫渐变 */
.mg-body header {
    position: static !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mg-body .module .hd .title::before {
    background: var(--mg-accent, #7c6cf6) !important;
}

.mg-body .module .hd .more {
    color: var(--mg-text-muted, #8b8ba3) !important;
}