#iframeContainer {
    width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
    direction: rtl;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
    padding: 0;
}

#iframeWrap {
    direction: ltr;
    display: inline-block;
}
.index-course {height:410px;}

/* 全局样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;background:#111;color:#ddd;line-height:1.7;scroll-behavior: smooth;}
a{color:#ffcc00;text-decoration:none}
a:hover{color:#fff}
.container{width:1200px;margin:0 auto}
/* 头部样式 */
.header{background:#1a1a1a;border-bottom:2px solid #c41e1a;position: sticky;top:0;z-index:999;}
.logo{height:80px;display:flex;align-items:center;padding:0 20px;font-size:24px;font-weight:bold;color:#ffcc00}
/* 导航样式 */
.nav{background:#252525}
.nav ul{display:flex;list-style:none;justify-content:center}
.nav li{padding:12px 20px;position:relative}
.nav li a{font-size:16px;font-weight:500;display:block}
.nav li:hover{background:#c41e1a}
.nav li .active{color:#fff;background:#c41e1a;padding:12px 20px;margin:-12px -20px;}
/* 内容区域 */
.banner{margin:10px 0}
.banner img{width:1200px;height:500px;display:block;border-radius:4px}
.section{display:none;margin-top:10px;}
.section.active{display:block;}
.main{display:flex;gap:15px;margin-top:10px}
.left{width:880px}
.right{width:305px}
.box{background:#1a1a1a;border:1px solid #333;border-radius:4px;margin-bottom:10px}
.title{background:#c41e1a;color:#fff;padding:8px 12px;font-size:16px;font-weight:bold}
.content{padding:12px}
/* 开服列表 */
.server-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.server-list.grid3{grid-template-columns:repeat(3,1fr);}
.server-item{background:#222;padding:10px;border:1px solid #333;border-radius:3px;transition:all 0.3s}
.server-item:hover{border-color:#ffcc00;transform:scale(1.02)}
.server-item h3{font-size:14px;color:#ffcc00;margin-bottom:4px}
.server-item p{font-size:12px;color:#aaa}
/* 新闻列表 */
.news-item{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #333}
.news-item:last-child{border-bottom:none}
.news-item a{font-size:14px;display:block;transition:all 0.3s}
.news-item a:hover{padding-left:5px;color:#fff}
.news-item span{float:right;color:#666;font-size:12px}
/* 文章内容 */
.article{padding:15px;font-size:15px;color:#eee;line-height:1.9}
.article h1{font-size:22px;color:#ffcc00;margin-bottom:10px;text-align:center}
.article h2{font-size:18px;color:#ffcc00;margin:15px 0 8px}
.article p{margin-bottom:10px;text-indent:2em}
/* 底部 */
.footer{background:#111;border-top:1px solid #333;padding:15px;text-align:center;color:#666;font-size:12px;margin-top:10px}
/* 响应式 */
@media (max-width: 1200px) {
  .container{width:95%}
  .main{flex-direction:column}
  .left,.right{width:100%}
  .server-list{grid-template-columns:repeat(1,1fr)}
}