*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"微软雅黑",sans-serif;
}
body{
    background:#f7f9fc;
    color:#333;
    line-height:1.7;
}
.container{
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}

/*头部导航*/
header{
    background:#165DFF;
    color:#fff;
    padding:15px 0;
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 2px 8px rgba(0,0,0,0.12);
}
.head-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.logo{
    font-size:24px;
    font-weight:bold;
}
nav a{
    color:#fff;
    text-decoration:none;
    margin:0 10px;
    transition:0.2s;
}
nav a:hover{
    color:#cbe0ff;
}

/*横幅banner*/
.banner{
    background:linear-gradient(120deg,#165DFF,#4080ff);
    color:#fff;
    padding:70px 0;
    text-align:center;
}
.banner h1{
    font-size:36px;
    margin-bottom:15px;
}
.banner p{
    font-size:18px;
    opacity:0.95;
}

.banner .container .cate-list a{
    text-decoration:underline;
    color:blue;
}

.banner-course{
    word-break: break-all;
    white-space: normal !important;
}


/*通用区块*/
section{
    padding:60px 0;
}
.title{
    text-align:center;
    font-size:30px;
    color:#222;
    margin-bottom:40px;
    position:relative;
}

.title::after{
    content:"";
    display:block;
    width:320px; /* 电脑端，原80px的4倍长度 */
    height:3px;
    background:#165DFF;
    margin:12px auto;
    border-radius:2px;
}

/* 新增：手机自适应，屏幕小于480px自动限制宽度 */
@media (max-width:480px){
    .title::after{
        width:65%; /* 手机上占屏幕65%，不会撑出去 */
    }
}



/*课程卡片*/
.course-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:25px;
}
.course-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
    transition:0.3s;
    cursor:pointer;
}
.course-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 24px rgba(0,0,0,0.15);
}
.course-card h3{
    color:#165DFF;
    margin-bottom:12px;
    font-size:18px;
}
.course-card p{
    color:#666;
    font-size:15px;
}


.cate-link {
    cursor: pointer !important; /* 强制小手 */
    text-decoration: none !important; /* 去掉下划线 */
    color: inherit !important; /* 继承原有文字颜色，不变蓝 */
}
.cate-link:hover {
    text-decoration: none !important;
    color: inherit !important;
}


/*详情页卡片*/
.page-card{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
}
.page-card h1{
    color:#165DFF;
    margin-bottom:12px;
    font-size:28px;
}
.meta{
    color:#666;
    margin-bottom:24px;
    line-height:1.8;
}
.price{
    font-size:22px;
    color:#f56c6c;
    font-weight:bold;
}
.block{
    margin:20px 0;
}
.block h3{
    border-left:4px solid #165DFF;
    padding-left:10px;
    margin-bottom:10px;
    color:#333;
}
.content{
    line-height:2;
    font-size:16px;
    color:#444;
}
.btn-box{
    margin-top:30px;
    text-align:center;
}
.btn{
    display:inline-block;
    background:#165DFF;
    color:#fff;
    padding:14px 36px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
    transition:0.2s;
}
.btn:hover{
    background:#0e4bdb;
}
.video-box{
    margin:20px 0;
    background:#f4f7ff;
    padding:20px;
    text-align:center;
    border-radius:8px;
}
.video-box a{
    color:#165DFF;
}

/*页脚*/
footer{
    background:#222;
    color:#aaa;
    text-align:center;
    padding:40px 0;
    font-size:14px;
}

/*移动端适配*/
@media (max-width:768px){
    .head-wrap{
        flex-direction:column;
        gap:10px;
    }
    .banner h1{
        font-size:26px;
    }
    .title{
        font-size:24px;
    }
    .page-card h1{
        font-size:22px;
    }
}
/* 手机端适配 */
@media (max-width: 480px) {
    .cate-list a {
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 22px;
    }
}

@media (max-width:480px){
    .banner-title{
        font-size:28px !important;
        line-height:1.4;
    }
}

/* 精准锁定banner内的分类链接，权重拉满 */
.banner .container .cate-list a.cate-link {
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit !important;
    word-break: break-all;
    white-space: normal !important;
}
.banner .container .cate-list a.cate-link:hover {
    text-decoration: none !important;
    color: #ffdd00 !important;
}

/*电脑端同行*/
.tel-line{
    display:inline;
}
/* 高权重！清除联系区域所有a标签：默认、点击后、访问后的颜色和下划线 */
#contact a,
#contact a:link,
#contact a:visited,
#contact a:hover,
#contact a:active{
    color: inherit !important;
    text-decoration: none !important;
}
/*手机端电话自动换行，增加间距*/
@media (max-width:480px){
    .tel-line{
        display:block;
        margin-top:8px;
    }
}