/* ===== 顶部导航 ===== */
.top-nav { padding:20px 0 50px 0;}
.top-nav .nav-inner { max-width: 1200px; margin: 0 auto; height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.top-nav .logo img { height: 36px; }
.top-nav .nav-links { display: flex; align-items: center; gap: 30px; }
.top-nav .nav-links a { color: #333; text-decoration: none; font-size: 15px; transition: color 0.2s; }
.top-nav .nav-links a:hover { color: #1b79ff; }
.top-nav .nav-btn { background: #1b79ff; color: #fff !important; padding: 7px 20px; border-radius: 20px; font-size: 14px; font-weight: bold; transition: background 0.2s, transform 0.2s; }
.top-nav .nav-btn:hover { background: #0058cc; transform: scale(1.03); color: #fff; }

/* ===== Hero区域 ===== */
.hero-section { background: linear-gradient(45deg, #e0f0ff 0%, #d6eaff 40%, #89b7ee 100%); padding:0 0 20px 0; }
.hero-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.hero-left { flex: 0 0 auto; padding-bottom: 50px; }
.hero-left h1 { font-size: 45px; color: #1a1a2e; font-weight: bold; line-height: 1.4; margin-bottom: 8px; }
.hero-left .subtitle { font-size: 24px; color: #555; margin-bottom: 28px; }
.download-btns { display: flex; gap: 16px; margin-bottom: 0; }
.dl-btn { display: flex; align-items: center; gap: 10px; cursor: pointer; text-decoration: none; transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;  }
.dl-btn:hover { transform: translateY(-2px); }
.dl-btn img { width:256px; height: 116px; object-fit: contain;}
.dl-btn .btn-text .name { font-size: 16px; color: #1a1a2e; font-weight: bold; }*/

/* Hero右侧：应用商店区域 */
.hero-right { flex: 0 0 500px; background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); border-radius: 20px; padding: 20px; border: 2px solid rgba(255,255,255,0.9); }
.store-title { text-align: center; font-size: 36px; font-weight: bold; color: #5E9AFF; background: linear-gradient(90deg, #1b79ff, #36b0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 14px; }
.store-desc { font-size: 16px; color: #666; text-align: left; line-height: 1.6; margin-bottom: 14px; }
.store-icons-row { display: flex; justify-content: space-evenly; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; }
.store-icons-row img { width: 70px; height: 70px; object-fit: contain; border-radius: 10px; }

/* ===== 特性区块 ===== */
.features-section {  padding: 10px 0 0; }

.feature-row { max-width: 1200px; margin: 0 auto; padding: 50px 20px; display: flex; align-items: center; gap: 50px; }
.feature-row.reverse { flex-direction: row-reverse; }
.feature-phone { flex: 0 0 560px; position: relative; text-align:right; }
.feature-row.reverse .feature-phone { text-align:left;}
.feature-phone img.phone-img { filter: drop-shadow(0 12px 30px rgba(27,121,255,0.15)); }
.feature-mascot { position: absolute; bottom: -10px; right: -30px; width: 120px; pointer-events: none; }
.feature-mascot.left-side { left: -30px; right: auto; }
.feature-content { flex: 1; }
.feature-content h2 { font-size: 60px; color: #000000; font-weight: bold; margin-bottom: 16px; }
.feature-content p { font-size: 28px; color: #666666; line-height: 2; }

/* ===== CTA 区域 ===== */
.cta-section { background:url(../images/big4.png) no-repeat center center; background-size: cover; 
               width:970px; height:447px; margin:0 auto;}
.cta-inner { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.cta-text { flex: 1; }
.cta-text h2 { font-size: 60px; color: #000000; font-weight: bold; line-height: 1.3; margin:50px 0 0 40px; }
.cta-sub { font-size: 26px; color: #666; line-height: 1.5; margin:120px 0 0 200px; }

/* ===== 底部广告语 ===== */
.slogan-section { background: #EEF5FF; padding: 40px 20px; text-align: center; margin:30px 0 0 0; }
.slogan-section h2 { font-size: 60px; font-weight: bold; background: linear-gradient(90deg, #1b79ff 0%, #36b0ff 50%, #1b79ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.touming { box-shadow: none !important; background: none !important; }