/* ============================================================
   佳能 PhotoGirls 女生影像训练营 · 活动页 v8
   设计系统：少女手账 x 天空蓝拼贴 / Swiper 轮播 / jQuery
   ============================================================ */

@font-face{
  font-family:"SmileySans";
  src:url("../fonts/SmileySans-Oblique.ttf") format("truetype");
  font-weight:normal;font-style:oblique;font-display:swap;
}

:root{
  --blue-1:#A7D3F0;
  --blue-2:#C3E3F8;
  --blue-3:#B0D9F4;
  --pill-hi:#8FC9EF;
  --pill-mid:#63A9DC;
  --pill-lo:#4E97CF;
  --pill-edge:#3D7FB5;
  --ink:#17384F;
  --ink-2:#3D5B73;
  --red:#F2495C;
  --red-deep:#D92B42;
  --yellow:#FFC94D;
  --card:#FFFFFF;
  --radius:2rem;
  --shadow-1:0 0.4rem 1.4rem rgba(35,90,140,.12);
  --shadow-2:0 1.4rem 3.4rem rgba(35,90,140,.22);
  --shadow-3:0 2.6rem 6rem rgba(35,90,140,.3);
  --font-d:"SmileySans","PingFang SC","Microsoft YaHei",sans-serif;
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-back:cubic-bezier(.34,1.45,.64,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:var(--font);
  color:var(--ink);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  background:
    radial-gradient(90rem 62rem at 12% 6%, rgba(255,255,255,.6) 0%, transparent 60%),
    radial-gradient(100rem 72rem at 88% 28%, rgba(255,255,255,.45) 0%, transparent 60%),
    radial-gradient(90rem 70rem at 14% 66%, rgba(255,255,255,.38) 0%, transparent 60%),
    radial-gradient(86rem 64rem at 85% 88%, rgba(255,255,255,.4) 0%, transparent 60%),
    linear-gradient(180deg,var(--blue-1) 0%,var(--blue-2) 45%,var(--blue-3) 100%);
  background-attachment:fixed;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}
main,footer{position:relative;z-index:1}

/* ---------- 可访问性 ---------- */
.skip-link{position:fixed;top:-4.8rem;left:1.6rem;z-index:200;background:var(--ink);color:#fff;
  padding:1rem 2rem;border-radius:99.9rem;transition:top .2s}
.skip-link:focus{top:1.2rem}
:focus-visible{outline:0.3rem solid var(--red);outline-offset:0.3rem;border-radius:0.6rem}

/* ---------- 整页背景元素层 ---------- */
.bgbelt{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgbelt__el{position:absolute;left:var(--x);top:var(--y);width:var(--w);opacity:.5;
  animation:floaty var(--d,7s) ease-in-out var(--dl,0s) infinite}
.bgbelt__el--tree{right:3vw;bottom: 3vw;width: 20vw;opacity:.45;animation-duration:9s}
.bgbelt__el--yflower{right: 26vw;top: 7vw;width: 18vw;opacity:.5;animation-duration:6.4s}
.bgbelt__el--bflower{left: 6vw; top: 10vw; width: 10vw;opacity:.55;animation-duration:5.6s;animation-delay:-2s}
.bgbelt__el--blob{left: 34vw; top: 25vw; width: 13vw;opacity:.4;animation-duration:8s;animation-delay:-3s;}
.bgbelt__el--leaf{left: 45vw; top: 34vw; width: 14vw;opacity:.45;animation-duration:7.4s;animation-delay:-1s}
.bgbelt__el--cherry{left: 23vw; top: 7vw; width: 14vw;opacity:.6;animation-duration:6.8s;animation-delay:-4s}
.bgbelt__el--wflower{left: 4vw; bottom: 4vw; width: 22vw;opacity:.5;animation-duration:8.6s;animation-delay:-2.6s}

@keyframes floaty{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-1.4rem) rotate(2deg)}
}

/* ---------- 通用按钮（立体厚度） ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:0.8rem;
  min-height:5.4rem;padding:1.4rem 3.4rem;border-radius:99.9rem;
  font-size:1.7rem;font-weight:800;letter-spacing:.05em;
  transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s;
}
.btn--primary{
  background:linear-gradient(180deg,#FF7C90 0%,var(--red) 60%,#E23349 100%);color:#fff;
  box-shadow:inset 0 0.2rem 0 rgba(255,255,255,.5),0 0.6rem 0 #B01E32,0 1.6rem 3rem rgba(242,73,92,.4);
}
.btn--primary:hover{transform:translateY(-0.3rem);box-shadow:inset 0 0.2rem 0 rgba(255,255,255,.5),0 0.8rem 0 #B01E32,0 2.2rem 3.8rem rgba(242,73,92,.46)}
.btn--primary:active{transform:translateY(0.2rem);box-shadow:inset 0 0.2rem 0 rgba(255,255,255,.4),0 0.2rem 0 #B01E32,0 0.8rem 1.6rem rgba(242,73,92,.35)}
.btn--ghost{
  background:rgba(255,255,255,.92);color:var(--ink);
  box-shadow:inset 0 0.2rem 0 #fff,0 0.6rem 0 #B9D4E8,0 1.4rem 2.6rem rgba(35,90,140,.22);
}
.btn--ghost:hover{transform:translateY(-0.3rem);box-shadow:inset 0 0.2rem 0 #fff,0 0.8rem 0 #B9D4E8,0 2rem 3.2rem rgba(35,90,140,.28)}
.btn--ghost:active{transform:translateY(0.2rem);box-shadow:inset 0 0.2rem 0 #fff,0 0.2rem 0 #B9D4E8,0 0.8rem 1.4rem rgba(35,90,140,.2)}

/* ---------- 导航 ---------- */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:100;
  display:flex;align-items:center;gap:2.8rem;
  padding:1.5rem 7.2rem;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(1.4rem);-webkit-backdrop-filter:blur(1.4rem);
  border-bottom:0.1rem solid rgba(23,56,79,.08);
  transition:box-shadow .3s;
}
.nav.is-scrolled{box-shadow:0 0.8rem 2.6rem rgba(35,90,140,.16)}
.nav__brand{display:flex;align-items:center;gap:1.6rem;flex-shrink:0}
.nav__canon{height:4.6rem;width:auto}
.nav__divider{width:0.15rem;height:3rem;background:linear-gradient(180deg,transparent,#c9b8a8,transparent)}
.nav__pg{height:3.6rem;width:auto}
.nav__links{display:flex;gap:0.4rem;margin-left:auto}
.nav__links a{
  display:block;padding:0.9rem 1.4rem;border-radius:99.9rem;
  font-size:1.5rem;font-weight:700;color:var(--ink-2);
  transition:color .2s,background .2s;
}
.nav__links a:hover{color:var(--red);background:rgba(242,73,92,.1)}
.nav__cta{
  padding:1rem 2.6rem;border-radius:99.9rem;
  background:linear-gradient(180deg,#FF7C90,var(--red));color:#fff;
  font-size:1.5rem;font-weight:800;letter-spacing:.06em;
  box-shadow:0 0.4rem 0 #B01E32,0 1rem 2rem rgba(242,73,92,.32);
  transition:transform .2s var(--ease-out),box-shadow .2s;
}
.nav__cta:hover{transform:translateY(-0.2rem);box-shadow:0 0.6rem 0 #B01E32,0 1.4rem 2.4rem rgba(242,73,92,.4)}
.nav__burger{display:none;flex-direction:column;gap:1rem;padding:2rem;margin-left:auto}
.nav__burger span{width:4.8rem;height:0.6rem;border-radius:0.4rem;background:var(--ink);transition:transform .25s,opacity .25s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(1.6rem) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-1.6rem) rotate(-45deg)}

/* ---------- 首屏 KV ---------- */
.hero{position:relative;min-height:100vh;padding-top:7.7rem;overflow:hidden}
.hero__stage{position:relative;height:calc(100vh - 7.7rem);min-height:62rem;margin:0 auto}
.hero__kvtitle{position:absolute;left:50%;top:7.5%;width:92rem;transform:translateX(-50%);z-index:6}
.hero__join{position:absolute;left:50%;top:30%;width:50rem; margin-left: -25rem; z-index:5;
  filter:drop-shadow(0 1.6rem 3rem rgba(242,73,92,.3));
  animation:stampIn .6s var(--ease-back) .15s backwards}
@keyframes stampIn{from{transform: scale(.6) rotate(-8deg);opacity:0}
  70%{transform:scale(1.05) rotate(1deg);opacity:1}
  to{transform:scale(1) rotate(0deg);opacity:1}}
.hero__cam{position:absolute;left:52%;bottom:4%;width:38rem;transform:translateX(-50%);z-index:6;
  filter:drop-shadow(0 2rem 3.4rem rgba(23,56,79,.3))}
.hero__girl{position:absolute;bottom:-10%;z-index:4;width:55rem;
  filter:drop-shadow(0 1.8rem 3rem rgba(23,56,79,.28))}
.hero__girl--pink{left:-8.5%; z-index: 9;}
.hero__girl--hat{left:16%;z-index:5;width:42rem;bottom: -3%;}
.hero__girl--sun{right:9%;z-index:5;width:49rem;bottom: -10%;}
.hero__girl--dress{right: -1%;width: 58rem; bottom: -10%;}
.hero__deco{position:absolute;z-index:2;pointer-events:none}
.hero__deco--cloud{left:6%;top:6%;width:15rem;opacity:.9}
.hero__deco--moon{right:3%;top:2%;width:7.4rem;opacity:.85}
.hero__deco--flower{left:34%;top:1%;width:6.4rem;transform:rotate(12deg)}
.hero__deco--squiggle{right:30%;top:38%;width:18rem;opacity:.5}
.hero__actions{position:absolute;left:50%;bottom:2.5%;transform:translateX(-50%);z-index:20;
  display:flex;flex-wrap:wrap;justify-content:center;gap:1.8rem}

/* ---------- 板块通用 ---------- */
.section{position:relative;padding: 8rem 10rem 12rem;}
.ptitle{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;gap:1.8rem;
  width:max-content;max-width:100%;margin:0 auto 4rem;
}
.ptitle__pill{
  background:linear-gradient(180deg,#63ADE7 0%,#3E88CE 55%,#357ABB 100%);
  color:#fff;
  font-family:var(--font-d);
  font-size:5.2rem;letter-spacing:.06em;
  padding:1.0rem 6.4rem;border-radius:99.9rem;
  transform:rotate(-1.2deg);
  box-shadow:inset 0 0.3rem 0 rgba(255,255,255,.4),0 0.8rem 0 rgba(38,100,158,.55),0 2rem 3.6rem rgba(30,90,150,.4);
  text-shadow:0 0.2rem 0.4rem rgba(20,70,120,.4);
  transition:transform .3s cubic-bezier(.2,1.4,.4,1);
  white-space:nowrap;font-weight:normal;
}
.ptitle__pill:hover{transform:rotate(1deg) scale(1.04)}
.ptitle__d{width:6.4rem;height:auto;flex-shrink:0;animation:floaty 4s ease-in-out infinite;filter:drop-shadow(0 0.6rem 1rem rgba(30,80,130,.25))}
.ptitle__d--r{animation-delay:-2s}



.sec__cap{
  position:relative;z-index:2;
  width:max-content;max-width:94%;margin:4rem auto 0;
  background:linear-gradient(180deg,rgba(78,150,214,.95),rgba(56,124,190,.95));
  color:#fff;font-size:2.2rem;font-weight:600;letter-spacing:.05em;
  padding:1.3rem 4.8rem 1rem;border-radius:99.9rem;text-align:center;
  box-shadow:inset 0 0.2rem 0 rgba(255,255,255,.35),0 1rem 2.4rem rgba(30,80,130,.3);
  animation:capFloat 4.6s ease-in-out infinite;
}
.sec__cap::before{
  content:"";position:absolute;inset:0.6rem -1rem -1rem 1rem;z-index:-1;
  border-radius:99.9rem;border:0.25rem dashed rgba(255,255,255,.75);
  animation:capSpin 14s linear infinite;
}
.sec__cap::after{
  content:"";position:absolute;inset:0;border-radius:99.9rem;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 46%,transparent 62%);
  background-size:280% 100%;
  animation:capShine 3.8s ease-in-out infinite;
  pointer-events:none;
}
.sec__deco{position:absolute;z-index:0;pointer-events:none;opacity:.9;
  animation:floaty 7s ease-in-out infinite}
.sec__deco--a1{right:6%;top:6.4rem;width:6.4rem;animation-delay:-2s}
.sec__deco--a2{left:5%;top:12rem;width:7rem;animation-delay:-4s}
.sec__deco--a3{right:12%;bottom:-3rem;width:5.6rem;animation-delay:-1s}
.sec__deco--g1{left:4%;top:8.8rem;width:8.8rem;animation-delay:-3s}
.sec__deco--g2{right:6%;top:7rem;width:6.6rem;animation-delay:-5s}
.sec__deco--e1{left:6%;top:7rem;width:5.6rem;animation-delay:-1.4s}
.sec__deco--e2{right:5%;top:11rem;width:6.4rem;animation-delay:-3.6s}
.sec__deco--p1{left:5%;top:9rem;width:5.8rem;animation-delay:-2.4s}
.sec__deco--p2{right:7%;top:6rem;width:13rem;opacity:.7;animation-delay:-4.4s}
.sec__deco--c1{right:4%;top:8rem;width:7rem;animation-delay:-1.8s}
.sec__deco--c2{left:4%;top:6.6rem;width:6.4rem;animation-delay:-3.2s}
.sec__deco--c3{left:10%;bottom:4rem;width:7.4rem;animation-delay:-5.2s}
.sec__deco--t1{right:6%;top:8.4rem;width:6rem;animation-delay:-2.8s}
.sec__deco--t2{left:6%;top:5.6rem;width:12rem;opacity:.7;animation-delay:-4.8s}
.sec__deco--s1{left:5%;top:8rem;width:6.4rem;animation-delay:-2.2s}
.sec__deco--s2{right:5%;top:6.4rem;width:7.2rem;animation-delay:-4.2s}
.sec__deco--f1{right:8%;top:7rem;width:6.2rem;animation-delay:-3.4s}

/* ---------- reveal 入场 ---------- */
.reveal{opacity:0;transform:translateY(3.8rem)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .7s ease-out,transform .7s ease-out}

/* ============================================================
   Swiper 轮播系统
   ============================================================ */
.fcar{position:relative;z-index:2}
.fcar .fcar__swiper{overflow:visible}
.fcar .swiper-wrapper{align-items:center}
.fcard{height:auto}
.fcar__ctrl{display:flex;align-items:center;justify-content:center;gap:2.2rem;margin-top:4rem}
.ctrl-btn{
  width:5.4rem;height:5.4rem;border-radius:50%;
  background:rgba(255,255,255,.94);color:#2E6EA0;
  box-shadow:inset 0 0.2rem 0 #fff,0 0.5rem 0 #B9D4E8,0 1.2rem 2.4rem rgba(35,90,140,.22);
  display:grid;place-items:center;
  transition:transform .2s var(--ease-out),box-shadow .2s,background .2s,color .2s; position: absolute; top: calc(50% - 2rem); margin-top: -2.7rem; z-index: 5;
}
.ctrl-btn svg{width:2.2rem;height:2.2rem}
.ctrl-btn:hover{background:var(--pill-mid);color:#fff;transform:translateY(-0.2rem) scale(1.05)}
.ctrl-btn:active{transform:translateY(0.1rem)}
.ctrl-btn.swiper-button-disabled{ opacity: 0.5;}

.fcar__prev{ left: -7rem;}
.fcar__next{ right: -7rem;}
.fcar--tour .fcar__prev{ left: -3rem;}
.fcar--tour .fcar__next{ right: -3rem;}

.fcar__dots{display:flex;gap:1rem;align-items:center; justify-content: center; margin-top: 3rem;}
.fcar__dots .swiper-pagination-bullet{
  width:1.1rem;height:1.1rem;border-radius:99.9rem;background:rgba(255,255,255,.75);
  opacity:1;box-shadow:0 0.2rem 0.6rem rgba(35,90,140,.25);
  transition:width .3s var(--ease-out),background .3s;margin:0 !important;
}
.fcar__dots .swiper-pagination-bullet-active{width:3.2rem;background:var(--red)}

/* About 封面轮播（多 Slides 统一尺寸） */
.fcar--covers{margin-top:0.8rem}
.fcar--covers .fcard{width:31rem;}
.fcard--cover a{display:block;text-align:center}
.fcard--cover figure{
  aspect-ratio:480/621;border-radius:1.8rem;overflow:hidden;
  border:0.5rem solid #fff;background:#EAF4FC;
  box-shadow:var(--shadow-2);
  transform:rotate(-1.4deg);
  transition:transform .3s var(--ease-out),box-shadow .3s;
}
.fcard--cover:nth-child(even) figure{transform:rotate(1.2deg)}
.fcard--cover figure img{width:100%;height:100%;object-fit:cover}
.fcard--cover a:hover figure{transform:rotate(0deg) translateY(-0.8rem);box-shadow:var(--shadow-3)}
.fcard__tag{
	display: inline-block;
	margin-top: 1.2rem;
	font-family: var(--font-d);
	font-size: 2.4rem;
	color: var(--ink);
	letter-spacing: 0.08em;
	transition: color 0.25s;
}

.fcar--covers .ctrl-btn,.fcar--covers .fcar__dots{ display: none;}


/* 她的取景框 / 女摄进化论（多 Slides 统一尺寸） */
/* .fcar--frames .fcar__swiper,.fcar--evos .fcar__swiper{padding-top:5rem} */
.fcar--frames .fcard,.fcar--evos .fcard{width:54rem; padding: 2rem;}
.fcard--frame figure{position:relative;transform:rotate(-2deg);transition:transform .3s var(--ease-out); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(244, 250, 255) 100%); filter: drop-shadow(0 2rem 3.4rem rgba(30, 80, 130, .32));}
.fcard--frame:nth-child(even) figure{transform:rotate(1.5deg)}
.fcard--frame .fcard__img{width:100%;height:auto; transform: scale(0.98) rotate(4deg);}
.fcard--frame:nth-child(even) .fcard__img{transform: scale(0.98) rotate(-3.5deg)}


.fcard__clip{position:absolute;top:-2.4rem;left:50%;transform:translateX(-50%) rotate(-6deg);
  width:8.0rem;z-index:5;filter:drop-shadow(0 0.4rem 0.8rem rgba(30,80,130,.3))}
.fcard--frame:hover figure{transform:rotate(0deg) translateY(-0.8rem)}
.fcard--p figure{transform:rotate(-1.2deg);transition:transform .3s var(--ease-out)}
.fcard--p:nth-child(even) figure{transform:rotate(1deg)}
.fcard--p img{width:100%;height:auto;border-radius:1.4rem;border:0.6rem solid #fff;
  box-shadow:var(--shadow-2)}
.fcard--p:hover figure{transform:rotate(0deg) translateY(-0.8rem)}
/* .fcard--frame,.fcard--p{cursor:zoom-in} */

/* 影像新播客 / 成团之旅（居中强调大卡） */
.fcar--lg .fcard{width:88rem}
.fcar--lg .fcard{
  transform:scale(.78);opacity:.55;filter:saturate(.85);
  transition:transform .55s var(--ease-back),opacity .55s,filter .55s;
}
.fcar--lg .fcard.swiper-slide-active{transform:scale(1);opacity:1;filter:none;z-index:6}
.fcar--tour .fcard{width:92rem}
.fcard--video figure{
  position:relative;border-radius:2.6rem;overflow:hidden;
  border:0.6rem solid #fff;background:#0E2841;
  box-shadow:0 2.6rem 5.4rem rgba(30,80,130,.38);
}

.fcard--video img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fcar--tour .fcard--video img{aspect-ratio:16/21}
.fcard__play{
  position:absolute;inset:0;margin:auto;width:9.6rem;height:9.6rem;border-radius:50%;
  background:rgba(255,255,255,.95);color:var(--red);display:grid;place-items:center;
  box-shadow:0 1.2rem 3rem rgba(20,50,80,.35);
  transition:transform .25s var(--ease-out),background .2s,color .2s; display: none;
}
.fcard__play svg{width:4rem;height:4rem;}
.fcard--video:hover .fcard__play{transform:scale(1.12);background:var(--red);color:#fff}
.fcard__label{
  position:absolute;left:2.2rem;bottom:2.2rem;padding:0.9rem 2.2rem;border-radius:99.9rem;
  background:var(--yellow);color:#5F4B00;font-size:1.8rem;font-weight:900;letter-spacing:.05em;
  box-shadow:0 0.6rem 1.6rem rgba(20,50,80,.3);
}
.fcar--lg .fcard:not(.swiper-slide-active){cursor:pointer}
.fcar--lg .fcard.swiper-slide-active{cursor:pointer}
.fcar--lg .fcard.swiper-slide-active .fcard__play{ display: grid;}

/* ============================================================
   About 板块
   ============================================================ */
.about__top{
  display:flex;align-items:center;justify-content:center;gap:5.6rem;
  /* max-width:118rem; */margin:0 auto 5rem;
}
.astrip__cam{flex:0 0 26rem}
.astrip__cam img{width:100%;height:auto;filter:drop-shadow(0 1.6rem 2.8rem rgba(23,56,79,.25));
  transform:rotate(-4deg)}
.about__card{
  position:relative;flex:1 1 auto;max-width:35vw;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);
  border-radius:2.6rem;padding:3.4rem 4.0rem 3rem;
  box-shadow:var(--shadow-2);
}
.about__card::before{
  content:"";position:absolute;inset:1rem -1rem -1rem 1rem;z-index:-1;
  background:var(--pill-mid);border-radius:2.6rem;transform:rotate(-1.6deg);opacity:.5;
}
.about__lead{font-size:2.1rem;font-weight:700;line-height:2}
.about__sub{margin-top:1.2rem;font-size:1.5rem;color:var(--ink-2)}

/* ============================================================
   丰富线下活动：分层拼贴卡 + KOC 墙
   ============================================================ */
.acts2{
  display:grid;grid-template-columns:repeat(4,1fr);gap:2.8rem;
  align-items:start;width:100%;margin:9.6rem auto 0;
}
.acard2{
  position:relative;aspect-ratio:var(--ar);width:100%;
  container-type:inline-size;
  transition:transform .3s var(--ease-out);
}
.acard2:hover{transform:translateY(-0.8rem)}
.acard2:hover .acard2__ly{transform: scale(1.03)}
.acard2 .pic{ overflow: hidden; position: relative;}

.acard2__blob{ box-shadow:0 1cqw 2.6cqw rgba(30,80,130,.16); height: 30rem; position: relative;}

.acard2__blob .acard2__ly{ height: auto; position: absolute; transition: transform .3s var(--ease-out);}
.acard2__blob .acard2__tbar{ color: #fff; font-size: 2.2rem; font-weight: 900; letter-spacing: .04em; padding: 1.4cqw 3cqw; border-radius: 1.6cqw; text-align: center; position: absolute; white-space: nowrap; line-height: 1.25; box-shadow: 0 .8cqw 2cqw rgba(30, 80, 130, .25);}
.acard2__blob .acard2__sbar{ font-size: 1.8rem; font-weight: 800; letter-spacing: .06em; padding: 1cqw 2.4cqw; border-radius: 1.2cqw; text-align: center; position: absolute; white-space: nowrap; line-height: 1.25; box-shadow: 0 .8cqw 2cqw rgba(30, 80, 130, .25);}
.acard2__blob .acard2__badge{ position: absolute; background: #fff; font-size: 2.6rem; font-weight: 900; letter-spacing: .08em; padding: 1.6cqw 4.6cqw 1.6cqw 3cqw; border-radius: 1.4cqw; clip-path: polygon(0 0, calc(100% - 3.4cqw) 0, 100% 50%, calc(100% - 3.4cqw) 100%, 0 100%); box-shadow: 0 1cqw 2.4cqw rgba(30, 80, 130, .28); white-space: nowrap;}
.acard2__blob .acard2__ly_icon{ height: auto; position: absolute; transition: transform .3s var(--ease-out);}
.acard2__ph{ box-shadow:0 1.2cqw 3cqw rgba(30,80,130,.28); object-fit:cover; position: relative; z-index: 5;}

.acard2--c1 .acard2__blob{ background-color: #A1D19B; border-radius:15cqw 0 0 0;}
.acard2--c1 .acard2__blob .acard2__ly_1{ left: 0; bottom: -12%; width: 42%; z-index: 3;}
.acard2--c1 .acard2__blob .acard2__ly_2{ left: 35%; bottom: -24%; width: 42%; z-index: 4;}
.acard2--c1 .acard2__blob .acard2__ly_3{ right: -4%; bottom: -24%; width: 42%; z-index: 5;}
.acard2--c1 .acard2__blob .acard2__tbar{ width: 76.41%; background: #357320; left: 8.88%; top: 8%; z-index: 6; transform: rotate(352.3deg);}
.acard2--c1 .acard2__blob .acard2__sbar{ width: 47.56%; background: #fadbe0; color: #357320; left: 23.91%; top: 20%; z-index: 7; transform: rotate(352.3deg);}
.acard2--c1 .acard2__blob .acard2__badge{ left: 17.79%; top: -12%; z-index: 8; transform: rotate(6deg); color: #357320;}
.acard2--c1 .acard2__blob .acard2__ly_icon{ left: 38%; top: -18%; width: 6rem; z-index: 9;}
.acard2--c1 .pic{ border-radius: 0 0 15cqw 0;}

.acard2--c2 .acard2__blob{ background-color: #FFF0C9; border-radius:0 0 15cqw 0; z-index: 5;}
.acard2--c2 .acard2__blob .acard2__ly_1{ left: -8%; top: -8%; width: 48%; z-index: 3;}
.acard2--c2 .acard2__blob .acard2__ly_2{ left: 35%; top: -20%; width: 30%; z-index: 5;}
.acard2--c2 .acard2__blob .acard2__ly_3{ right: -9%; top: -20%; width: 60%; z-index: 4;}
.acard2--c2 .acard2__blob .acard2__tbar{ width: 76.41%; background: #FFC000; color: #205f9b; left: 8.88%; bottom: 22%; z-index: 6; transform: rotate(352.3deg);}
.acard2--c2 .acard2__blob .acard2__sbar{ width: 47.56%; background: #98a8bc; color: #fff; left: 23.91%; bottom: 34%; z-index: 7; transform: rotate(352.3deg);}
.acard2--c2 .acard2__blob .acard2__badge{ right: 17.79%; bottom: -8%; z-index: 8; transform: rotate(6deg); color: #205f9b;}
.acard2--c2 .acard2__blob .acard2__ly_icon{ right: 34%; bottom: -14%; width: 6rem; z-index: 9;}
.acard2--c2 .pic{ border-radius: 15cqw 0 0 0;}

.acard2--c3 .acard2__blob{ background-color: #F496A8; border-radius:15cqw 0 0 0;}
.acard2--c3 .acard2__blob .acard2__ly_1{ left: 4%; bottom: -8%; width: 46%; z-index: 3;}
.acard2--c3 .acard2__blob .acard2__ly_2{ right: 14%; bottom: -20%; width: 40%; z-index: 4;}
.acard2--c3 .acard2__blob .acard2__tbar{ width: 76.41%; background: #06a9e9; left: 8.88%; top: 10%; z-index: 6; transform: rotate(-352.3deg);}
.acard2--c3 .acard2__blob .acard2__sbar{ width: 58%; background: #99d9f8; color: #1e386b; left: 23.91%; top: 22%; z-index: 7; transform: rotate(-352.3deg);}
.acard2--c3 .acard2__blob .acard2__badge{ right: 17.79%; top: -8%; z-index: 8; transform: rotate(-6deg); color: #06a9e9;}
.acard2--c3 .acard2__blob .acard2__ly_icon{ right: 38%; top: -14%; width: 6rem; z-index: 9;}
.acard2--c3 .pic{ border-radius: 0 0 15cqw 0;}
.acard2--c3 .acard2__ly_b{ height: auto; position: absolute; transition: transform .3s var(--ease-out);}
.acard2--c3 .acard2__ly_b1{ left: 40.93%; bottom: -53.98%; width: 12.18%; z-index: 12;}
.acard2--c3 .acard2__ly_b2{ left: 54.32%; bottom: -46.29%; width: 16.84%; z-index: 13;}
.acard2--c3 .acard2__ly_b3{ left: 72.37%; bottom: -36.83%; width: 26.75%; z-index: 14;}

.acard2--c4 .acard2__blob{ background-color: #FFF0C9; border-radius:0 0 15cqw 0; z-index: 5;}
.acard2--c4 .acard2__blob .acard2__ly_1{ left: 0; top: 0; width: 30%; z-index: 3;}
.acard2--c4 .acard2__blob .acard2__ly_2{ right: 0; top: -15%; width: 100%; z-index: 4;}
.acard2--c4 .acard2__blob .acard2__tbar{ width: 76.41%; background: #de4d55; left: 8.88%; bottom: 10%; z-index: 6; transform: rotate(-352.3deg);}
.acard2--c4 .acard2__blob .acard2__sbar{ width: 52%; background: #f497a7; color: #fff; left: 23.91%; bottom: 22%; z-index: 7; transform: rotate(-352.3deg);}
.acard2--c4 .acard2__blob .acard2__badge{ left: 17.79%; bottom: -8%; z-index: 8; transform: rotate(-6deg); color: #de4d55;}
.acard2--c4 .acard2__blob .acard2__ly_icon{ left: 34%; bottom: -14%; width: 6rem; z-index: 9;}
.acard2--c4 .pic{ border-radius: 15cqw 0 0 0;}
.acard2--c4 .acard2__ly_b{ height: auto; position: absolute; transition: transform .3s var(--ease-out);}
.acard2--c4 .acard2__ly_b1{ right: -10%; bottom: -20%; width: 38.13%; transform: rotate(10.8deg); z-index: 9;}
.acard2--c4 .acard2__ly_b2{ left: 10.70%; top: -82.30%; width: 7.82%; transform: rotate(323deg); z-index: 10;}
.acard2--c4 .acard2__soon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 5; font-family: var(--font-d); color: rgb(255, 255, 255); text-align: center; font-size: 11.5cqw; line-height: 1.45; letter-spacing: 0.04em; text-shadow: rgba(60, 80, 110, 0.5) 0rem 0.3rem 1rem; display: flex; align-items: center; justify-content: center;}



/* KOC 拼贴墙 */
.kocwall2{position:relative; margin: 12rem auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.8rem;}
.kcard2{ padding-top: 30rem; position: relative;}
.kcard2:nth-child(even){ padding-top: 0;}
.kcard2 .pic{ position: relative;}
.kcard2 .pic::before{ content: ''; width: 100%; height: 100%; border-radius:2.4cqw; position:absolute;}
.kcard2 .pic .kcard2-swiper{ border:.9cqw solid #fff;border-radius:2.4cqw; box-shadow:0 1.4cqw 3.2cqw rgba(30,80,130,.3); position: relative; z-index: 3; overflow: hidden;}
.kcard2 .pic .kcard2-swiper .swiper-slide{ width: 100% !important;}
.kcard2 .pic img{ display: block; width: 100%;}

.kcard2 .kocwall2__kbanner{ position:absolute; z-index:5; transform:rotate(var(--r,0deg)); font-size:4.8rem;font-weight:900;letter-spacing:.06em;white-space:nowrap; padding:2.4rem 4.8rem;border-radius:1.4cqw;color:#fff; box-shadow:0 1cqw 2.4cqw rgba(30,80,130,.3);line-height: 1.2;}
.kcard2 .kocwall2__dc{ width: 7.2rem; position:absolute;height:auto;z-index:10; animation:floaty 6.6s ease-in-out infinite;}
.kcard2 .kocwall2__dc:nth-of-type(2n){animation-duration:7.4s;animation-delay:-3s}

.kcard2--c1 .pic::before{ background-color: #a0d19b;}
.kcard2--c1 .pic .kcard2-swiper{ left: 4rem;}
.kcard2--c1 .kocwall2__kbanner{ top: 20%; left: -8%; transform: rotate(-8.9deg);background:#c81f30;}
.kcard2--c1 .kocwall2__dc{ top: -3.6rem; left: 60%;}
.kcard2--c2 .pic::before{ background-color: #9aa7bd;}
.kcard2--c2 .pic .kcard2-swiper{ right: 4rem;}
.kcard2--c2 .kocwall2__kbanner{ bottom: 22%; right: -8%; transform: rotate(8.9deg);background:#fec100;color:#225f9b;}
.kcard2--c2 .kocwall2__dc{ top: -3.6rem; left: 60%;}
.kcard2--c3 .pic::before{ background-color: #f397a7;}
.kcard2--c3 .pic .kcard2-swiper{ left: 4rem;}
.kcard2--c3 .kocwall2__kbanner{ top: 20%; left: -8%; transform: rotate(-8.9deg);background:#02abe9;}
.kcard2--c3 .kocwall2__dc{ bottom: 0rem; left: 75%;}
.kcard2--c4 .pic::before{ background-color: #99d9f8;}
.kcard2--c4 .pic .kcard2-swiper{ right: 4rem;}
.kcard2--c4 .kocwall2__kbanner{ bottom: 22%; right: -8%; transform: rotate(8.9deg);background:#de4c55;}
.kcard2--c4 .kocwall2__dc{ top: -3.6rem; left: 60%;}



/* ============================================================
   出片好拍档：器材舞台
   ============================================================ */
.gearstage{position:relative;margin:0 auto;padding:7rem 0 0.8rem}
.gearstage__girl{position:absolute;bottom:6%;z-index:5;width:20%;height:auto;opacity:.95}
.gearstage__girl--l2{left:-12%; z-index: 8;}
.gearstage__girl--l{left:4%; width: 17%;}
.gearstage__girl--r{right:-1%; z-index: 9; width: 18%;}
.gearstage__girl--r2{right:-8%; width: 21%;}
.gearstage__ellipse{
  position:absolute;left:50%;bottom:6rem;transform:translateX(-50%);
  width:78rem;height:22rem;border-radius:50%;
  background:radial-gradient(ellipse at 50% 38%,#7BA8C4 0%,#6292B1 60%,#527C9C 100%);
  box-shadow:inset 0 -1rem 2.4rem rgba(20,50,80,.3),0 1.8rem 3.4rem rgba(35,90,140,.3);
  z-index:0;
}
.gearstage__badge{
  position:absolute;left:50%;bottom:115%;;transform:translateX(-50%);z-index:8;
  width:8rem;height:8rem;border-radius:50%;
  background:#C00000;
  color:#fff;display:grid;place-items:center;text-align:center;
  font-family:var(--font-d);font-style:oblique;font-size:2.1rem;line-height:1.25;letter-spacing:.06em;
  box-shadow:inset 0 0.3rem 0 rgba(255,255,255,.4),0 1rem 2.4rem rgba(192,0,0,.4);
}
.gearstage__badge::after{
  content:"";position:absolute;left:50%;bottom:-5.7rem;transform:translateX(-50%);
  border:3rem solid transparent;border-top:4rem solid #C00000;
}
.fcar--gear{position:relative;z-index:3}
.fcar--gear .fcar__swiper{padding:0 0 12rem}
.fcar--gear .swiper-wrapper{align-items:flex-end}
.fcar--gear .fcard{width:45rem; padding-bottom: 20%; transform: scale(1); transition:all 0.3s ease;}
.gcard a{display:flex;flex-direction:column;align-items:center;gap:0.5rem}
.gcard figure{display:grid;place-items:end center;width:100%}
.gcard figure img{width:100%;height:auto;filter:drop-shadow(0 1.4rem 2.2rem rgba(20,50,80,.3));
  transition:transform .3s var(--ease-out)}
.gcard a:hover figure img{transform:translateY(-1rem) scale(1.05)}
.gcard__name{
  white-space:nowrap;color:rgba(255,255,255,.94);
  font-size:3.4rem;font-weight:800;letter-spacing:.04em; font-family: var(--font-d);
  opacity: 0;
}
.gcard__text{
  white-space:nowrap;color:rgba(255,255,255,.94);
  font-size:1.6rem;letter-spacing:.04em;font-weight:800;
  opacity: 0;display: inline-block;
    background: linear-gradient(transparent 92%, #f7a81b 92%); 
}

.fcar--gear .fcard.swiper-slide-prev,.fcar--gear .fcard.swiper-slide-next{ padding-bottom: 12%; transform: scale(1.1); z-index: 4;}
.fcar--gear .fcard.swiper-slide-active{ padding-bottom: 0; transform: scale(1.4); z-index: 5;}
.fcar--gear .fcard.swiper-slide-active .gcard__name{ opacity: 1;}
.fcar--gear .fcard.swiper-slide-active .gcard__text{ opacity: 1;}

.fcar--gear .ctrl-btn{ top: 64%;}
.fcar--gear .ctrl-btn.fcar__prev{ left: 29%;}
.fcar--gear .ctrl-btn.fcar__next{ right: 29%;}

/* ============================================================
   SNS 关注
   ============================================================ */
.follow{text-align:center}
.follow__lead{font-size:2.2rem;font-weight:800;margin:-1.2rem 0 4.4rem}
.qrs{display:grid;grid-template-columns:repeat(4,1fr);gap:2.8rem;
  max-width:118rem;margin:0 auto}
.qr{
  padding:2.6rem 2.2rem 2.8rem;border-radius:2.4rem;background:var(--card);
  box-shadow:var(--shadow-2);border-top:0.8rem solid var(--red);
  transition:transform .25s var(--ease-out),box-shadow .25s;
}
.qr:hover{transform:translateY(-0.8rem) rotate(-.6deg);box-shadow:var(--shadow-3)}
.qr figure{width:100%;max-width:17.2rem;margin:0 auto;border-radius:1.4rem;overflow:hidden;
  box-shadow:0 0.4rem 1.4rem rgba(35,90,140,.14)}
.qr h3{margin-top:1.6rem;font-size:1.9rem;font-weight:900}
.qr p{margin-top:0.2rem;font-size:1.3rem;color:var(--ink-2)}
.qr--red{border-top-color:#F2495C}
.qr--yellow{border-top-color:#FFC94D}
.qr--green{border-top-color:#58B26B}
.qr--orange{border-top-color:#FF8A3D}

/* ============================================================
   页脚（落幕感：深海蓝收束）
   ============================================================ */
.footers{ background-color: #fff; padding: 1.5rem 0; text-align: center; overflow: hidden; position: relative;}
.footers .copyright{ font-size: 1.4rem; color: #000;}
.footers .copyright span,.footers .copyright a{display: inline-block; color: #000;}
.footers .copyright img{ display: inline-block; vertical-align: middle;}


/* ---------- 结尾文案条动效关键帧 ---------- */
@keyframes capFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.6rem)}}
@keyframes capShine{0%{background-position:120% 0}60%,100%{background-position:-80% 0}}
@keyframes capSpin{0%,100%{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}


@media (max-width:1600px){
	.hero__girl{ width: 50rem;}
	.hero__girl--hat{ width: 38rem;}
	.hero__girl--sun{ width: 44rem;}
	.hero__girl--dress{ width: 53rem;}
	.hero__cam{ bottom: 3%;}
	
	.fcar--gear .ctrl-btn { top: 60%;}
	
}


@media (max-width:992px){
	.nav__links { display: none;}
	.nav__burger { display: flex;}
	
	.nav{ padding: 2rem 4rem;}
	.nav__brand{ gap: 2.4rem;}
	.nav__canon{ height: 5.6rem;}
	.nav__divider{ height: 4rem;}
	.nav__pg{ height: 4.6rem;}
	.nav__cta{ padding: 1.2rem 3rem; font-size: 2.8rem;}
	
	.nav__links.is-open{
		display:flex;position:fixed;top:12rem;right:2.4rem;z-index:99;
		flex-direction:column;gap:0.4rem;
		background:#fff;border-radius:3.6rem;padding:2.8rem 2rem;
		box-shadow:var(--shadow-3);min-width:40rem;
	}
	.nav__links.is-open a{display:block;padding:2.2rem 3.6rem;border-radius:2.4rem;font-size: 2.8rem;}
	.nav__links.is-open a:hover{background:#F2F9FF}
	
	.hero{ padding-top: 12rem;}
	.hero__stage{ height: calc(100vh - 12rem);}
	.hero__deco--squiggle{ right: -5rem;}

	.bgbelt__el--tree{ width: 35vw;}
	.bgbelt__el--yflower{ right: 5vw; top: 40vw; width: 30vw;}
	.bgbelt__el--bflower{ top: 35vw; width: 20vw;}
	.bgbelt__el--blob{ left: 20vw; top: 80vw; width: 25vw;}
	.bgbelt__el--leaf{ left: 40vw; top: 100vw; width: 32vw;}
	.bgbelt__el--cherry{ left: 35vw; top: 22vw; width: 22vw;}
	.bgbelt__el--wflower{ width: 45vw;}
	
	.hero__kvtitle{ width: 65rem; top: 10%;}
	.hero__join{ width: 45rem; margin-left: -22.5rem; top: 23%;}
	.hero__girl--pink{ width: 45rem; left: -30%;}
	.hero__girl--hat{ width: 29rem; left: 19%;}
	.hero__girl--sun{ width: 35rem; right: -5%;}
	.hero__girl--dress{ width: 48rem; right: -10%; z-index: 4;}
	.hero__cam{ width: 40rem; bottom: 34%;}
	
	.section{ padding: 10rem 4rem 8rem 4rem;}
	
	
	.sec__deco--a1{ top: 4rem;}
	.sec__deco--a2{ top: 25rem;}
	.sec__deco--a3{ bottom: 3rem;}
	.ptitle__pill{ font-size: 5rem;}
	
	.ctrl-btn{ width: 7.2rem; height: 7.2rem;}
	.ctrl-btn svg{ width: 2.8rem; height: 2.8rem;}
	.fcar__prev{ left: -2rem;}
	.fcar__next{ right: -2rem;}
	
	.about__top{ display: block;}
	.astrip__cam{ width: 32rem; margin: 4rem auto;}
	.about__card{ max-width: none; width: 100%;}
	.about__lead{ font-size: 2.6rem;}
	.fcard__tag{ font-size: 3.2rem; margin-top: 2.4rem;}
	.fcar--covers .ctrl-btn{ display: block;}
	.fcar--covers .fcar__dots{ display: flex;}
	.sec__cap{ font-size: 2.4rem; margin: 6rem auto 0; padding: 2rem 6rem;}
	
	.acts2{ grid-template-columns: repeat(1, 1fr); width: 85%; margin: 0 auto; gap: 10rem; margin-top: 10rem;}
	.acard2__blob{ height: 42rem;}
	.acard2__blob .acard2__tbar{ font-size: 3.2rem;}
	.acard2__blob .acard2__sbar{ font-size: 2.4rem;}
	.acard2__blob .acard2__badge{ font-size: 3.6rem;}
	.acard2--c2 .acard2__blob .acard2__badge{ right: auto; left: 17.79%;}
	.acard2--c2 .acard2__blob .acard2__ly_icon{ right: auto; left: 13%;}
	
	.kocwall2{ grid-template-columns: repeat(1, 1fr); width: 85%; margin: 20rem auto 0; gap: 10rem;}
	.kcard2{ padding-top: 0;}
	.kcard2 .kocwall2__kbanner{ font-size: 4rem;}
	.kcard2--c1 .kocwall2__kbanner{ top: -3%;}
	.kcard2--c2 .kocwall2__kbanner{ bottom: 0;}
	.kcard2--c3 .kocwall2__kbanner{ top: -3%;}
	.kcard2--c4 .kocwall2__kbanner{ bottom: 0;}
  .kcard2 .kocwall2__kbanner .title{font-size: 2.4rem;line-height: 1.4;}
	
	.fcard__label{ font-size: 2.4rem;}
	
	.gearstage{ padding: 10rem 0 6rem 0;}
	.gearstage__ellipse{ width: 70rem; height: 18rem; bottom: 14rem;}
	
	.gearstage__badge{ width: 12rem; height: 12rem; font-size: 2.8rem;}
	.gearstage__badge::after{ bottom: -7.5rem; border-width: 4rem; border-top-width: 5rem;}
  .gcard__name{ font-size: 3.2rem;}
  .gcard__text{ font-size: 2.4rem;}
	
	.gearstage__girl{ bottom: 0; width: 30%;}
	.gearstage__girl--l2{ left: -18%;}
	.gearstage__girl--l{ width: 24%; left: 5%;}
	.gearstage__girl--r{ width: 27%;}
	.gearstage__girl--r2{ width: 30%;}
	
	.fcar--gear .fcar__swiper{ padding-bottom: 10rem;}
	.fcar--gear .fcard.swiper-slide{ transform: scale(0.78) !important; padding-bottom: 0 !important;}
	.fcar--gear .fcard.swiper-slide-active{ transform: scale(1) !important;}
	.fcar--gear .ctrl-btn{ top: calc(50% - 2rem);}
	.fcar--gear .ctrl-btn.fcar__prev{ left: -2rem;}
	.fcar--gear .ctrl-btn.fcar__next{ right: -2rem;}
	
	.follow__lead{ font-size: 2.4rem;}
	.qrs{ grid-template-columns: repeat(2, 1fr);}
	.qr figure{ max-width: none; width: 80%;}
	.qr h3{ font-size: 3.2rem;}
	.qr p{ font-size: 2.4rem;}
	
	.footers{ padding: 2rem 0;}
	.footers .copyright{ font-size: 2.4rem;}
	.footers .copyright span, .footers .copyright a{ display: block; }
	
	
	
	
	
	
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .reveal{opacity:1;transform:none}
  .bgbelt__el,.sec__deco{animation:none}
}