@charset "utf-8";
*{padding: 0;margin: 0;}
li,ul,ol,dl,dlt{list-style: none;}
body {margin:0;font-family:'Inter',sans-serif;background:#ffffff;color:#222;line-height: 150%;font-size: 16px;}
a:link {color:#222;text-decoration:none;}
a:visited {text-decoration:none;color:#222;}
a:hover {text-decoration:none;color:#ff5641;}
a:active {text-decoration:none;color:#ff5641;}



/* NAVBAR */
header {display:flex;justify-content:space-between;align-items:center;padding:18px 40px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05);position:sticky;top:0;z-index:10;width: 100%;box-sizing: border-box;}

header .logo img {height:38px;width: auto;}
header nav ul{display: flex;}
header nav a {margin-left:30px;text-decoration:none;color:#333;font-weight:500;font-size:16px;}
header nav a:active{color: #ff5641}
header nav a:hover{color: #ff5641;}
/* banner */ 
.banner {padding:100px 20px;text-align:center;background:linear-gradient(135deg,#FFD85A,#FF3CAC,#784BA0);color:white;}
.banner h1 {font-size:54px;font-weight:800;margin-bottom:20px;line-height: 130%;}
.banner p {font-size:20px;opacity:0.95;}
.download-btn {display:inline-block;color:#333;font-size:18px;font-weight:600;text-decoration:none;transition:  transform 0.3s ease;padding-top:40px;}
.download-btn:active { transform: scale(1.08); }
.download-btn:hover { transform: scale(1.08); }
.download-btn  img{height: 68px;width: auto;}
.download-button{display: flex;gap:32px;justify-content: center;}
/* FEATURES */
.features {padding:80px 20px;text-align:center;}
h2 {font-size:36px;margin-bottom:40px;font-weight:700;line-height: 130%;}
.feature-boxes {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;padding:0 40px;}
.box {background:#fff;padding:30px;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,0.06);font-size:18px;border-left:6px solid #FFD85A;}

/* APP PREVIEW */
.preview {padding:80px 20px;background:#fafafa;text-align:center;}


/* 五图排列 */ 
.preview-images {display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.preview-images img {width:230px;           border-radius:30px;box-shadow:0px 8px 25px rgba(0,0,0,0.15);}
/* FOOTER */ 
footer {background:#222;color:#bbb;text-align:center;padding:40px 0;margin-top:60px;font-size: 15px;}
.footer a{color: #bbb;font-size: 14px;text-decoration: none;}
.footer a:Hover{color:#ff5641; }
.footer a:active{color:#ff5641; }
.footer ul{display: flex;justify-content: center;padding-top: 23px;max-width: 600px;margin: 0px auto;gap:22px;}




@media (max-width: 1024px) {


    header{flex-direction:row;justify-content:space-between;}

    header .logo img {height:30px;}
    .banner {padding: 46px 12px;}
    .download-btn:hover { transform: scale(1); }
    .banner h1 {font-size:36px;}
    .download-btn  img{height: 58px;width: auto;}
    h2{font-size: 32px;}
    .footer ul{max-width:100%;flex-wrap: wrap;gap:11px;}
    .footer li{width: 43%;}
}
/*page*/
#pageheader{display: flex;justify-content: center;}
.pagecontent{padding: 22px;}
#pagefooter{position: fixed;bottom:0;width: 100%;}
.pagecontent h3{padding-bottom: 23px; font-size: 23px;}
.pagetext h4{padding-bottom: 22px;}
.pagetext ul{padding-bottom: 42px;}

    .table-container table {width:100%;border-collapse:collapse;margin:20px 0;font-family:Arial,sans-serif;font-size:14px;background:#fff;}
.table-container   th,.table-container  td {padding:12px 16px;text-align:left;background:#fff;border-bottom:1px solid #e0e0e0;/* 每行底部的细线 */}
.table-container   th {font-weight:bold;border-bottom:2px solid #ddd;/* 表头底部粗一点的线 */}
tr:hover {background-color:#f9f9f9;/* 鼠标悬停效果 */}
@media (max-width:768px) {.table-container   th,.table-container  td {padding:12px 6px;}
.table-container {overflow-x:auto;}
}
.pagetext2{line-height: 200%;}
.pagetext2 p{margin-bottom: 18px;}
.pagetext2 strong{display: inline-block;margin-top: 11px;}

@media (max-width:568px){
.download-button{display: flex;gap:0px;justify-content: center;flex-direction: column;margin-top: 21px;}
    .download-btn{padding-top: 18px;}
    .preview-images img {width: 90%;}
}