/* 鲜链云 saas.yomzoo.com —— The product performs（大企业版）
   方向种子 1807560127 · 品牌色保留：ground #F7F8F3 / ink #1F241D / accent #A8C93A / deep #2F6B3A
   构图：左对齐大标题 + 深绿切角舞台 + 界面轮播 + 巨型命令菜单 + 跑马灯带 */
:root{
  --bg:#F7F8F3;
  --surface:#EDF0E4;
  --surface-2:#E2E6D6;
  --ink:#1F241D;
  --soft:#5C6650;
  --accent:#A8C93A;
  --accent-ink:#1F241D;
  --deep:#2F6B3A;
  --deep-2:#285C32;
  --deep-ink:#F1F4E8;
  --mx:40px;
  --fs-hero:clamp(52px,5.2vw,80px);
  --fs-h2:clamp(36px,4vw,58px);
  --fs-giant:clamp(34px,4.4vw,72px);
  --fs-body:17px;
  --fs-small:15px;
  --font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scrollbar-gutter:stable both-edges}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--font);font-size:var(--fs-body);line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--deep);outline-offset:2px;
}
::selection{background:var(--accent);color:var(--accent-ink)}

/* ———— 按钮：方角、平色、一种形状 ———— */
.btn{display:inline-block;font-weight:600;font-size:17px;padding:15px 30px;text-align:center;cursor:pointer;border:0}
.btn--accent{background:var(--accent);color:var(--accent-ink)}
.btn--accent:hover{background:#96B52F}
.btn--ink{background:var(--ink);color:var(--deep-ink)}
.btn--ink:hover{background:#000}
.btn--ghost{background:transparent;color:var(--accent-ink);border:2px solid var(--accent-ink)}
.btn--ghost:hover{background:rgba(31,36,29,.08)}
.tlink{font-weight:600;font-size:17px;color:var(--deep)}
.tlink:hover{text-decoration:underline;text-underline-offset:4px}

/* ———— 导航：一根朴素的栏 ———— */
.nav{
  position:sticky;top:0;z-index:60;background:var(--bg);
  display:flex;align-items:center;gap:34px;padding:16px var(--mx);
}
.nav .wordmark{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;margin-right:auto}
.nav .wordmark img{width:34px;height:34px}
.nav nav{display:flex;gap:28px}
.nav nav a{font-size:15px;padding:6px 0}
.nav nav a:hover{color:var(--deep)}
.nav .btn{padding:11px 22px;font-size:15px}

/* ———— 区块节奏 ———— */
.section{padding:130px var(--mx) 0}
.sec-head{max-width:100%;margin-bottom:48px}
.sec-head h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.02em;line-height:1.12}
.sec-head h1{font-size:var(--fs-hero);font-weight:600;letter-spacing:-.025em;line-height:1.08}
.sec-head p{margin-top:16px;color:var(--soft);font-size:var(--fs-body);max-width:56ch}

/* ———— Hero：标题 + 切角舞台上的活片段 ———— */
.hero{
  display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;
  grid-template-rows:minmax(36svh,auto) minmax(44svh,1fr);
  padding:0 var(--mx);min-height:calc(100svh - 66px);
}
.hero-copy{grid-column:1/7;grid-row:1;padding-top:72px}
.hero-facts{grid-column:9/13;grid-row:1;align-self:end;justify-self:end;text-align:right;padding-bottom:28px}
.hero-facts p{font-size:15px;color:var(--soft);line-height:2}
.hero-facts b{color:var(--ink);font-weight:600}
.hero-copy h1{font-size:var(--fs-hero);font-weight:600;letter-spacing:-.025em;line-height:1.08}
.hero-sub{margin-top:28px;font-size:19px;line-height:1.6;max-width:34ch;color:var(--ink)}
.hero-acts{margin-top:38px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-stage{
  grid-column:6/13;grid-row:2;align-self:stretch;
  margin-right:calc(var(--mx)*-1);
  background:var(--deep);
  clip-path:polygon(96px 0,100% 0,100% 100%,0 100%,0 96px);
  position:relative;overflow:hidden;min-height:420px;
}

/* FEFO 活片段（真实规则，演示数据） */
.fefo{
  position:absolute;left:56px;top:56px;width:min(640px,calc(100% - 72px));
  background:#FDFEF9;color:var(--ink);padding:22px 24px 24px;
}
.fefo-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.fefo-top b{font-size:16px;font-weight:700}
.fefo-tag{font-size:13px;color:var(--soft)}
.fefo-ctrl{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.fefo-ctrl label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--soft)}
.fefo-ctrl select{background:var(--bg);border:1px solid #D4D9C6;color:var(--ink);font-size:14px;padding:6px 8px;font-family:inherit}
.fefo-ctrl input[type=range]{accent-color:var(--deep);width:110px}
.fefo-ctrl b{color:var(--ink);font-variant-numeric:tabular-nums}
.fefo-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.fefo-table th{text-align:left;color:var(--soft);font-weight:500;font-size:13px;padding:8px 10px;border-bottom:1px solid #D4D9C6}
.fefo-table td{padding:10px;border-bottom:1px solid #E7EADC}
.fefo-table tr.hit td{background:rgba(168,201,58,.22)}
.badge{display:inline-block;font-size:13px;padding:2px 10px;background:var(--deep);color:var(--deep-ink);font-weight:500;white-space:nowrap}
.badge--warn{background:#8A6A1D;color:#FFF6D8}
.badge--out{background:var(--surface-2);color:var(--soft)}
.fefo-acts{display:flex;gap:10px;margin-top:16px;align-items:center}
.fefo-acts .btn{padding:11px 24px;font-size:15px}
.fefo-acts .btn--line{background:transparent;color:var(--deep);border:2px solid var(--deep)}
.fefo-acts .btn--line:hover{background:rgba(47,107,58,.08)}
.fefo-log{margin-top:14px;font-size:14px;color:var(--soft);line-height:1.65;min-height:24px}
.fefo-log b{color:var(--deep)}

/* ———— 界面轮播：左名单 + 右舞台慢速淡切 ———— */
.showcase{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
.scr-names{grid-column:1/6;display:flex;flex-direction:column;gap:4px;padding-top:8px}
.scr-name{
  background:none;border:0;text-align:left;cursor:pointer;
  font-size:clamp(28px,3.4vw,52px);font-weight:600;letter-spacing:-.02em;line-height:1.2;
  color:var(--soft);padding:8px 0;transition:color .3s;
}
.scr-name:hover{color:var(--deep)}
.scr-name[aria-selected="true"]{color:var(--ink)}
.scr-stage{
  grid-column:7/13;background:var(--deep);
  height:82svh;max-height:880px;min-height:480px;
  position:relative;overflow:hidden;
}
.scr-stage img{
  position:absolute;left:64px;top:64px;width:1080px;max-width:none;
  opacity:0;transition:opacity 1.5s ease;
}
.scr-stage img.on{opacity:1}
.scr-cap{position:absolute;left:64px;bottom:26px;font-size:14px;color:#C9D2B8}

/* ———— 产品矩阵：巨型命令菜单 ———— */
.cmd-find{
  width:83%;font-size:clamp(24px,2.8vw,40px);font-weight:500;font-family:inherit;
  background:var(--surface);border:0;color:var(--ink);padding:.48em .6em;
}
.cmd-find::placeholder{color:var(--soft)}
.cmd-rows{margin-top:36px}
.cmd-row{padding:6px 16px;margin:0 -16px}
.cmd-row.sel{background:var(--accent);display:grid;grid-template-columns:5fr 6fr;gap:40px;align-items:center;padding:20px 16px}
.cmd-row.sel .cmd-head{padding:0}
.cmd-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;
  background:none;border:0;cursor:pointer;text-align:left;
  font-size:var(--fs-giant);font-weight:600;letter-spacing:-.03em;line-height:1.12;color:var(--ink);
  padding:14px 0;
}
.cmd-row:not(.sel) .cmd-head:hover .cmd-name{color:var(--deep)}
.cmd-keys{display:flex;gap:6px;flex:none}
.cmd-keys kbd{
  font-family:inherit;font-size:15px;font-weight:600;color:var(--soft);
  background:var(--surface-2);min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
}
.cmd-row.sel .cmd-keys kbd{background:rgba(31,36,29,.14);color:var(--accent-ink)}
.cmd-detail{display:none;padding:0}
.cmd-row.sel .cmd-detail{display:block}
.cmd-detail p{font-size:17px;max-width:52ch}
.cmd-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px}
.cmd-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.cmd-foot li{font-size:14px;font-weight:500;background:rgba(31,36,29,.1);padding:5px 12px}
.cmd-foot .go{font-weight:600;font-size:16px;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
.cmd-empty{display:none;color:var(--soft);font-size:17px;padding:20px 0}
.cmd-empty .cmd-empty{display:block}

/* ———— 能力内核：5/7 序列，片段大小错落 ———— */
.seq{display:flex;flex-direction:column;gap:88px}
.seq-row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
.seq-txt h3{font-size:clamp(26px,2.6vw,40px);font-weight:600;letter-spacing:-.01em;line-height:1.2}
.seq-txt p{margin-top:16px;color:var(--soft);font-size:16px;line-height:1.7;max-width:46ch}
.seq-fig{overflow:hidden;position:relative}
.seq-fig img{width:100%;height:100%;object-fit:cover;object-position:top left}
.seq-row:nth-child(1) .seq-txt{grid-column:1/6}
.seq-row:nth-child(1) .seq-fig{grid-column:6/13;height:380px}
.seq-row:nth-child(2) .seq-fig{grid-column:1/7;height:300px}
.seq-row:nth-child(2) .seq-txt{grid-column:7/13}
.seq-row:nth-child(3) .seq-txt{grid-column:1/7}
.seq-row:nth-child(3) .seq-fig{grid-column:7/13;height:340px}
.seq-row:nth-child(4) .seq-fig{grid-column:1/6;height:420px}
.seq-row:nth-child(4) .seq-txt{grid-column:6/13}

/* ———— 行业方案：照片弹子菜单 ———— */
.menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:56px}
.menu-head h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.02em}
.menu-head span{font-size:16px;color:var(--soft)}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px}
.menu-item img{width:88px;height:88px;object-fit:cover;object-position:top left;margin-bottom:20px}
.menu-item h3{font-size:19px;font-weight:700}
.menu-item p{margin-top:10px;font-size:15px;color:var(--soft);line-height:1.7;max-width:38ch}
.menu-item .go{display:inline-block;margin-top:14px;font-weight:600;font-size:15px;color:var(--deep)}
.menu-item .go:hover{text-decoration:underline;text-underline-offset:4px}

/* ———— 合作模式：大表 ———— */
.ptable{width:100%;border-collapse:collapse;font-size:15px}
.ptable th,.ptable td{padding:20px 22px;text-align:left;vertical-align:top}
.ptable thead th{background:var(--ink);color:var(--deep-ink);font-size:clamp(19px,1.8vw,26px);font-weight:600}
.ptable thead th small{display:block;font-size:14px;font-weight:400;color:#B9C4A4;margin-top:6px}
.ptable tbody tr:nth-child(odd){background:var(--surface)}
.ptable tbody tr:nth-child(even){background:var(--bg)}
.ptable td:first-child{font-weight:600;width:15%}
.ptable .fill{color:var(--soft)}
.ptable tfoot td{padding:20px 22px}

/* ———— 客户场景：安静的一行 + 跑马灯带 ———— */
.proof-row{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.proof-row h2{font-size:19px;font-weight:600;white-space:nowrap}
.proof-names{list-style:none;display:flex;flex:1;justify-content:space-between;gap:32px;flex-wrap:wrap}
.proof-names li{font-size:22px;font-weight:500;white-space:nowrap}
.strip-band{margin:64px calc(var(--mx)*-1) 0;background:var(--deep);padding:52px 0 56px;overflow:hidden}
.strip-cap{padding:0 var(--mx) 30px;font-size:15px;color:#C9D2B8}
.strip{overflow:hidden}
.strip-track{display:flex;width:max-content;animation:drift 72s linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
.strip-track img{height:300px;width:auto;margin-right:14px;flex:none}
@keyframes drift{to{transform:translateX(-50%)}}

/* ———— 关于：团队来信 ———— */
.letter{max-width:560px;margin:0 auto}
.letter h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.02em;margin-bottom:52px}
.letter .portrait{width:44px;height:44px;border-radius:50%;background:var(--accent);padding:7px;margin-bottom:30px}
.letter p{font-size:17px;line-height:1.65;margin-bottom:1em}
.letter mark{background:var(--accent);color:var(--accent-ink);padding:0 .15em}
.letter .sign{margin-top:38px;font-size:22px;font-weight:600}
.letter .sign span{display:block;font-size:14px;font-weight:400;color:var(--soft);margin-top:6px}
.letter-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin-top:56px}
.letter-facts b{display:block;font-size:19px;font-weight:700}
.letter-facts span{font-size:14px;color:var(--soft)}
.proof-note{margin-top:30px;font-size:15px;color:var(--soft)}

/* ———— 联系：剪角券表单 ———— */
.coupon{display:grid;grid-template-columns:46% 54%;background:var(--deep);color:var(--deep-ink);position:relative}
.coupon::before,.coupon::after{
  content:"";position:absolute;left:46%;width:28px;height:28px;border-radius:50%;
  background:var(--bg);transform:translateX(-50%);z-index:2;
}
.coupon::before{top:-14px}
.coupon::after{bottom:-14px}
.c-left{padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;gap:44px;min-height:400px}
.c-left h2{font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.18;letter-spacing:-.01em}
.c-left p{font-size:16px;color:#C9D2B8;line-height:1.7;max-width:34ch}
.c-right{padding:48px 48px;border-left:4px dotted var(--bg)}
.c-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c-right input,.c-right select,.c-right textarea{
  width:100%;background:#3A5A41;border:0;color:var(--deep-ink);
  font-family:inherit;font-size:16px;padding:15px 18px;resize:vertical;
}
.c-right ::placeholder{color:#9DB18F}
.c-right select option{color:var(--ink)}
.c-right input:focus-visible,.c-right select:focus-visible,.c-right textarea:focus-visible{outline-color:var(--accent)}
.c-fields .full{grid-column:1/-1}
.c-right textarea{min-height:96px}
.c-submit{
  width:100%;margin-top:10px;background:var(--ink);color:var(--deep-ink);
  border:0;font-size:17px;font-weight:600;padding:17px;cursor:pointer;
}
.c-submit:hover{background:#000}
.c-note{margin-top:14px;font-size:13px;color:#9DB18F;line-height:1.6}
.form-state{margin-top:14px;font-size:15px;min-height:26px;font-weight:500}
.form-state.ok{color:var(--accent)}
.form-state.err{color:#F0C35C}
.c-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:72px}
.c-rows b{display:block;font-size:14px;color:var(--soft);font-weight:500;margin-bottom:8px}
.c-rows span{font-size:16px}

/* ———— 子页首屏 ———— */
.subhero{
  display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;
  padding:120px var(--mx) 0;align-items:end;
}
.sub-copy{grid-column:1/7;padding-bottom:8px}
.sub-copy h1{font-size:clamp(36px,4.2vw,64px);font-weight:600;letter-spacing:-.02em;line-height:1.14}
.sub-copy .desc{margin-top:22px;color:var(--soft);font-size:17px;line-height:1.7;max-width:46ch}
.sub-stage{
  grid-column:7/13;background:var(--deep);
  height:54svh;min-height:360px;position:relative;overflow:hidden;
  clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 72px);
}
.sub-stage img{position:absolute;left:48px;top:48px;width:min(820px,calc(100% - 48px))}
.sub-rows{padding-top:150px}

/* ———— 收尾行动带 ———— */
.cta-band{
  margin:160px var(--mx) 0;background:var(--accent);color:var(--accent-ink);
  padding:64px 52px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
}
.cta-band h2{font-size:clamp(26px,3vw,44px);font-weight:600;letter-spacing:-.01em}
.cta-band .acts{display:flex;gap:12px;flex-wrap:wrap}

/* ———— 页脚：名字收在全宽 ———— */
.footer{margin-top:170px}
.f-name{
  background:var(--ink);color:var(--deep-ink);padding:80px var(--mx) 32px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.f-name b{font-size:clamp(56px,8vw,128px);font-weight:600;letter-spacing:-.03em;line-height:1}
.f-name nav{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}
.f-name nav a{font-size:15px;color:#C9D2B8}
.f-name nav a:hover{color:var(--accent)}
.f-legal{
  background:var(--surface);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:22px var(--mx);font-size:14px;color:var(--soft);
}

/* ———— 入场动效（60–90ms 阶梯，16–32px 上浮） ———— */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.24,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.07s}.reveal.d2{transition-delay:.14s}.reveal.d3{transition-delay:.21s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .strip-track{animation:none;flex-wrap:wrap}
  html{scroll-behavior:auto}
}

/* ———— ≤960px ———— */
@media (max-width:960px){
  :root{--mx:24px}
  .section{padding-top:120px}
  .nav{gap:20px}
  .nav nav{gap:18px}
  .hero{grid-template-rows:auto auto;min-height:0}
  .hero-copy{grid-column:1/13;padding-top:64px}
  .hero-stage{grid-column:1/13;grid-row:2;margin:48px calc(var(--mx)*-1) 0;min-height:56svh}
  .fefo{left:24px;top:24px;width:calc(100% - 48px)}
  .showcase{grid-template-columns:1fr}
  .scr-names{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;padding-bottom:8px}
  .scr-name{font-size:22px}
  .scr-stage{grid-column:1/-1;height:68svh;min-height:400px;margin-top:24px}
  .scr-stage img{left:16px;top:16px;width:760px;max-width:none}
  .scr-cap{left:16px}
  .cmd-find{width:100%}
  .cmd-keys{display:none}
  .cmd-row.sel{grid-template-columns:1fr;gap:14px;padding-bottom:96px}
  .cmd-row{margin-top:28px}
  .cmd-row:first-of-type{margin-top:0}
  .seq{gap:72px}
  .seq-row .seq-txt{grid-column:1/13!important}
  .seq-row .seq-fig{grid-column:1/13!important;height:240px!important;margin-top:24px}
  .seq-row:nth-child(even) .seq-fig{order:2}
  .menu-grid{grid-template-columns:1fr 1fr}
  .subhero{grid-template-columns:1fr;padding-top:80px}
  .sub-copy{grid-column:1/-1}
  .sub-stage{grid-column:1/-1;margin-top:40px;height:48svh}
  .coupon{grid-template-columns:1fr}
  .coupon::before{left:-14px;top:46%;transform:translateY(-50%)}
  .coupon::after{left:auto;right:-14px;top:46%;bottom:auto;transform:translateY(-50%)}
  .c-right{border-left:0;border-top:4px dotted var(--bg)}
  .c-left{min-height:0;padding:44px 40px}
  .c-right{padding:40px}
}

/* ———— ≤640px（390 主战场） ———— */
@media (max-width:640px){
  :root{--mx:20px}
  body{font-size:16px}
  .section{padding-top:96px}
  .nav{padding:12px var(--mx);flex-wrap:wrap}
  .nav nav{order:3;width:100%;overflow-x:auto;gap:16px}
  .nav nav a{font-size:14px;white-space:nowrap}
  .hero-copy{padding-top:44px}
  .hero-copy h1{font-size:10vw}
  .hero-sub{font-size:18px}
  .hero-facts{grid-column:1/13;grid-row:auto;justify-self:start;text-align:left;padding:32px 0 0}
  .hero-stage{min-height:64svh;clip-path:polygon(56px 0,100% 0,100% 100%,0 100%,0 56px)}
  .fefo{left:14px;top:14px;width:calc(100% - 28px);padding:16px}
  .fefo-table-wrap{overflow-x:auto}
  .fefo-table{min-width:460px}
  .scr-stage{height:60svh}
  .cmd-head{padding:8px 0}
  .cmd-row{padding:4px 10px;margin:0 -10px}
  .menu-grid{grid-template-columns:1fr}
  .proof-names{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:none;width:100%}
  .proof-names li{font-size:19px}
  .strip-track img{height:200px}
  .letter{padding:0}
  .c-fields{grid-template-columns:1fr}
  .c-left,.c-right{padding:32px 24px}
  .c-rows{grid-template-columns:1fr;gap:24px}
  .cta-band{padding:44px 24px;margin-top:110px}
  .f-name{padding:56px var(--mx) 24px}
  .subhero{padding-top:56px}
  .sub-stage img{left:16px;top:16px;width:640px}
  .ptable,.ptable tbody,.ptable tr,.ptable td{display:block;width:100%}
  .ptable thead{display:none}
  .ptable td:first-child{background:var(--surface-2);font-weight:700;width:100%}
  .ptable td[data-h]::before{content:attr(data-h);display:block;font-size:13px;color:var(--soft);font-weight:500;margin-bottom:4px}
  .ptable tfoot td{display:block}
}