/*
Theme name: MeiQia
Author: Me
Author URI: https://www.net.cn/
*/
body { background: #fff; font: 100%/1.5em  "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, Helvetica, Arial;}
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; outline: none; }
a:hover { color: #f60; }
input { -webkit-appearance: none; border-radius: 0; }
input:focus { outline: none; }
li { list-style: none; }
.clear { clear: both; }
a img { border: none; }
img{max-width: 100%;height: auto;}
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }

*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
:root{--primary-color:#2a9df4;--secondary-color:#1c6ea4;--dark-color:#333;--light-color:#f8f9fa;--gray-color:#6c757d;--white:#fff;--shadow:0 2px 10px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}
body{line-height:1.6;color:var(--dark-color);background: linear-gradient(135deg, #f8fbff, #f3f0fc);}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:10px 20px;background: linear-gradient(to right, #4f9df9, #a96dff);color:var(--white);border-radius:4px;font-weight:600;transition:var(--transition);border:none;cursor:pointer;font-size:.9rem;white-space:nowrap;border-radius: 999px;}
.btn:hover,.desktop-cta a:hover{color:var(--white)!important;transform:translateY(-2px)}
.btn-outline{background:0 0;border:2px solid var(--primary-color);color:var(--primary-color)}
.btn-outline:hover{background:var(--primary-color);color:var(--white)}
section{padding:80px 0}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:2.5rem;margin-bottom:15px;color:var(--dark-color)}
.section-title p{font-size:1.1rem;color:var(--gray-color);max-width:700px;margin:0 auto}
header{background:var(--white);box-shadow:var(--shadow);position:fixed;width:100%;top:0;z-index:1000}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo{display:flex;align-items:center}
.logo-icon{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#fff;font-weight:700;font-size:20px}
.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-color)}
.nav-menu{display:flex;align-items:center}
.nav-menu li{margin-left:30px}
.nav-menu a{font-weight:500;transition:var(--transition)}
.nav-menu a:hover{color:var(--primary-color)}
.nav-cta{display:none;align-items:center}
.hamburger{display:none;cursor:pointer;font-size:1.5rem}
.hero{background: linear-gradient(135deg, #f8fbff, #f3f0fc);padding: 50px 0 100px;margin-top: 80px;text-align:center}
.hero h1{font-size:2rem;margin-bottom:20px;color:var(--dark-color)}
.hero p{font-size:1rem;color:var(--gray-color);max-width:700px;margin:0 auto 30px}
.hero-buttons{display:flex;justify-content:center;gap:15px;margin-top:30px}
.hero img{max-width: 600px;width:100%;margin:0 auto;}

.main{margin-top:80px;padding-top:10px;}
.position{margin:10px 0;color:#999;font-size:13px;text-align: left;}.position a{color:#999;font-size:13px;}
.post-all{padding-bottom:80px;}
.post-all h1{font-size:2em;text-align:center}
.news-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
#wps-list-img{display:block;width:100%;height:10rem;overflow:hidden;background-size:100%;background-repeat:no-repeat}
.news-list div{box-shadow:0 12px 32px rgba(255,0,60,.16);border-radius:1rem;overflow:hidden;text-align:left;transition:transform .3s ease}
.c-tit{font-size:1.2rem;text-align:center;margin:2rem 0}
.atk-title{padding:1rem;line-height:1.8}
.atk-title strong{display:block;height:1.5rem;line-height:1.5rem;overflow:hidden;margin-bottom:.5rem}
.atk-title a{font-size:1rem;color:#000;text-decoration:none}
.atk-title p{font-size:.8rem;color:#666}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;width:100%;justify-content:center;border-radius:.25rem;margin:30px auto}
.page-link,.page-num{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#08c;background-color:#fff;border:1px solid #dee2e6}
.page-num:not(:disabled){cursor:pointer}
.page-num-current{z-index:1;color:#fff;background-color:#246789;border-color:#5b39c98}
.inf{font-size:.8rem;color:#666;display:flex;gap:1rem;justify-content:center;margin:1rem 0}
.content{margin:auto;font-size:1rem;line-height:200%;color:#333;margin-bottom:1rem}
.content h2,.content h3,.content h4,.content h5{margin:25px 0;padding:0;color:#555;font-weight:700;padding:10px 0 10px 10px}
.content h2,.content h3,.content h4,.content h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:20px}
.content h3{font-size:18px}
.content h4{font-size:15px}
.content h5{font-size:14px}
.content img{max-width:100%;margin:auto;display:block}
.content iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.content ol,.content ul{margin:0 0 18px 15px}
.content ul{list-style:disc}
.content ol{list-style:decimal}
.content li{margin-bottom:6px}
.content p{padding:0 0 8px 0;word-wrap:break-word;font-size:18px;line-height:190%}
.content pre{word-wrap:break-word}
.content table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.content table th{background-color:#f9f9f9;text-align:center}
.content table td,.content table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
.nextorprev{font-size:.8rem}
.nextorprev a{color:#000;text-decoration:none;font-size:.8rem}
.nextorprev a:hover{text-decoration:underline}
.prev-post{margin-bottom:10px}

@media only screen and (max-width:767px){
.news-list{display:flex;flex-direction: column;}
}


.features-list{margin-top:30px}
.feature-item{display:flex;align-items:flex-start;margin-bottom:25px}
.feature-icon{width:50px;height:50px;background:rgba(42,157,244,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--primary-color);font-size:1.3rem;flex-shrink:0}
.feature-content h3{margin-bottom:8px;font-size:1.2rem}
.feature-content p{color:var(--gray-color)}
.features{background:var(--white)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.feature-card{background:var(--white);border-radius:8px;padding:30px;box-shadow:var(--shadow);transition:var(--transition);text-align:center}
.feature-card:hover{transform:translateY(-10px)}
.feature-icon-large{width:70px;height:70px;background:rgba(42,157,244,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary-color);font-size:1.8rem}
.feature-card h3{margin-bottom:15px;font-size:1.3rem}

.stats{background:var(--white);padding:60px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.card-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.card{background:#f9f9fe;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.05);padding:30px 40px;min-width: 220px;text-align: center;}
.card strong{font-size:32px;color:#36f}
.stat-card{text-align:center;padding:30px 20px}
.stat-number{font-size:3.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;display:block;line-height:1}
.stat-desc{font-size:1.1rem;color:var(--dark-color);font-weight:500}
.why-choose{background:#f8faff}
.why-choose-content{display:flex;align-items:center;gap:50px}
.why-choose-text{flex:1}
.why-choose-image{flex:1;text-align:center}
.why-choose-image img{max-width:100%;border-radius:8px;box-shadow:var(--shadow)}
.why-choose-text h2{font-size:2.5rem;margin-bottom:15px;color:var(--dark-color)}
.why-choose-text .subtitle{font-size:1.3rem;color:var(--primary-color);margin-bottom:30px;font-weight:600}

.container-feature{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1200px;margin:auto;gap:40px}
.container-feature h2,.container-feature p{margin-bottom:15px;}
.feature-text{flex:1;min-width:300px}
.feature-text ul{padding-left:1em;margin-left: 1em;list-style: unset;}
.feature-text li{list-style: unset;}
.feature-image{flex:1;min-width:300px}
.feature-image img{max-width:100%;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.06)}
.btn-gradient{background:linear-gradient(to right,#4f9df9,#a96dff);padding:12px 24px;color:#fff;text-decoration:none;border-radius:999px;display:inline-block;margin-top:24px}



.testimonials{background:linear-gradient(135deg,#f0f8ff 0,#e6f3ff 100%)}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.testimonial-card{background:var(--white);border-radius:8px;padding:30px;box-shadow:var(--shadow)}
.testimonial-content{font-style:italic;margin-bottom:20px;position:relative}
.testimonial-content:before{content:"";font-size:4rem;color:rgba(42,157,244,.2);position:absolute;top:-20px;left:-10px;line-height:1}
.testimonial-author{display:flex;align-items:center}
.author-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:15px}
.author-info h4{margin-bottom:5px}
.author-info p{color:var(--gray-color);font-size:.9rem}
footer{background:var(--dark-color);color:var(--white);padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}
.footer-column h3{margin-bottom:20px;font-size:1.2rem;position:relative;padding-bottom:10px}
.footer-column h3:after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color)}
.footer-column ul li{margin-bottom:10px}
.footer-column ul li a{transition:var(--transition);color:#aaa}
.footer-column ul li a:hover{color:var(--primary-color);padding-left:5px}
.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #444;color:#aaa;font-size:.9rem}
@media screen and (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}
.why-choose-content{flex-direction:column}
.why-choose-image,.why-choose-text{width:100%}
.features-grid{grid-template-columns:repeat(2,1fr)}
.testimonial-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:768px){.hamburger{display:block;order:1}
.nav-menu{position:fixed;top: 78px;right:-100%;background:var(--white);width: 100%;height:calc(100vh - 80px);flex-direction:column;align-items:center;padding-top:50px;transition:var(--transition);box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:999}
.nav-menu.active{right:0}
.nav-menu li{margin:15px 0}
.nav-cta{display:flex;order:1;margin-left:auto;margin-right:15px}
.navbar{justify-content:flex-start}
.logo{order:0;margin-right:auto}
.hero h1{font-size:2.2rem}
.hero p{font-size:1rem}
.hero-buttons{flex-direction:column;align-items:center}
.btn{width:100%;max-width:250px;margin-bottom:10px;padding:8px 15px;font-size:.85rem}
.stat-number{font-size:2.5rem}
.why-choose-text h2{font-size:2rem}
.why-choose-text .subtitle{font-size:1.1rem}
.nav-cta{display:flex;}
}
@media screen and (max-width:576px){.stats-grid{grid-template-columns:1fr}
.features-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
section{padding:60px 0}
.section-title h2{font-size:2rem}
.nav-cta .btn{padding:6px 12px;font-size:.8rem;margin-bottom:0}
}