@charset "UTF-8";
        *{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
        :root{
            --main:#2563eb;
            --light:#eff6ff;
            --dark:#1e293b;
            --gray:#64748b;
            --orange-red:#ff6b35;
        }
        /*导航栏】*/
        header{
            background:#fff;
            box-shadow:0 2px 8px #00000015;
            position:sticky;
            top:0;
            z-index:99;
        }
        .nav-wrap{
            max-width:1200px;
            margin:0 auto;
            display:flex;
            align-items:center;
            padding:16px 20px;
            gap:40px;
        }
        .logo{
            font-size:24px;
            font-weight:bold;
            color:var(--main);
            white-space:nowrap;
            text-decoration:none;
        }
        nav{
            flex:1;
        }
        nav a{
            margin-right:32px;
            text-decoration:none;
            color:var(--dark);
            font-size:16px;
        }
        nav a:hover{color:var(--main);}
        .nav-tel{
            display:flex;
            align-items:center;
            gap:8px;
            color:var(--main);
            font-weight:bold;
            white-space:nowrap;
        }
        .nav-tel svg{
            width:18px;height:18px;
            fill:currentColor;
        }
        /*轮播首页banner*/
        .banner{
            background:linear-gradient(135deg,#2563eb,#4f46e5);
            color:#fff;
            padding:80px 20px;
            text-align:center;
        }
        .banner h1{font-size:42px;margin-bottom:16px;}
        .banner p{font-size:18px;opacity:0.9;margin-bottom:28px;max-width:700px;margin-left:auto;margin-right:auto;}
        .btn{
            display:inline-block;
            background:#fff;
            color:var(--main);
            padding:14px 32px;
            border-radius:8px;
            text-decoration:none;
            font-weight:bold;
        }
        .btn-outline{
            background:transparent;
            border:2px solid #fff;
            color:#fff;
            margin-left:12px;
        }
        /*通用区块 缩小栏目上下内边距，减少区块间距*/
        section{padding:30px 20px;max-width:1200px;margin:0 auto;}
        .sec-title{
            text-align:center;
            font-size:28px;
            font-weight:700; /*加粗*/
            color:var(--dark);
            margin-bottom:30px;
        }
        .sec-title .title-main{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
        }
        /* 栏目标题图标通用基础样式 */
.sec-title .sec-icon{
    display:inline-block;
    width:26px;
    height:26px;
    vertical-align:middle;
    margin-right:10px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-color:var(--orange-red);
    mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
}
/* 服务内容：文件夹 */
.icon-service{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E");
}
/* 服务流程：流程图/步骤图标 */
.icon-flow{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5v2H4v4h5v2H4v4h5v2H6v2h12v-2h-3v-2h5v-4h-5v-2h5V7h-5V5h-4z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5v2H4v4h5v2H4v4h5v2H6v2h12v-2h-3v-2h5v-4h-5v-2h5V7h-5V5h-4z'/%3E%3C/svg%3E");
}
/* 服务优势：星星/亮点 */
.icon-adv{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
/* 优质师资：老师/毕业帽 */
.icon-teacher{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 8l10 5 9-4.5V13h2V8L12 3zM5 11.18v4L12 19l7-3.82v-4L12 15l-7-3.82z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 8l10 5 9-4.5V13h2V8L12 3zM5 11.18v4L12 19l7-3.82v-4L12 15l-7-3.82z'/%3E%3C/svg%3E");
}
/* 家长好评：对话气泡/评价 */
.icon-comment{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
}
/* 教育资讯：书本/公告 */
.icon-news{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3C/svg%3E");
}
/* 联系我们：电话/通讯 */
.icon-contact{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15.5c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5 5h1.5c.05.88.22 1.75.5 2.58l-1.2 1.21C4.7 7.88 4.5 6.47 4.5 5H5zm11.9 11.9c-1.04.25-2.12.4-3.22.4-1.32 0-2.6-.2-3.8-.58l1.2-1.2c.85.27 1.72.45 2.62.5v1.5h1.5c0-1.09-.15-2.17-.4-3.21l1.2-1.2c.38 1.2.58 2.48.58 3.79V17h-1.5z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15.5c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5 5h1.5c.05.88.22 1.75.5 2.58l-1.2 1.21C4.7 7.88 4.5 6.47 4.5 5H5zm11.9 11.9c-1.04.25-2.12.4-3.22.4-1.32 0-2.6-.2-3.8-.58l1.2-1.2c.85.27 1.72.45 2.62.5v1.5h1.5c0-1.09-.15-2.17-.4-3.21l1.2-1.2c.38 1.2.58 2.48.58 3.79V17h-1.5z'/%3E%3C/svg%3E");
}

        .sec-title > span:last-child{
            display:block;
            font-size:16px;color:var(--gray);margin-top:8px;font-weight:normal;
        }
        /*服务内容*/
        .service-row{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
            gap:24px;
        }
        .service-card{
            background:var(--light);
            padding:32px 24px;
            border-radius:12px;
        }
        .service-card h3{margin-bottom:12px;color:var(--main);font-size:20px;}
		/*优质师资板块*/
        .teacher-row{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:24px;
            max-width:1200px;
            margin:0 auto;
        }
       .teacher-col{
           background:var(--light);
           padding:32px 24px;
           border-radius:12px;
        }
        .teacher-col h3{
            margin-bottom:12px;
            color:var(--main);
            font-size:20px;
        }
        .teacher-col p{
            line-height:1.7;
            color:#333;
        }

         /*移动端适配*/
         @media(max-width:768px){
             .teacher-row{
                 grid-template-columns:1fr;
              }
		}
        /*服务流程*/
        .flow-wrap{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
            gap:20px;
        }
        .flow-item{
             text-align:center;
             position:relative;
             background:var(--light);
             padding:32px 24px;
             border-radius:12px;
        }

        .flow-num{
            width:50px;height:50px;
            background:var(--main);
            color:#fff;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:22px;
            margin:0 auto 12px;
        }
		.flow-item h3{
             margin-bottom:14px;
        }

        /*服务优势*/
        .adv-row{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
            gap:24px;
        }
        .adv-card{
            background:var(--light);
            padding:28px 22px;
            border-radius:12px;
        }

        .adv-card h3{margin-bottom:10px;color:var(--dark);}
        /*家长好评*/
        .comment-row{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
            gap:24px;
        }
        .comment-card{
                background:var(--light);
                padding:26px;
                border-radius:12px;
        }

        .comment-text{margin-bottom:14px;color:#333;line-height:1.7;}
        .user-name{color:var(--main);font-weight:bold;}
        
		/*教育资讯板块*/
.news-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    max-width:1200px;
    margin:0 auto;
}
.news-col{
    background:#fff;
    padding:24px;
    border-radius:10px;
    border:1px solid #e2e8f0;
}
.news-col-title{
    font-size:20px;
    color:var(--main);
    margin-bottom:16px;
    padding:10px 0;
    border-bottom:1px solid #eee;
    background:var(--light);
    border-radius:8px;
	text-align:center; /* 三个子标题居中 */
}

.news-list{
    list-style:none;
}
.news-list li{
    padding:10px 0;
    /* 去掉所有文章条目之间的分隔虚线 */
}
.news-list li a{
    color:var(--dark);
    text-decoration:none;
	line-height:1.6;
}
.news-list li a:hover{
    color:var(--main);
}

/* 文章详情页专属样式 */
.article-detail{
    max-width:1200px;  /* 和全站banner、所有板块宽度完全一致 */
    margin:0 auto;
    padding:40px 20px; /* 左右20px边距，和banner的padding完全对齐 */
}
.article-detail .article-title{
    text-align:center; /* 文章标题居中 */
    font-size: clamp(22px, 3vw, 30px); /* 最小22px，动态3vw，最大30px */
    font-weight:700;
    color:var(--dark);
    margin-bottom:16px;
}
.article-detail .article-meta{
    text-align:center; /* 发布时间居中，和标题配套 */
    color:var(--gray);
    font-size:14px;
    margin-bottom:40px;
}
.article-detail .article-body{
    font-size:16px;
    line-height:1.6; /* 宽松行高，阅读不费眼 */
    color:#333;
}
.article-detail .article-body p{
    margin-bottom:1.2em; /* 段落间距 */
}


/* 文章详情页 上一篇/下一篇 导航 */
.post-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:50px;
    padding:24px;
    background:var(--light); /* 浅蓝背景，和网站风格统一 */
    border-radius:12px;
    border:1px solid #dbeafe;
}
.post-nav-prev{
    text-align:left;
}
.post-nav-next{
    text-align:right;
}
.post-nav .nav-label{
    font-size:14px;
    color:var(--gray);
    margin-bottom:8px;
}
.post-nav .nav-link{
    color:var(--dark);
    text-decoration:none;
    font-weight:500;
    line-height:1.5;
    transition:all 0.2s;
}
.post-nav .nav-link:hover{
    color:var(--main); /* 悬浮变主题蓝色 */
}
.post-nav-prev .nav-link::before{
    content: "\2190 ";
}
.post-nav-next .nav-link::after{
    content: " \2192";
}
.post-nav .nav-none{
    color:#94a3b8; /* 没有文章时的灰色提示 */
}

/* 手机端适配：上下堆叠，左对齐 */
@media(max-width:768px){
    .post-nav{
        grid-template-columns:1fr;
        gap:16px;
        padding:18px;
        margin-top:30px;
    }
    .post-nav-next{
        text-align:left;
    }
}


/*移动端适配：只保留最新资讯，隐藏另外2栏*/
@media(max-width:768px){
    .news-row{
        grid-template-columns:1fr;
    }
    .news-col{
        display:none;
    }
    .news-col-last{
        display:block !important;
    }
}
		
		/*联系我们区块*/
        #contact{
            background:var(--light);
            max-width:100%;
        }
        .contact-container{
            max-width:1200px;margin:0 auto;
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:40px;
            padding:0 20px;
            align-items:center;
        }
        .contact-container > div:last-child{
            text-align:center;
        }
       .contact-container h3{
            text-align:center;
        }
       .contact-container form{
            max-width:420px;
            margin:0 auto;
            text-align:left;
        }
        .qrcode-box{
            text-align:center;
        }
        .qrcode-placeholder{
            width:220px;height:220px;
            background:#ddd;
            margin:0 auto 14px;
            display:flex;align-items:center;justify-content:center;
            border-radius:8px;
        }
        .scan-tip{
            display:block;
        }
        /*表单样式*/
        .form-item{margin-bottom:18px;}
        label{display:block;margin-bottom:6px;color:#333;}
        input,textarea{
            width:100%;
            padding:12px 14px;
            border:1px solid #cbd5e1;
            border-radius:6px;
            font-size:15px;
        }
        textarea{min-height:110px;resize:none;}
        .submit-btn{
            width:100%;
            background:var(--main);
            color:white;
            border:none;
            padding:14px;border-radius:6px;
            font-size:16px;
            cursor:pointer;
        }
        footer{
            background:var(--dark);
            color:#adb5bd;
            text-align:center;
            padding:24px;
            font-size:14px;
        }

        /* ========== 右侧悬浮按钮：回到顶部、拨打电话、复制微信 ========== */
        .float-tool{
            position:fixed;
            right:16px;
            bottom:30px;
            display:flex;
            flex-direction:column;
            gap:12px;
            z-index:999;
        }
        .float-btn{
            width:48px;
            height:48px;
            border-radius:50%;
            background-color:var(--main);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 2px 10px rgba(0,0,0,0.2);
            cursor:pointer;
        }
        .float-btn svg{width:22px;height:22px;fill:#fff;}
        .float-tip{
            position:absolute;
            right:60px;
            background:#333;
            color:#fff;
            padding:4px 10px;
            border-radius:4px;
            font-size:12px;
            white-space:nowrap;
            display:none;
        }
        .float-item:hover .float-tip{display:block;}

        /*移动端优化导航【本次修改】*/
        @media(max-width:768px){
            .nav-wrap{
                flex-direction:column;
                gap:10px;
                padding:12px 15px;
            }
            /*手机端隐藏顶部咨询热线*/
            .nav-tel{
                display:none;
            }
            .logo{
                order:2;
            }
            nav{
                order:3;
                width:100%;
                text-align:center;
            }
            nav a{
                margin:0 8px;
                font-size:14px;
            }
            /*手机端隐藏【辅导优势】导航链接*/
            nav a.advantage-link{
                display:none;
            }
            .banner h1{font-size:28px;}
            .sec-title{
                font-size:22px;
                font-weight:700;
                margin-bottom:24px;
            }
            section{
                padding:30px 15px;
            }
            .contact-container{
                grid-template-columns:1fr;
                align-items:center;
            }
            /*手机端：二维码区域隐藏，替换成手机号文字*/
            .qrcode-placeholder{
                display:none;
            }
            .mobile-tel-text{
                display:block !important;
                font-size:22px;
                font-weight:bold;
                color:var(--main);
                margin-bottom:12px;
            }
            /*手机端隐藏扫码提示文字*/
            .scan-tip{
                display:none;
            }
        }
        /*桌面默认隐藏手机端手机号*/
        .mobile-tel-text{
            display:none;
        }