*{margin:0;padding:0;box-sizing:border-box;}
        body{background-color:#f4f5f7;color:#333;}

        /* 导航栏 深蓝 #142d5a，使用layui内置bg类，不再用!important */
        .header-custom{background:#142d5a;}
        .header-custom .layui-logo{color:#fff;font-size:20px;font-weight:bold;line-height:60px;}
        .header-custom .layui-nav{background:transparent;}
        .header-custom .layui-nav-item a{color:#ffffff;}

        /* 首屏区域 */
        .hero{padding:60px 0;background:#ffffff;}
        .hero .layui-row{display:flex;align-items:center;flex-wrap:wrap;}
        .hero-left{padding: 0 15px;}
        .hero-left h1{font-size:34px;color:#142d5a;margin-bottom:20px;}
        .hero-left p{font-size:16px;color:#666;line-height:1.8;margin-bottom:30px;}
        .btn-group .layui-btn{margin-right: 5px;
    height: 40px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 0.375rem;}
        .demo-btn{background:#142d5a;color:#fff;}
        .buy-btn{background:#e63946;color:#fff;}

        .hero-right{padding: 0 15px;text-align:center;}
        .hero-right img{max-width:100%;max-height:420px;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,0.1);}

        /* 功能介绍板块 */
        .feature{padding:60px 0;background:#f8f9fa;}
        .feature-title{text-align:center;margin-bottom:40px;}
        .feature-title h2{font-size:28px;margin-bottom: 8px;color:#142d5a;}
        .feature-card{background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 12px rgba(0,0,0,0.08);}
        .feature-card h3{font-size:20px;margin-bottom:16px;color:#142d5a;}
        /* 核心功能卡片网格 */
.feature-grid{margin-top:20px;}

.feature-item{
    background:#ffffff;
    border:1px solid #eef0f3;
    border-radius:12px;
    padding:24px 20px;
    text-align:center;
    transition:all .3s;
    height:100%;
}

.feature-item:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 24px rgba(20,45,90,.12);
    border-color:#dfe7f5;
}

.feature-icon{
    width:56px;
    height:56px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    color:#fff;
    font-size:24px;
}

.blue-icon{background:linear-gradient(135deg,#409eff,#142d5a);}
.green-icon{background:linear-gradient(135deg,#00c853,#2e7d32);}
.yellow-icon{background:linear-gradient(135deg,#ffb300,#f57c00);}
.red-icon{background:linear-gradient(135deg,#ff5252,#c62828);}

.feature-item h4{
    font-size:17px;
    color:#142d5a;
    margin-bottom:8px;
}

.feature-item p{
    font-size:13px;
    color:#666;
    line-height:1.6;
    margin:0;
}
.tub{font-size: 30px;}
.buy-btn2 {
    background: #4CAF50;
    color: #fff;
}

        /* 底部 */
        footer{background:#142d5a;color:#fff;padding:30px 0;text-align:center;}
/* 模板封面展示 */
.template-show{padding:60px 0;background:#f4f5f7;}
.template-title{text-align:center;margin-bottom:40px;}
.template-title h2{font-size:28px;color:#142d5a;margin-bottom:12px;}
.template-title p{color:#666;font-size:15px;}

.template-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:all .3s;}
.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(20,45,90,.15);}

.template-cover{height:250px;border-radius:8px 8px 0 0;position:relative;background-size:cover;background-position:center;}
.template-tag{position:absolute;top:12px;right:12px;background:rgba(20,45,90,.85);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;}

.template-info{padding:16px 20px;}
.template-info h4{font-size:16px;color:#142d5a;margin-bottom:8px;}
.template-info p{font-size:13px;color:#666;line-height:1.6;margin:0;}

/* 传奇封面配色 */
.legend-1{background-image: url(/ing/cq1.jpg);background-size: cover;}
.legend-2{background-image: url(/ing/cq2.jpg);background-size: cover;}

/* 魔域封面配色 */
.moyu-1{background-image: url(/ing/my1.jpg);background-size: cover;}
.moyu-2{background-image: url(/ing/my2.jpg);background-size: cover;}
.moyu-3{background-image: url(/ing/my3.jpg);background-size: cover;}

/* 蜀门封面配色 */
.shumen-1{background-image: url(/ing/shumen.jpg);background-size: cover;}

/* 热血江湖封面配色 */
.rxjh-1{background-image: url(/ing/jh.jpg);background-size: cover;}

/* 天龙八部封面配色 */
.tlb-1{background-image: url(/ing/tl1.jpg);background-size: cover;}
.tlb-2{background-image: url(/ing/tl2.jpg);background-size: cover;}


/* 移动端适配 */
@media (max-width:768px){
    .system-feature{padding:35px 0;}
    .feature-box{padding:16px;}
    .feature-circle{width:60px;height:60px;}
    .feature-text h3{font-size:22px;}
    .feature-text p{font-size:15px;}
}

@media(max-width:768px){
    .template-show{padding:40px 0;}
}

        /* 移动端适配 768px以下，取消flex同行，上下堆叠 */
        @media(max-width:768px){
            .hero{padding:30px 0;}
            .hero .layui-row{display:block;}
            .hero-left h1{font-size:26px;}
            .btn-group{text-align:center;margin-bottom:30px;}
            .btn-group .layui-btn{margin-bottom:12px;width:80%;}
        }