* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  background: #000;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  overflow: hidden;
  color: #fff;
}

img {
  display: block;
  border: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

/* ========== 头部 ========== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(110 / 750 * 100vw);
  z-index: 100;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-logo {
  height: calc(55 / 750 * 100vw);
  width: auto;
}

.header-menu-btn {
  position: absolute;
  right: calc(26 / 750 * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(44 / 750 * 100vw);
  height: calc(44 / 750 * 100vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(7 / 750 * 100vw);
  cursor: pointer;
}

.header-menu-btn span {
  display: block;
  width: calc(36 / 750 * 100vw);
  height: calc(3 / 750 * 100vw);
  background: #fff;
  border-radius: 2px;
}

/* ========== 菜单遮罩 ========== */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 200;
  display: none;
  flex-direction: column;
}

.menu-overlay.active {
  display: flex;
}

.menu-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: calc(110 / 750 * 100vw);
  background: #000;
}

.menu-header .header-logo {
  height: calc(55 / 750 * 100vw);
  width: auto;
}

.menu-close-btn {
  position: absolute;
  right: calc(26 / 750 * 100vw);
  top: 50%;
  transform: translateY(-50%);
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  cursor: pointer;
}

.menu-close-btn img {
  width: 100%;
  height: 100%;
}

.menu-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(79 / 750 * 100vw);
}

.menu-item {
  font-size: calc(30 / 750 * 100vw);
  font-weight: 600;
  color: #fff;
  line-height: calc(42 / 750 * 100vw);
  padding: calc(10 / 750 * 100vw) 0;
}

.menu-line {
  width: calc(240 / 750 * 100vw);
  height: 1px;
  background: rgba(73, 73, 73, 1);
  margin: calc(38 / 750 * 100vw) 0;
}

/* ========== 全屏切换 ========== */
.swiper {
  position: fixed;
  top: calc(110 / 750 * 100vw);
  left: 0;
  width: 100%;
  height: calc(100vh - 110 / 750 * 100vw);
  transition: transform 0.5s ease;
}

.swiper-page {
  position: relative;
  width: 100%;
  height: calc(100vh - 110 / 750 * 100vw);
  overflow: hidden;
}

/* 背景图铺满 */
.page-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* 内容图居中铺满 */
.page-content-img {
  position: relative;
  z-index: 1;
  width: calc(670 / 750 * 100vw);
  height: auto;
}

/* 页面内部布局 */
.page-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page-title-img {
  width: calc(440 / 750 * 100vw);
  height: auto;
  margin-bottom: calc(80 / 750 * 100vw);
}

/* ========== 第1屏 ========== */
.page-hero {
  background: #000;
}

.hero-bottom {
  position: absolute;
  bottom: calc(200 / 750 * 100vw);
  left: 0;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-title {
  width: calc(480 / 750 * 100vw);
  height: auto;
  margin-bottom: calc(50 / 750 * 100vw);
}

.hero-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(440 / 750 * 100vw);
  height: calc(88 / 750 * 100vw);
  background-color: rgba(198, 236, 75, 1);
  border-radius: calc(44 / 750 * 100vw);
  margin-bottom: calc(36 / 750 * 100vw);
  font-size: calc(30 / 750 * 100vw);
  font-weight: 600;
  color: #000;
  font-family: "PingFang SC", sans-serif;
  gap: calc(12 / 750 * 100vw);
}

.hero-btn:active {
  opacity: 0.8;
}

.btn-icon {
  width: calc(34 / 750 * 100vw);
  height: calc(34 / 750 * 100vw);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.btn-icon-android {
  background-image: url('../img/partners.png');
}

.btn-icon-pc {
  background-image: url('../img/frame.png');
}

/* ========== 固定下滑箭头 ========== */
.fixed-arrow {
  position: fixed;
  bottom: calc(26 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  display: flex;
  align-items: center;
}

.fixed-arrow img {
  width: calc(120 / 750 * 100vw);
  height: calc(60 / 750 * 100vw);
}


/* ========== 第4屏：商务合作 ========== */
.biz-list {
  width: calc(670 / 750 * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(28 / 750 * 100vw);
}

.biz-item {
  display: flex;
  align-items: center;
  padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: calc(12 / 750 * 100vw);
  border: 1px solid rgba(198, 236, 75, 0.4);
}

.biz-qr {
  width: calc(140 / 750 * 100vw);
  height: calc(140 / 750 * 100vw);
  object-fit: contain;
  margin-right: calc(30 / 750 * 100vw);
  flex-shrink: 0;
}

.biz-info h3 {
  font-size: calc(30 / 750 * 100vw);
  color: #fff;
  font-weight: 600;
  margin-bottom: calc(12 / 750 * 100vw);
}

.biz-info p {
  font-size: calc(24 / 750 * 100vw);
  color: rgba(180, 180, 180, 1);
}


/* ========== Footer ========== */
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw);
}

.about-footer {
  width: 100%;
  font-size: calc(20 / 750 * 100vw);
  text-align: center;
  line-height: calc(32 / 750 * 100vw);
  color: rgba(255, 255, 255, 0.5);
  display: none;
}

.about-footer a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}