*{margin:0; padding:0;}
html,body{width:100%; height:100%; overflow: hidden;font-family: Helvetica, sans-serif;}
body{width:10rem; margin:0 auto;}
::-webkit-scrollbar {display: none;}
ul,li,ol{list-style: none;}

.homeLandingB{
  width:100%;
  height:100%;
  overflow-y: auto;
  color:#fff;
  position:relative;
  font-size: .38rem;
}
.site-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: .34rem .4rem .2rem;
}

.site-header .btn-menu svg{
  width: .8rem;
  height:.8rem;
  display: block;
  cursor: pointer;
}
.site-header .site-logo{
  padding-left: .2rem;
  flex:1;
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.site-header .site-logo img{
  display: block;
  height: 0.8rem;
}
.site-header .site-logo .site-name{
  color: #fff;
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.01rem;
}
.site-header .login-act{
  display: flex;
  background: #ffffff10;
  border: solid 0.01333rem #ffffff90;
  box-sizing: border-box;
  border-radius: 0.21333rem;
  width: 2.13333rem;
  height: 0.85333rem;
  align-items: center;
  font-size: 0.32rem;
  justify-content: center;
  font-weight: bold;
}
.homeLandingB .start-act{
  display: flex;
  width: 100%;
  height: 1.55rem;
  color: #fff;
  background: #d6005e;
  border-radius: .26rem;
  cursor: pointer;
  font-weight: bold;
  font-size: .42rem;
  box-sizing: border-box;
  padding:0 .5rem;
  gap: .26rem;
  align-items: center;
  justify-content: center;
}
.homeLandingB .start-act::after{
  content: '';
  width:0;
  height:0;
  display: block;
  border:solid .2rem #fff;
  border-radius: .08rem;
  border-color:transparent transparent transparent #fff;
}

.homeContent{
  background:#000;
  color:#fff;
  padding: 1.5rem .45rem;
}
.homeContent.ww{
  background:#1a1a1f
}
.homeContent a{
  color:#fff;
}

.homeContent .h-title{
  font-size: .62rem;
  margin-bottom: .6rem;
  text-align: center;
}

/* ── 城市页 Hero ── */
.homeContent.city-hero{
  padding:1.8rem .45rem 1.5rem;
  text-align:center;
}
.homeContent.city-hero .h-title{
  font-size:.72rem;
  margin-bottom:.3rem;
}
.homeContent.city-hero .txt-con{
  margin-bottom:.65rem;
}
.homeContent.city-hero .txt-con p{
  font-size:.36rem;
  opacity:.6;
  line-height:1.5;
}
.homeContent.city-hero .trust-stats{
  padding:0;
  margin-bottom:.65rem;
}
.homeContent.city-hero .start-act{
  margin-top:.45rem;
}

.homecon-one .txt-con{
  background:#ffffff20;
  padding: .65rem .65rem .2rem;
  border-radius: .65rem;
}

.homecon-one .txt-con h3{
  font-size: .45rem;
  margin-bottom: .4rem;
}
.homecon-one .txt-con p{
  font-size:.32rem;
  margin-bottom:.4rem;
  opacity: .5;
  line-height: 1.5;
}
.homecon-one .txt-con img{
  display: block;
  width:100%;
}

.homeContent .sub-txt{
  font-size:.34rem;
  text-align: center;
}

.homecon-one .start-act{
  margin-top:.4rem;
}

.homecon-two.homecon-tt{
  padding-top:0;
}
.homecon-two .sub-txt{
  font-size:.34rem;
  text-align: center;
  margin: .5rem 0;
  opacity: .6;
}
.homecon-two .ofeature{
  background:#ffffff20;
  padding: .65rem .65rem .2rem;
  border-radius: .65rem;
  margin-bottom: .45rem;
  text-align: center;
}
.homecon-two .ofeature h3{
  font-size: .45rem;
  margin-bottom: .4rem;
}

.homecon-two .ofeature p{
  font-size:.32rem;
  margin-bottom:.4rem;
  opacity: .5;
  line-height: 1.5;
}

.homecon-two .ofeature img{
  display: block;
  height:4rem;
  margin:0 auto;
}

.homecon-three {
  background:#000;
}
.homecon-three .one-faq{
  background:#ffffff20;
  padding: .5rem;
  border-radius: .45rem;
  margin-bottom: .25rem;
  position: relative;
}
.homecon-three .one-faq h3{
  font-size: .36rem;
  padding-right: .4rem;
  position: relative;
}
.homecon-three .one-faq::after{
  content:'';
  position: absolute;
  right:.3rem;
  top:.6rem;
  width: 0;
  height:0;
  box-sizing: border-box;
  border:solid .2rem #fff;
  border-color:transparent  transparent  transparent #fff ;
  border-radius: .1rem;
}

.homecon-three .one-faq p{
  padding-top: .45rem;
  font-size:.32rem;
  margin-bottom:.4rem;
  opacity: .8;
  line-height: 1.5;
  display: none
}

.homecon-three .one-faq.cur{
  background:#fff;
  color:#000;
}
.homecon-three .one-faq.cur::after{
  border-color:#000 transparent transparent transparent
}
.homecon-three .one-faq.cur p{
  display: block;
}

.homeLandingB .site-footer{
  background:#1a1a1a;
  color:#ffffff50;
  padding: .45rem;
  text-align: center;
  font-size:.35rem;

}
.homeLandingB .site-footer .links a{
  display: block;
  line-height:2;
  color:#ffffffa0;
  text-decoration: none;
}
.homeLandingB .site-footer .links{
  margin-bottom: .5rem;
}

.homecon-four{
  background:#000;
}
.homecon-four .txt-con{
  padding-bottom: .8rem;
}

.home-menu{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  background:#000000a0;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.home-menu .list{
  width:10rem;
  background:#222;
  border-radius: .4rem .4rem 0 0 ;
  padding: .8rem;
  box-sizing: border-box;
}
.home-menu .list a{
  display: block;
  line-height:2.5;
  color:#fff;
  text-decoration: none;
}

/* ── 城市链接列表 ── */
.city-links{
  display:flex;
  flex-wrap:wrap;
  gap:.2rem;
  justify-content:center;
}
.city-links a{
  display:inline-block;
  background:#ffffff15;
  color:#fff;
  padding:.2rem .4rem;
  border-radius:.2rem;
  font-size:.32rem;
  text-decoration:none;
}
.city-links a:hover{
  background:#d6005e;
}

/* ── SEO 落地页样式 ── */

.seo-page{
  background:#000;
  color:#fff;
  height:100%;
  overflow-y:auto;
  padding-bottom:1rem;
}
.seo-page .site-header{
  background:#000;
}
.seo-page .login-act{
  text-decoration:none;
  color:#fff;
}
.seo-hero{
  padding:1.2rem .5rem .8rem;
  text-align:center;
}
.seo-hero h1{
  font-size:.62rem;
  line-height:1.2;
  margin-bottom:.3rem;
}
.seo-hero p{
  font-size:.34rem;
  opacity:.7;
  line-height:1.5;
  margin-bottom:.6rem;
}
.seo-cta{
  display:inline-block;
  background:#d6005e;
  color:#fff;
  font-size:.38rem;
  font-weight:700;
  padding:.35rem .8rem;
  border-radius:.26rem;
  text-decoration:none;
  margin:.4rem auto;
}
.seo-content{
  padding:.8rem .5rem;
}
.seo-content h2{
  font-size:.5rem;
  margin-bottom:.5rem;
  text-align:center;
}
.seo-grid{
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.seo-card{
  background:#ffffff15;
  border-radius:.4rem;
  padding:.5rem;
}
.seo-card h3{
  font-size:.4rem;
  margin-bottom:.25rem;
}
.seo-card p{
  font-size:.32rem;
  opacity:.7;
  line-height:1.6;
}
.seo-steps{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  margin-bottom:.6rem;
}
.seo-step{
  display:flex;
  align-items:center;
  gap:.3rem;
  background:#ffffff10;
  border-radius:.3rem;
  padding:.4rem;
}
.step-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:.8rem;
  height:.8rem;
  border-radius:50%;
  background:#d6005e;
  font-size:.4rem;
  font-weight:700;
  flex-shrink:0;
}
.seo-step p{
  font-size:.34rem;
  line-height:1.4;
}

/* 对比表格 */
.seo-table{
  width:100%;
  border-collapse:collapse;
  font-size:.3rem;
  margin-bottom:.6rem;
}
.seo-table th{
  background:#ffffff20;
  padding:.3rem .25rem;
  text-align:left;
  font-size:.32rem;
}
.seo-table td{
  padding:.3rem .25rem;
  border-bottom:1px solid #ffffff15;
  vertical-align:top;
}
.seo-table td.highlight{
  color:#4ade80;
  font-weight:600;
}

/* footer for seo pages */
.seo-page .site-footer{
  background:#1a1a1a;
  color:#ffffff50;
  padding:.45rem;
  text-align:center;
  font-size:.35rem;
}
.seo-page .site-footer .links a{
  display:block;
  line-height:2;
  color:#ffffffa0;
  text-decoration:none;
}
.seo-page .site-footer .links{
  margin-bottom:.5rem;
}

/* ── 信任元素：数据统计条 ── */
.trust-stats{
  display:flex;
  justify-content:center;
  gap:.15rem;
  padding:.6rem .45rem .2rem;
}
.stat-item{
  flex:1;
  text-align:center;
  background:#ffffff10;
  border-radius:.3rem;
  padding:.35rem .15rem;
}
.stat-num{
  display:block;
  font-size:.52rem;
  font-weight:800;
  color:#d6005e;
  line-height:1.2;
}
.stat-label{
  display:block;
  font-size:.26rem;
  opacity:.6;
  margin-top:.08rem;
}

/* ── 信任元素：安全徽章 ── */
.trust-badges{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.25rem;
  padding:0 .45rem;
}
.trust-badge{
  background:#ffffff08;
  border:1px solid #ffffff15;
  border-radius:.3rem;
  padding:.35rem .3rem;
  text-align:center;
}
.trust-badge .badge-icon{
  width:.7rem;
  height:.7rem;
  margin:0 auto .15rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d6005e20;
  border-radius:50%;
}
.trust-badge .badge-icon svg{
  width:.36rem;
  height:.36rem;
  fill:none;
  stroke:#d6005e;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trust-badge h4{
  font-size:.3rem;
  font-weight:700;
  margin-bottom:.08rem;
}
.trust-badge p{
  font-size:.24rem;
  opacity:.5;
  line-height:1.4;
}

/* ── 城市页步骤卡片 ── */
.city-steps{
  display:flex;
  flex-direction:column;
  gap:.3rem;
}
.city-step{
  display:flex;
  align-items:center;
  gap:.3rem;
  background:#ffffff10;
  border-radius:.3rem;
  padding:.4rem;
}
.city-step .step-circle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:.8rem;
  height:.8rem;
  border-radius:50%;
  background:#d6005e;
  font-size:.38rem;
  font-weight:700;
  flex-shrink:0;
}
.city-step .step-text h3{
  font-size:.36rem;
  margin-bottom:.06rem;
}
.city-step .step-text p{
  font-size:.3rem;
  opacity:.55;
  line-height:1.4;
}

/* ── 城市页 FAQ ── */
.city-faq{
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.faq-item{
  background:#ffffff12;
  border-radius:.35rem;
  padding:.4rem .45rem;
  cursor:pointer;
  position:relative;
}
.faq-item h3{
  font-size:.34rem;
  padding-right:.5rem;
  line-height:1.3;
}
.faq-item::after{
  content:'';
  position:absolute;
  right:.4rem;
  top:.5rem;
  width:0;
  height:0;
  border:solid .16rem transparent;
  border-left-color:#fff;
  border-radius:.06rem;
  transition:transform .2s;
}
.faq-item.open{
  background:#fff;
  color:#000;
}
.faq-item.open::after{
  border-left-color:#000;
  transform:rotate(90deg);
}
.faq-item p{
  font-size:.3rem;
  line-height:1.6;
  opacity:.7;
  margin-top:.3rem;
  display:none;
}
.faq-item.open p{
  display:block;
}

/* ── 城市页 feature 卡片（带图标） ── */
.city-features{
  display:flex;
  flex-direction:column;
  gap:.3rem;
}
.city-feature{
  background:#ffffff15;
  border-radius:.4rem;
  padding:.45rem;
}
.city-feature .feat-head{
  display:flex;
  align-items:center;
  gap:.25rem;
  margin-bottom:.15rem;
}
.city-feature .feat-icon{
  width:.65rem;
  height:.65rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d6005e25;
  border-radius:.2rem;
  flex-shrink:0;
}
.city-feature .feat-icon svg{
  width:.34rem;
  height:.34rem;
  fill:none;
  stroke:#d6005e;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.city-feature h3{
  font-size:.38rem;
}
.city-feature p{
  font-size:.3rem;
  opacity:.55;
  line-height:1.5;
}