/* 基础重置样式 */
    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-main{width:100%}
    
    /* 模块通用样式 */
    .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 span{display:inline-block;padding:0 20px 0 10px;border-bottom:2px solid #1670c6;font-weight: 700;font-size: 18px;}
    .module .bd{padding:20px 15px}
    
    /* 专题头部 */
    .special-header{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15);margin-bottom:20px;padding:30px 20px;text-align:center}
    .special-title{font-size:36px;font-weight:bold;color:#333;margin-bottom:20px;position:relative}
    .special-title:after{content:'';display:block;width:80px;height:4px;background:linear-gradient(135deg, #1670c6, #4a9eff);margin:15px auto 0;border-radius:2px}
    .special-intro{font-size:16px;line-height:1.8;color:#666;max-width:800px;margin:0 auto}
    .special-intro p{margin-bottom:15px;text-align: left;text-indent: 2em;}
    .special-stats{display:flex;justify-content:center;gap:40px;margin-top:25px;flex-wrap:wrap}
    .special-stat{text-align:center}
    .special-stat-number{font-size:28px;font-weight:bold;color:#1670c6;display:block}
    .special-stat-label{font-size:14px;color:#999;margin-top:5px}
    
    /* 游戏盒子推荐 */
    .box-recommend{
        background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius:12px;
        padding:20px;
        margin-bottom:20px;
        color:#fff;
        position:relative;
        overflow:hidden;
    }
    .box-recommend:before{
        content:'';
        position:absolute;
        top:-50%;
        right:-50%;
        width:100%;
        height:100%;
        background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
        transform:rotate(45deg);
    }
    .box-recommend-title{
        font-size:20px;
        font-weight:bold;
        margin-bottom:15px;
        text-align:center;
        position:relative;
        z-index:2;
    }
    .box-apps{
        display:flex;
        gap:15px;
        justify-content:center;
        position:relative;
        z-index:2;
    }
    .box-app{
        background:rgba(255,255,255,0.15);
        border-radius:10px;
        padding:15px;
        text-align:center;
        flex:1;
        max-width:200px;
        transition:all 0.3s ease;
        backdrop-filter:blur(10px);
        text-decoration:none;
        color:#fff;
        display:block;
    }
    .box-app:hover{
        background:rgba(255,255,255,0.25);
        transform:translateY(-3px);
        color:#fff;
        text-decoration:none;
    }
    .box-app-icon{
        width:50px;
        height:50px;
        border-radius:10px;
        margin:0 auto 10px auto;
        display:block;
        box-shadow:0 4px 12px rgba(0,0,0,0.2);
    }
    .box-app-name{
        font-size:16px;
        font-weight:bold;
        margin-bottom:8px;
        color:#fff;
    }
    .box-app-desc{
        font-size:12px;
        color:rgba(255,255,255,0.8);
    }
    
    /* APP展示区域 */
    .apps-grid{
        display:grid;
        grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
        gap:15px;
        margin-bottom:20px;
    }
    .app-item{
        background:#fff;
        border-radius:10px;
        padding:15px;
        box-shadow:0 2px 8px rgba(0,0,0,0.1);
        transition:all 0.3s ease;
        position:relative;
        overflow:hidden;
    }
    .app-item:hover{
        transform:translateY(-3px);
        box-shadow:0 6px 20px rgba(0,0,0,0.15);
    }
    .app-item:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:3px;
        background:linear-gradient(135deg, #ff6b6b, #4ecdc4);
    }
    .app-icon{
        width:60px;
        height:60px;
        border-radius:12px;
        margin:0 auto 12px auto;
        display:block;
        box-shadow:0 3px 10px rgba(0,0,0,0.1);
    }
    .app-title{
        font-size:16px;
        font-weight:bold;
        color:#333;
        text-align:center;
        margin-bottom:10px;
        line-height:1.3;
    }
    .app-title a{
        color:#333;
        text-decoration:none;
    }
    .app-title a:hover{
        color:#1670c6;
    }
    .app-benefits{
        display:flex;
        justify-content:center;
        gap:6px;
        margin-bottom:12px;
        flex-wrap:wrap;
    }
    .benefit-tag{
        display:inline-block;
        padding:3px 8px;
        background:linear-gradient(135deg, #ff6b6b, #ff8e8e);
        color:#fff;
        font-size:11px;
        border-radius:10px;
        box-shadow:0 2px 6px rgba(255,107,107,0.3);
        white-space:nowrap;
    }
    .benefit-tag.hot{
        background:linear-gradient(135deg, #ff6b35, #f7931e);
    }
    .benefit-tag.new{
        background:linear-gradient(135deg, #26de81, #20bf6b);
    }
    .benefit-tag.vip{
        background:linear-gradient(135deg, #a55eea, #8854d0);
    }
    .app-download{
        text-align:center;
    }
    .download-btn{
        display:inline-block;
        padding:8px 20px;
        background:#1670c6;
        color:#fff;
        border-radius:18px;
        font-size:13px;
        font-weight:bold;
        text-decoration:none;
        transition:all 0.3s ease;
    }
    .download-btn:hover{
        background:#0d5aa7;
        color:#fff;
        transform:translateY(-2px);
        box-shadow:0 4px 12px rgba(22,112,198,0.3);
    }
    
    /* 底部样式 */
    .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}
        .special-header{padding:20px 15px}
        .special-title{font-size:28px}
        .special-stats{gap:20px}
        .special-stat-number{font-size:24px}
        .box-recommend{padding:15px;margin-bottom:15px}
        .box-recommend-title{font-size:16px;margin-bottom:12px}
        .box-apps{gap:10px}
        .box-app{max-width:none;padding:12px}
        .box-app-icon{width:40px;height:40px;margin-bottom:8px}
        .box-app-name{font-size:14px;margin-bottom:5px}
        .box-app-desc{font-size:11px}
        .apps-grid{
            grid-template-columns:repeat(2, 1fr);
            gap:10px;
        }
        .app-item{padding:12px}
        .app-icon{width:50px;height:50px}
        .app-title{font-size:14px}
        .benefit-tag{font-size:10px;padding:2px 6px}
        .download-btn{font-size:12px;padding:6px 15px}
        .mod-sidebar{right:15px;bottom:15px;width:45px;height:45px;line-height:45px;font-size:10px}
    }

/* 攻略列表样式 */
.guide-list .guide-item{
    display:block;
    padding:12px 0;
    border-bottom:1px solid #f0f0f0;
    transition:all 0.3s ease;
    color:#333;
    text-decoration:none;
}
.guide-list .guide-item:last-child{
    border-bottom:none;
}
.guide-list .guide-item:hover{
    background:#f8f9fa;
    padding-left:10px;
    color:#333;
    text-decoration:none;
}
.guide-list .guide-title{
    font-size:15px;
    color:#333;
    font-weight:bold;
    margin-bottom:6px;
    line-height:1.4;
}
.guide-list .guide-item:hover .guide-title{
    color:#1670c6;
}
.guide-list .guide-time{
    font-size:12px;
    color:#999;
}