/* =========================================================================
   动效补充（v3.8 · 2026-09-22 老大 7 条里的 ⑤⑥⑦）
   ⑤ 主张标题「从选品到交付，按你的标准稳定供货。」—— 入场 + 常驻流光
   ⑥ 可点击文字链接 / 卡片 —— 鼠标移入时的动效（下划线滑入 / 位移 / 亮度）
   ⑦ 数据条「约 3 万亩…」—— 鼠标移到某一格，该格文字凸显
   红线：不动既有配色（墨绿系 + 柠檬绿），不改变任何文案；尊重 prefers-reduced-motion
   ========================================================================= */

/* ================= ⑤ 首屏主张标题 ================= */
.p1 h1{
  position:relative;
  background-image:linear-gradient(100deg,#FFFFFF 0%,#FFFFFF 26%,#F2FFC0 38%,#CDE86B 46%,#CDE86B 50%,#F2FFC0 58%,#FFFFFF 70%,#FFFFFF 100%);
  background-size:240% 100%;background-position:130% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:gg-h1-in .92s cubic-bezier(.2,.75,.25,1) both,
            gg-h1-sheen 6.6s ease-in-out 1.4s infinite;
}
.p1 h1 em{
  position:relative;
  background-image:linear-gradient(100deg,var(--lime) 0%,var(--lime) 26%,#FBFFE0 38%,#FFFFFF 46%,#FFFFFF 50%,#FBFFE0 58%,var(--lime) 70%,var(--lime) 100%);
  background-size:240% 100%;background-position:130% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:gg-h1-in-em 1.02s cubic-bezier(.2,.75,.25,1) .18s both,
            gg-h1-sheen 6.6s ease-in-out 1.9s infinite;
}
/* 第二行下方：一道柠檬绿光带跟着流光扫过（一眼能看出「活的」） */
.p1 h1 em:after{
  content:"";position:absolute;left:0;bottom:-6px;height:3px;border-radius:3px;width:0;
  background:linear-gradient(90deg,rgba(205,232,107,0),var(--lime) 50%,rgba(205,232,107,0));
  box-shadow:0 0 12px rgba(205,232,107,.55);
  animation:gg-h1-bar 6.6s ease-in-out 1.6s infinite;
}
@keyframes gg-h1-in{
  from{opacity:0;transform:translateY(20px);filter:blur(8px)}
  to{opacity:1;transform:none;filter:blur(0)}
}
@keyframes gg-h1-in-em{
  from{opacity:0;transform:translateY(26px);filter:blur(9px)}
  to{opacity:1;transform:none;filter:blur(0)}
}
/* 流光：前 58% 扫过，剩下留白，避免一直闪 */
@keyframes gg-h1-sheen{
  0%{background-position:130% 0}
  58%{background-position:-42% 0}
  100%{background-position:-42% 0}
}
@keyframes gg-h1-bar{
  0%{width:0;opacity:.5}
  40%{width:100%;opacity:1}
  66%{width:100%;opacity:.18}
  100%{width:0;opacity:0}
}

/* ================= ⑥ 可点击文字链接的移入动效 ================= */

/* 导航链接：渐变下划线从左滑入（当前页默认显示） */
.nav-links a{transition:color .2s ease,transform .22s ease}
.nav-links a:after{
  content:"";position:absolute;left:2px;right:2px;bottom:-2px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--L1),var(--L3));
  transform:scaleX(0);transform-origin:left center;opacity:.95;
  transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .3s ease;
}
.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}
.nav-links a.on:after{transform:scaleX(1)}
.nav-links a:hover{color:#fff;transform:translateY(-1px)}

/* 「合作咨询」按钮：轻微抬起 + 柠檬绿辉光（B 方案深底上） */
.nav-cta{transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(205,232,107,.30)}

/* 首页双入口卡：左侧色条自上而下长出 + 标题变色（抬起沿用原样式） */
.entry35 a{position:relative;overflow:hidden}
.entry35 a:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--L1),var(--lime));
  transform:scaleY(0);transform-origin:top center;
  transition:transform .34s cubic-bezier(.2,.8,.3,1);
}
.entry35 a:hover:before{transform:scaleY(1)}
.entry35 a h3{transition:color .22s ease}
.entry35 a:hover h3{color:var(--ink3)}
.entry35 a.b:before{background:linear-gradient(180deg,#E24B2E,var(--orange))}

/* 通用按钮：抬起 + 投影（不改变底色规范） */
.btn{transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(6,36,24,.20)}

/* 「看完整参数 →」/ 卡片底部的文字链接：箭头方向轻推 */
.fit-more{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .22s ease}
.fit-more:hover{transform:translateX(3px)}
.laycard .more{transition:transform .26s cubic-bezier(.2,.8,.3,1),color .26s ease}
.laycard:hover .more{transform:translateX(5px)}

/* 页内小导航 / 页脚文字链接：下划线滑入 */
.pagenav a,footer a,.tlink{
  position:relative;transition:color .2s ease;
}
.pagenav a:after,footer a:after,.tlink:after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.8,.3,1);
}
.pagenav a:hover:after,footer a:hover:after,.tlink:hover:after{transform:scaleX(1)}
.pagenav a:hover,.tlink:hover{color:var(--ink3)}

/* ================= ⑦ 数据条（约 3 万亩 …）移入凸显 ================= */
.stats .stat{position:relative;transition:background .28s ease}
.stats .stat:before{
  content:"";position:absolute;top:0;left:50%;right:50%;height:2px;
  background:linear-gradient(90deg,rgba(205,232,107,0),var(--lime),rgba(205,232,107,0));
  transition:left .34s ease,right .34s ease;
}
.stats .stat:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(62% 82% at 50% 26%,rgba(205,232,107,.16),rgba(205,232,107,0) 72%);
  transition:opacity .32s ease;
}
.stats .stat:hover{background:rgba(205,232,107,.09)}
.stats .stat:hover:before{left:10%;right:10%}
.stats .stat:hover:after{opacity:1}
.stats .stat b{transition:color .25s ease,transform .32s cubic-bezier(.2,.8,.3,1),text-shadow .32s ease}
.stats .stat span{transition:color .25s ease,transform .32s cubic-bezier(.2,.8,.3,1)}
/* 文字凸显：提亮 + 放大 + 柠檬绿光晕（deck 首页同款加强） */
.stats .stat:hover b,
.deck .stats .stat:hover b{color:#F6FFD2;transform:translateY(-2px) scale(1.13);
  text-shadow:0 0 22px rgba(205,232,107,.70),0 0 46px rgba(205,232,107,.38)}
.stats .stat:hover span,
.deck .stats .stat:hover span{color:#EDF9F1;transform:translateY(-1px)}

/* ================= 无障碍：尊重「减少动态效果」 ================= */
@media (prefers-reduced-motion: reduce){
  .p1 h1,.p1 h1 em{animation:none!important;-webkit-text-fill-color:currentColor;color:inherit}
  .p1 h1{color:#fff}
  .p1 h1 em{color:var(--lime)}
  .p1 h1 em:after{display:none}
  .nav-links a:hover,.nav-cta:hover,.btn:hover,.fit-more:hover{transform:none}
  .stats .stat:hover b{transform:none}
}
