/*
Theme name: HelloWorld
Author: Me
Author URI: https://www.net.cn/
*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:16px;-webkit-tap-highlight-color:transparent}
body { /* IOS绂佹寰俊璋冩暣瀛椾綋澶у皬 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
body{background:#fff;color:#666;font-size:14px;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;line-height:1.42857143}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
nav ul{list-style:none}
li{list-style:none}
button,input,select,textarea{outline:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a{margin:0;padding:0;background:0 0;color: #fff;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:focus,a:hover{color:#61b3e6;text-decoration:none;cursor:pointer}
img{vertical-align:middle;margin:0;padding:0;height:auto;max-width:100%}
ins{background-color:#ff9;color:#323841;text-decoration:none}
mark{background-color:#ff9;color:#323841;font-weight:700;font-style:italic}
.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}


*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#1E88E5;--secondary-color:#1565C0;--accent-color:#FF9800;--light-color:#fff;--dark-color:#333;--gray-color:#E0E0E0;--text-color:#424242;--border-color:#E0E0E0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;line-height:1.6;color:#333}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{position:fixed;left:0;right:0;top:0;z-index:1000;transition:all .3s ease}
header.menu{background-color: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, .1);}
header.fixed{position:fixed;background-color: #fff;width:100%;top:0;left:0;animation:slideDown .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.1)}
@keyframes slideDown{from{transform:translateY(-100%)}
to{transform:translateY(0)}
}
.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px}
.logo{display:flex;align-items:center}
.logo img{max-width:203px;}
.nav-container{display:flex;align-items:center}
.nav-menu{display:flex;list-style:none}
.nav-menu li{margin:0 15px;position:relative}
.nav-menu a{color:#333;font-weight:500;padding:5px 0;transition:color .3s;display:block}
.nav-menu a:hover{color:#000}
.nav-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#3d31bc;transition:width .3s}
.nav-menu a:hover::after{width:100%}
.auth-buttons{display:flex;gap:15px;margin-left:20px}
.btn{padding:8px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s}
.btn-login{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}
.btn-login:hover{background-color:rgba(30,136,229,.1)}
.btn-register{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}
.btn-register:hover{background-color:var(--secondary-color)}
.menu-toggle{display:none;background:0 0;border:none;font-size:24px;color:#000;cursor:pointer;margin-left:15px}
.mobile-register{display:none}

.hero{position:relative;height:840px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-background{position:absolute;inset:0;background-image:url(images/banner.jpg);background-size:cover;background-position:center}
.hero-background::after{content:'';position:absolute;inset:0;}

.hero-content{position:relative;z-index:10;text-align:center;padding:0 20px;max-width:1200px}
.hero-title{font-size: 70px;font-weight:700;margin-bottom:24px;line-height:1.2}
.text-blue{color:#2563eb}
.text-dark{color:#1f2937}
.btn-hero{background-color: #025bf8;border: 1px solid #025bf8;border-radius: 43px;height: 61px;margin-top: 50px;width: 264px;font-size: 24px;font-weight: 400;color: #fff;display: inline-block;}
.btn-hero:hover{color:#fff;}
.hero-subtitle{font-size: 24px;color:#4b5563;margin-bottom:32px;max-width:1200px;margin-left:auto;margin-right:auto}
.social-icons{display: block;    margin-top: 100px;}

.section-title{font-size:3em;font-weight:700;text-align:center;margin-bottom:64px;color:#1f2937}
.products{padding:80px 0;background:#fff}
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.product-card{position:relative;height:256px;border-radius:8px;overflow:hidden;cursor:pointer}
.product-card-wide{grid-column:span 2}
.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.product-card:hover img{transform:scale(1.05)}
.product-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.product-content{position:absolute;bottom:24px;left:24px;color:#fff;z-index:10}
.product-number{font-size:48px;font-weight:700;opacity:.5;margin-bottom:8px}
.product-title{font-size:20px;font-weight:600}
.download{padding:80px 0;background:#f9fafb}
.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width: 800px;margin: 0 auto;}
.download-card{text-align:center}
.download-icon{width: 72px;height: 72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 16px;cursor:pointer;transition:transform .3s}
.download-icon:hover{transform:scale(1.1)}
.download-title{color:#1f2937;font-weight:500}
.benefits{padding:80px 0;    background:#fff url(images/diqiu.png) no-repeat;background-position: top 80px center;background-size: contain;}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.benefit-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:32px 24px;text-align:center;transition:box-shadow .3s}
.benefit-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1)}
.benefit-icon{width: 110px;height: 110px;color:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}
.benefit-title{font-size:20px;font-weight:600;margin-bottom:12px;color:#1f2937}
.benefit-description{font-size:14px;color:#6b7280;line-height:1.6}
.testimonials{padding:80px 0;background:#f9fafb}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.testimonial-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;transition:box-shadow .3s}
.testimonial-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1)}
.testimonial-header{display:flex;gap:12px;margin-bottom:16px;align-items: center;}
.testimonial-avatar{width: 86px;height: 86px;object-fit:cover}
.testimonial-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}
.testimonial-rating{color:#fbbf24;font-size:14px}
.testimonial-text{font-size:14px;color:#6b7280;line-height:1.8}
.cta{padding:96px 0;background:#2563eb;text-align:center}
.cta-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:32px;line-height:1.3}

.position{margin:10px 0;color:#999;font-size:13px}
.position a{color:#999;font-size:13px}
.post-all h1{font-size:2em;text-align:center;color: #333;}
.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{overflow:hidden;text-align:left;border: 1px solid #eee;border-radius: 10px;}
.c-tit{font-size:1.2rem;text-align:center;margin:2rem 0}
.atk-title{padding:1rem;line-height:1.8;background: #fafafa;}
.atk-title strong{display:block;height:1.5rem;line-height:1.5rem;overflow:hidden;margin-bottom:.5rem}
.atk-title a{font-size:1rem;color: #333;text-decoration:none}
.atk-title p{font-size:.8rem;color: #333;}
.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:#333;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{line-height:1.4;margin:25px 0;padding:0;color: #333;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:1.4}
.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}
blockquote{background:#f3f3f3;padding:20px;border-radius:10px;margin-left:20px;margin-bottom:10px}
blockquote p{padding-bottom:0!important}
.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}

.footer{background:#111827;color:#9ca3af;padding:64px 0 32px}
.footer-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;}
.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}
.footer-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}
.footer-links{list-style:none}
.footer-links li{margin-bottom:8px}
.footer-links a{color:#9ca3af;text-decoration:none;font-size:14px;transition:color .3s}
.footer-links a:hover{color:#fff}
.footer-ewm .footer-title{text-align: center;}
.footer-two{padding: 20px 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;justify-items: center;}
.footer-two span{display: block;font-size:18px;color:#fff;text-align: center;}
.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid #374151}
.footer-bottom p{font-size:14px;margin-bottom:8px}
@media (max-width:1024px){
.products-grid{grid-template-columns:1fr}
.product-card-wide{grid-column:span 1}
.benefits-grid{grid-template-columns:repeat(2,1fr)}
.testimonials-grid{grid-template-columns:1fr}
}
@media (max-width:768px){.hero-title{font-size:36px}
.hero-subtitle{font-size:16px}
.section-title{font-size:28px}
.download-grid{grid-template-columns:repeat(2,1fr)}
.benefits-grid{grid-template-columns:1fr}
.cta-title{font-size:32px}
.nav-menu{display:none;position:fixed;top:70px;left:0;width:100%;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);flex-direction:column;padding:0;z-index:999}
.nav-menu.active{display:flex;        height: 100%;}
.nav-menu.active a{color:#000;}
.nav-menu li{margin:0;width:100%;text-align:center;border-bottom:1px solid var(--border-color)}
.nav-menu a{padding:15px 20px;display:block;width:100%}
.nav-menu a::after{display:none}
.auth-buttons{display:none}
.menu-toggle{display:block}
.mobile-register{display:inline-block}
}
@media (max-width:576px){
.news-list,.banner,.footer-grid{display:flex;flex-direction: column;}
.footer-ewm{max-width: 100%;width: 100%;}
}