/* =====================================================================
   home-collage.css — 拼贴版首页（预览）专用样式
   全部 scope 在 .jc-home 下，独立于 theme.css，不影响线上任何页面。
   分段对应 mockup：HERO / 判断准则 / 引言 / 笔记 / 痛点+合作 / 服务 / ABOUT。
   目前已实现：HERO。其余段落逐段补。
   ===================================================================== */

.jc-home{
  --mint:#71E485;--teal:#18544E;--coral:#E55F4A;--peach:#FEB195;
  --cream:#F4EFE6;--lav:#E2E4F3;--blue:#A4B6F8;--brown:#6e2f18;
  --star:#F7C948;--ink:#173f3a;
  font-family:'DM Sans','PingFang SC','Noto Sans SC',system-ui,sans-serif;
  color:var(--ink);
}
.jc-home *{box-sizing:border-box;}

/* 共用原子 */
.jc-home .pill{display:inline-block;background:var(--mint);color:#0e2a22;font-weight:700;font-size:13px;letter-spacing:.04em;padding:7px 16px;border-radius:999px;font-family:'DM Mono',monospace;}
.jc-home .coral{color:var(--coral);}
.jc-home .mk{background:linear-gradient(var(--mint),var(--mint));background-size:100% 42%;background-position:0 86%;background-repeat:no-repeat;padding:0 .06em;}
.jc-home .btn{display:inline-flex;align-items:center;gap:9px;background:var(--mint);color:#0e2a22;font-weight:700;font-size:16px;padding:14px 28px;border-radius:10px;text-decoration:none;box-shadow:4px 4px 0 rgba(24,84,78,.85);}
.jc-home .link{font-weight:700;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px;}

/* ===== HERO（Codex 拼贴 banner 作底 + 真人照叠最前）===== */
.jc-home .jc-hero{position:relative;background:var(--cream);overflow:hidden;padding:0;min-height:0;display:block;}
.jc-home .jc-hero-bg{display:block;width:100%;height:auto;}
.jc-home .jc-hero::after{content:"";position:absolute;top:0;left:0;right:0;height:130px;background:linear-gradient(to bottom,rgba(244,239,230,.96) 18%,rgba(244,239,230,.7) 55%,rgba(244,239,230,0));z-index:10;pointer-events:none;}
.jc-home .jc-hero-text{position:absolute;left:6.5%;top:47%;transform:translateY(-50%);width:40%;z-index:5;}
.jc-home .jc-hero-text h1{font-size:4.4vw;line-height:1.07;font-weight:800;color:var(--teal);letter-spacing:-.02em;margin:1.4vw 0 1.3vw;}
.jc-home .jc-hero-text .sub{font-size:1.18vw;line-height:1.6;color:#4a615b;max-width:30ch;margin-bottom:1.8vw;}
.jc-home .jc-hero-text .cta{display:flex;align-items:center;gap:22px;}
.jc-home .jc-hero-louis{position:absolute;left:71.5%;bottom:0;height:94%;width:auto;transform:translateX(-50%);z-index:15;filter:drop-shadow(0 16px 30px rgba(23,63,58,.34));}

/* ===== 共用 section 骨架（mockup 的 .sec / .in / .tz 撕边）===== */
.jc-home .sec{position:relative;overflow:hidden;}
.jc-home .in{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 80px;}
.jc-home .eyebrow{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;}
.jc-home .mkw{background:linear-gradient(#fff,#fff);background-size:100% 42%;background-position:0 86%;background-repeat:no-repeat;padding:0 .06em;}
/* 撕边顶（section 自己的颜色，叠在上一段上沿）*/
.jc-home .tz{position:absolute;top:0;left:0;right:0;height:18px;transform:translateY(-99%);z-index:5;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='18'%3E%3Cpath d='M0 18 L10 0 L20 18 L30 0 L40 18 Z' fill='black'/%3E%3C/svg%3E") repeat-x;-webkit-mask-size:40px 18px;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='18'%3E%3Cpath d='M0 18 L10 0 L20 18 L30 0 L40 18 Z' fill='black'/%3E%3C/svg%3E") repeat-x;mask-size:40px 18px;}

/* ===== 判断准则 PRINCIPLES ===== */
.jc-home .principles{background:var(--lav);padding:104px 0;}
.jc-home .principles .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;}
.jc-home .principles .eyebrow{color:var(--coral);}
.jc-home .principles h2{font-size:50px;line-height:1.12;font-weight:800;color:var(--teal);margin:18px 0 22px;}
.jc-home .principles .lead{font-size:18px;line-height:1.6;color:#3a4a64;max-width:34ch;}
.jc-home .prin-item{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(24,84,78,.16);}
.jc-home .prin-item:last-child{border-bottom:0;}
.jc-home .prin-num{font-family:'DM Mono',monospace;color:var(--coral);font-weight:700;font-size:15px;}
.jc-home .prin-item h3{font-size:22px;color:var(--teal);margin-bottom:8px;}
.jc-home .prin-item p{font-size:16px;line-height:1.6;color:#46566f;}

/* ===== 撕纸纹理（.paper）===== */
.jc-home .sec.paper::before{content:"";position:absolute;inset:0;background:url('../img/collage/paper_web.jpg') center/cover;pointer-events:none;z-index:0;}
.jc-home .sec.paper.light::before{mix-blend-mode:multiply;opacity:.9;}
.jc-home .sec.paper.dark::before{mix-blend-mode:soft-light;opacity:.72;}

/* ===== 引言 PULLQUOTE ===== */
/* max-width:none + border:0 覆盖 theme.css 旧版 .pullquote{max-width:56ch;border-left} 撞名 —— 否则深青底被压成 613px 窄条 */
.jc-home .pullquote{background:var(--teal);padding:96px 0;max-width:none;border:0;}
.jc-home .pullquote .bar{border-left:3px solid var(--coral);padding-left:34px;max-width:760px;}
.jc-home .pullquote p{font-size:34px;line-height:1.45;font-weight:700;color:#fff;}
.jc-home .pullquote .by{font-family:'DM Mono',monospace;letter-spacing:.12em;color:var(--mint);margin-top:24px;font-size:14px;}

/* ===== 心得笔记 NOTES ===== */
.jc-home .notes{background:var(--cream);padding:100px 0;}
.jc-home .notes .eyebrow{color:var(--coral);}
.jc-home .notes .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.jc-home .notes .sub{font-size:18px;color:#4a615b;margin-bottom:40px;}
.jc-home .notes .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.jc-home .ncard{background:#fff;border:1px solid rgba(24,84,78,.9);border-radius:14px;padding:30px;box-shadow:7px 8px 0 rgba(24,84,78,.85);text-decoration:none;display:block;}
.jc-home .ncard .date{font-family:'DM Mono',monospace;color:var(--coral);font-size:13px;letter-spacing:.08em;}
.jc-home .ncard h3{font-size:21px;color:var(--teal);margin:16px 0 12px;line-height:1.35;}
.jc-home .ncard p{font-size:15px;line-height:1.6;color:#4a615b;margin-bottom:22px;}
.jc-home .ncard .more{font-family:'DM Mono',monospace;color:var(--coral);font-size:14px;}

/* ===== 痛点 + 合作（一张连续 banner + 两段文字 + 两张照片叠最前）===== */
.jc-home .painswork{position:relative;overflow:hidden;background:var(--peach);height:0;padding-bottom:135%;}
.jc-home .pw-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;}
.jc-home .pw-pains-text{position:absolute;left:17%;top:26%;transform:translateY(-50%);width:36%;z-index:5;}
.jc-home .pw-pains-text h2{font-size:2.6vw;line-height:1.12;font-weight:800;color:var(--brown);margin-bottom:1.3vw;}
.jc-home .pw-louis-pains{position:absolute;left:67%;top:3%;height:45%;width:auto;transform:translateX(-50%);z-index:15;filter:drop-shadow(0 14px 26px rgba(110,47,24,.3));}
.jc-home .pw-work-text{position:absolute;right:7%;top:76%;transform:translateY(-50%);width:40%;z-index:5;}
.jc-home .pw-work-text .work-bridge{font-size:20px;line-height:1.55;font-weight:700;color:var(--teal);margin-bottom:30px;}
.jc-home .pw-work-text .eyebrow{color:var(--coral);}
.jc-home .pw-work-text h2{font-size:2.4vw;font-weight:800;color:var(--teal);margin:.5vw 0 .4vw;}
.jc-home .pw-work-text .sub{font-size:.96vw;color:#4a615b;}
.jc-home .pw-louis-work{position:absolute;left:29%;top:48%;height:48%;width:auto;transform:translateX(-50%);z-index:15;filter:drop-shadow(0 14px 26px rgba(0,0,0,.3));}
.jc-home .pitem{display:flex;gap:13px;align-items:flex-start;padding:.95vw 0;border-bottom:1.5px dashed rgba(110,47,24,.3);}
.jc-home .pitem:first-child{padding-top:0;}
.jc-home .pic{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.7);border:1.5px solid var(--coral);display:flex;align-items:center;justify-content:center;color:var(--coral);}
.jc-home .pic svg{width:18px;height:18px;}
.jc-home .ptx{font-size:18px;line-height:1.5;color:#5a2a15;font-weight:500;padding-top:5px;}

/* ===== 服务卡 + 流程 WORK BODY（奶白）===== */
.jc-home .work{background:var(--cream);padding:64px 0 96px;position:relative;z-index:16;}
.jc-home .work-body{max-width:1280px;margin:0 auto;padding:0 80px;}
.jc-home .work .cards{position:relative;top:-380px;margin-bottom:-380px;z-index:6;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.jc-home .wcard{background:#fff;border-radius:16px;padding:30px;box-shadow:7px 8px 0 rgba(0,0,0,.4);color:var(--ink);display:flex;flex-direction:column;position:relative;}
.jc-home .wcard.feat{box-shadow:7px 8px 0 var(--mint);}
.jc-home .wtag{position:absolute;top:14px;right:14px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;padding:5px 11px;border-radius:999px;}
.jc-home .wtag.a{background:var(--mint);color:#0e2a22;}
.jc-home .wtag.b{background:transparent;border:1px solid var(--coral);color:var(--coral);}
.jc-home .wcard .idx{font-family:'DM Mono',monospace;color:var(--coral);font-size:13px;letter-spacing:.2em;margin:0 0 8px;}
.jc-home .wcard h3{font-size:21px;color:var(--teal);line-height:1.3;}
.jc-home .wcard .price{color:var(--coral);font-weight:800;font-size:20px;margin:10px 0 18px;min-height:1.2em;}
.jc-home .wrow{display:flex;gap:10px;font-size:14px;line-height:1.55;margin-bottom:12px;}
.jc-home .wrow b{flex:0 0 52px;color:#86968f;font-weight:600;font-size:12px;}
.jc-home .wrow span{color:#3a4a44;}
.jc-home .wsoul{margin-top:auto;padding-top:18px;border-top:1px solid rgba(24,84,78,.15);font-style:italic;color:#4a615b;font-size:14px;line-height:1.55;}
.jc-home .wmore{margin-top:18px;align-self:flex-start;color:var(--coral);border:1px solid var(--coral);border-radius:999px;padding:9px 18px;font-family:'DM Mono',monospace;font-size:13px;text-decoration:none;}
.jc-home .proc{margin-top:84px;}
.jc-home .proc h3{font-size:30px;font-weight:800;color:var(--teal);margin-bottom:34px;}
.jc-home .proc .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 32px;}
.jc-home .pstep{border-top:2px solid rgba(24,84,78,.16);padding-top:18px;}
.jc-home .pnum{display:flex;align-items:center;gap:12px;color:var(--coral);margin-bottom:12px;}
.jc-home .pnum .pn{font-family:'DM Mono',monospace;font-weight:700;font-size:16px;letter-spacing:.08em;}
.jc-home .pnum svg{width:26px;height:26px;}
.jc-home .pstep h4{font-size:18px;margin:0 0 10px;color:var(--teal);}
.jc-home .pstep p{font-size:14px;line-height:1.6;color:#46566f;}
.jc-home .work .cta-row{margin-top:46px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.jc-home .work .cta-row span{font-size:20px;font-weight:700;color:var(--teal);}

/* ===== CTA BAND ===== */
.jc-home .ctaband{background:var(--coral);}
.jc-home .cta-inner{text-align:center;padding-top:100px;padding-bottom:100px;}
.jc-home .cta-eyebrow{font-family:'DM Mono',monospace;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:16px;}
.jc-home .cta-h{font-size:48px;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:36px;}
.jc-home .cta-mk{background:linear-gradient(var(--mint),var(--mint));background-size:100% 42%;background-position:0 86%;background-repeat:no-repeat;padding:0 .08em;color:#0e2a22;}
.jc-home .btn-dark{display:inline-flex;align-items:center;gap:10px;background:var(--teal);color:#fff;font-weight:700;font-size:18px;padding:17px 42px;border-radius:12px;text-decoration:none;box-shadow:5px 6px 0 rgba(0,0,0,.22);}

/* ===== ABOUT（bio + 引言，独立 banner）===== */
.jc-home .aboutbd{position:relative;overflow:hidden;background:var(--lav);}
.jc-home .abd-bg{display:block;width:100%;height:auto;}
.jc-home .abd-about-text{position:absolute;left:13.5%;top:43%;transform:translateY(-50%);width:33%;z-index:5;}
.jc-home .abd-about-text .eyebrow{color:var(--coral);font-size:13px;}
.jc-home .abd-about-text .bio{font-size:1.14vw;line-height:1.72;color:#2f3a55;margin-top:1vw;}
.jc-home .abd-about-text .bio p{margin-bottom:.8vw;}
.jc-home .abd-louis{position:absolute;left:62%;top:37%;height:56%;width:auto;transform:translate(-50%,-50%);z-index:15;filter:drop-shadow(0 14px 26px rgba(40,50,77,.32));}
.jc-home .abd-quote{position:absolute;left:50%;top:85%;transform:translate(-50%,-50%);width:62%;text-align:center;z-index:5;}
.jc-home .abd-quote p{font-size:30px;font-weight:700;color:var(--teal);line-height:1.55;}

/* ===== 拆解 BREAKDOWNS ===== */
.jc-home .bd{background:var(--cream);padding:74px 0;}
.jc-home .bd .eyebrow{color:var(--coral);}
.jc-home .bd .row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;background:#fff;border:1px solid rgba(24,84,78,.9);border-radius:14px;padding:24px 30px;box-shadow:6px 7px 0 rgba(24,84,78,.85);}
.jc-home .bd .row a{font-size:20px;font-weight:800;color:var(--teal);text-decoration:none;}
.jc-home .bd .row .go{font-family:'DM Mono',monospace;color:var(--coral);white-space:nowrap;}
.jc-home .bd-more{display:inline-block;margin-top:16px;font-family:'DM Mono',monospace;font-size:14px;letter-spacing:.06em;color:var(--coral);text-decoration:none;font-weight:700;}

/* ===== 隐藏主题自带 dark header/footer（本 CSS 只在预览模板加载，线上零影响）===== */
.site-header,.site-footer{display:none!important;}

/* ===== NAV（mockup 拼贴版导航：真 logo + 链接 + 语言）===== */
.jc-home{position:relative;}
.jc-home .nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between;padding:26px 80px;z-index:20;}
.jc-home .nav .logo{height:30px;width:auto;}
.jc-home .nav .links{display:flex;gap:28px;font-size:14px;font-weight:700;}
.jc-home .nav .links a{color:var(--teal);text-decoration:none;}
.jc-home .nav .lang{font-family:'DM Mono',monospace;font-size:13px;font-weight:600;color:rgba(23,63,58,.78);}
.jc-home .nav .lang a{color:inherit;text-decoration:none;}
.jc-home .nav .lang a.is-active{color:var(--coral);}

/* ===== FOOTER（mockup 拼贴版页脚：dark logo + WhatsApp/Email 图标）===== */
.jc-home .foot{background:var(--teal);padding:64px 0 40px;color:#cfe6df;}
.jc-home .foot .logo{height:28px;width:auto;margin-bottom:14px;}
.jc-home .foot .tag{font-size:15px;max-width:40ch;margin-bottom:20px;color:#bfdbd2;}
.jc-home .foot .meta{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.1em;color:#7fa99d;}
.jc-home .foot .copy{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#6f998d;}
.jc-home .foot-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:18px;}
.jc-home .foot-row .tag{margin-bottom:0;}
.jc-home .foot-right{display:flex;flex-direction:row;gap:30px;align-items:center;}
.jc-home .foot-link{display:inline-flex;align-items:center;gap:10px;color:#dff0ea;font-size:16px;font-weight:600;text-decoration:none;}
.jc-home .foot-link svg{width:22px;height:22px;}
.jc-home .foot-link:hover{color:var(--mint);}

/* =====================================================================
   手机堆叠（<=760）：拼贴 banner 在手机上拆成竖排（移植自 mockup @media）。
   stickers (.msk) 暂未进 DOM，相关规则自然失效；电脑版 >760 完全不受影响。
   Louis 转正后会单独走一遍手机版细修。
   ===================================================================== */
@media (max-width:760px){
  .jc-home .in{padding:0 22px;}

  /* NAV：logo + 语言一行，导航项换行居中显示（手机也保留 首页/内容/合作/关于/联系）。
     手机上 nav 进正常流、跑到深色 body 上 → 给奶白底，跟 hero 接上、青字才看得清。 */
  .jc-home .nav{position:relative;left:auto;transform:none;flex-wrap:wrap;gap:8px 0;padding:14px 22px;background:var(--cream);}
  .jc-home .nav .logo{height:26px;}
  .jc-home .nav .links{order:3;flex-basis:100%;display:flex;justify-content:center;gap:18px;font-size:13px;padding-top:10px;margin-top:2px;border-top:1px solid rgba(24,84,78,.15);}

  /* HERO：去掉拼贴 banner，文字在上、照片缩小 */
  .jc-home .jc-hero{background:var(--cream) url('../img/collage/paper_web.jpg') center/cover;background-blend-mode:multiply;padding:8px 0 46px;}
  .jc-home .jc-hero-bg{display:none;}
  .jc-home .jc-hero::after{display:none;}
  .jc-home .jc-hero-text{position:static;transform:none;width:auto;padding:0 22px;}
  .jc-home .jc-hero-text h1{font-size:34px;line-height:1.1;margin:14px 0 14px;}
  .jc-home .jc-hero-text .sub{font-size:15px;max-width:none;margin-bottom:22px;}
  .jc-home .jc-hero-text .cta{flex-wrap:wrap;gap:14px;}
  /* 照片＝白边抠图站在一块青色底板上（一整块，像桌面端）；青色当底板从四周透出，不再是偏移方块 */
  .jc-home .jc-hero-louis{position:static;transform:none;height:auto;width:60%;display:block;margin:26px auto 0;filter:none;background:var(--teal);padding:14px;box-shadow:0 10px 22px rgba(0,0,0,.16);}

  /* PRINCIPLES */
  .jc-home .principles{padding:56px 0;}
  .jc-home .principles .grid{grid-template-columns:1fr;gap:26px;}
  .jc-home .principles h2{font-size:32px;}
  .jc-home .principles .lead{max-width:none;}

  /* PULLQUOTE */
  .jc-home .pullquote{padding:56px 0;}
  .jc-home .pullquote .bar{padding-left:22px;}
  .jc-home .pullquote p{font-size:22px;}

  /* NOTES */
  .jc-home .notes{padding:56px 0;}
  .jc-home .notes .cards{grid-template-columns:1fr;gap:18px;}

  /* PAINS + WORK：banner 拆掉，照片缩小退成点缀 */
  .jc-home .painswork{height:auto;padding:50px 0 8px;background:var(--peach) url('../img/collage/paper_web.jpg') center/cover;background-blend-mode:multiply;}
  .jc-home .pw-bg{display:none;}
  .jc-home .pw-pains-text,.jc-home .pw-work-text{position:static;transform:none;width:auto;padding:0 22px;}
  .jc-home .pw-pains-text h2{font-size:26px;}
  .jc-home .pw-work-text h2{font-size:24px;}
  .jc-home .pw-work-text .sub{font-size:15px;}
  .jc-home .ptx{font-size:15px;}
  .jc-home .pw-louis-pains{position:static;height:auto;width:48%;display:block;margin:18px 22px 30px auto;transform:none;background:var(--teal);padding:14px;box-shadow:0 10px 22px rgba(0,0,0,.16);}
  .jc-home .pw-louis-work{position:static;height:auto;width:48%;display:block;margin:18px auto 34px 22px;transform:none;background:var(--teal);padding:14px;box-shadow:0 10px 22px rgba(0,0,0,.16);}
  .jc-home .pw-work-text{margin-top:6px;}
  .jc-home .pw-work-text .work-bridge{font-size:17px;margin-bottom:18px;}

  /* WORK body：卡片 / 流程收单列，取消盖脚负 margin */
  .jc-home .work{padding:36px 0 60px;}
  .jc-home .work-body{padding:0 22px;}
  .jc-home .work .cards{position:static;top:auto;margin-bottom:0;grid-template-columns:1fr;gap:18px;}
  .jc-home .proc{margin-top:44px;}
  .jc-home .proc h3{font-size:24px;}
  .jc-home .proc .steps{grid-template-columns:1fr;gap:22px;}
  .jc-home .work .cta-row{flex-wrap:wrap;gap:14px;}

  /* CTA */
  .jc-home .cta-inner{padding:60px 0;}
  .jc-home .cta-h{font-size:30px;}

  /* ABOUT：banner 拆掉，bio → 小照片 → 引言 */
  .jc-home .aboutbd{background:var(--lav) url('../img/collage/paper_web.jpg') center/cover;background-blend-mode:multiply;padding:50px 0;}
  .jc-home .abd-bg{display:none;}
  .jc-home .abd-about-text,.jc-home .abd-quote{position:static;transform:none;width:auto;padding:0 22px;text-align:left;}
  .jc-home .abd-about-text .bio{font-size:16px;line-height:1.7;}
  .jc-home .abd-about-text .bio p{margin-bottom:12px;}
  .jc-home .abd-louis{position:static;height:auto;width:50%;display:block;margin:22px 22px 24px auto;transform:none;background:var(--teal);padding:14px;box-shadow:0 10px 22px rgba(0,0,0,.16);}
  .jc-home .abd-quote{margin-top:16px;}
  .jc-home .abd-quote p{font-size:20px;}

  /* 拆解 + FOOTER */
  .jc-home .bd{padding:48px 0;}
  .jc-home .bd .row{flex-direction:column;align-items:flex-start;gap:12px;}
  .jc-home .foot{padding:48px 0 32px;}
  .jc-home .foot-row{flex-direction:column;align-items:flex-start;gap:20px;}
  .jc-home .foot-right{flex-direction:column;align-items:flex-start;gap:14px;}
}