/* =============================================================
 *  explore.css · 康老师互动接口（成长星球）· 过渡船
 *  独立子页面专用：门厅 explore.html + 三个门子页
 *  依赖 shared.css 的变量 / reset / reveal / footer 基础
 * ============================================================= */

/* ========= 顶栏（极简，无主站导航） ========= */
.xbar{
  position:fixed;top:0;left:0;right:0;z-index:150;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 26px;
  background:rgba(26,60,42,.0);
  transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
}
.xbar.solid{background:rgba(26,60,42,.94);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 2px 16px rgba(0,0,0,.12);padding:11px 26px;}
.xbar-logo img{height:26px;display:block;}
.xbar-apply{
  font-size:12.5px;letter-spacing:1.5px;color:#fff;font-weight:500;
  padding:7px 16px;border-radius:50px;
  background:rgba(143,168,49,.92);
  transition:background .25s ease, transform .25s ease;
}
.xbar-apply:hover{background:#a4bd45;transform:translateY(-1px);}
@media(max-width:540px){.xbar{padding:12px 16px;}.xbar-logo img{height:22px;}
  .xbar-apply{font-size:11.5px;padding:6px 13px;letter-spacing:.5px;}}

/* ========= 门厅 HERO（渡船全屏图） ========= */
.lobby-hero{
  position:relative;min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:120px 26px 70px;overflow:hidden;
}
.lobby-hero img.bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.lobby-hero::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,31,21,.55) 0%,rgba(10,31,21,.30) 35%,rgba(10,31,21,.62) 100%);
}
.lobby-hero .lh-inner{position:relative;z-index:2;max-width:760px;color:#fff;}
.lobby-hero .lh-logo{height:38px;margin:0 auto 30px;opacity:.96;}
.lobby-hero .lh-badge{width:92px;height:92px;display:block;margin:0 auto 24px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.34));}
.lobby-hero .lh-en{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:400;margin:-4px 0 22px;}
@media(max-width:540px){.lobby-hero .lh-badge{width:74px;height:74px;}.lobby-hero .lh-en{letter-spacing:1.6px;font-size:9px;}}
.lobby-hero .lh-eyebrow{
  display:inline-block;font-size:11px;letter-spacing:5px;font-weight:500;
  color:rgba(255,255,255,.78);margin-bottom:20px;
  padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.28);
}
.lobby-hero h1{
  font-family:'Noto Serif SC',serif;font-weight:700;
  font-size:clamp(26px,5vw,42px);line-height:1.4;letter-spacing:2px;
  text-shadow:0 2px 20px rgba(0,0,0,.35);margin-bottom:20px;
}
.lobby-hero p.lh-lead{
  font-size:clamp(14px,1.9vw,16.5px);line-height:2;font-weight:300;
  color:rgba(255,255,255,.9);letter-spacing:.5px;max-width:540px;margin:0 auto;
  text-shadow:0 1px 12px rgba(0,0,0,.3);
}
.lobby-hero .scroll-hint{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;
  color:rgba(255,255,255,.7);font-size:11px;letter-spacing:3px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:floaty 2.4s ease-in-out infinite;
}
.scroll-hint .arrow{width:1px;height:26px;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);}
@keyframes floaty{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,7px);}}

/* ========= 三扇门 ========= */
.doors{background:var(--bg);padding:84px 0 70px;}
.doors-head{text-align:center;max-width:620px;margin:0 auto 52px;padding:0 24px;}
.doors-head .dh-eyebrow{font-size:11px;letter-spacing:5px;color:var(--green-mid);font-weight:500;margin-bottom:14px;display:inline-block;}
.doors-head h2{font-family:'Noto Serif SC',serif;font-weight:700;font-size:clamp(21px,3.4vw,28px);color:var(--green-deep);letter-spacing:1.2px;line-height:1.5;margin-bottom:12px;}
.doors-head p{font-size:14.5px;color:var(--t2);line-height:1.95;}
.doors-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  max-width:1040px;margin:0 auto;padding:0 24px;
}
.door{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--green-soft);border-radius:var(--r);
  overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:var(--shadow-sm);transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}
.door:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:var(--green-mid);}
.door-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg2);}
.door-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease;}
.door:hover .door-img img{transform:scale(1.05);}
.door-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,31,21,.55) 100%);}
.door-num{position:absolute;top:14px;left:14px;z-index:2;font-family:'Noto Serif SC',serif;font-size:13px;font-weight:700;color:#fff;background:rgba(26,60,42,.55);backdrop-filter:blur(4px);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:0;}
.door-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.door-body h3{font-family:'Noto Serif SC',serif;font-size:19px;font-weight:700;color:var(--green-deep);letter-spacing:1px;line-height:1.45;margin-bottom:10px;}
.door-body p{font-size:13.5px;color:var(--t2);line-height:1.85;flex:1;margin-bottom:18px;}
.door-go{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--green-mid);letter-spacing:1.5px;font-weight:600;}
.door-go::after{content:'→';transition:transform .3s ease;}
.door:hover .door-go::after{transform:translateX(5px);}
@media(max-width:820px){.doors-grid{grid-template-columns:1fr;max-width:420px;gap:22px;}}

/* ========= 子页 HERO（紧凑） ========= */
.sub-hero{
  position:relative;padding:128px 26px 44px;
  background:linear-gradient(180deg,var(--bg3) 0%,var(--bg) 100%);
  text-align:center;overflow:hidden;
}
.sub-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green-mid),transparent);opacity:.35;}
.sub-hero-inner{position:relative;z-index:2;max-width:660px;margin:0 auto;}
.sub-hero .sh-eyebrow{display:inline-block;font-size:11px;letter-spacing:5px;color:var(--green-mid);font-weight:500;margin-bottom:18px;}
.sub-hero h1{font-family:'Noto Serif SC',serif;font-weight:700;font-size:clamp(24px,4.4vw,36px);line-height:1.4;letter-spacing:1.5px;color:var(--green-deep);margin-bottom:16px;}
.sub-hero p.sh-lead{font-size:clamp(14px,1.8vw,16px);color:var(--t2);line-height:2;font-weight:300;letter-spacing:.5px;max-width:520px;margin:0 auto;}

/* ========= 门间切换（地位平等，可互跳） ========= */
.door-switch{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:30px 20px 6px;}
.door-switch a{
  font-size:13px;letter-spacing:1px;color:var(--t2);font-weight:500;
  padding:9px 18px;border-radius:50px;border:1px solid var(--green-soft);
  background:#fff;transition:all .25s ease;
}
.door-switch a:hover{border-color:var(--green-mid);color:var(--green-deep);}
.door-switch a.active{background:var(--green-deep);color:#fff;border-color:var(--green-deep);}
@media(max-width:540px){.door-switch a{font-size:12px;padding:8px 14px;}}

/* ========= 图片段（图为主，字少） ========= */
.shots{background:var(--bg);padding:54px 0 30px;}
.shot{max-width:600px;margin:0 auto 56px;padding:0 24px;}
.shot.wide{max-width:920px;}
.shot-cap{text-align:center;margin-bottom:20px;}
.shot-cap .sc-tag{display:inline-block;font-size:10.5px;letter-spacing:3px;color:var(--green-mid);font-weight:600;margin-bottom:10px;}
.shot-cap h3{font-family:'Noto Serif SC',serif;font-size:clamp(18px,2.6vw,22px);font-weight:700;color:var(--green-deep);letter-spacing:1px;line-height:1.5;margin-bottom:8px;}
.shot-cap p{font-size:13.5px;color:var(--t3);line-height:1.8;max-width:480px;margin:0 auto;}
.shot-img{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--green-soft);}
.shot-img img{width:100%;display:block;}
.shot-stack{display:flex;flex-direction:column;gap:18px;}

/* 横向滚动画廊（图多·自然左右滑） */
.shot-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;max-width:1000px;margin:0 auto 56px;padding:2px 24px 16px;-webkit-overflow-scrolling:touch;}
.shot-scroll::-webkit-scrollbar{height:6px;}
.shot-scroll::-webkit-scrollbar-track{background:transparent;}
.shot-scroll::-webkit-scrollbar-thumb{background:var(--grey-pale);border-radius:3px;}
.shot-scroll .ss-item{flex:0 0 auto;width:clamp(216px,60vw,268px);scroll-snap-align:center;display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--green-soft);box-shadow:var(--shadow-sm);background:#fff;transition:transform .35s ease, box-shadow .35s ease;}
.shot-scroll .ss-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.shot-scroll .ss-item img{width:100%;display:block;}

/* 案例研讨·往期辑录（海报横向自动滚动） */
.cases-archive{background:var(--bg);padding:10px 0 46px;}
.archive-head{text-align:center;max-width:560px;margin:0 auto 30px;padding:0 24px;}
.archive-head .sc-tag{display:inline-block;font-size:10.5px;letter-spacing:3px;color:var(--green-mid);font-weight:600;margin-bottom:10px;}
.archive-head h3{font-family:'Noto Serif SC',serif;font-size:clamp(18px,2.6vw,22px);font-weight:700;color:var(--green-deep);letter-spacing:1px;line-height:1.5;margin-bottom:8px;}
.archive-head p{font-size:13.5px;color:var(--t3);line-height:1.8;}
.marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.marquee-track{display:flex;gap:18px;width:max-content;padding:6px 0;animation:cases-marquee 48s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-track img{height:clamp(296px,46vw,408px);width:auto;display:block;border-radius:var(--r);box-shadow:var(--shadow-md);border:1px solid var(--green-soft);}
@keyframes cases-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.marquee{overflow-x:auto;}.marquee-track{animation:none;}}

/* 视频 */
.shot video{width:100%;display:block;border-radius:var(--r);box-shadow:var(--shadow-md);background:#0a1f15;}

/* 往期回顾缩略图 */
.past-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:760px;margin:0 auto;padding:0 24px;}
.past-card{display:block;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--green-soft);box-shadow:var(--shadow-sm);background:#fff;transition:transform .35s ease, box-shadow .35s ease;position:relative;}
.past-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.past-card img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;object-position:top center;}
.past-card .pc-label{position:absolute;bottom:0;left:0;right:0;padding:18px 12px 10px;font-size:11.5px;letter-spacing:1px;color:#fff;text-align:center;background:linear-gradient(180deg,transparent,rgba(10,31,21,.8));}
@media(max-width:540px){.past-grid{grid-template-columns:1fr;max-width:340px;}}

/* ========= 申请 CTA（统一成长星球二维码） ========= */
.apply{background:var(--bg2);padding:78px 24px 84px;}
.apply-block{
  background:linear-gradient(135deg,var(--green-deep) 0%,#2a5a3f 100%);color:#fff;
  padding:52px 38px;border-radius:14px;box-shadow:0 16px 40px rgba(26,60,42,.18);
  max-width:820px;margin:0 auto;
}
.apply-inner{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;align-items:center;}
.apply-text .at-eyebrow{font-size:11px;letter-spacing:4px;color:var(--olive);margin-bottom:14px;font-weight:500;}
.apply-text h3{font-family:'Noto Serif SC',serif;font-size:clamp(20px,3vw,24px);font-weight:700;margin-bottom:14px;letter-spacing:1.2px;line-height:1.55;}
.apply-text p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.95;margin:0;}
.apply-qr{background:rgba(255,255,255,.08);padding:14px;border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,.12);align-self:center;}
.apply-qr img{width:130px;height:130px;display:block;margin:0 auto 8px;border-radius:6px;background:#fff;}
.apply-qr span{font-size:11.5px;letter-spacing:1px;color:rgba(255,255,255,.82);display:block;}
@media(max-width:680px){.apply-inner{grid-template-columns:1fr;text-align:center;}.apply-block{padding:42px 24px;}.apply-qr{justify-self:center;max-width:200px;}.apply-qr img{width:150px;height:150px;}}

/* ========= 独立 footer（无主站链接） ========= */
.xfoot{background:#0a1f15;color:rgba(255,255,255,.5);padding:34px 24px;text-align:center;font-size:12px;letter-spacing:1.5px;}
.xfoot .xf-links{margin-bottom:14px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;}
.xfoot .xf-links a{color:rgba(255,255,255,.62);transition:color .3s;}
.xfoot .xf-links a:hover{color:#fff;}