*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:#0a0a0a;background:#fff;-webkit-font-smoothing:antialiased;
}
.page{min-height:100vh;display:flex;flex-direction:column;}

/* ============ 主视觉 ============ */
.hero{
  position:relative;overflow:hidden;flex:1;display:flex;align-items:center;
  min-height:770px;
  background:linear-gradient(135deg,#BAE8D3 0%,#A7D9C4 55%,#A6DCC5 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 300px,transparent 300px);
}
.inner{
  position:relative;z-index:1;width:min(1200px,92%);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:60px;padding:80px 0;
}
.left{display:flex;flex-direction:column;gap:40px;max-width:560px;}

.logo{
  width:128px;height:128px;border-radius:24px;overflow:hidden;flex-shrink:0;
  border:5px solid rgba(255,255,255,.9);
  box-shadow:0 18px 40px rgba(146,204,177,.35);background:#fff;
  display:flex;align-items:center;justify-content:center;
}
.logo img{width:100%;height:100%;object-fit:cover;}

.brand{
  font-size:42px;font-weight:600;letter-spacing:3px;line-height:1.25;
  text-shadow:0 6px 18px rgba(5,84,47,.3);
}
.desc{
  background:rgba(255,255,255,.16);border-radius:20px;
  font-size:22px;line-height:1.7;padding:26px 30px;
}

.phone{
  width:420px;max-width:38vw;flex-shrink:0;border-radius:44px;overflow:hidden;
  border:10px solid rgba(255,255,255,.55);
  box-shadow:0 34px 70px rgba(5,84,47,.45);
}
.phone img{width:100%;display:block;}

/* ============ 页脚 ============ */
.foot{padding:26px 0 30px;}
.foot-inner{
  width:min(1200px,92%);margin:0 auto;
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:24px;flex-wrap:wrap;font-size:14px;color:#050505;
}
.details p,.copy p{margin:8px 0;line-height:1.4;}
.copy{text-align:right;}
.icp a{color:#0FA968;font-weight:600;text-decoration:none;}

/* ============ 响应式 ============ */
@media(max-width:1024px){
  .inner{flex-direction:column;align-items:flex-start;gap:36px;padding:64px 0;}
  .phone{display:none;}
  .brand{font-size:34px;}
  .desc{font-size:18px;line-height:1.65;}
}
@media(max-width:768px){
  .hero{min-height:auto;}
  .logo{width:104px;height:104px;}
  .brand{font-size:30px;letter-spacing:2px;}
  .desc{font-size:16px;line-height:1.6;padding:20px 22px;}
  .foot-inner{flex-direction:column;font-size:12.5px;}
  .copy{text-align:left;}
}