/* 基础重置样式 */
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)}
/* 副导航样式 */
.sub-nav{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px}
.sub-nav .inner{padding:0 15px}
.sub-nav ul{overflow:hidden;border-bottom:1px solid #eee}
.sub-nav li{float:left;margin-right:30px}
.sub-nav li a{display:block;padding:15px 0;font-size:16px;color:#666;border-bottom:3px solid transparent;transition:all 0.3s ease}
.sub-nav li.active a{color:#1670c6;border-bottom-color:#1670c6;font-weight:bold}
.sub-nav li a:hover{color:#1670c6}
/* 面包屑导航 */
.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}
/* 攻略列表样式 */
.guide-list{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px}
.guide-list .hd{height:48px;line-height:48px;padding:0 15px;border-bottom:2px solid #ebebeb;background:linear-gradient(90deg, #1670c6, #0d5aa7)}
.guide-list .hd h2{font-weight:700;font-size:18px;color:#fff}
.hd h1{font-weight:700;font-size:18px;color:#fff}
.guide-list .bd{padding:0}
/* 攻略条目样式 */
.guide-item{display:block;padding:20px 15px;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;color:#333;text-decoration:none}
.guide-item:last-child{border-bottom:none}
.guide-item:hover{background:#f8f9fa;color:#333;text-decoration:none}
.guide-item-header{overflow:hidden;margin-bottom:10px}
.guide-item-title{float:left;font-size:18px;font-weight:bold;color:#333;line-height:1.4;max-width:500px}
.guide-item-time{float:right;font-size:12px;color:#999;line-height:25px}
.guide-item-summary{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guide-item-meta{overflow:hidden;font-size:12px;color:#999}
.guide-item-category{float:left;background:#e9ecef;color:#666;padding:2px 8px;border-radius:10px;margin-right:10px}
.guide-item-author{float:left;margin-right:15px}
.guide-item-views{float:right}
/* 热门推荐攻略 */
.featured-guides{margin-bottom:20px}
.featured-item{display:block;overflow:hidden;padding:15px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;transition:all 0.3s ease;color:#333;text-decoration:none;background:#fff}
.featured-item:hover{border-color:#1670c6;box-shadow:0 4px 12px rgba(22,112,198,0.15);transform:translateY(-2px);color:#333;text-decoration:none}
.featured-item-badge{float:left;background:#ff4757;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:bold;margin-right:10px;margin-top:2px}
.featured-item-content{overflow:hidden}
.featured-item-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:8px;line-height:1.4}
.featured-item-summary{font-size:13px;color:#666;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-item-meta{font-size:11px;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-sidebar{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-sidebar:last-child{border-bottom:none}
.hot-guides .guide-item-sidebar: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}
/* 攻略分类 */
.category-list .category-item{display:block;padding:10px 0;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;color:#333;text-decoration:none}
.category-list .category-item:last-child{border-bottom:none}
.category-list .category-item:hover{background:#f8f9fa;padding-left:5px;color:#333;text-decoration:none}
.category-list .category-name{font-size:14px;color:#333;font-weight:bold;margin-bottom:4px}
.category-list .category-count{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}
/* 分页样式 */
.pagination{text-align:center;padding:30px 0}
.pagination a,.pagination span{display:inline-block;padding:8px 12px;margin:0 3px;border:1px solid #ddd;color:#666;border-radius:4px;transition:all 0.3s ease}
.pagination a:hover{background:#1670c6;color:#fff;border-color:#1670c6}
.pagination .current{background:#1670c6;color:#fff;border-color:#1670c6}
.pagination .disabled{color:#ccc;cursor:not-allowed}
/* 底部样式 */
.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:140px}
.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}
.sub-nav ul{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
.sub-nav li{float:none;display:inline-block;margin-right:20px}
.content-left{float:none;width:100%;margin-right:0;margin-bottom:20px}
.content-right{float:none;width:100%}
.guide-item-header{overflow:visible}
.guide-item-title{float:none;max-width:100%;margin-bottom:5px}
.guide-item-time{float:none;display:block}
.guide-item-meta{overflow:visible}
.guide-item-category,.guide-item-author{float:none;display:inline-block;margin-bottom:5px}
.guide-item-views{float:none;display:block}
.featured-item{overflow:visible}
.featured-item-badge{float:none;display:inline-block;margin-bottom:8px}
.featured-item-content{overflow:visible}
.mod-sidebar{right:15px;bottom:15px;width:45px;height:45px;line-height:45px;font-size:10px}
}