/*
Theme name: i4-CN
Author: Me
Author URI: https://www.net.cn/
*/
:root{--primary:#ce53f1;--primary-dark:#ff5252;--secondary:#4ecdc4;--light:#f8f9fa;--white:#ffffff;--gray:#666;--dark:#333}
*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
body{background-color:var(--light);color:var(--dark);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:25px 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.header-content{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:15px}
.logo-icon{width:50px;height:50px;background:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary);font-weight:700}
.logo-icon img{max-width:100%;margin-top:11px;}
.logo h1{font-size:28px;font-weight:600}
nav ul{display:flex;list-style:none;gap:25px}
nav a{color:var(--white);text-decoration:none;font-weight:500;transition:opacity .3s}
nav a:hover{opacity:.8}
.hero{padding:70px 0;text-align:center;background-color:var(--white)}
.hero h2{font-size:38px;margin-bottom:20px;color:var(--primary)}
.hero p{font-size:18px;max-width:700px;margin:0 auto 40px;color:var(--gray)}
.download-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background-color:var(--primary);color:var(--white);text-decoration:none;border-radius:8px;font-weight:600;font-size:18px;transition:all .3s;box-shadow:0 4px 6px rgba(255,107,107,.3)}
.btn:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 12px rgba(255,107,107,.4)}
.features{padding:70px 0;background-color:var(--light)}
.section-title{text-align:center;margin-bottom:50px;font-size:32px;color:var(--primary)}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px}
.feature-card{background:var(--white);padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);text-align:center;transition:transform .3s}
.feature-card:hover{transform:translateY(-5px)}
.feature-icon{font-size:48px;color:var(--primary);margin-bottom:20px}
.feature-card h3{font-size:22px;margin-bottom:15px;color:var(--dark)}
.feature-card p{color:var(--gray)}
.download-section{padding:70px 0;background-color:var(--white)}
.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-top:40px}
.platform-card{background:var(--light);padding:30px;border-radius:10px;text-align:center;border:1px solid #e8eaed;transition:all .3s}
.platform-card:hover{background:#fff5f5;border-color:var(--primary)}
.platform-icon{font-size:48px;margin-bottom:20px;color:var(--primary)}
.platform-card h3{font-size:22px;margin-bottom:15px;color:var(--dark)}
.platform-card p{color:var(--gray);margin-bottom:20px}
.platform-btn{display:inline-block;padding:12px 25px;background-color:var(--primary);color:var(--white);text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .3s}
.platform-btn:hover{background-color:var(--primary-dark)}
.faq{padding:70px 0;background-color:var(--light)}
.faq-item{background:var(--white);margin-bottom:20px;padding:25px;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.05)}
.faq-question{font-weight:700;color:var(--primary);margin-bottom:10px;font-size:18px}

.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}

.link{margin:0 auto;padding-top:10px;padding-bottom:10px;overflow: hidden;z-index: 999;display: block;position: relative;}
.link span{float:left;margin-right:10px;font-size:14px}
.link ul li{display:inline;padding:0 10px 0 0}
.link ul li a{color:#fff;text-decoration:none;}

footer{background-color:#2c3e50;color:var(--white);padding:40px 0 20px}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}
.footer-column h4{font-size:18px;margin-bottom:20px;color:#bdc3c7}
.footer-column ul{list-style:none}
.footer-column ul li{margin-bottom:10px}
.footer-column a{color:#ecf0f1;text-decoration:none;transition:color .3s}
.footer-column a:hover{color:var(--white)}
.copyright{text-align:center;padding-top:20px;border-top:1px solid #34495e;color:#bdc3c7;font-size:14px}
.seo-content{background:var(--white);padding:40px;border-radius:10px;margin:30px 0;box-shadow:0 3px 10px rgba(0,0,0,.05)}
.seo-content h2{color:var(--primary);margin-bottom:20px;font-size:24px}
.seo-content p{margin-bottom:15px;line-height:1.8}
@media (max-width:768px){.header-content{flex-direction:column;gap:20px}
nav ul{gap:15px}
.hero h2{font-size:30px}
.hero p{font-size:16px}
.btn{padding:12px 20px;font-size:16px}
.section-title{font-size:28px}
}
@media (max-width:576px){
.news-list{display:flex;flex-direction: column;}

}