/* 鸿景环球 纯中文版全站样式 | PC+移动端自适应 */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;font-family:"Microsoft YaHei",sans-serif;color:#333;background:#fff;scroll-behavior:smooth;}
a{text-decoration:none;color:inherit;}
ul,li{list-style:none;}
img{max-width:100%;display:block;}
input,button{outline:none;border:none;background:none;font-family:inherit;}
.container{width:100%;margin:0 auto;padding:0 15px;}

/* 响应式容器 */
@media(min-width:768px){.container{max-width:720px;}}
@media(min-width:992px){.container{max-width:960px;}}
@media(min-width:1200px){.container{max-width:1200px;}}

/* 全局配色 */
:root{
    --blue:#062859;
    --gold:#D4AF37;
    --light:#f5f8fc;
    --dark:#021433;
}

/* 通用标题 */
.title-box{text-align:center;margin-bottom:50px;}
.title-box h2{font-size:30px;color:var(--blue);margin-bottom:12px;}
.line-dec{width:70px;height:3px;background:linear-gradient(90deg,var(--blue),var(--gold));margin:0 auto;border-radius:3px;}
.title-box p{color:#666;margin-top:15px;}

/* 按钮 */
.btn{display:inline-block;padding:12px 30px;border-radius:50px;font-size:15px;transition:0.3s;cursor:pointer;}
.btn-blue{background:var(--blue);color:#fff;}
.btn-gold{background:var(--gold);color:#fff;}
.btn-blue:hover{opacity:0.9;transform:translateY(-3px);}
.btn-gold:hover{opacity:0.9;transform:translateY(-3px);}

/* 卡片悬浮 */
.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(6,40,89,0.08);padding:30px;transition:0.4s;}
.card:hover{transform:translateY(-8px);box-shadow:0 10px 40px rgba(6,40,89,0.15);}

/* 头部导航 */
.header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.05);}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:75px;}
.logo{font-size:22px;font-weight:bold;color:var(--blue);}

/* PC导航 */
.nav-pc{display:flex;gap:35px;align-items:center;}
.nav-pc a{font-size:15px;color:#333;position:relative;}
.nav-pc a:hover{color:var(--gold);}

/* 移动端菜单 */
.menu-btn{display:none;font-size:28px;color:var(--blue);cursor:pointer;}
.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--blue);z-index:9999;padding:80px 20px;transition:0.3s;}
.mobile-menu.show{left:0;}
.mobile-menu a{display:block;color:#fff;font-size:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.menu-close{position:absolute;top:20px;right:20px;font-size:30px;color:#fff;cursor:pointer;}

/* Banner */
.banner{width:100%;padding:80px 15px;background:linear-gradient(135deg,var(--dark),var(--blue));color:#fff;text-align:center;}
.banner h1{font-size:32px;margin-bottom:20px;}
.banner p{font-size:16px;opacity:0.9;max-width:800px;margin:0 auto 30px;}

/* 区块间距 */
.section{padding:70px 0;}

/* 底部 */
.footer{background:var(--dark);color:#fff;padding:60px 0 30px;}
.footer-box{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px;}
.footer-copyright{text-align:center;border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;opacity:0.7;}

/* APP下载页专属样式 */
.app-banner{background:linear-gradient(135deg,#062859,#103b77);color:#fff;padding:100px 15px;text-align:center;}
.app-card{max-width:800px;margin:-60px auto 0;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 50px rgba(0,0,0,0.1);position:relative;z-index:2;}
.app-item{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:30px;}
.app-btn{padding:15px 40px;border-radius:50px;font-size:16px;color:#fff;}
.app-ios{background:#000;}
.app-android{background:var(--blue);}

/* 响应式适配 */
@media(max-width:768px){
    .nav-pc{display:none !important;}
    .menu-btn{display:block;}
    .footer-box{grid-template-columns:1fr !important;}
    .banner h1{font-size:24px;}
    .title-box h2{font-size:22px;}
}
