/* ===== 全局基础 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  font-family: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  overflow: hidden;
}
/* 舞台：锁定最大手机宽度，桌面端居中成一条手机 */
#stage {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 100vh;
  height: 100dvh;
  margin: 0 auto;
  overflow: hidden;
  background: #0b0b1e;
}

/* ===== 全屏滑动容器（scroll-snap 还原 swiper 整屏吸附） ===== */
.full-swiper {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.full-swiper::-webkit-scrollbar { display: none; }
.swiper-item {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.slide {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ===== 背景蒙层（红黑燃烧） ===== */
.bg-ov {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 50% 118%, rgba(255,70,25,.4) 0%, transparent 55%),
    linear-gradient(180deg, rgba(18,2,2,.84) 0%, rgba(40,5,4,.76) 48%, rgba(72,9,4,.72) 100%);
  z-index: 0;
}

/* ===== 光效：斜切扫光条（快节奏，橙红） ===== */
.bg-light {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.bg-light-bar {
  position: absolute;
  top: -10%;
  width: 3.6rem;
  height: 120%;
  background: linear-gradient(90deg, transparent, rgba(255,120,40,.34) 35%, rgba(255,200,80,.2) 62%, transparent);
  transform: skewX(-18deg);
  animation: barSweep 2.6s ease-in-out infinite alternate;
  filter: blur(0.34rem);
}
@keyframes barSweep {
  0% { left: -3.6rem; }
  100% { left: calc(100% - 0.8rem); }
}

/* ===== 光效：底部火光（快脉动，替代慢呼吸） ===== */
.bg-glow-spot {
  position: absolute;
  bottom: -6%;
  left: 50%;
  transform: translateX(-50%);
  width: 7.2rem;
  height: 4.6rem;
  background: radial-gradient(ellipse at center bottom, rgba(255,110,30,.5) 0%, rgba(255,60,10,.22) 38%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
  animation: spotPulse 1.8s ease-in-out infinite alternate;
  filter: blur(0.26rem);
}
@keyframes spotPulse {
  0% { transform: translateX(-50%) scale(1); opacity: .55; }
  100% { transform: translateX(-50%) scale(1.22); opacity: 1; }
}

/* ===== 滑动提示 ===== */
.scroll-hint {
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.scroll-hint span {
  font-size: 0.22rem;
  color: rgba(255,255,255,.55);
  letter-spacing: 0.06rem;
  margin-bottom: 0.1rem;
}
.scroll-hint .arrow {
  width: 0.28rem;
  height: 0.28rem;
  border-right: 0.03rem solid rgba(255,255,255,.5);
  border-bottom: 0.03rem solid rgba(255,255,255,.5);
  transform: rotate(45deg);
  animation: hintBounce 2s infinite;
}
@keyframes hintBounce {
  0%, 100% { transform: rotate(45deg) translateY(0); }
  50% { transform: rotate(45deg) translateY(0.12rem); }
}

/* ===== 粒子 ===== */
.particles {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.dot {
  position: absolute;
  border-radius: 50%;
  animation: floatUp linear infinite;
}
@keyframes floatUp {
  0% { transform: translateY(0) scale(1); opacity: 0; }
  10% { opacity: 1; }
  85% { opacity: .7; }
  100% { transform: translateY(-110vh) scale(.25); opacity: 0; }
}

/* ===== 入场动画（更快更带劲） ===== */
@keyframes slideUp {
  from { opacity: 0; transform: translateY(0.7rem); }
  to { opacity: 1; transform: translateY(0); }
}
.anim { opacity: 0; }
.anim.show { animation: slideUp .42s cubic-bezier(.22,1,.36,1) forwards; }

/* ==================== P1 封面 ==================== */
.p1 {
  position: relative;
  overflow: hidden;
  align-items: stretch;
}
/* 背景缩放动效：wx:if 确保每次回到P1重新触发 */
.p1-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url("assets/img/cover.jpg") center center/cover no-repeat;
  animation: p1Zoom 4s ease-out forwards;
  z-index: 0;
}
@keyframes p1Zoom {
  0% { transform: scale(1.45); }
  100% { transform: scale(1.08); }
}
/* 封面红黑火焰蒙层 */
.p1-fire {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 125%, rgba(255,80,25,.5) 0%, transparent 52%),
    linear-gradient(180deg, rgba(15,2,2,.55) 0%, rgba(30,3,3,.25) 40%, rgba(70,8,4,.62) 100%);
}
.p1 .particles { z-index: 2; }

/* 文字区域：绝对定位，精确控制位置 */
.p1-bottom {
  position: absolute;
  bottom: 2.8rem;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0 0.56rem;
  text-align: center;
}

/* ---- "一碗好汤 · 十八年匠心" ---- */
.p1-slogan {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}
.p1-slogan-em {
  font-size: 0.48rem;
  font-weight: 700;
  background: linear-gradient(135deg, #fff 0%, #ffd9a8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.04rem;
  text-shadow: 0 0 0.3rem rgba(255,150,60,.35);
}
.p1-slogan-dot {
  font-size: 0.4rem;
  color: rgba(255,180,90,.55);
  margin: 0 0.08rem;
}
.p1-slogan.anim.show {
  animation: sloganGlow .6s ease-out forwards, sloganFloat 2.4s ease-in-out .6s infinite;
}
@keyframes sloganGlow {
  from { opacity: 0; transform: translateY(0.4rem) scale(.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes sloganFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.1rem); }
}

.p1-line {
  width: 0.9rem;
  height: 0.05rem;
  background: linear-gradient(90deg, #ff5a28, #ffb13c);
  margin: 0 auto 0.24rem;
  border-radius: 0.05rem;
  box-shadow: 0 0 0.2rem rgba(255,90,40,.7);
}
.p1-line.anim.show { animation: lineExpand .5s ease .2s forwards; }
@keyframes lineExpand {
  from { width: 0; opacity: 0; }
  to { width: 0.9rem; opacity: 1; }
}

.p1-title-delay.anim.show {
  animation: titleSmash .5s cubic-bezier(.34,1.56,.64,1) .35s forwards;
}
@keyframes titleSmash {
  0% { opacity: 0; transform: scale(1.4); letter-spacing: 0.2rem; }
  100% { opacity: 1; transform: scale(1); letter-spacing: 0.06rem; }
}
.p1-title {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06rem;
  line-height: 1.25;
  color: #fff;
  white-space: nowrap;
  text-shadow: 0 0.04rem 0.3rem rgba(255,60,10,.6);
}
.p1-sub {
  font-size: 0.26rem;
  color: rgba(255,190,120,.85);
  letter-spacing: 0.1rem;
  margin-top: 0.14rem;
  font-weight: 500;
}

/* ==================== 半透明内容卡片（通用） ==================== */
.content-card {
  background: linear-gradient(160deg, rgba(28,6,5,.82), rgba(12,3,3,.8));
  border-radius: 0.36rem;
  padding: 0.44rem 0.36rem;
  border: 1px solid rgba(255,120,40,.2);
  box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,.4), inset 0 0 0.6rem rgba(255,80,20,.05);
  box-sizing: border-box;
  width: 100%;
}

/* ==================== P2 关于我们 ==================== */
.p2 {
  background: url("assets/img/bg.jpg") center top/cover no-repeat;
}
.p2 .inner {
  position: relative;
  z-index: 2;
  padding: 0.8rem 0.4rem 0.6rem;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.p2 .content-card {
  margin-top: -6vh;
}

.tag {
  display: inline-block;
  font-size: 0.22rem;
  color: #ffb13c;
  letter-spacing: 0.06rem;
  padding: 0.08rem 0.28rem;
  border: 1px solid rgba(255,120,40,.5);
  border-radius: 0.4rem;
  margin-bottom: 0.24rem;
  background: rgba(255,90,40,.1);
}
.sec-title {
  font-size: 0.56rem;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 0.28rem;
  color: #fff;
  text-shadow: 0 0.03rem 0.22rem rgba(255,60,10,.45);
}
.about-text {
  font-size: 0.3rem;
  line-height: 2;
  color: rgba(255,255,255,.88);
  margin-bottom: 0.36rem;
  flex-shrink: 0;
}
.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.16rem;
  flex-shrink: 0;
}
.s-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0.28rem;
  padding: 0.28rem 0.2rem;
  text-align: center;
}
.s-num {
  font-size: 0.56rem;
  font-weight: 800;
  color: #9b8aff;
  line-height: 1.2;
}
.s-lbl {
  font-size: 0.24rem;
  color: rgba(255,255,255,.6);
  margin-top: 0.08rem;
  letter-spacing: 0.02rem;
}

/* ==================== P3 企业文化 ==================== */
.p3 {
  background: url("assets/img/bg.jpg") center top/cover no-repeat;
}
.p3 .inner {
  position: relative;
  z-index: 2;
  padding: 0.6rem 0.32rem 0.4rem;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
.p3 .content-card {
  display: flex;
  flex-direction: column;
  padding: 0.32rem 0.32rem;
  overflow-y: auto;
  max-height: 88vh;
}

/* ===== 使命/愿景：上下排列，各自上下结构 ===== */
.mv-row {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin-bottom: 0.2rem;
}
.mv-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 0.2rem;
  padding: 0.2rem 0.28rem;
  display: flex;
  flex-direction: column;
}
.mv-key {
  font-size: 0.4rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.08rem;
  margin-bottom: 0.1rem;
}
.mv-divider {
  width: 0.4rem;
  height: 0.03rem;
  background: rgba(255,255,255,.35);
  border-radius: 0.03rem;
  margin-bottom: 0.12rem;
}
.mv-val {
  font-size: 0.26rem;
  color: rgba(255,255,255,.75);
  line-height: 1.55;
  letter-spacing: 0.01rem;
}

/* ===== 价值观一体化区块 ===== */
.value-block {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 0.24rem;
  padding: 0.2rem 0.16rem 0.16rem;
}
.value-head {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.16rem;
}
.value-label {
  font-size: 0.4rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.08rem;
}
.value-line {
  width: 2px;
  height: 0.36rem;
  background: rgba(255,255,255,.2);
  margin: 0 0.24rem;
}
.value-hero {
  font-size: 0.4rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.12rem;
}

/* ===== 6个利：纵向排列，每行一条，横向布局 ===== */
.alt-grid {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}
.alt-item {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 0.14rem;
  padding: 0.14rem 0.16rem;
  display: flex;
  align-items: center;
}
.alt-title {
  display: flex;
  align-items: baseline;
  flex-shrink: 0;
  width: 1.6rem;
}
.alt-li {
  font-size: 0.32rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.01rem;
  margin-right: 0.02rem;
}
.alt-rest {
  font-size: 0.24rem;
  font-weight: 500;
  color: rgba(255,255,255,.75);
  letter-spacing: 0.01rem;
}
.alt-body {
  flex: 1;
  min-width: 0;
  padding-left: 0.16rem;
  border-left: 1px solid rgba(255,255,255,.1);
  margin-left: 0.04rem;
}
.alt-slogan {
  font-size: 0.22rem;
  font-weight: 600;
  color: rgba(255,255,255,.65);
  margin-bottom: 0.02rem;
  letter-spacing: 0.01rem;
}
.alt-detail {
  font-size: 0.19rem;
  color: rgba(255,255,255,.4);
  line-height: 1.45;
}

/* ==================== P4 热招岗位 ==================== */
.p4 {
  background: url("assets/img/bg.jpg") center top/cover no-repeat;
}
.p4 .inner {
  position: relative;
  z-index: 2;
  padding: 0.6rem 0.32rem 0.4rem;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
.p4-inner {
  justify-content: flex-start !important;
  height: 100% !important;
}
.p4 .content-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0.36rem 0.32rem;
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
}

.tabs {
  display: flex;
  background: rgba(255,255,255,.08);
  border-radius: 0.2rem;
  padding: 0.06rem;
  border: 1px solid rgba(255,255,255,.12);
  margin-bottom: 0.24rem;
  flex-shrink: 0;
}
.tab {
  flex: 1;
  padding: 0.2rem 0;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 600;
  color: rgba(255,255,255,.45);
  border-radius: 0.16rem;
}
.tab.on {
  background: linear-gradient(135deg, #ff5a28, #c83410);
  color: #fff;
  box-shadow: 0 0.04rem 0.16rem rgba(255,90,40,.4);
}
.job-scroll {
  display: block;
  flex: 1;
  min-height: 0;
  margin-top: 0.08rem;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.city-grp { display: none; }
.city-grp.show { display: block; }

.j-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0.24rem;
  padding: 0.28rem 0.28rem;
  margin-bottom: 0.16rem;
}
.j-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.1rem;
  width: 100%;
}
.j-name {
  font-size: 0.3rem;
  font-weight: 700;
  width: 100%;
  line-height: 1.35;
  color: #fff;
}
.j-salary {
  display: inline-block;
  font-size: 0.28rem;
  font-weight: 700;
  color: #ffb13c;
  white-space: nowrap;
  margin-top: 0.06rem;
}
.j-duty {
  font-size: 0.26rem;
  color: rgba(255,255,255,.68);
  line-height: 1.6;
  margin-bottom: 0.06rem;
}
.j-addr {
  font-size: 0.22rem;
  color: rgba(255,255,255,.45);
}

/* ===== 沈阳双列 ===== */
.sy-cols {
  display: flex;
  align-items: flex-start;
  gap: 0.16rem;
}
.sy-col {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.col-label {
  font-size: 0.26rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  padding: 0.12rem 0 0.16rem;
}
.col-label.hq { color: #ffb13c; }
.col-label.fac { color: #ff7a30; }
.addr-note {
  font-size: 0.2rem;
  color: rgba(255,255,255,.4);
  text-align: center;
  padding: 0.08rem 0;
}

/* ==================== P5 公司福利 ==================== */
.p5 {
  background: url("assets/img/bg.jpg") center top/cover no-repeat;
}
.p5 .inner {
  position: relative;
  z-index: 2;
  padding: 0.6rem 0.28rem 0.4rem;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
.p5-inner {
  justify-content: flex-start !important;
  height: 100% !important;
}
.p5 .content-card {
  display: flex;
  flex-direction: column;
  max-height: none;
  overflow-y: auto;
  padding: 0.32rem 0.28rem;
  min-height: 0;
}

/* 四大福利板块：2x2网格 */
.ben-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.14rem;
  margin-bottom: 0.2rem;
}
.ben-item {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0.2rem;
  padding: 0.2rem 0.14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ben-icon {
  font-size: 0.44rem;
  margin-bottom: 0.08rem;
}
.ben-name {
  font-size: 0.26rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02rem;
  margin-bottom: 0.06rem;
}
.ben-desc {
  font-size: 0.19rem;
  color: rgba(255,255,255,.5);
  line-height: 1.45;
}

/* 照片墙：左两横图上下叠 + 右竖图（按手绘布局） */
.photo-wall {
  display: flex;
  margin-top: 0.04rem;
  height: 4.2rem;
}
.photo-left-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  padding-right: 0.14rem;
  box-sizing: border-box;
}
.photo-right-col {
  width: 42%;
  display: flex;
  padding-left: 0.14rem;
  box-sizing: border-box;
}
.photo {
  width: 100%;
  border-radius: 0.16rem;
  border: 3px solid rgba(255,255,255,.15);
  box-shadow: 0 0.06rem 0.24rem rgba(0,0,0,.2);
  overflow: hidden;
}
.photo.p-h-top {
  flex: 1;
  min-height: 0;
}
.photo.p-h-bottom {
  flex: 1;
  min-height: 0;
}
.photo.p-v-side {
  height: 100%;
}

/* ==================== P6 联系我们 ==================== */
.p6 {
  background: url("assets/img/bg.jpg") center top/cover no-repeat;
}
.p6 .inner {
  position: relative;
  z-index: 2;
  padding: 0.8rem 0.4rem 0.6rem;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.p6-inner {
  justify-content: flex-start !important;
  height: 100% !important;
}
.p6 .content-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.p6 .tag, .p6 .sec-title { text-align: center; }
.contact-desc {
  font-size: 0.28rem;
  color: rgba(255,255,255,.6);
  text-align: center;
  margin-bottom: 0.36rem;
  letter-spacing: 0.04rem;
}
.c-list {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  overflow-y: auto;
  min-height: 0;
}
.c-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0.32rem;
  padding: 0.28rem;
  display: flex;
  align-items: center;
  gap: 0.28rem;
}
.qr {
  width: 1.44rem;
  height: 1.44rem;
  border-radius: 0.2rem;
  flex-shrink: 0;
  border: 0.03rem solid rgba(255,255,255,.15);
  background: #fff;
  padding: 0.08rem;
}
.qr-wrap {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.08rem;
}
.qr-tip {
  font-size: 0.19rem;
  color: #ffb13c;
  white-space: nowrap;
}
.c-info {
  flex: 1;
  min-width: 0;
}
.c-person {
  font-size: 0.34rem;
  font-weight: 700;
  margin-bottom: 0.06rem;
  color: #fff;
}
.c-role {
  font-size: 0.26rem;
  color: rgba(255,255,255,.6);
  margin-bottom: 0.08rem;
}
.c-addr {
  font-size: 0.24rem;
  color: rgba(255,255,255,.62);
  line-height: 1.5;
  margin-bottom: 0.02rem;
}

/* ===== 导航按钮 ===== */
.nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.06rem;
  font-size: 0.24rem;
  color: #ffb13c;
  padding: 0.08rem 0.2rem;
  border-radius: 0.2rem;
  background: rgba(255,90,40,.16);
  border: 0.01rem solid rgba(255,120,40,.4);
}
.nav-btn:active {
  background: rgba(255,90,40,.32);
}

/* ==================== BGM 按钮 ==================== */
.bgm-btn {
  position: absolute;
  bottom: 1.2rem;
  right: 0.32rem;
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background: rgba(8,8,28,.65);
  border: 0.015rem solid rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  animation: bgmBtnFloat 3s ease-in-out infinite;
  backdrop-filter: blur(0.1rem);
}
@keyframes bgmBtnFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.08rem); }
}
.bgm-icon {
  font-size: 0.36rem;
  line-height: 1;
}
.bgm-btn.on .bgm-icon {
  animation: bgmPulse 1.2s ease-in-out infinite;
}
@keyframes bgmPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}

/* ==================== P7 结束页（三层板块结构） ==================== */
.p7 {
  background: url("assets/img/cover.jpg") center center/cover no-repeat;
}
.p7-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.24rem;
  box-sizing: border-box;
}
.p7-card {
  width: 100%;
  max-height: 82vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(8,8,28,.72);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 0.36rem;
  padding: 0.28rem 0.32rem;
  text-align: center;
}

/* 分隔线 */
.p7-divider {
  width: 50%;
  height: 1px;
  background: rgba(255,255,255,.1);
  margin: 0.12rem auto;
}

/* 装饰分隔线 */
.p7-divider-has {
  display: flex;
  align-items: center;
  width: 60%;
  margin: 0.12rem auto;
}
.p7-dv-line {
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,.08);
}
.p7-dv-dot {
  font-size: 0.2rem;
  color: rgba(155,138,255,.35);
  margin: 0 0.16rem;
}
.sec1-block {
  width: 100%;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 0.24rem;
  padding: 0.24rem 0.2rem 0.16rem;
  background: rgba(255,255,255,.03);
}
.sec1-accent {
  width: 0.4rem;
  height: 0.03rem;
  background: linear-gradient(90deg, rgba(155,138,255,.6), rgba(155,138,255,.2));
  border-radius: 0.03rem;
  margin: 0 auto 0.14rem;
}
.sec1-title {
  font-size: 0.44rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.08rem;
  margin-bottom: 0.16rem;
  opacity: 0;
}
.sec1-title.anim.show {
  animation: titlePop .8s cubic-bezier(.34,1.56,.64,1) .3s forwards, titlePulse 2.8s ease-in-out 1.3s infinite;
}
.sec1-tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.1rem;
  width: 84%;
  margin: 0 auto;
}
.sec1-tag {
  font-size: 0.28rem;
  font-weight: 600;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0.6rem;
  padding: 0.12rem 0;
  text-align: center;
  letter-spacing: 0.02rem;
}
.sec1-cheer {
  font-size: 0.3rem;
  color: rgba(255,255,255,.75);
  letter-spacing: 0.04rem;
  margin: 0.12rem 0 0;
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.14rem;
}
.sec1-ornament {
  font-size: 0.22rem;
  color: rgba(155,138,255,.5);
}
.sec1-hl {
  font-size: 0.36rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.04rem;
}

/* ===== 板块二：条件 ===== */
.sec2-block {
  width: 100%;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 0.24rem;
  padding: 0.2rem 0 0.22rem;
  background: rgba(255,255,255,.03);
}
.sec2-bar {
  width: 0.3rem;
  height: 0.02rem;
  background: linear-gradient(90deg, rgba(255,215,0,.4), rgba(255,215,0,.1));
  border-radius: 0.02rem;
  margin: 0 auto 0.1rem;
}
.sec2-dot {
  font-size: 0.2rem;
  color: rgba(155,138,255,.4);
  margin-bottom: 0.04rem;
}
.sec2-line {
  font-size: 0.28rem;
  font-weight: 500;
  color: rgba(255,255,255,.8);
  letter-spacing: 0.03rem;
  line-height: 2;
}
.sec2-cta {
  font-size: 0.28rem;
  color: rgba(255,255,255,.6);
  letter-spacing: 0.06rem;
  margin-top: 0.06rem;
}
.sec2-big {
  font-size: 0.4rem;
  font-weight: 900;
  color: #9b8aff;
  letter-spacing: 0.08rem;
  text-shadow: 0 0 0.24rem rgba(155,138,255,.3);
  margin-left: 0.04rem;
}

/* ===== 板块三：福利（重点凸显） ===== */
.sec3-block {
  width: 100%;
  background: linear-gradient(135deg, rgba(155,138,255,.08), rgba(155,138,255,.03));
  border: 1px solid rgba(155,138,255,.2);
  border-radius: 0.24rem;
  padding: 0.2rem 0;
}
.sec3-bar {
  width: 0.3rem;
  height: 0.02rem;
  background: linear-gradient(90deg, rgba(155,138,255,.5), rgba(155,138,255,.15));
  border-radius: 0.02rem;
  margin: 0 auto 0.08rem;
}
.sec3-dot {
  font-size: 0.2rem;
  color: rgba(155,138,255,.4);
  margin-bottom: 0.02rem;
}
.sec3-line {
  font-size: 0.32rem;
  color: rgba(255,255,255,.8);
  line-height: 2;
  letter-spacing: 0.03rem;
}
.sec3-big {
  font-size: 0.4rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.04rem;
  margin-left: 0.04rem;
}
.sec3-purple {
  font-size: 0.36rem;
  font-weight: 800;
  color: #9b8aff;
  text-shadow: 0 0 0.2rem rgba(155,138,255,.25);
  letter-spacing: 0.02rem;
}

/* 标题动效 */
@keyframes titlePop {
  0% { opacity: 0; transform: scale(.3); }
  60% { opacity: 1; transform: scale(1.12); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes titlePulse {
  0%, 100% { transform: scale(1); color: #fff; text-shadow: 0 0 0.2rem rgba(255,255,255,.15); }
  50% { transform: scale(1.06); color: #b8a8ff; text-shadow: 0 0 0.4rem rgba(155,138,255,.5), 0 0 0.8rem rgba(155,138,255,.15); }
}

/* ===== 小屏适配 ===== */
@media(max-width: 370px) {
  .p1-title { font-size: 0.52rem; letter-spacing: 0.04rem; }
  .p1-slogan-em { font-size: 0.4rem; }
  .p1-bottom { bottom: 2.4rem; }
  .sec-title { font-size: 0.44rem; }
  .s-num { font-size: 0.48rem; }
  .qr { width: 1.24rem; height: 1.24rem; }
  .sy-cols { gap: 0.1rem; }
  .j-card { padding: 0.2rem 0.24rem; }
  .content-card { padding: 0.32rem 0.24rem; }
  .bgm-btn { width: 0.64rem; height: 0.64rem; }
  .bgm-icon { font-size: 0.32rem; }
}

/* ==================== 新增：通用背景图 + 容器 ==================== */
.bgimg {
  background: url("assets/img/bg.jpg") center top/cover no-repeat;
}
.inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 0.7rem 0.36rem 0.6rem;
}
.center-inner { justify-content: center; }
.flex-card {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  min-height: 0;
}
.p4-inner .content-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0.36rem 0.32rem;
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
}
.p6-inner .content-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.contact-card .tag,
.contact-card .sec-title { text-align: center; }
.culture-card {
  display: flex;
  flex-direction: column;
  padding: 0.32rem;
  overflow-y: auto;
  max-height: 88vh;
}
/* ===== S1 公司介绍 ===== */
.intro-scroll {
  flex: 1;
  min-height: 0;
  margin-top: 0.08rem;
}
.intro-text {
  font-size: 0.28rem;
  line-height: 1.95;
  color: rgba(255,255,255,.9);
  letter-spacing: 0.005rem;
  text-align: justify;
}
.intro-sub {
  font-size: 0.3rem;
  font-weight: 700;
  color: #ffb13c;
  letter-spacing: 0.03rem;
  margin: 0.26rem 0 0.16rem;
  padding-left: 0.18rem;
  border-left: 0.05rem solid rgba(255,120,40,.8);
}
.intro-line {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.14rem;
}
.intro-tag {
  flex-shrink: 0;
  font-size: 0.24rem;
  font-weight: 700;
  color: #fff;
  padding: 0.06rem 0.18rem;
  border-radius: 0.3rem;
  margin-right: 0.16rem;
  margin-top: 0.04rem;
  letter-spacing: 0.02rem;
}
.intro-tag.on { background: linear-gradient(135deg,#ff5a28,#c83410); }
.intro-tag.off { background: linear-gradient(135deg,#ff9a3c,#e06a10); }
.intro-line-t {
  flex: 1;
  font-size: 0.26rem;
  line-height: 1.75;
  color: rgba(255,255,255,.82);
  text-align: justify;
}

/* ===== S2 关于我们 ===== */
.about-list {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  margin-top: 0.08rem;
}
.ab-item {
  display: flex;
  align-items: flex-start;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 0.2rem;
  padding: 0.22rem 0.24rem;
}
.ab-no {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg,#ff5a28,#c83410);
  border-radius: 0.14rem;
  margin-right: 0.2rem;
  box-shadow: 0 0.04rem 0.14rem rgba(255,90,40,.4);
}
.ab-tx {
  flex: 1;
  font-size: 0.28rem;
  line-height: 1.65;
  color: rgba(255,255,255,.9);
  letter-spacing: 0.005rem;
  padding-top: 0.06rem;
}
/* ===== S3 晋升奖励（不规整拼图） ===== */
.grow-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.grow-head { margin-bottom: 0.18rem; }

/* 四个点：错位不规整卡片 */
.grow-stack {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  margin-bottom: 0.28rem;
}
.gx {
  display: flex;
  align-items: center;
  padding: 0.18rem 0.26rem;
  background: linear-gradient(100deg, rgba(255,90,40,.18), rgba(10,3,3,.4));
  border-left: 0.08rem solid #ff5a28;
  border-radius: 0 0.22rem 0.22rem 0;
  box-shadow: 0 0.06rem 0.2rem rgba(0,0,0,.3);
  width: 84%;
}
/* 错位：宽度+左右偏移+轻微旋转，制造不规整感 */
.gx1 { align-self: flex-start; transform: rotate(-1.5deg); }
.gx2 { align-self: flex-end; width: 78%; transform: rotate(1.2deg); border-left-color: #ffb13c; }
.gx3 { align-self: flex-start; width: 88%; transform: rotate(-.8deg); }
.gx4 { align-self: flex-end; width: 74%; transform: rotate(1.6deg); border-left-color: #ffb13c; }
.gx-no {
  flex-shrink: 0;
  font-size: 0.44rem;
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  margin-right: 0.18rem;
  background: linear-gradient(135deg, #ff7a30, #ffce5a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gx-t {
  flex: 1;
  font-size: 0.29rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.01rem;
}

/* 不规整照片拼贴 */
.collage {
  position: relative;
  width: 100%;
  height: 3.6rem;
}
.cg {
  position: absolute;
  border-radius: 0.14rem;
  border: 0.05rem solid #fff;
  box-shadow: 0 0.08rem 0.26rem rgba(0,0,0,.45);
}
/* 奖杯主图：竖版，居中偏左压住，最大最亮 */
.cg-hero {
  width: 2.4rem;
  height: 3.3rem;
  left: 0.2rem;
  top: 0.12rem;
  transform: rotate(-5deg);
  z-index: 4;
  border-color: #ffce5a;
  box-shadow: 0 0.1rem 0.3rem rgba(255,120,40,.4);
}
.cg-a {
  width: 2.5rem;
  height: 1.75rem;
  right: 0.08rem;
  top: 0;
  transform: rotate(4deg);
  z-index: 3;
}
.cg-b {
  width: 2rem;
  height: 1.5rem;
  right: 0.3rem;
  bottom: 0.04rem;
  transform: rotate(-3deg);
  z-index: 2;
}
.cg-c {
  width: 1.5rem;
  height: 1.3rem;
  left: 2.5rem;
  top: 1.3rem;
  transform: rotate(6deg);
  z-index: 5;
}
.cg-badge {
  position: absolute;
  left: 0.08rem;
  bottom: 0.02rem;
  z-index: 6;
  font-size: 0.24rem;
  font-weight: 800;
  color: #fff;
  padding: 0.08rem 0.2rem;
  border-radius: 0.3rem;
  background: linear-gradient(135deg, #ff5a28, #c83410);
  box-shadow: 0 0.04rem 0.16rem rgba(255,90,40,.5);
  transform: rotate(-4deg);
}

/* ===== S4 企业文化（精简重排） ===== */
.cul-mv {
  display: flex;
  gap: 0.14rem;
  margin-bottom: 0.22rem;
}
.cul-mv-card {
  flex: 1;
  min-width: 0;
  background: linear-gradient(150deg, rgba(255,90,40,.16), rgba(10,3,3,.4));
  border: 1px solid rgba(255,120,40,.25);
  border-radius: 0.2rem;
  padding: 0.22rem 0.22rem;
}
.cul-mv-k {
  display: inline-block;
  font-size: 0.26rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04rem;
  padding: 0.04rem 0.18rem;
  border-radius: 0.3rem;
  background: linear-gradient(135deg, #ff5a28, #c83410);
  margin-bottom: 0.14rem;
}
.cul-mv-v {
  font-size: 0.26rem;
  line-height: 1.6;
  color: rgba(255,255,255,.85);
  letter-spacing: 0.005rem;
}
.cul-mv-em {
  color: #ffb13c;
  font-weight: 700;
}

/* 价值观·利他 英雄区 */
.cul-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.24rem;
  margin-bottom: 0.2rem;
  padding: 0.14rem 0;
}
.cul-hero-label {
  font-size: 0.28rem;
  font-weight: 700;
  color: rgba(255,255,255,.7);
  letter-spacing: 0.06rem;
}
.cul-hero-word {
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14rem;
  background: linear-gradient(135deg, #ff7a30, #ffce5a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 0.3rem rgba(255,120,40,.3);
}

/* 六大利他：2列网格，仅口号 */
.cul-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.14rem;
}
.cul-cell {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,120,40,.18);
  border-left: 0.06rem solid #ff5a28;
  border-radius: 0.16rem;
  padding: 0.18rem 0.2rem;
}
.cul-cell-top {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.08rem;
}
.cul-li {
  font-size: 0.32rem;
  font-weight: 900;
  color: #ff7a30;
  margin-right: 0.04rem;
}
.cul-obj {
  font-size: 0.28rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.01rem;
}
.cul-slo {
  font-size: 0.23rem;
  color: rgba(255,255,255,.6);
  letter-spacing: 0.005rem;
}

/* ==================== S6/S7 狼性爆发页（红黑火焰） ==================== */
.wolf {
  background: url("assets/img/cover.jpg") center center/cover no-repeat;
  align-items: stretch;
}
/* 红黑燃烧蒙层 */
.wolf-ov {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 50% 120%, rgba(255,60,20,.42) 0%, transparent 55%),
    linear-gradient(180deg, rgba(20,2,2,.82) 0%, rgba(40,4,4,.74) 45%, rgba(70,8,4,.7) 100%);
  z-index: 0;
}
/* 底部火光 */
.wolf-glow {
  position: absolute;
  left: 50%;
  bottom: -8%;
  width: 7.6rem;
  height: 5.2rem;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center bottom, rgba(255,110,30,.55) 0%, rgba(255,60,10,.25) 38%, transparent 70%);
  z-index: 1;
  pointer-events: none;
  filter: blur(0.2rem);
  animation: wolfGlow 3s ease-in-out infinite alternate;
}
@keyframes wolfGlow {
  0% { opacity: .6; transform: translateX(-50%) scale(1); }
  100% { opacity: 1; transform: translateX(-50%) scale(1.12); }
}
/* 斜切扫光 */
.wolf-streak {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.wolf-streak-bar {
  position: absolute;
  top: -10%;
  width: 3.6rem;
  height: 120%;
  background: linear-gradient(90deg, transparent, rgba(255,120,40,.32) 40%, rgba(255,200,80,.18) 65%, transparent);
  transform: skewX(-18deg);
  filter: blur(0.36rem);
  animation: barSweep 4.5s ease-in-out infinite alternate;
}
/* 火星粒子 */
.ember {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.ember-dot {
  position: absolute;
  border-radius: 50%;
  animation: emberUp linear infinite;
}
@keyframes emberUp {
  0% { transform: translateY(0) scale(1); opacity: 0; }
  12% { opacity: 1; }
  80% { opacity: .7; }
  100% { transform: translateY(-105vh) scale(.2); opacity: 0; }
}
/* ===== S6 财富图融合层（旋转错落+边缘渐隐） ===== */
.deco-img {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  border-radius: 0.18rem;
  box-shadow: 0 0.08rem 0.3rem rgba(0,0,0,.5);
}
.deco-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
/* 边缘向暗红底渐隐，让图"长"进背景 */
.deco-fade {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse at center, transparent 28%, rgba(40,5,4,.55) 78%, rgba(30,3,3,.92) 100%);
}
/* 钞票：右上角，向右上探出屏幕 */
.di-money {
  width: 3.6rem;
  height: 3rem;
  right: -0.5rem;
  top: 0.6rem;
  transform: rotate(8deg);
  opacity: .82;
}
/* 红包：左下角，向左下探出 */
.di-redpacket {
  width: 3.4rem;
  height: 2.8rem;
  left: -0.46rem;
  bottom: 0.8rem;
  transform: rotate(-7deg);
  opacity: .85;
}

/* ===== S7 英雄图融合层 ===== */
.hero-img {
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.hero-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.hero-fade {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse at center, transparent 22%, rgba(35,4,4,.5) 70%, rgba(28,3,3,.96) 100%);
}
/* 超人：右上，斜向冲出 */
.hi-superman {
  width: 4.8rem;
  height: 3.4rem;
  right: -0.9rem;
  top: -0.1rem;
  transform: rotate(6deg);
  opacity: .7;
}
/* 蜘蛛侠：左下，斜向冲出 */
.hi-spiderman {
  width: 4.4rem;
  height: 3rem;
  left: -0.8rem;
  bottom: 0.4rem;
  transform: rotate(-6deg);
  opacity: .68;
}

/* 狼性页内容容器 */
.wolf-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.48rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* 狼性页文字半透明底框（与其他页统一，避免文字与花哨背景混在一起） */
.wolf-panel {
  width: 100%;
  background: linear-gradient(160deg, rgba(20,3,3,.72), rgba(10,2,2,.68));
  border-radius: 0.32rem;
  padding: 0.5rem 0.42rem;
  border: 1px solid rgba(255,120,40,.22);
  box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,.45), inset 0 0 0.6rem rgba(255,80,20,.05);
  backdrop-filter: blur(2px);
  box-sizing: border-box;
}
/* 标题区 */
.wolf-head {
  margin-bottom: 0.44rem;
}
.wolf-en {
  font-size: 0.26rem;
  font-weight: 800;
  letter-spacing: 0.08rem;
  color: rgba(255,150,80,.7);
  display: block;
  margin-bottom: 0.12rem;
}
.wolf-title {
  font-size: 0.78rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.06rem;
  line-height: 1.1;
  text-shadow: 0 0.04rem 0.3rem rgba(255,60,10,.5);
}
.wolf-hot {
  color: #ff5a28;
  text-shadow: 0 0 0.3rem rgba(255,90,40,.8), 0 0 0.6rem rgba(255,60,10,.4);
}
.wolf-bar {
  width: 0.96rem;
  height: 0.1rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
  background: linear-gradient(90deg, #ff5a28, #ffb13c);
  box-shadow: 0 0 0.24rem rgba(255,90,40,.7);
}
/* 列表 */
.wolf-list {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}
.wolf-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 0.22rem 0.26rem 0.22rem 0.22rem;
  background: linear-gradient(100deg, rgba(255,60,20,.16), rgba(0,0,0,.28));
  border-left: 0.08rem solid #ff5a28;
  border-radius: 0 0.2rem 0.2rem 0;
  box-shadow: 0 0.06rem 0.22rem rgba(0,0,0,.3);
  transform: skewX(-4deg);
}
.wolf-num {
  flex-shrink: 0;
  font-size: 0.52rem;
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  margin-right: 0.22rem;
  background: linear-gradient(135deg, #ff7a30, #ffce5a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: skewX(4deg);
}
.wolf-tx {
  flex: 1;
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 1.55;
  color: rgba(255,255,255,.95);
  letter-spacing: 0.01rem;
  transform: skewX(4deg);
}
.wolf-em {
  color: #ffb13c;
  font-weight: 900;
  text-shadow: 0 0 0.16rem rgba(255,170,60,.6);
}
/* ===== S7 如果你（红黑火焰收尾） ===== */
.ify-block {
  width: 100%;
  text-align: center;
  padding: 0.08rem 0;
}
.ify-if {
  font-size: 0.32rem;
  font-weight: 700;
  color: #ffb13c;
  letter-spacing: 0.06rem;
  margin-bottom: 0.14rem;
  text-shadow: 0 0 0.18rem rgba(255,170,60,.5);
}
.ify-big {
  font-size: 0.7rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.08rem;
  line-height: 1.25;
  text-shadow: 0 0.04rem 0.28rem rgba(255,60,10,.6);
}
.ify-line {
  font-size: 0.34rem;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  letter-spacing: 0.02rem;
  line-height: 1.9;
}
.ify-divider {
  display: flex;
  align-items: center;
  width: 70%;
  margin: 0.34rem auto;
}
.ify-dv-line {
  flex: 1;
  height: 0.02rem;
  background: linear-gradient(90deg, transparent, rgba(255,120,40,.6), transparent);
}
.ify-flame {
  font-size: 0.4rem;
  margin: 0 0.18rem;
  animation: flameFlick 1.4s ease-in-out infinite;
}
@keyframes flameFlick {
  0%, 100% { transform: scale(1) rotate(-3deg); opacity: .9; }
  50% { transform: scale(1.18) rotate(3deg); opacity: 1; }
}
.ify-cta {
  font-size: 0.32rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02rem;
  line-height: 1.7;
  margin-top: 0.14rem;
}
.ify-come {
  display: inline-block;
  font-size: 0.4rem;
  font-weight: 900;
  color: #ff5a28;
  letter-spacing: 0.04rem;
  text-shadow: 0 0 0.26rem rgba(255,90,40,.8);
  animation: comePulse 1.6s ease-in-out infinite;
}
@keyframes comePulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
/* 小屏适配补充 */
@media(max-width: 370px) {
  .wolf-title { font-size: 0.64rem; }
  .ify-big { font-size: 0.58rem; }
  .wolf-num { font-size: 0.44rem; }
  .intro-text { font-size: 0.26rem; }
}

/* ===== 封面直达导航 ===== */
.p1-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem;
  margin-top: 0.44rem;
}
.p1-nav-btn {
  padding: 0.18rem 0.38rem;
  font-size: 0.28rem;
  font-weight: 600;
  color: #fff;
  border-radius: 9.99rem;
  background: linear-gradient(90deg, #ff5a28, #ffb13c);
  box-shadow: 0 0.08rem 0.28rem rgba(255,90,40,.45);
}
.p1-nav-btn.ghost {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,120,40,.5);
  color: #ffb13c;
  box-shadow: none;
}

/* 岗位卡片"详情"提示 */
.j-card { position: relative; }
.j-more {
  margin-top: 0.1rem;
  font-size: 0.22rem;
  color: #ffb13c;
  text-align: right;
}
/* ===== 右侧分页指示器 ===== */
.pager {
  position: absolute;
  right: 0.16rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
}
.pager-dot {
  position: relative;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background: rgba(255,255,255,.3);
  transition: all .3s;
}
.pager-dot.on {
  width: 0.18rem;
  height: 0.18rem;
  background: linear-gradient(90deg, #ff5a28, #ffb13c);
  box-shadow: 0 0 0.16rem rgba(255,90,40,.8);
}

/* ===== 岗位详情弹窗 ===== */
.job-modal {
  position: absolute;
  inset: 0;
  z-index: 100;
  background: rgba(0,0,0,.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .28s;
}
.job-modal.show {
  opacity: 1;
  visibility: visible;
}
.jm-card {
  width: 84%;
  max-width: 6.2rem;
  max-height: 84vh;
  overflow-y: auto;
  position: relative;
  padding: 0.48rem 0.4rem 0.44rem;
  border-radius: 0.28rem;
  background: linear-gradient(160deg, #1a1430 0%, #0f0c22 100%);
  border: 1px solid rgba(255,120,40,.3);
  box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,.6), inset 0 0 0.8rem rgba(255,80,20,.06);
  transform: scale(.9);
  transition: transform .28s;
}
.job-modal.show .jm-card { transform: scale(1); }
.jm-close {
  position: absolute;
  top: 0.22rem;
  right: 0.28rem;
  font-size: 0.36rem;
  color: rgba(255,255,255,.5);
  line-height: 1;
}
.jm-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 0.26rem;
  margin-bottom: 0.08rem;
  border-bottom: 1px solid rgba(255,120,40,.18);
}
.jm-name {
  font-size: 0.4rem;
  font-weight: 700;
  color: #fff;
}
.jm-salary {
  font-size: 0.34rem;
  font-weight: 700;
  color: #ffb13c;
}
.jm-sec { margin-top: 0.28rem; }
.jm-sec-t {
  font-size: 0.24rem;
  color: #ffb13c;
  margin-bottom: 0.12rem;
}
.jm-sec-c {
  font-size: 0.28rem;
  color: rgba(255,255,255,.88);
  line-height: 1.6;
}
.jm-li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.12rem;
}
.jm-dot {
  color: #ff7a3c;
  font-size: 0.28rem;
  line-height: 1.55;
  margin-right: 0.12rem;
  flex-shrink: 0;
}
.jm-li-t {
  flex: 1;
  font-size: 0.27rem;
  color: rgba(255,255,255,.85);
  line-height: 1.55;
}
.jm-foot {
  margin-top: 0.38rem;
  padding: 0.22rem;
  text-align: center;
  font-size: 0.27rem;
  font-weight: 600;
  color: #fff;
  border-radius: 0.14rem;
  background: linear-gradient(90deg, #ff5a28, #ffb13c);
  box-shadow: 0 0.08rem 0.24rem rgba(255,90,40,.4);
}

/* ===== H5新增：岗位卡容器（替代小程序内联高度） ===== */
.positions-card {
  display: flex;
  flex-direction: column;
  max-height: 76vh;
}

/* ===== H5新增：二维码放大层 ===== */
.qr-modal {
  position: absolute;
  inset: 0;
  z-index: 120;
  background: rgba(0,0,0,.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .28s;
}
.qr-modal.show { opacity: 1; visibility: visible; }
.qr-big {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 0.24rem;
  background: #fff;
  padding: 0.2rem;
  box-sizing: border-box;
}
.qr-big-tip {
  margin-top: 0.3rem;
  font-size: 0.28rem;
  color: rgba(255,255,255,.85);
}