@charset "utf-8";

/* ===== 佳小宝APP下载页 ===== */

/* 主区背景 */
.app-section{position:relative;background:linear-gradient(135deg,#f8f9fa 0,#e2e8f0 100%);overflow:hidden;padding:50px 0 60px;box-sizing:border-box;}
.app-inner{position:relative;z-index:2;width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;}

/* 装饰圆环 */
.app-decoration{position:absolute;z-index:1;}
.decoration-1{top:8%;left:5%;width:80px;height:80px;border:15px solid rgba(74,144,226,.10);border-radius:50%;}
.decoration-2{bottom:12%;right:6%;width:120px;height:120px;border:15px solid rgba(94,96,206,.08);border-radius:50%;}
.decoration-3{top:22%;right:10%;width:40px;height:40px;background:rgba(94,96,206,.12);border-radius:50%;}

/* 居中标题区 */
.app-header{text-align:center;margin-bottom:40px;}
.app-title{font-size:2.4rem;font-weight:700;color:#2d3748;margin:0 0 15px;position:relative;display:inline-block;letter-spacing:1px;}
.app-title:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(to right,#e53e3e,#fc8181);border-radius:2px;}
.app-subtitle{font-size:1.15rem;color:#718096;max-width:640px;margin:20px auto 0;font-weight:300;line-height:1.7;}

/* 内容大卡片 */
.app-content{display:flex;flex-wrap:wrap;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.08);}

/* 左：深色渐变面板 */
.app-info{flex:1.2;min-width:350px;padding:50px 55px;background:linear-gradient(135deg,#2b6cb0 0,#2c5282 100%);color:#fff;position:relative;box-sizing:border-box;}
.app-info:before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-top:2px solid rgba(255,255,255,.08);border-right:2px solid rgba(255,255,255,.08);}
.app-info:after{content:'';position:absolute;bottom:0;left:0;width:120px;height:120px;border-bottom:2px solid rgba(255,255,255,.08);border-left:2px solid rgba(255,255,255,.08);}

.info-title{font-size:1.7rem;font-weight:600;margin:0 0 20px;color:#fff;text-align:left;}
.app-desc{font-size:1rem;color:#e2e8f0;line-height:1.95;margin:0 0 26px;text-align:left;}
.app-desc strong{color:#fff;font-weight:600;}

.info-subtitle{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);display:inline-block;text-align:left;}

/* 五端同步 */
.app-sync{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:6px 0 0;}
.app-sync-hint{grid-column:1/-1;font-size:.98rem;color:#cfe4f7;margin:0 0 14px;text-align:left;}
.app-sync-hint strong{color:#fff;font-weight:700;}
.app-sync-item{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:10px;text-align:center;padding:10px 4px;font-size:.85rem;color:#eef5ff;white-space:nowrap;transition:background .25s ease,transform .2s ease;}
.app-sync-item:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);}

/* 亮点列表 */
.app-details{list-style:none;margin:0;padding:0;}
.app-details li{margin-bottom:18px;line-height:1.6;text-align:left;}
.app-details li:last-child{margin-bottom:0;}
.app-details h4{font-size:1rem;font-weight:600;color:#90cdf4;margin:0 0 4px;text-align:left;}
.app-details p{font-size:.92rem;color:#cbd5e0;margin:0;text-align:left;}

/* 核心优势两栏 */
.app-advantage{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px;}
.app-advantage-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 18px;box-sizing:border-box;transition:background .25s ease;}
.app-advantage-item:hover{background:rgba(255,255,255,.14);}
.app-advantage-item h4{font-size:1rem;font-weight:600;color:#90cdf4;margin:0 0 6px;text-align:left;}
.app-advantage-item p{font-size:.86rem;color:#cbd5e0;line-height:1.7;margin:0;text-align:left;}

/* 右：二维码区 */
.app-methods{flex:1;min-width:340px;padding:50px 45px;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;justify-content:center;}
.method-title{font-size:1.3rem;font-weight:600;color:#1f2d3d;text-align:center;margin-bottom:26px;}
.app-qr-item{text-align:center;margin-bottom:35px;}
.app-qr-code{width:180px;height:180px;margin:0 auto 15px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08);background:#fff;padding:8px;box-sizing:border-box;}
.app-qr-code img{width:100%;height:100%;border-radius:6px;display:block;}
.app-qr-cap{font-size:.95rem;color:#718096;font-weight:500;margin:0;}

/* 应用商店安装说明 */
.app-hours{background:#ebf8ff;padding:16px 20px;border-radius:12px;}
.hours-title{font-size:1rem;color:#2b6cb0;margin:0 0 10px;font-weight:600;}
.hours-txt{color:#4a5568;line-height:1.5;font-size:.85rem;margin:0 0 6px;}
.hours-txt strong{color:#2d3748;}
.brand-list{color:#3182ce;font-weight:600;margin-bottom:8px;font-size:.9rem;}
.note-txt{color:#a0aec0;font-size:.8rem;margin-top:10px;margin-bottom:0;}

/* 响应式 */
@media (max-width:1100px){
	.app-content{flex-direction:column;}
	.app-info{min-width:0;padding:40px 24px;}
	.app-methods{min-width:0;padding:40px 24px;}
}
@media (max-width:640px){
	.app-sync{grid-template-columns:repeat(3,1fr);}
	.app-advantage{grid-template-columns:1fr;}
}