.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  background: var(--tab-bg, #fff);
  border-top: 0.133vw solid var(--tab-border, rgba(0,0,0,.07));
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 100;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 向下滑动隐藏 */
.tab-hidden {
  transform: translateY(calc(100% + env(safe-area-inset-bottom)));
  visibility: hidden;
}

/* ── 深色模式 ── */
.dk {
  background: #1B1B1A;
  border-top-color: rgba(255,255,255,.06);
}
.dk .tab-bar__label {
  color: #6E6C66;
}
.dk .tab-bar__label.label--active {
  color: #E6B24E;
}

.tab-bar__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.867vw 0 1.067vw;
  gap: 0.8vw;
}

/* ── icon-0: 首页 ── */
.icon-0 {
  width: 6.4vw;
  height: 6.4vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-0.icon--inactive {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239C9C97' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
}
.icon-0.icon--active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D99A2B' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
}
/* 深色模式下非激活图标颜色更深 */
.icon-0.icon--inactive.dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236E6C66' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
}
.icon-0.icon--active.dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E6B24E' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
}

/* ── icon-1: 资讯 ── */
.icon-1 {
  width: 6.4vw;
  height: 6.4vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-1.icon--inactive {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C9C97' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.2'/%3E%3Cpath d='M7.5 9h6M7.5 12.5h9M7.5 16h5'/%3E%3C/svg%3E");
}
.icon-1.icon--active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.4' fill='%23D99A2B'/%3E%3Cpath d='M7.6 9.2h6M7.6 12.6h8.8M7.6 16h5' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-1.icon--inactive.dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6C66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.2'/%3E%3Cpath d='M7.5 9h6M7.5 12.5h9M7.5 16h5'/%3E%3C/svg%3E");
}
.icon-1.icon--active.dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.4' fill='%23E6B24E'/%3E%3Cpath d='M7.6 9.2h6M7.6 12.6h8.8M7.6 16h5' stroke='%231B1B1A' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ── icon-2: 我的 ── */
.icon-2 {
  width: 6.4vw;
  height: 6.4vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-2.icon--inactive {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239C9C97' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}
.icon-2.icon--active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D99A2B' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}
.icon-2.icon--inactive.dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236E6C66' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}
.icon-2.icon--active.dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E6B24E' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

.tab-bar__label {
  font-size: 2.667vw;
  font-weight: 500;
  color: var(--meta, #9C9C97);
}

.tab-bar__label.label--active {
  color: var(--aha-bright, #D99A2B);
  font-weight: 700;
}