:root{
    /* 商务主色：低饱和靛蓝，简约专业 */
    --primary:#2563eb;
    --primary-light:#3b82f6;
    --primary-fade:rgba(37, 99, 235, 0.08);
    /* 浅色模式中性色（商务极简灰阶） */
    --bg-light:#ffffff;
    --bg-alt-light:#f8fafc;
    --card-light:#ffffff;
    --border-light:#e2e8f0;
    --text-main:#1e293b;
    --text-sub:#64748b;
    --text-light:#94a3b8;
    /* 深色模式中性色（低灰度商务暗调，不发黑） */
    --bg-dark:#0f172a;
    --bg-alt-dark:#1e293b;
    --card-dark:#1e293b;
    --border-dark:#334155;
    --text-dark-main:#f1f5f9;
    --text-dark-sub:#cbd5e1;
    --text-dark-light:#94a3b8;
    /* 功能辅助色（低饱和，不抢视觉） */
    --tag-rpg:#475569;
    --tag-casual:#0284c7;
    --tag-slg:#c2410c;
}
body{
    transition: background-color 0.3s ease,color 0.3s ease;
    overflow-x:hidden;
    font-family: system-ui, -apple-system, sans-serif;
}
body.light-mode{
    background-color: var(--bg-light);
    color:var(--text-main);
}
body.dark-mode{
    background-color: var(--bg-dark);
    color:var(--text-dark-main);
}
.bg-section-alt{
    transition: background 0.3s;
}
.light-mode .bg-section-alt{
    background-color: var(--bg-alt-light);
}
.dark-mode .bg-section-alt{
    background-color: var(--bg-alt-dark);
}
/* 导航栏新版三栏布局样式 */
.navbar{
    transition: all 0.3s;
    z-index:9999;
    padding:16px 0;
}
.navbar-scroll{
    box-shadow:0 1px 10px rgba(0,0,0,.06);
}
.light-mode .navbar{
    background:#ffffff !important;
    border-bottom:1px solid var(--border-light);
}
.dark-mode .navbar{
    background:var(--bg-dark) !important;
    border-bottom:1px solid var(--border-dark);
}
/* 主导航菜单居中 */
.main-nav-list{
    gap: 3.5rem;
}
/* 右侧操作区间距 */
.header-action-group{
    gap: 1.25rem;
    align-items: center;
}
.btn-business{
    background-color: var(--primary);
    color: #fff;
    padding: 8px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.2s;
}
.btn-business:hover{
    background-color: var(--primary-light);
    color: #fff;
}
/*全屏首屏轮播*/
#banner{
    min-height:100vh;
    margin-top:0;
}
.carousel-item{
    height:100vh;
}
.carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter: brightness(0.88);
}
/* 轮播文字完全居中 */
.carousel-caption{
    bottom: unset;
    top:50%;
    transform: translateY(-50%);
    text-align:center;
    left: 8%;
    right: 8%;
    max-width:100%;
}
.carousel-caption h1 span.highlight{
    color: var(--primary-light);
}
.section{
    padding: 100px 0;
}
  /* 超大屏游戏卡片间距加宽 */
@media (min-width: 1600px) {
    #games .row.g-4 {
        --bs-gutter-x: 2.5rem;
        --bs-gutter-y: 2.5rem;
    }
}
  .container-wide{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 32px;
}
/* 4K超宽屏适配 */
@media (min-width: 1920px) {
    .container-wide {
        padding: 0 60px;
    }
}
.card-game{
    transition: transform .25s ease,box-shadow .25s ease;
    overflow:hidden;
    border-radius:10px;
}
.light-mode .card-game{
    background:var(--card-light);
    border:1px solid var(--border-light);
}
.dark-mode .card-game{
    background:var(--card-dark);
    border:1px solid var(--border-dark);
}
.card-game:hover{
    transform: translateY(-6px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
.badge-platform{
    font-size:12px;
    padding:4px 10px;
    border-radius:999px;
    font-weight:500;
}
/* 游戏品类标签配色 */
.badge-rpg{background:var(--tag-rpg);color:#fff;}
.badge-casual{background:var(--tag-casual);color:#fff;}
.badge-slg{background:var(--tag-slg);color:#fff;}
.btn-download{
    font-size:13px;
    padding:6px 12px;
    border-radius:8px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid var(--border-light);
    color:var(--text-main);
    background:transparent;
    transition:0.2s;
}
.btn-download:hover{
    background:var(--primary-fade);
    border-color:var(--primary);
    color:var(--primary);
}
.dark-mode .btn-download{
    border-color:var(--border-dark);
    color:var(--text-dark-sub);
}
.dark-mode .btn-download:hover{
    background:rgba(37, 99, 235, 0.12);
}
.value-item{
    padding:32px 24px;
    border-radius:10px;
}
.light-mode .value-item{
    background-color:#ffffff;
    border:1px solid var(--border-light);
}
.dark-mode .value-item{
    background-color:var(--card-dark);
    border:1px solid var(--border-dark);
}
.value-item i{
    color:var(--primary);
}
/* 关于我们数据卡片 */
.about-card{
    border-radius:12px;
    padding:28px;
    height:100%;
}
.light-mode .about-card{
    background:#ffffff;
    border:1px solid var(--border-light);
}
.dark-mode .about-card{
    background:var(--card-dark);
    border:1px solid var(--border-dark);
}
.about-number{
    font-size:34px;
    font-weight:800;
    color:var(--primary);
}
.about-label{
    font-size:13px;
    color:var(--text-sub);
    margin-top:8px;
}
.dark-mode .about-label{
    color:var(--text-dark-light);
}
.theme-btn{
    border:0;
    background:transparent;
    font-size:1.3rem;
    color:inherit;
}
a.nav-link{
    font-weight:500;
    color:inherit;
}
a.nav-link:hover{
    color:var(--primary);
}
/* 全局文本次级色统一 */
.text-secondary{
    color:var(--text-sub) !important;
}
.dark-mode .text-secondary{
    color:var(--text-dark-sub) !important;
}
/* Bootstrap按钮重写商务风格 */
.btn-primary{
    background-color:var(--primary);
    border-color:var(--primary);
}
.btn-primary:hover{
    background-color:var(--primary-light);
    border-color:var(--primary-light);
}
.btn-outline-primary{
    color:var(--primary);
    border-color:var(--primary);
}
.btn-outline-primary:hover{
    background:var(--primary-fade);
    color:var(--primary);
    border-color:var(--primary);
}
footer{
    padding:50px 0 20px;
}
.light-mode footer{
    background:#1e293b;
    color:#cbd5e1;
}
.dark-mode footer{
    background:#0b1120;
    color:#cbd5e1;
}
footer hr{
    border-color:#334155;
}
.dark-mode .navbar-toggler-icon{
    filter: invert(1);
}
#officeCarousel .carousel-item{
    opacity: 1 !important;
    /* 只执行位移动画，取消透明过渡 */
    transition: transform 0.5s ease-in-out !important;
}
#officeCarousel .carousel-item-next,
#officeCarousel .carousel-item-prev,
#officeCarousel .carousel-item.active,
#officeCarousel .carousel-item-left,
#officeCarousel .carousel-item-right{
    opacity: 1 !important;
}
/* 防止图片有滤镜、变暗 */
#officeCarousel img{
    opacity: 1 !important;
    filter: none !important;
}




/* 鼠标悬浮 */
.navbar-nav .nav-link:hover{
    color: var(--primary);
}
/* 点击瞬间 */
.navbar-nav .nav-link:active{
    color: var(--primary);
    background: transparent !important;
    box-shadow: none !important;
}
/* 访问之后 */
.navbar-nav .nav-link:visited{
    color: #333;
}
/* 焦点选中（tab按键、点击后蓝色边框） */
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:focus-visible{
    box-shadow: none !important;
    outline: none !important;
    color: var(--primary);
}

/* 暗黑模式适配 */
[data-theme="dark"] .navbar-nav .nav-link{
    color:#eee;
}
[data-theme="dark"] .navbar-nav .nav-link:visited{
    color:#eee;
}