/* 基础重置样式 */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
/* 全局样式 */
html{height:100%}
body{height:100%;font-family:Arial,Helvetica,"Microsoft Yahei";font-size:14px;color:#333}
a{text-decoration:none;color:#333}
a:hover{color:#1670c6}
img{vertical-align:middle}
button,input,select,textarea{font-family:Tahoma,Arial, Helvetica,"微软雅黑";font-size:inherit;line-height:inherit}
.wrapper{position:relative;min-height:100%;background:#f8f8f8}
.inner{width:1000px;margin:0 auto}
.header{margin-bottom:20px}
.container .inner{position:relative}
/* 清除浮动 */
.inner:before,.inner:after{content:"";display:table}
.inner:after{clear:both;overflow:hidden}
/* 头部样式 */
.mod-head .bd{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);position:relative}
.mod-head .bd .logo{float:left;width:200px;height:80px;line-height:80px;text-align:center;font-size:24px;font-weight:bold;color:#d4237a}
.mod-head .ft{background:#1670c6;overflow:hidden}
.mod-head .ft ul{float:left;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(255,255,255,0.1)}
.mod-head .ft ul li{float:left;height:40px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);line-height:40px}
.mod-head .ft ul li.active a{background:rgba(0,0,0,0.1);color:#fff}
.mod-head .ft ul li.home a{padding:0 15px}
.mod-head .ft ul a{display:inline-block;padding:0 30px;text-align:center;font-size:16px;color:#fff;color:rgba(255,255,255,0.9)}
/* 面包屑导航 */
.breadcrumb{background:#fff;padding:10px 15px;margin-bottom:20px;font-size:12px;color:#999;box-shadow:0 0 2px rgba(0,0,0,0.15)}
.breadcrumb a{color:#999;margin:0 5px}
.breadcrumb a:hover{color:#1670c6}
.breadcrumb .current{color:#333;font-weight:bold}
/* 主要内容区域 */
.main-content{overflow:hidden}
.content-left{float:left;width:680px;margin-right:20px}
.content-right{float:right;width:280px}
/* 模块通用样式 */
.module{position:relative;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px}
.module .hd{height:48px;line-height:48px;padding:0 15px;border-bottom:2px solid #ebebeb;position:relative}
.module .hd h2{font-weight:700;font-size:18px;cursor:default}
.module .hd h2 span{display:inline-block;padding:0 20px 0 10px;border-bottom:2px solid #1670c6}
.module .bd{padding:20px 15px}
/* 文章头部信息 */
.article-header{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px;padding:20px}
.article-title{font-size:28px;font-weight:bold;color:#333;margin-bottom:15px;line-height:1.4}
.article-meta{overflow:hidden;padding:15px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;color:#666;font-size:13px}
.article-meta-item{float:left;margin-right:30px}
.article-meta-item i{margin-right:5px;color:#999}
.article-tags{margin-top:15px}
.article-tag{display:inline-block;padding:4px 12px;margin-right:8px;margin-bottom:8px;background:#f8f9fa;color:#666;border-radius:15px;font-size:12px;transition:all 0.3s ease}
.article-tag:hover{background:#1670c6;color:#fff}
/* 文章内容 */
.article-content{line-height:1.8;color:#333;font-size:16px}
.article-content p{margin-bottom:20px;text-indent:2em}
.article-content h2{font-size:22px;font-weight:bold;color:#333;margin:30px 0 15px 0;padding-bottom:10px;border-bottom:2px solid #1670c6}
.article-content h3{font-size:18px;font-weight:bold;color:#333;margin:25px 0 12px 0}
.article-content h4{font-size:16px;font-weight:bold;color:#333;margin:20px 0 10px 0}
.article-content ul,.article-content ol{margin:15px 0;padding-left:30px}
.article-content li{margin-bottom:8px;line-height:1.6}
.article-content ul li{list-style:disc}
.article-content ol li{list-style:decimal}
.article-content blockquote{background:#f8f9fa;border-left:4px solid #1670c6;padding:15px 20px;margin:20px 0;color:#666;font-style:italic}
.article-content img{max-width:100%;height:auto;margin:20px 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.article-content table th,.article-content table td{border:1px solid #ddd;padding:12px;text-align:left}
.article-content table th{background:#f8f9fa;font-weight:bold}
.article-content .highlight{background:#fff3cd;padding:2px 6px;border-radius:3px;color:#856404}
.article-content .tip{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:15px;margin:20px 0;color:#0c5460}
.article-content .tip::before{content:"💡 ";font-size:16px}
/* 文章底部 - 简化版 */
.article-footer{background:#f8f9fa;padding:20px;margin-top:30px;border-radius:8px}
.related-articles h4{font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #1670c6;text-align:center}
/* 相关攻略新样式 - 简洁列表 */
.related-list{list-style:none;padding:0;margin:0}
.related-item{display:block;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;color:#333;text-decoration:none}
.related-item:last-child{border-bottom:none}
.related-item:hover{background:#f8f9fa;padding-left:10px;color:#333;text-decoration:none}
.related-item-title{font-size:15px;color:#333;font-weight:bold;margin-bottom:6px;line-height:1.4}
.related-item-time{font-size:12px;color:#999}
/* 侧边栏样式 */
.sidebar-module{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px}
.sidebar-module .hd{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #eee;background:#f8f9fa}
.sidebar-module .hd h3{font-weight:700;font-size:16px;color:#333}
.sidebar-module .bd{padding:15px}
/* 热门攻略 */
.hot-guides .guide-item{display:block;overflow:hidden;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;color:#333;text-decoration:none}
.hot-guides .guide-item:last-child{border-bottom:none}
.hot-guides .guide-item:hover{background:#f8f9fa;padding-left:5px;color:#333;text-decoration:none}
.hot-guides .guide-number{float:left;width:24px;height:24px;background:#ff4757;color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:12px;font-weight:bold;margin-right:12px;margin-top:2px}
.hot-guides .guide-number.top3{background:#ffa502}
.hot-guides .guide-number.normal{background:#ddd;color:#999}
.hot-guides .guide-info{overflow:hidden}
.hot-guides .guide-title{font-size:14px;color:#333;margin-bottom:5px;font-weight:bold;line-height:1.4}
.hot-guides .guide-meta{font-size:12px;color:#999}
/* 推荐游戏 */
.recommend-games .game-item{display:block;overflow:hidden;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;color:#333;text-decoration:none}
.recommend-games .game-item:last-child{border-bottom:none}
.recommend-games .game-item:hover{background:#f8f9fa;padding-left:5px;color:#333;text-decoration:none}
.recommend-games .game-item img{float:left;width:50px;height:50px;border-radius:8px;margin-right:12px}
.recommend-games .game-info{overflow:hidden}
.recommend-games .game-info .name{font-size:14px;color:#333;margin-bottom:4px;font-weight:bold}
.recommend-games .game-info .desc{font-size:12px;color:#666}
/* 底部样式 */
.mod-foot .bd{padding:20px 0 10px}
.mod-foot .bd p{line-height:24px;text-align:center;font-size:12px;color:#999}
.mod-foot .bd span,.mod-foot .bd a{margin:0 15px}
.mod-foot .bd a{color:#999}
.mod-foot .bd a:hover{color:#1670c6}
/* 返回顶部 */
.mod-sidebar{position:fixed;right:25px;bottom:25px;width:60px;height:60px;background:#1670c6;border:1px solid #1670c6;line-height:60px;text-align:center;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;transition:all 0.3s ease}
.mod-sidebar:hover{background:#0d5aa7}
/* 响应式设计 */
@media screen and (max-width: 800px){
.inner{width:auto;padding:0 10px}
.header{position:fixed;left:0;top:0;z-index:99;width:100%;margin-bottom:10px}
.container{padding-top:100px}
.mod-head .bd .logo{width:auto;height:50px;line-height:50px;font-size:18px}
.mod-head .ft{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mod-head .ft ul{
border:none;
white-space:nowrap;
overflow:visible;
display:flex;
min-width:max-content;
}
.mod-head .ft ul li{
float:none;
display:inline-block;
border:none;
height:36px;
line-height:36px;
flex-shrink:0;
}
.mod-head .ft ul a{padding:0 15px;font-size:14px}
.content-left{float:none;width:100%;margin-right:0;margin-bottom:20px}
.content-right{float:none;width:100%}
.article-title{font-size:22px}
.article-meta-item{float:none;display:block;margin-bottom:8px}
.article-content{font-size:15px}
.article-content p{text-indent:0}
.mod-sidebar{right:15px;bottom:15px;width:45px;height:45px;line-height:45px;font-size:10px}
}
/* 相关攻略新样式 - 简洁列表 */
.related-list{list-style:none;padding:0;margin:0}
.related-item{display:block;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;color:#333;text-decoration:none}
.related-item:last-child{border-bottom:none}
.related-item:hover{background:#f8f9fa;padding-left:10px;color:#333;text-decoration:none}
.related-item-title{font-size:15px;color:#333;font-weight:bold;margin-bottom:6px;line-height:1.4}
.related-item-time{font-size:12px;color:#999}