/* ==========================================================================
   慧林 AI · 多页面企业站 · 公共样式
   品牌色：松林绿 + 晨曦金
   ========================================================================== */
:root{
  --brand:#165320;
  --brand2:#21732f;
  --brand3:#21732f;
  --brand4:#9fd3a7;
  --deep:#083d11;
  --accent:#F59E0B;
  --accent-d:#D97706;
  --accent-l:#FDE68A;
  --bg:#f5f8f7;
  --card:#fff;
  --ink:#102414;
  --ink-l:#5c7169;
  --sub:#5c7169;
  --line:#e3ebe8;
  --soft:#eef4ef;
  --sand:#F5F7F6;
  --sh-1:0 2px 8px rgba(16,36,31,.05);
  --sh-2:0 8px 24px rgba(16,36,31,.09);
  --sh-3:0 20px 46px rgba(16,36,31,.14);
  --r:16px;
  --nav-h:70px;
  --maxw:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","Hiragino Sans GB",sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.85;font-size:16px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--brand);text-decoration:none;transition:color .2s}
a:hover{color:var(--accent-d)}
img{max-width:100%;display:block}
b,strong{font-variant-numeric:tabular-nums}
h1,h2,h3,h4{line-height:1.35;font-weight:800}

/* ===================== 顶部信息条 ===================== */
.topbar{background:var(--deep);color:rgba(255,255,255,.82);font-size:14px}
.topbar .in{max-width:var(--maxw);margin:0 auto;padding:7px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topbar .l{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.topbar .l span{display:inline-flex;align-items:center;gap:6px}
.topbar a{color:rgba(255,255,255,.82)}
.topbar a:hover{color:var(--accent)}
.topbar .r{display:flex;gap:14px;align-items:center}
@media(max-width:767px){
  .topbar .l span:nth-child(n+3){display:none}
  .topbar .r{display:none}
}
/* 平板竖屏（768-899）：信息条必须保持单行。
   折行会把整条头部压高 ~42px，把汉堡按钮顶进 .gift-float 的命中区（点击被挂件吃掉、菜单打不开），
   同时礼物卡顶部会被导航条盖住。此区间隐藏「营业时间」并整体收紧，保住电话与在线留言。 */
@media(min-width:768px) and (max-width:899px){
  .topbar{font-size:13px}
  .topbar .in{padding:6px 18px;gap:14px;flex-wrap:nowrap}
  .topbar .l{gap:14px;flex-wrap:nowrap}
  .topbar .l span{white-space:nowrap}
  .topbar .r{gap:12px;flex-wrap:nowrap}
  .topbar .r span{display:none}
}

/* ===================== 导航 ===================== */
nav{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 4px 22px rgba(16,36,31,.09);border-bottom:1px solid var(--line)}
nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--brand),var(--accent))}
nav .in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px}
nav .logo{font-weight:800;font-size:25px;letter-spacing:.5px;white-space:nowrap;color:#1a4d23;display:flex;align-items:center;gap:9px}
nav .logo img{width:34px;height:34px;border-radius:8px}
nav .logo span{color:var(--accent-d)}
nav .logo small{font-size:11px;font-weight:500;color:var(--sub);letter-spacing:0;display:block;line-height:1;margin-top:-4px}

nav ul{display:flex;gap:2px;list-style:none;align-items:center;font-size:15px}
nav ul li{position:relative}
nav ul > li > a{color:#1a4d23;padding:9px 13px;border-radius:9px;display:block;white-space:nowrap;font-weight:600;transition:.2s;line-height:1.1}
nav ul > li > a:hover{color:var(--accent-d);background:rgba(245,158,11,.10)}
nav ul > li > a.active{color:var(--accent-d);font-weight:800}
nav ul > li > a.active::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--accent);border-radius:2px}
/* 顶级主副两行：仅当 a 内部包含 .t-main（:has）才改为 column */
nav ul > li > a:has(.t-main){display:flex;flex-direction:column;align-items:center;justify-content:center}
nav ul > li > a .t-main{font-size:16px;font-weight:600;display:block;letter-spacing:.3px}
nav ul > li > a .t-sub{font-size:11px;font-weight:400;color:var(--sub);display:block;line-height:1.2;margin-top:3px;letter-spacing:.8px;font-style:normal}
nav ul > li > a:hover .t-sub{color:var(--accent-d)}
/* 季节性专栏高亮（中秋礼品）：在绿色导航里用琥珀色胶囊跳出来 */
nav ul li.nav-feat > a{padding:7px 14px;border:1px solid rgba(245,158,11,.55);border-radius:999px;background:rgba(245,158,11,.14);color:var(--accent-d)}
nav ul li.nav-feat > a:hover{background:rgba(245,158,11,.22);color:var(--accent-d)}
nav ul li.nav-feat > a .t-main{color:var(--accent-d);font-weight:700}
/* 首页中秋礼品横幅 */
.zq-banner{position:relative;z-index:5;color:#fff;background:linear-gradient(90deg,#1d7a2c 0%,#0a6f8f 48%,#F59E0B 132%);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.zq-banner .zq-in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px}
.zq-banner .zq-ico{font-size:22px;line-height:1;flex:none}
.zq-banner .zq-txt{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.zq-banner .zq-txt b{font-size:15px;font-weight:800;letter-spacing:.3px;white-space:nowrap}
.zq-banner .zq-txt span{font-size:13px;opacity:.92}
.zq-banner .zq-go{flex:none;background:#fff;color:#165320;font-weight:800;font-size:13.5px;padding:7px 16px;border-radius:999px;white-space:nowrap;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s,box-shadow .2s}
.zq-banner .zq-go:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.26)}
@media(max-width:640px){.zq-banner .zq-in{gap:8px;padding:9px 14px}.zq-banner .zq-txt span{display:none}.zq-banner .zq-ico{font-size:20px}.zq-banner .zq-go{padding:6px 13px;font-size:13px}}
/* 礼品页图片占位 */
.img-ph{width:100%;border-radius:16px;background:linear-gradient(135deg,#e8f5ea 0%,#d1ebd5 100%);display:flex;align-items:center;justify-content:center;color:#5a8c62;font-size:15px;font-weight:600;text-align:center;padding:24px;min-height:160px;box-sizing:border-box;line-height:1.5;position:relative;overflow:hidden}
.img-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.svc-card .img-ph{margin-bottom:18px}
.ph-thumb{display:block;border-radius:14px;overflow:hidden;aspect-ratio:9/16;background:linear-gradient(135deg,#e8f5ea,#d1ebd5);position:relative;box-shadow:0 6px 18px rgba(13,92,67,.10);transition:transform .28s,box-shadow .28s;cursor:zoom-in}
.ph-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.ph-thumb:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(13,92,67,.18)}
.ph-thumb:hover img{transform:scale(1.04)}
.ph-thumb::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:14px 12px 12px;background:linear-gradient(180deg,transparent,rgba(6,26,20,.78));color:#fff;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.5px;text-align:left;opacity:0;transition:opacity .28s}
.ph-thumb:hover::after{opacity:1}
/* 月饼画册横版缩略图：覆盖默认竖版比例，原图完整展示 */
.ph-thumb.mc-thumb{aspect-ratio:auto;background:#fff}
.ph-thumb.mc-thumb img{height:auto;object-fit:contain;background:#fff}
.mc-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:10px}
.mc-note{font-size:13px;color:var(--muted);margin:14px 0 0;line-height:1.7}
@media(max-width:680px){.mc-gallery{grid-template-columns:1fr}}
.hint{font-size:13px;color:var(--muted)}
.phero{position:relative;overflow:hidden}
.phero .in{position:relative;z-index:2}
.zq-deco{position:absolute;top:-34px;right:-18px;width:200px;height:200px;opacity:.55;pointer-events:none;z-index:1}
.zq-deco svg{width:100%;height:100%}
@media(max-width:640px){.zq-deco{width:130px;height:130px;top:-12px}}
.caret{display:inline-block;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5.5px solid currentColor;margin-left:6px;opacity:.8;vertical-align:2px;transition:transform .22s}
.has-sub:hover>a .caret{transform:rotate(180deg)}

/* 二级下拉 */
.sub{position:absolute;top:calc(100% + 14px);left:0;display:flex;flex-direction:column;gap:2px;width:fit-content;min-width:200px;max-width:min(92vw,320px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(16,36,31,.14);padding:8px 14px 8px 18px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:70}
.sub::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
nav ul li.open .sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sub a{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;color:#1a4d23;background:transparent;border:0;box-shadow:none;transition:.18s}
.sub a .mi{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;font-size:20px;line-height:1}
.sub a .s-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sub a .s-t{font-size:15.5px;font-weight:700;color:#1d7a2c}
.sub a .s-d{font-size:12px;color:#6b7b75;margin-top:2px;font-weight:400;white-space:normal;line-height:1.4}
.sub a:hover{background:var(--soft);color:var(--accent-d)}
.sub a:hover .s-t{color:var(--accent-d)}
.sub a:hover .s-d{color:var(--accent-d)}
.sub a.active{background:rgba(245,158,11,.14);color:var(--accent-d);font-weight:700}
/* 修复：当前页高亮误伤导航下拉项（2026-09-17）
   `nav ul > li > a.active` 的 ul 匹配 nav 内任意 ul，下拉里的 ul.sub-list 也命中，
   导致当前页对应的下拉项出现米黄底 + 橙条(::after)。
   按用户拍板：下拉内一律不高亮，恢复干净白底；顶部导航自身高亮不受影响。 */
.sub .sub-list a.active,
.sub .sub-list-inner a.active{background:transparent;color:#234d2a;font-weight:600;box-shadow:none}
.sub .sub-list a.active::after,
.sub .sub-list-inner a.active::after{content:none}
.sub .sub-list a.active .t{color:#1d7a2c}
.sub .sub-list a.active .d{color:#77877f}
.sub-label{display:block;font-size:11px;color:var(--sub);letter-spacing:1px;padding:8px 12px 4px;font-weight:700}
/* 二级菜单分组分隔条（AI服务 · 适配方案） */
.sub .sub-sep{display:block;margin:6px 0 2px;padding:9px 15px 4px 18px;border-top:1px solid var(--line);
  font-size:11px;font-weight:700;letter-spacing:1px;color:var(--sub)}
/* 一级菜单「新」角标（老板工具） */
.t-main .nav-new{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:5px;
  font-size:10px;font-weight:700;line-height:1.5;vertical-align:2px;letter-spacing:.3px;
  color:#fff;background:linear-gradient(135deg,#F59E0B,#F97316);white-space:nowrap}
@media(hover:hover) and (min-width:900px){
  nav ul li.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}
  nav ul li.has-sub:hover > a{color:var(--accent-d);background:rgba(245,158,11,.10)}
}

/* 二级下拉：分组横排（两栏） */
.sub-groups{padding:18px 20px;min-width:560px;grid-column-gap:28px;display:grid;grid-template-columns:1fr 1fr;left:50%;transform:translateX(-50%) translateY(-8px)}
.sub-groups::before{display:none}
.sub-groups::after{content:"";position:absolute;top:24px;bottom:24px;left:50%;width:1px;background:var(--line);transform:translateX(-0.5px)}
.sub-col-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.sub-col-head .bar{width:4px;height:18px;border-radius:3px;flex-shrink:0}
.sub-col-head .bar{background:var(--brand)}
.sub-col-head.green .bar{background:linear-gradient(180deg,#1d7a2c,#249236)}
.sub-col-head.orange .bar{background:linear-gradient(180deg,#e89c2e,#c47e1a)}
.sub-col-head>div{display:flex;align-items:baseline;gap:6px;line-height:1}
.sub-col-head b{font-size:15px;font-weight:800;color:#1a4d23}
.sub-col-head em{font-size:13px;color:#9eb8ae;font-style:normal}
.sub-col-head span{font-size:13px;color:#8aada1}
.sub-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;align-items:stretch}
.sub-list>li{display:block;width:100%;min-width:0}
/* 关于我们 下拉：靠右防溢出（导航末位），框内文字仍统一左对齐 */
.sub.sub-about{left:auto;right:0}
/* 所有下拉项：整框 left:0 贴住 li 左缘，项内统一 padding-left:13px，
   与一级菜单文字「AI服务」起点(13px)严格一致；取消一切负边距与偏移 hack */
.sub-list a{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:8px 15px 8px 18px;border-radius:9px;line-height:1.3;transition:.15s;color:#234d2a;text-decoration:none}
.sub-list a .t,.sub-list a .d{display:block;text-align:left;text-indent:0;padding:0;margin:0;letter-spacing:0;word-spacing:0;font-feature-settings:'kern' 0,'liga' 0;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif}
.sub-list a .t{font-size:14px;font-weight:600;color:#1d7a2c;line-height:1.3;letter-spacing:.2px;text-rendering:geometricPrecision}
.sub-list a .d{width:100%;font-size:11.5px;color:#77877f;margin-top:2px;font-weight:400;line-height:1.45;letter-spacing:.2px;text-rendering:geometricPrecision}
.sub-list a:hover{background:linear-gradient(90deg,rgba(13,140,94,.08),transparent)}
.sub-list a:hover .t{color:var(--accent-d)}

/* 嵌套二级菜单（AI服务 下拉里"适配方案"项 hover 展开右侧子菜单） */
.sub-list li.has-sub-sub{position:relative}
.sub-list li.has-sub-sub>a::after{
  content:"›";position:absolute;right:12px;top:13px;
  color:#1d7a2c;font-size:18px;font-weight:700;line-height:1;
  font-family:Arial,Helvetica,sans-serif;
}
.sub-list .sub-list-inner{
  /* 右侧展开：与主面板之间留出横向缝隙。
     主面板 .sub 右内边距 14px + 1px 边框 = 15px，所以 left:100% 会把子面板
     压进主面板 15px（贴死/重叠）；+27px 后正好落在主面板右边缘外 12px。 */
  position:absolute;left:calc(100% + 27px);top:-8px;
  width:fit-content;min-width:220px;max-width:min(92vw,320px);list-style:none;padding:8px 14px 8px 18px;margin:0;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 16px 40px rgba(16,36,31,.14);
  opacity:0;visibility:hidden;transform:translateX(-8px);
  transition:.18s;z-index:80;
  display:flex;flex-direction:column;gap:1px;align-items:stretch;
}
.sub-list-inner>li{display:block;width:100%;min-width:0}
.sub-list li.has-sub-sub:hover>.sub-list-inner,
.sub-list li.has-sub-sub:focus-within>.sub-list-inner{
  opacity:1;visibility:visible;transform:translateX(0)
}
.sub-list .sub-list-inner a{
  display:flex;flex-direction:column;align-items:flex-start;
  margin:0;padding:7px 15px 7px 18px;border-radius:9px;line-height:1.3;
  color:#234d2a;transition:.15s;
}
.sub-list .sub-list-inner a .t{
  font-size:13px;font-weight:600;color:#1d7a2c;line-height:1.35;letter-spacing:.2px;
  text-align:left;text-indent:0;padding-left:0;margin-left:0;
  letter-spacing:0;word-spacing:0;font-feature-settings:'kern' 0,'liga' 0;
  font-variant-ligatures:none;-webkit-font-smoothing:antialiased;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  text-rendering:geometricPrecision;
}
.sub-list .sub-list-inner a .d{
  display:block;width:100%;font-size:10.5px;color:#7d8b84;margin-top:1px;
  font-weight:400;line-height:1.45;text-align:left;text-indent:0;padding-left:0;margin-left:0;
  letter-spacing:0;word-spacing:0;font-feature-settings:'kern' 0,'liga' 0;
  font-variant-ligatures:none;-webkit-font-smoothing:antialiased;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  text-rendering:geometricPrecision;
}
.sub-list .sub-list-inner a:hover{background:#f4faf5}
.sub-list .sub-list-inner a:hover .t{color:var(--accent-d)}
@media(max-width:999px){
  .sub-list li.has-sub-sub>a::after{top:11px;right:12px}
  .sub-list .sub-list-inner{position:static;left:auto;top:auto;width:auto;
    box-shadow:none;border:none;background:transparent;padding:0 0 0 14px;
    opacity:1;visibility:visible;transform:none;display:none;margin-top:2px}
  .sub-list li.has-sub-sub:hover>.sub-list-inner{display:flex}
  .sub-list .sub-list-inner a{padding-left:18px;padding-top:7px;padding-bottom:7px}
}

/* 移动端：分组下拉改为竖排 */
@media(max-width:999px){
  .sub-groups{display:block;padding:6px 0 6px 14px;min-width:0}
  .sub-groups::after{display:none}
  .sub-col{margin-bottom:8px}
  .sub-list a .d{display:none}
  .sub.sub-ai .sub-list a,.sub.sub-about .sub-list a{padding-left:18px}
}

/* ===================== 全站 mega 大菜单（AI企服 触发） ===================== */
/* 打开 AI企服 时，同级其它二级菜单（案例与流程 / 关于我们）平行展示在一块面板里 */
.mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);width:fit-content;max-width:min(94vw,720px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(16,36,31,.18);padding:10px 7px;opacity:0;visibility:hidden;transition:.22s;z-index:70;pointer-events:none}
.mega-panel::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
nav.mega-on .mega-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}
.mega-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,260px));gap:14px}
.mega-col{min-width:0}
.mega-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mega-head .bar{width:4px;height:18px;border-radius:3px;flex-shrink:0;background:var(--brand)}
.mega-head.green .bar{background:linear-gradient(180deg,#1d7a2c,#249236)}
.mega-head.orange .bar{background:linear-gradient(180deg,#e89c2e,#c47e1a)}
.mega-head.blue .bar{background:linear-gradient(180deg,var(--brand),var(--brand2))}
.mega-head.brand .bar{background:linear-gradient(180deg,var(--brand),var(--brand2))}
.mega-head>div{display:flex;align-items:baseline;gap:6px;line-height:1}
.mega-head b{font-size:15px;font-weight:800;color:#1a4d23}
.mega-head em{font-size:13px;color:#9eb8ae;font-style:normal}
.mega-head span{font-size:13px;color:#8aada1}
.mega-list{list-style:none;display:flex;flex-direction:column;gap:4px}
.mega-list a{display:flex;align-items:flex-start;gap:9px;padding:6px 7px;border-radius:10px;line-height:1.3;transition:.18s;color:#1a4d23}
.mega-list a .mi{width:20px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;line-height:1;margin-top:1px}
.mega-list a .txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.mega-list a .t{font-size:14.5px;font-weight:600;color:#1a4d23}
.mega-list a .d{font-size:11.5px;color:var(--sub);margin-top:2px;font-weight:400;line-height:1.3;white-space:normal}
.mega-list a.row{display:flex;flex-direction:row;align-items:center;gap:9px}
.mega-list a.row .mi{width:20px;text-align:center;flex-shrink:0;font-size:15px}
.mega-list a:hover{background:linear-gradient(90deg,rgba(13,140,94,.10),transparent)}
.mega-list a:hover .t{color:#165320}
.mega-trigger > a:hover{color:var(--accent-d);background:rgba(245,158,11,.10)}

/* 移动端：mega 面板隐藏（AI企服 直接跳转落地页，二级在页内呈现） */
@media(max-width:999px){
  .mega-panel{display:none!important}
}

/* 导航右侧 CTA */
.nav-cta{display:flex;align-items:center;gap:10px;margin-left:34px;margin-right:-18px}
/* 桌面端：慧林AI（左）与找小慧（右）分处两端，中间 6 个一级菜单整体靠左排布 */
@media(min-width:1000px){
  nav .in{gap:0}
  #navList{flex:1;justify-content:flex-start;padding-left:0}
  #navList > li:nth-child(2){margin-left:auto}
  .nav-cta{margin-left:auto}
}
.nav-btn{border:0;font-family:inherit;cursor:pointer;background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);color:#fff!important;font-weight:800;padding:10px 20px;border-radius:30px;font-size:14.5px;box-shadow:0 6px 18px rgba(27,94,74,.32);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:.25s}
.nav-btn:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(27,94,74,.46);color:#fff!important;background:linear-gradient(135deg,#236b30 0%,#1d5c28 100%)}
.nav-btn .cs-ico{width:17px;height:17px;flex-shrink:0}

/* 窄桌面（1000~1140px）：菜单整体收一点，保证两端留白依然对称、不挤在一起 */
@media(min-width:1000px) and (max-width:1140px){
  nav ul{gap:0}
  nav ul > li > a{padding:9px 10px}
  nav ul > li > a .t-main{font-size:15.5px}
  nav .logo{font-size:23px}
  .nav-btn{padding:9px 16px;font-size:14px}
}

/* 汉堡按钮 */
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:24px;height:2.5px;background:#1a4d23;border-radius:2px;transition:.25s}
.nav-toggle.on span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-toggle.on span:nth-child(2){opacity:0}
.nav-toggle.on span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.nav-mask{position:fixed;inset:0;background:rgba(8,61,45,.45);z-index:55;opacity:0;visibility:hidden;transition:.25s}
.nav-mask.on{opacity:1;visibility:visible}
.drawer-head{display:none;justify-content:space-between;align-items:center;padding:14px 4px 10px;border-bottom:1px solid var(--line);margin-bottom:8px;font-weight:800;font-size:17px;color:#1a4d23}
.drawer-close{background:none;border:none;font-size:22px;color:var(--sub);cursor:pointer;line-height:1;padding:4px 8px}

/* 滚动进度条 */
.scroll-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--accent));width:0;z-index:80;transition:width .1s linear}

/* 移动端抽屉 */
@media(max-width:999px){
  .nav-toggle{display:flex}
  nav ul{
    position:fixed;top:0;right:0;bottom:0;width:min(320px,84vw);background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:16px 18px;overflow-y:auto;
    box-shadow:-12px 0 40px rgba(16,36,31,.18);transform:translateX(102%);transition:transform .28s;z-index:56;
  }
  nav ul.show{transform:translateX(0)}
  .drawer-head{display:flex}
  nav ul > li{width:100%}
  nav ul > li > a{padding:13px 10px;font-size:16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}
  nav ul > li > a.active::after{display:none}
  .nav-cta{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);display:block}
  .nav-btn{display:flex;justify-content:center;align-items:center}
  .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;padding:0 0 6px 8px;min-width:0;display:none;background:transparent}
  nav ul li.open .sub{display:block}
  /* ⚠️ 移动端抽屉内的二级列表复位（2026-09-25）
     上面第 331 行的 `nav ul{position:fixed;top:0;right:0;bottom:0;…}` 本意只给抽屉外壳
     ul#navList 用，但 `nav ul` 会命中抽屉内**所有** ul，把 ul.sub-list 也变成 fixed：
     它脱离文档流后父级 .sub（static block）高度只剩自身 padding（0 0 6px 8px → 6px），
     叠加 .sub-list 的 overflow:auto，移动端二级条目被整片裁掉、只剩一条缝。
     这里用更高特异性复位为普通流。不要删：删掉手机端就看不到任何二级菜单。 */
  nav ul.sub-list{position:static;top:auto;right:auto;bottom:auto;left:auto;width:auto;
    min-width:0;transform:none;box-shadow:none;background:transparent;overflow:visible;z-index:auto;padding:0}
  /* 第 117 行 `nav ul li.open .sub{transform:translateX(-50%)}` 是桌面用的居中偏移，
     特异性高于本段的 `.sub{transform:none}`，会在移动端残留 -50% 把面板甩出屏幕。
     用同特异性后置规则复位。 */
  nav ul li.open .sub{transform:none}
  /* 第 115 行 `.sub{width:fit-content;min-width:200px}` 桌面用来让面板贴合内容，
     移动端面板是抽屉内的普通流块，应为整行宽度；min-width 已在本段置 0，
     这里把 width 一并复位（否则面板被压成内容宽度，条目标题反复折行）。 */
  nav ul li.has-sub > .sub{width:auto}
  .sub a{padding:10px 12px;font-size:14.5px;min-width:0;max-width:none;box-shadow:none;border:none;background:transparent;border-radius:10px}
  .sub a .mi{width:24px;height:auto;background:none;font-size:16px;margin-top:1px;border-radius:0}
  .sub a:hover{box-shadow:none;transform:none;border:none;background:var(--soft)}
  .sub a:hover{padding-left:14px}
}

/* ===================== 内页头部 ===================== */
/* 2026-09-27：页头换成「轻雾松林」淡绿背景（参考稿），底纹只做衬托、正文仍最高层
   2026-09-27 六改：借鉴参考图加「竖干层」pine-grove.svg —— ①竖向树干节奏 ②顶部雾化纵深
     ③两侧粗干框景 + 中央谷雾空地。透明度仅 .15~.42 且向上淡出、只在下 60%，实测正文对比度零变化
   回滚：删掉 pine-grove 那一行并恢复 repeat/position/size 三项为 4 值，或整体改回
        linear-gradient(135deg,var(--deep) 0%,var(--brand) 55%,var(--brand2) 100%) */
.phero{position:relative;overflow:hidden;color:#fff;padding:64px 0 72px;
  background-color:#2c6933;
  background-image:
    url(../img/pine-glow.svg?v=20260927e),
    url(../img/pine-sprig.svg?v=20260927d),
    url(../img/pine-grove.svg?v=20260927e),
    url(../img/pine-mist.svg?v=20260927e),
    linear-gradient(168deg,#215f2a 0%,#2e6d35 30%,#387a3f 62%,#44854c 100%);
  background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:0 0,right -26px top -36px,center bottom,center bottom,0 0;
  background-size:660px auto,330px auto,cover,cover,100% 100%}
/* 左侧柔和暗罩：保证白字稳定 ≥4.5:1，右侧保持通透（不做整块压暗，避免又「重」回去）
   2026-09-27 三改：背景绿色加深后同步把罩从 .46 收到 .36，否则左侧堆太暗会发灰绿、丢掉绿饱和度 */
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(103deg,rgba(7,40,26,.50) 0%,rgba(7,40,26,.30) 38%,rgba(7,40,26,.10) 62%,rgba(7,40,26,0) 78%)}
.phero .in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.phero h1{font-size:clamp(30px,4.2vw,40px);font-weight:800;letter-spacing:.5px;margin-bottom:14px;text-shadow:0 1px 3px rgba(4,28,16,.30)}
.phero p{font-size:16.5px;color:rgba(255,255,255,.97);max-width:760px;line-height:1.9;text-shadow:0 1px 3px rgba(4,28,16,.34)}
.phero .tags{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.phero .tags span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);padding:6px 16px;border-radius:20px;font-size:13.5px}

/* ===== 内页通用页头：深绿实景松林 ===== */
.phero-tools.phero{
  color:#fff;
  background-color:#1a3a22;
  background-image:url(../img/green-forest-hero-v2-1920.jpg?v=20260928j);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover}
.phero-tools.phero::before{
  background:linear-gradient(103deg,rgba(7,40,26,.58) 0%,rgba(7,40,26,.32) 38%,rgba(7,40,26,.12) 62%,rgba(7,40,26,0) 78%)}
.phero-tools.phero .tags span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.30)}
.phero-tools.phero .btn.outline{color:#fff;border-color:rgba(255,255,255,.55)}
.phero-tools.phero .btn.outline:hover{background:rgba(255,255,255,.14);color:#fff}
@media(max-width:1200px){.phero-tools.phero{background-image:url(../img/green-forest-hero-v2-1440.jpg?v=20260928j)}}
@media(max-width:760px){.phero-tools.phero{background-image:url(../img/green-forest-hero-v2-960.jpg?v=20260928j)}}
/* 构图分组：全部顶到图片上部露天空，仅留微小 Y 位差异避免整站页头完全重复 */
.phero-tools.phero.pt-a{background-position:center 14%}
.phero-tools.phero.pt-b{background-position:center top}
.phero-tools.phero.pt-c{background-position:center 24%}
.phero-tools.phero.pt-d{background-position:center 7%}

/* 面包屑 */
.crumb{background:#fff;border-bottom:1px solid var(--line);font-size:13.5px}
/* 同级栏目栏：二级页面顶部常驻，当前项高亮 */
.subnav{background:linear-gradient(180deg,#f2f8f3,#fff);border-bottom:1px solid var(--line)}
.subnav .in{max-width:var(--maxw);margin:0 auto;padding:10px 20px;display:flex;flex-direction:column;gap:8px}
.subnav-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.subnav-g{font-size:13px;font-weight:700;padding:3px 10px;border-radius:20px;flex-shrink:0}
.subnav-g.green{color:#165320;background:rgba(13,92,67,.10)}
.subnav-g.orange{color:#b05a12;background:rgba(245,158,11,.16)}
.subnav-g.brand{color:var(--brand);background:rgba(13,92,67,.10)}
.subnav-g.blue{color:#1c5d99;background:rgba(38,108,168,.12)}
.subnav a{font-size:13.5px;color:#1a4d23;background:#fff;border:1px solid var(--line);padding:5px 14px;border-radius:20px;transition:.18s;white-space:nowrap}
.subnav a:hover{border-color:var(--accent);color:var(--accent-d);transform:translateY(-1px);box-shadow:0 3px 10px rgba(245,158,11,.22)}
.subnav a.cur{background:linear-gradient(135deg,var(--brand) 0%,var(--brand2) 100%);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 4px 12px rgba(13,92,67,.28);cursor:default}
@media(max-width:999px){
  .subnav .in{padding:8px 14px;gap:6px}
  .subnav-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .subnav-row::-webkit-scrollbar{display:none}
  .subnav-g{flex-shrink:0}
  .subnav a{flex-shrink:0}
}
.crumb .in{max-width:var(--maxw);margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--sub)}
.crumb a{color:var(--sub)}
.crumb a:hover{color:var(--accent-d)}
.crumb .sep{opacity:.45}
.crumb .cur{color:var(--brand);font-weight:700}

/* ===================== 通用区块 ===================== */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
section{padding:58px 0}
section.alt{background:#fff}
section.soft{background:var(--soft)}
section.tight{padding:52px 0}
.eyebrow{font-size:13px;letter-spacing:3px;color:var(--brand2);font-weight:800;margin-bottom:10px}
h2.t{font-size:clamp(24px,3.2vw,34px);font-weight:800;color:var(--ink);margin-bottom:12px}
p.sub{font-size:16px;color:var(--sub);max-width:820px;line-height:1.9}
.sec-head{margin-bottom:30px}
.sec-head.center{text-align:center}
.sec-head.center p.sub{margin:0 auto}
.sec-head.center .eyebrow{text-align:center}
h3.sh{font-size:20px;font-weight:800;margin-bottom:14px;color:var(--ink)}
.mt{margin-top:44px}

/* ===================== 卡片网格 ===================== */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){.g3,.g4,.g5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.g5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-1);transition:.28s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.22)}
.card .thumb{position:relative;overflow:hidden;background:var(--soft);aspect-ratio:16/10}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .thumb img{transform:scale(1.05)}
.card .body{padding:18px;flex:1;display:flex;flex-direction:column}
.card .body h3{font-size:18px;margin-bottom:7px;color:var(--ink)}
.card .body p{font-size:14.5px;color:var(--sub);line-height:1.7;flex:1}
.card .body .more{margin-top:14px;font-size:14px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:5px}
.card .body .more:hover{color:var(--accent-d);gap:9px}

/* 图标卡片 */
.icard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;box-shadow:var(--sh-1);transition:.28s}
.icard:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.2)}
.icard .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--soft),#fff);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:16px}
.icard h3{font-size:18px;margin-bottom:9px}
.icard p{font-size:14.5px;color:var(--sub);line-height:1.8}
.icard ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.icard ul li{font-size:14px;color:var(--sub);padding-left:20px;position:relative;line-height:1.7}
.icard ul li::before{content:"✓";position:absolute;left:0;color:var(--brand2);font-weight:800}

/* 带强调的服务卡 */
.svc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px;box-shadow:var(--sh-1);transition:.28s;display:flex;flex-direction:column;position:relative;overflow:hidden}
.svc-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--accent));opacity:0;transition:.28s}
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.svc-card:hover::before{opacity:1}
.svc-card .ic{font-size:30px;margin-bottom:14px;line-height:1}
.svc-card h3{font-size:19px;margin-bottom:8px}
.svc-card .desc{font-size:14.5px;color:var(--sub);line-height:1.8;margin-bottom:11px}
.svc-card ul{list-style:none;display:grid;gap:5px;margin-bottom:14px}
.svc-card ul li{font-size:14px;color:var(--sub);padding-left:19px;position:relative;line-height:1.55}
.svc-card ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand2)}
.svc-card .price{font-size:13.5px;color:var(--accent-d);font-weight:800;margin-bottom:16px;padding:8px 12px;background:var(--sand);border-radius:8px;display:inline-block;align-self:flex-start}
.svc-card .lk{margin-top:auto;font-size:14.5px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:6px}
.svc-card .lk:hover{gap:11px;color:var(--accent-d)}

/* ===================== 按钮 ===================== */
.btn{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:var(--deep);font-weight:800;padding:13px 30px;border-radius:32px;font-size:15.5px;box-shadow:0 8px 22px rgba(245,158,11,.32);transition:.25s;border:none;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(245,158,11,.44);color:var(--deep)}
.btn.ghost{background:transparent;border:2px solid var(--brand);color:var(--brand);box-shadow:none}
.btn.ghost:hover{background:var(--brand);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,92,67,.24)}
.btn.sm{padding:9px 20px;font-size:14px}
.btn.light{background:#fff;color:var(--brand);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.btn.light:hover{background:var(--accent-l);color:var(--brand)}
.btn.outline{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff;box-shadow:none}
.btn.outline:hover{background:rgba(255,255,255,.14);color:#fff}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}

/* ===================== 内容区（双栏） ===================== */
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.split.rev{grid-template-columns:.85fr 1.15fr}
.split.rev .txt{order:2}
@media(max-width:900px){.split,.split.rev{grid-template-columns:1fr;gap:28px}.split.rev .txt{order:0}}
.split .txt h2{font-size:clamp(24px,3vw,34px);margin-bottom:14px}
.split .txt p{color:var(--sub);line-height:1.95;margin-bottom:12px}
.split .vis{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-2);background:var(--soft)}
.split .vis img{width:100%}
.split .vis video{width:100%;display:block}

/* 亮点列表 */
.points{display:grid;gap:14px;margin-top:22px}
.points .pt{display:flex;gap:13px;align-items:flex-start}
.points .pt .n{width:28px;height:28px;flex-shrink:0;border-radius:9px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800}
.points .pt b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:2px}
.points .pt span{font-size:14.5px;color:var(--sub);line-height:1.75}

/* ===================== 数据统计条 ===================== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 20px;text-align:center;box-shadow:var(--sh-1)}
.stat b{display:block;font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--brand);line-height:1.2;margin-bottom:4px}
.stat span{font-size:14px;color:var(--sub)}

/* ===================== 表格 ===================== */
.tbl-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-1)}
table{width:100%;border-collapse:collapse;font-size:14.5px}
thead th{background:var(--brand);color:#fff;font-weight:700;padding:14px 16px;text-align:left;font-size:14.5px}
tbody td{padding:14px 16px;border-top:1px solid var(--line);color:var(--sub);line-height:1.75;vertical-align:top}
tbody tr:nth-child(even){background:var(--soft)}
tbody td:first-child{color:var(--ink);font-weight:700}
.tbl-scroll{overflow-x:auto}
@media(max-width:640px){
  thead th,tbody td{padding:11px 12px;font-size:13.5px}
}

/* ===================== 流程步骤 ===================== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.steps{grid-template-columns:1fr}}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;box-shadow:var(--sh-1);position:relative;transition:.28s}
.step:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.step .num{position:absolute;top:-14px;left:22px;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;box-shadow:0 6px 16px rgba(13,92,67,.28)}
.step h4{font-size:17.5px;margin:16px 0 9px}
.step p{font-size:14.5px;color:var(--sub);line-height:1.8}

/* ===================== 时间线 ===================== */
.tl{position:relative;padding-left:32px}
.tl::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.tl-item{position:relative;padding-bottom:30px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-28px;top:7px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--brand)}
.tl-item b{display:block;font-size:13.5px;color:var(--accent-d);font-weight:800;letter-spacing:.5px;margin-bottom:3px}
.tl-item h4{font-size:17px;margin-bottom:6px}
.tl-item p{font-size:14.5px;color:var(--sub);line-height:1.8}

/* ===================== 文章/资源列表 ===================== */
.post-list{display:grid;gap:16px}
.post{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--sh-1);transition:.25s;display:flex;gap:20px;align-items:flex-start}
.post:hover{transform:translateX(4px);border-color:rgba(13,92,67,.24);box-shadow:var(--sh-2)}
.post .pi{width:48px;height:48px;flex-shrink:0;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:23px}
.post .pc{flex:1}
.post .pc .meta{font-size:13px;color:var(--accent-d);font-weight:700;letter-spacing:.5px;margin-bottom:4px}
.post .pc h4{font-size:17px;margin-bottom:6px}
.post .pc p{font-size:14.5px;color:var(--sub);line-height:1.8}
@media(max-width:640px){.post{padding:18px}.post .pi{width:42px;height:42px;font-size:20px}}

/* ===================== FAQ ===================== */
.faq-wrap{display:grid;gap:14px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--sh-1)}
.faq-item .q{font-size:15.5px;font-weight:700;color:var(--ink);cursor:pointer;user-select:none;position:relative;padding-right:30px;transition:color .2s;display:flex;gap:9px;align-items:flex-start}
.faq-item .q i{color:var(--brand2);font-style:normal;font-weight:800}
.faq-item:hover .q{color:var(--brand2)}
.faq-item .q::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--brand2);font-weight:600;line-height:1;transition:transform .3s}
.faq-item.open .q::after{content:"−";transform:translateY(-50%)}
.faq-item .a{max-height:0;overflow:hidden;transition:max-height .35s,padding .35s;font-size:14.5px;color:var(--sub);line-height:1.85}
.faq-item.open .a{max-height:320px;padding-top:8px}

/* ===================== 联系区 ===================== */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.info-box{background:linear-gradient(150deg,var(--deep),var(--brand));color:#fff;border-radius:var(--r);padding:32px 28px;box-shadow:var(--sh-2)}
.info-box h3{font-size:20px;margin-bottom:8px}
.info-box .lead{font-size:14.5px;color:rgba(255,255,255,.82);line-height:1.85;margin-bottom:22px}
.info-rows{display:grid;gap:14px}
.info-row{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.info-row:last-child{border-bottom:none;padding-bottom:0}
.info-row .ri{font-size:18px;line-height:1.5}
.info-row .k{font-size:13px;color:rgba(255,255,255,.62);display:block;line-height:1.6}
.info-row b{font-size:15.5px;font-weight:700;letter-spacing:.3px}
.form-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;box-shadow:var(--sh-1)}
.form-box h3{font-size:20px;margin-bottom:8px}
.form-box .lead{font-size:14.5px;color:var(--sub);margin-bottom:22px;line-height:1.8}
.field{margin-bottom:16px}
.field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;font-size:14.5px;
  font-family:inherit;color:var(--ink);background:#fff;transition:.2s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand2);box-shadow:0 0 0 3px rgba(26,122,92,.12)}
.field textarea{min-height:100px;resize:vertical}
.submit{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:var(--deep);font-weight:800;padding:14px;border:none;border-radius:30px;font-size:16px;cursor:pointer;box-shadow:0 8px 20px rgba(245,158,11,.3);transition:.25s;font-family:inherit}
.submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(245,158,11,.42)}
.form-note{font-size:13px;color:var(--sub);text-align:center;margin-top:12px}

/* 地图卡 */
.map-card{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-1);margin-top:36px}
@media(max-width:900px){.map-card{grid-template-columns:1fr}}
.map-visual{position:relative;min-height:250px;background:linear-gradient(135deg,#e8f1ea,#d4e7d7);overflow:hidden}
.map-visual .map-block{position:absolute;left:8%;top:16%;width:42%;height:34%;background:rgba(255,255,255,.7);border-radius:8px;border:1px solid rgba(13,92,67,.14)}
.map-visual .map-road{position:absolute;left:0;right:0;top:58%;height:16px;background:rgba(13,92,67,.16)}
.map-visual .map-pin{position:absolute;left:46%;top:38%;transform:translate(-50%,-50%);font-size:30px}
.map-visual .map-pin i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid var(--accent);animation:ping 2.2s ease-out infinite}
.map-visual .map-pin i.r2{animation-delay:1.1s}
@keyframes ping{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.map-visual .map-flag{position:absolute;left:46%;top:calc(38% + 34px);transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 13px;font-size:13px;font-weight:700;color:var(--brand);box-shadow:var(--sh-1);white-space:nowrap}
.map-info{padding:30px 28px;display:flex;flex-direction:column;justify-content:center}
.map-info h3{font-size:20px;margin-bottom:8px}
.map-info .addr{font-size:15px;color:var(--ink);line-height:1.8;margin-bottom:10px}
.map-info .tip{font-size:13.5px;color:var(--sub);line-height:1.8;margin-bottom:18px}
.map-btns{display:flex;gap:10px;flex-wrap:wrap}
.mbtn{background:var(--brand);color:#fff!important;padding:10px 18px;border-radius:24px;font-size:14px;font-weight:700;transition:.22s;border:none;cursor:pointer;font-family:inherit}
.mbtn:hover{background:var(--deep);transform:translateY(-2px)}
.mbtn.alt{background:var(--brand2)}
.mbtn.ghost{background:transparent;border:1px solid var(--line);color:var(--brand)!important}
.mbtn.ghost:hover{background:var(--soft)}

/* ===================== 案例画廊 ===================== */
.gallery-card .gallery-main{width:100%;aspect-ratio:16/10;object-fit:cover;cursor:zoom-in;background:var(--soft)}
.gallery-thumbs{display:flex;gap:5px;padding:6px;background:var(--soft);overflow-x:auto}
.gallery-thumbs img{width:46px;height:36px;object-fit:cover;border-radius:6px;cursor:pointer;flex-shrink:0;opacity:.72;transition:.2s;border:2px solid transparent}
.gallery-thumbs img:hover{opacity:1;border-color:var(--accent)}
.video-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:#000;display:block}
.tag{display:inline-block;margin-top:12px;font-size:13px;color:var(--brand2);background:var(--soft);padding:5px 13px;border-radius:20px;font-weight:700}

/* 灯箱 */
.lightbox{position:fixed;inset:0;background:rgba(6,26,20,.94);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.lightbox.active{display:flex}
.lightbox img{max-width:92vw;max-height:84vh;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.lb-close{position:absolute;top:20px;right:28px;font-size:38px;color:#fff;cursor:pointer;line-height:1;opacity:.8;z-index:2}
.lb-close:hover{opacity:1}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:34px;color:#fff;cursor:pointer;opacity:.75;padding:16px;user-select:none}
.lb-nav:hover{opacity:1}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-count{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:rgba(255,255,255,.8);font-size:14px}

.phero .btn-row{margin-top:28px}

/* 首页 hero 数据条 */
.phero .hero-stats{display:flex;gap:36px;flex-wrap:wrap;margin-top:28px}
.phero .hero-stats .hs{border-left:2px solid rgba(255,255,255,.28);padding-left:16px}
.phero .hero-stats .hs b{display:block;font-size:clamp(22px,3vw,28px);font-weight:800;color:#fff;line-height:1.35}
.phero .hero-stats .hs span{font-size:13px;color:rgba(255,255,255,.72)}
@media(max-width:560px){.phero .hero-stats{gap:18px}.phero .hero-stats .hs{padding-left:12px}}

/* ===================== CTA 横幅 ===================== */
/* 底色收窄色标、拉长过渡：不再有明显色段，与下方森林页脚干净衔接 */
.cta-band{background:linear-gradient(115deg,#0a441a 0%,#11531f 42%,#1c6b2b 78%,#237a35 100%);
  color:#fff;padding:62px 0;text-align:center;position:relative;overflow:hidden}
.cta-band .in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.cta-band h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:12px}
.cta-band p{color:rgba(255,255,255,.86);font-size:16.5px;margin-bottom:26px}
.cta-band .btn-row{justify-content:center}
.cta-band .btn.light{background:#fff;color:var(--brand)}
.cta-band .btn.light:hover{background:var(--accent-l);color:var(--brand)}
.cta-band .btn.outline{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff;box-shadow:none}
.cta-band .btn.outline:hover{background:rgba(255,255,255,.14);color:#fff}

/* ===================== 页脚 ===================== */
footer{position:relative;background:var(--deep);color:rgba(255,255,255,.72);padding:56px 0 0;font-size:14px;
  background-image:url(../img/footer-forest-1920.jpg?v=20260929c);background-repeat:no-repeat;background-position:center 57.8%;background-size:cover}
footer::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 42% 12% at 50% 26%,rgba(6,34,16,.52) 0%,rgba(6,34,16,.26) 56%,rgba(6,34,16,0) 100%),
    radial-gradient(ellipse 44% 15% at 57% 44%,rgba(6,34,16,.66) 0%,rgba(6,34,16,.34) 56%,rgba(6,34,16,0) 100%),
    radial-gradient(ellipse 56% 22% at 50% 80%,rgba(6,34,16,.78) 0%,rgba(6,34,16,.42) 56%,rgba(6,34,16,0) 100%),
    linear-gradient(to top,rgba(8,40,18,.50) 0%,rgba(8,40,18,.28) 22%,rgba(8,40,18,.10) 50%,rgba(8,40,18,.03) 76%,rgba(8,40,18,0) 100%)}
@media(max-width:1200px){footer{background-image:url(../img/footer-forest-1440.jpg?v=20260929c)}}
@media(max-width:760px){footer{background-image:url(../img/footer-forest-960.jpg?v=20260929c)}
/* 手机端页脚高 417px（桌面 263px），文案重排成单列：slogan 13~27%、联系三行 31~56%、
   版权 72~76%、署名 90~94% —— 行位与桌面完全不同，必须单独一套压罩 */
footer::before{background:
  radial-gradient(ellipse 70% 12% at 50% 20%,rgba(6,34,16,.52) 0%,rgba(6,34,16,.26) 56%,rgba(6,34,16,0) 100%),
  radial-gradient(ellipse 62% 26% at 50% 45%,rgba(6,34,16,.92) 0%,rgba(6,34,16,.48) 56%,rgba(6,34,16,0) 100%),
  radial-gradient(ellipse 60% 20% at 50% 82%,rgba(6,34,16,.95) 0%,rgba(6,34,16,.52) 56%,rgba(6,34,16,0) 100%),
  linear-gradient(to top,rgba(8,40,18,.50) 0%,rgba(8,40,18,.28) 22%,rgba(8,40,18,.10) 50%,rgba(8,40,18,.03) 76%,rgba(8,40,18,0) 100%)}}
footer .fg,footer .f-bottom{position:relative;z-index:1}
footer .fg{max-width:var(--maxw);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:0}
@media(max-width:900px){footer .fg{grid-template-columns:1fr;gap:0}}
@media(max-width:560px){footer .fg{grid-template-columns:1fr}}
footer h4{color:#fff;font-size:15.5px;margin-bottom:16px;font-weight:800;letter-spacing:.5px}
footer .f-brand{text-align:center;max-width:680px;margin:0 auto}
footer .f-brand .lg{font-size:26px;font-weight:800;color:#fff;margin-bottom:14px;display:inline-block}
footer .f-brand .lg span{color:var(--accent)}
footer .f-brand p{line-height:1.9;margin-bottom:20px;color:rgba(255,255,255,.92);font-size:14.5px;text-shadow:0 1px 3px rgba(0,0,0,.52)}
footer .f-contact{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
footer .f-contact .r{display:flex;gap:9px;align-items:center;margin-bottom:0;line-height:1.7;white-space:nowrap;color:rgba(255,255,255,.88);text-shadow:0 1px 3px rgba(0,0,0,.52)}
footer .f-contact .r i{font-style:normal;font-size:15px;flex-shrink:0}
footer .f-contact b{color:#fff;font-weight:700}
@media(max-width:560px){footer .f-contact{flex-direction:column;align-items:center;gap:12px}}
.f-bottom{margin-top:42px;padding:20px 0;text-align:center}
.f-bottom .in{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.f-bottom .cp{font-size:13.5px;line-height:1.9;color:rgba(255,255,255,.6)}
.f-bottom .cp b{color:rgba(255,255,255,.86);font-weight:700}
.f-bottom .cp .sep{margin:0 7px;opacity:.4}


/* ===================== 自制音频播放器（audio-item 升级） ===================== */
.audio-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px rgba(16,36,31,.05);transition:.18s}
.audio-item:hover{box-shadow:0 10px 28px rgba(16,36,31,.08);border-color:#d8e6da}
.audio-item .ic{flex-shrink:0}
.audio-item .meta{flex:1;min-width:0}
.audio-item .meta h4{font-size:15.5px;font-weight:700;color:var(--ink);margin:0 0 2px;line-height:1.3}
.audio-item .meta .dur{font-size:12.5px;color:var(--sub);line-height:1.4}
.audio-item .ap-audio{display:none}
.audio-item .ap-play{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#1d5c28 0%,#165320 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;flex-shrink:0;box-shadow:0 6px 16px rgba(27,94,74,.28)}
.audio-item .ap-play:hover{transform:scale(1.06);box-shadow:0 8px 22px rgba(27,94,74,.4)}
.audio-item .ap-play:active{transform:scale(.96)}
.audio-item .ap-play .ap-ico-pause{display:none}
.audio-item.is-playing .ap-play .ap-ico-play{display:none}
.audio-item.is-playing .ap-play .ap-ico-pause{display:inline}
.audio-item.is-playing .ap-play{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);box-shadow:0 6px 16px rgba(245,158,11,.4)}
.audio-item .ap-progress{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px}
.audio-item .ap-bar{height:5px;background:#e8efed;border-radius:3px;position:relative;cursor:pointer;overflow:hidden}
.audio-item .ap-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#1d5c28 0%,#F59E0B 100%);border-radius:3px;transition:width .15s linear}
.audio-item .ap-time{display:flex;justify-content:space-between;font-size:11px;color:var(--sub);font-variant-numeric:tabular-nums;font-weight:500}
.audio-item .ap-vol{display:flex;align-items:center;gap:6px;flex-shrink:0}
.audio-item .ap-vol-btn{width:28px;height:28px;border:none;background:transparent;color:var(--sub);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:.15s;padding:0}
.audio-item .ap-vol-btn:hover{color:var(--ink);background:var(--soft)}
.audio-item .ap-vol-btn svg{width:18px;height:18px}
.audio-item.is-muted .ap-vol-wave{display:none}
.audio-item .ap-vol-range{-webkit-appearance:none;appearance:none;width:72px;height:4px;background:#e8efed;border-radius:2px;outline:none;cursor:pointer}
.audio-item .ap-vol-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(13,92,67,.3);transition:.15s}
.audio-item .ap-vol-range::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--accent)}
.audio-item .ap-vol-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(13,92,67,.3)}
/* 移动端：进度条占满下方一行 */
@media (max-width:680px){
  .audio-item{flex-wrap:wrap;gap:10px;padding:12px 14px}
  .audio-item .ic{width:42px;height:42px}
  .audio-item .ic .emoji{font-size:22px}
  .audio-item .meta{flex:1 1 auto;min-width:0}
  .audio-item .ap-play{order:3;width:38px;height:38px}
  .audio-item .ap-progress{order:5;flex:1 0 100%;min-width:0}
  .audio-item .ap-vol{order:4;margin-left:auto}
  .audio-item .ap-vol-range{width:56px}
}

/* 评论系统（Waline）—— 读者交流区 */
/* ===================== 读者交流区 ===================== */
.comments{background:var(--sand);padding:54px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.comments .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.comments .sec-head{text-align:center;margin-bottom:22px}
.comments .sec-head .eyebrow{font-size:13px;letter-spacing:4px;color:var(--brand2);font-weight:800;margin-bottom:10px}
.comments .sec-head .t{font-size:26px;font-weight:800;color:var(--brand);margin-bottom:8px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:10px}
.comments .sec-head.cm-head .cm-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#e8f1e9;color:var(--brand)}
.comments .sec-head.cm-head .cm-icon .cm-icon-svg{width:22px;height:22px}
.comments .sec-head .sub{font-size:14.5px;color:var(--ink-l);line-height:1.7}

/* 状态条 */
.cm-status{margin:8px auto 22px;max-width:880px;text-align:center;background:#e8f1e9;color:var(--brand);border:1px solid #cfe2d1;border-radius:10px;padding:14px 18px;font-size:14.5px;font-weight:600;letter-spacing:.3px;line-height:1.6}
.cm-status .cm-lock{margin-left:4px;display:inline-block;transform:translateY(1px)}

/* 表单卡 */
.cm-form{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:18px 20px 14px;max-width:880px;margin:0 auto}
.cm-meta{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:18px;padding-bottom:14px}
.cm-meta-item{display:flex;flex-direction:column;font-size:13px;color:var(--ink-l);font-weight:600;letter-spacing:.3px}
.cm-meta-item input{margin-top:6px;background:transparent;border:none;border-bottom:1px dashed var(--line);padding:4px 0 6px;font-size:14px;color:var(--ink);font-weight:400;font-family:inherit;outline:none;transition:border-color .2s}
.cm-meta-item input:focus{border-bottom-color:var(--brand)}
.cm-meta-item input::placeholder{color:#A8B5AF}
.cm-sep{border-top:1px dashed var(--line);margin-bottom:12px}
.cm-textarea{width:100%;min-height:130px;border:none;outline:none;resize:vertical;font-family:inherit;font-size:14.5px;line-height:1.7;color:var(--ink);background:transparent;padding:4px 2px 6px}
.cm-textarea::placeholder{color:#9CA8A2}
.cm-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:12px;flex-wrap:wrap}
.cm-tools{display:flex;align-items:center;gap:4px}
.cm-tool{background:transparent;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:17px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.cm-tool:hover{background:#e8f1e9;color:var(--brand)}
.cm-right{display:flex;align-items:center;gap:10px}
.cm-count{font-size:13px;color:var(--ink-l);font-variant-numeric:tabular-nums}
.cm-count.warn{color:#F59E0B;font-weight:700}
.cm-login{background:#F4F6F4;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}
.cm-login:hover{border-color:var(--brand);color:var(--brand)}
.cm-submit{background:linear-gradient(180deg,var(--brand) 0%,var(--deep) 100%);color:#fff;border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:1px;box-shadow:0 4px 12px rgba(27,94,74,.18);transition:.15s}
.cm-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,94,74,.28)}
.cm-submit:active{transform:translateY(0)}

/* 评论列表 */
.cm-list{max-width:880px;margin:24px auto 0}
.cm-list-head{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px}
.cm-list-title{font-size:18px;font-weight:800;color:var(--brand);margin:0;letter-spacing:.5px}
.cm-sort{display:flex;align-items:center;gap:4px;background:#F4F6F4;border-radius:8px;padding:3px}
.cm-sort-btn{background:transparent;border:none;padding:5px 12px;font-size:13px;color:var(--ink-l);border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600;transition:.15s}
.cm-sort-btn:hover{color:var(--brand)}
.cm-sort-btn.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.cm-empty{padding:36px 8px;text-align:center;color:var(--ink-l);font-size:13.5px}

/* 评论卡 */
.cm-item{display:flex;gap:14px;padding:18px 4px 16px;border-bottom:1px dashed var(--line);align-items:flex-start}
.cm-item:last-child{border-bottom:none}
.cm-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e8f1e9;display:flex;align-items:center;justify-content:center}
.cm-avatar svg{display:block;width:100%;height:100%}
.cm-body{flex:1;min-width:0}
.cm-row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cm-name{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:.3px}
.cm-tag{font-size:11px;color:#2563EB;background:#E0E9FB;padding:2px 8px;border-radius:4px;font-weight:600;letter-spacing:.5px}
.cm-time{font-size:13px;color:var(--ink-l);font-weight:400;margin-left:auto}
.cm-meta-line{margin-top:4px;font-size:11.5px;color:var(--ink-l);letter-spacing:.2px;line-height:1.5}
.cm-content{margin-top:8px;font-size:14.5px;color:var(--ink);line-height:1.75;word-break:break-word;white-space:pre-wrap}
.cm-actions{margin-top:6px;display:flex;align-items:center;gap:14px;justify-content:flex-end;color:var(--ink-l)}
.cm-act{background:transparent;border:none;display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-l);cursor:pointer;font-family:inherit;padding:3px 4px;border-radius:6px;transition:.15s}
.cm-act:hover{color:var(--brand);background:#e8f1e9}
.cm-act svg{display:block}

/* 移动端 */
@media (max-width:900px){
  .comments{padding:36px 0 44px}
  .comments .wrap{padding:0 18px}
  .comments .sec-head .t{font-size:22px}
  .cm-meta{grid-template-columns:1fr;gap:10px;padding-bottom:10px}
  .cm-form{padding:16px 14px 12px}
  .cm-textarea{min-height:110px}
  .cm-foot{gap:8px}
  .cm-right{width:100%;justify-content:flex-end}
  .cm-list-title{font-size:16px}
  .cm-item{padding:14px 2px 12px;gap:11px}
  .cm-avatar{width:36px;height:36px}
  .cm-time{margin-left:0}
}

/* 返回顶部 */
.to-top{position:fixed;right:18px;bottom:88px;z-index:74;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 6px 18px rgba(16,36,31,.12);color:var(--brand);font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s;cursor:pointer;font-family:inherit}
.to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
.to-top:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(max-width:999px){.to-top{right:14px;bottom:140px;width:38px;height:38px;font-size:17px}}

/* 背景音乐浮窗 */
.bgm-float{position:fixed;left:16px;bottom:16px;z-index:66;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:30px;padding:7px 9px 7px 7px;display:flex;align-items:center;gap:10px;box-shadow:var(--sh-2);max-width:360px;animation:bgmFloatIn .8s cubic-bezier(.22,.61,.36,1) both;transform-origin:0 100%;transition:max-width .5s cubic-bezier(.22,.61,.36,1)}
@keyframes bgmFloatIn{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.bgm-float .cover{width:36px;height:36px;border-radius:11px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d8efde 0%,#b6e2bb 100%);box-shadow:inset 0 0 0 1px rgba(27,94,74,.08)}
.bgm-float .cover .emoji{font-size:20px;line-height:1;display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}
.bgm-float .cover img{width:100%;height:100%;object-fit:cover}
.bgm-float .info{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.bgm-float .info b{font-size:13px;color:var(--ink)}
.bgm-float .info span{font-size:11px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bgm-float .play{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--brand);color:#fff;border:none;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1)}
.bgm-float .play:hover{background:var(--deep)}
/* 音量按钮 + 滑块（默认收起，点开才显示滑块） */
.bgm-float .vol{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:transparent;color:var(--deep);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}
.bgm-float .vol:hover{background:rgba(27,94,74,.08);transform:scale(1.08)}
.bgm-float .vol.muted{color:var(--sub)}
.bgm-vol-range{appearance:none;-webkit-appearance:none;flex-shrink:0;height:18px;width:0;opacity:0;padding:0;margin:0;border:0;background:transparent;cursor:pointer;transition:width .5s cubic-bezier(.22,.61,.36,1),opacity .5s cubic-bezier(.22,.61,.36,1),padding .5s cubic-bezier(.22,.61,.36,1)}
.bgm-float.vol-open .bgm-vol-range{width:90px;opacity:1;padding:0 4px}
.bgm-vol-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand) var(--vol,35%),var(--line) var(--vol,35%),var(--line) 100%);border-radius:2px}
.bgm-vol-range::-moz-range-track{height:4px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand) var(--vol,35%),var(--line) var(--vol,35%),var(--line) 100%);border-radius:2px}
.bgm-vol-range::-moz-range-progress{height:4px;background:var(--brand);border-radius:2px}
.bgm-vol-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand);border:2px solid #fff;box-shadow:0 2px 6px rgba(27,94,74,.35);cursor:pointer;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.bgm-vol-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand);border:2px solid #fff;box-shadow:0 2px 6px rgba(27,94,74,.35);cursor:pointer;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.bgm-vol-range:hover::-webkit-slider-thumb{transform:scale(1.18)}
.bgm-vol-range:active::-webkit-slider-thumb{transform:scale(1.25)}
.bgm-float .eq{display:none}
.bgm-float.playing .eq{display:flex;gap:2px;align-items:flex-end;height:14px}
.bgm-float.playing .eq i{width:2.5px;background:var(--accent);border-radius:2px;animation:eq .9s ease-in-out infinite}
.bgm-float.playing .eq i:nth-child(1){height:8px;animation-delay:0s}
.bgm-float.playing .eq i:nth-child(2){height:14px;animation-delay:.15s}
.bgm-float.playing .eq i:nth-child(3){height:10px;animation-delay:.3s}
.bgm-float.playing .eq i:nth-child(4){height:13px;animation-delay:.45s}
@keyframes eq{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@media(max-width:999px){.bgm-float{left:12px;bottom:76px;max-width:190px}.bgm-float .info span{display:none}}
/* 跨页续播被浏览器自动播放策略拦截时：明显提示用户点一下继续 */
.bgm-float.resume-pending{max-width:230px}
.bgm-float.resume-pending .play{animation:bgmPulse 1.1s ease-in-out infinite}
.bgm-float.resume-pending::after{content:"点一下继续播放";position:absolute;left:50%;top:-32px;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:11px;line-height:1;padding:5px 11px;border-radius:13px;white-space:nowrap;box-shadow:var(--sh-2);pointer-events:none}
@keyframes bgmPulse{0%{box-shadow:0 0 0 0 rgba(13,138,94,.55)}70%{box-shadow:0 0 0 11px rgba(13,138,94,0)}100%{box-shadow:0 0 0 0 rgba(13,138,94,0)}}

/* 音频列表 */
.audio-list{display:grid;gap:14px}
.audio-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--sh-1);transition:.25s}
.audio-item:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.audio-item .ic{width:52px;height:52px;border-radius:14px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#d8efde 0%,#b6e2bb 100%);display:flex;align-items:center;justify-content:center;font-size:0;box-shadow:inset 0 0 0 1px rgba(27,94,74,.08)}
.audio-item .ic .emoji{font-size:28px;line-height:1;letter-spacing:0;display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}
.audio-item .ic img{width:100%;height:100%;object-fit:cover}
.audio-item .meta{flex:1;min-width:0}
.audio-item .meta h4{font-size:16px;margin-bottom:2px}
.audio-item .meta .dur{font-size:13px;color:var(--sub)}
.audio-item audio{width:min(260px,42vw);height:38px;flex-shrink:0}
@media(max-width:700px){
  .audio-item{flex-wrap:wrap}
  .audio-item audio{width:100%;margin-top:8px}
}

/* ============ 分享卡：把音乐频道转发给朋友 ============ */
.share-bar{max-width:820px;margin:22px auto 0;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f3f9f4 100%);border:1px solid var(--line);box-shadow:var(--sh-1);display:grid;grid-template-columns:1.1fr 1.2fr .95fr;gap:22px;align-items:stretch;position:relative;overflow:hidden}
.share-bar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand) 0%,var(--accent) 100%)}
.share-bar .sb-left{display:flex;align-items:flex-start;gap:12px}
.share-bar .sb-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5e3 0%,#ffe1b3 100%);font-size:22px;line-height:1;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(217,119,6,.18)}
.share-bar .sb-txt h3{margin:0 0 4px;font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.35}
.share-bar .sb-txt p{margin:0;font-size:12.5px;line-height:1.6;color:var(--sub)}
.share-bar .sb-mid{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.share-bar .sb-eyebrow{font-size:11px;color:var(--brand);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.share-bar .sb-quote{margin:0;padding:10px 14px;border-radius:10px;background:rgba(13,140,94,.06);border-left:3px solid var(--brand);font-size:14px;line-height:1.55;color:var(--ink);font-weight:600;position:relative;min-height:62px;display:flex;align-items:center;transition:opacity .35s}
.share-bar .sb-quote .q-mark{position:absolute;left:6px;top:-6px;font-size:24px;color:var(--brand);font-family:Georgia,serif;opacity:.4;line-height:1}
.share-bar .sb-quote .q-text{padding-left:18px;display:block}
.share-bar .sb-quote.fading{opacity:0}
.share-bar .sb-dots{display:flex;gap:6px;margin-top:2px}
.share-bar .sb-dots button{width:8px;height:8px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;transition:.18s}
.share-bar .sb-dots button.on{width:22px;border-radius:5px;background:var(--brand)}
.share-bar .sb-dots button:hover{background:var(--brand-d)}
.share-bar .sb-right{display:flex;flex-direction:column;gap:10px;min-width:0}
.share-bar .sb-link-row{display:flex;gap:6px;align-items:stretch}
.share-bar .sb-link{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--ink);background:#fff;font-family:Menlo,monospace;outline:none}
.share-bar .sb-link:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,140,94,.12)}
.share-bar .sb-copy{padding:0 16px;border:none;border-radius:9px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:.18s;flex-shrink:0}
.share-bar .sb-copy:hover{background:var(--brand-d);transform:translateY(-1px)}
.share-bar .sb-copy:active{transform:translateY(0)}
.share-bar .sb-copy.copied{background:var(--accent)}
.share-bar .sb-qr-row{display:flex;align-items:center;gap:10px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px}
.share-bar .sb-qr{width:64px;height:64px;border-radius:6px;background:#fff;display:block}
.share-bar .sb-qr-tip{font-size:12px;color:var(--sub);line-height:1.4}
.share-bar .sb-qr-tip b{display:block;color:var(--ink);font-size:13px;margin-bottom:1px}

@media(max-width:760px){
  .share-bar{grid-template-columns:1fr;gap:14px;padding:16px}
  .share-bar .sb-mid{order:3}
  .share-bar .sb-right{order:2;flex-direction:row;align-items:stretch}
  .share-bar .sb-qr-row{flex:1}
  .share-bar .sb-qr-tip{flex:1}
}
@media(max-width:480px){
  .share-bar .sb-right{flex-direction:column}
}

/* 分享卡：单行紧凑版（合二为一） */
.share-mini{max-width:760px;margin:20px auto 0;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f3f9f4 100%);border:1px solid var(--line);box-shadow:var(--sh-1);position:relative;overflow:hidden}
.share-mini::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand) 0%,var(--accent) 100%)}
.share-mini .sm-ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5e3 0%,#ffe1b3 100%);font-size:18px;flex-shrink:0}
.share-mini .sm-quote{margin:0;padding:6px 10px;border-radius:8px;background:rgba(13,140,94,.06);border-left:3px solid var(--brand);font-size:13px;line-height:1.4;color:var(--ink);font-weight:600;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .35s}
.share-mini .sm-quote .q-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-mini .sm-quote.fading{opacity:0}
.share-mini .sm-ctrl{display:flex;align-items:center;gap:6px;flex-shrink:0}
.share-mini .sm-link{width:170px;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--ink);background:#fff;font-family:Menlo,monospace;outline:none}
.share-mini .sm-link:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,140,94,.12)}
.share-mini .sm-copy{padding:0 14px;height:30px;border:none;border-radius:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:.18s;flex-shrink:0}
.share-mini .sm-copy:hover{background:var(--brand-d)}
.share-mini .sm-copy.copied{background:var(--accent)}
.share-mini .sm-dots{display:flex;gap:5px;flex-shrink:0}
.share-mini .sm-dots button{width:7px;height:7px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;transition:.18s}
.share-mini .sm-dots button.on{width:18px;border-radius:4px;background:var(--brand)}
.share-mini .sm-qr{width:46px;height:46px;border-radius:8px;background:#fff;display:block;flex-shrink:0}
@media(max-width:640px){
  .share-mini{flex-wrap:wrap;gap:8px}
  .share-mini .sm-quote{order:1;flex-basis:100%}
  .share-mini .sm-qr{display:none}
  .share-mini .sm-ctrl{flex:1}
  .share-mini .sm-link{flex:1;width:auto}
}

/* 案例视频 */
.video-box{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-2);background:#000}
.video-box video{width:100%;display:block;max-height:520px}

/* 提示条 */
.note{background:var(--sand);border-left:4px solid var(--accent);border-radius:10px;padding:16px 20px;font-size:14.5px;color:var(--ink);line-height:1.8;margin-top:22px}
.note b{color:#4d340a}

/* ===================== 聊天 CTA 卡片（替代旧的内嵌窗口 section） ===================== */
.chat-cta{padding:48px 0 64px;background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chat-cta-card{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 32px;box-shadow:var(--sh-2);max-width:980px;margin:0 auto}
.chat-cta-card .l{display:flex;align-items:center;gap:18px;flex:1;min-width:0}
.chat-cta-card .ic{width:54px;height:54px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 22px rgba(27,94,74,.28)}
.chat-cta-card .ic .cs-ico{display:block;width:28px;height:28px}
.chat-cta-card h3{font-size:18px;font-weight:800;margin-bottom:4px;color:var(--ink)}
.chat-cta-card p{font-size:14px;color:var(--sub);line-height:1.7;margin:0}
.chat-cta-card .btn{flex-shrink:0;padding:13px 26px;font-size:14.5px}
@media(max-width:760px){
  .chat-cta{padding:36px 0 48px}
  .chat-cta-card{flex-direction:column;align-items:flex-start;padding:22px 22px;gap:18px}
  .chat-cta-card .btn{width:100%;text-align:center}
  .chat-cta-card .l{gap:14px}
  .chat-cta-card .ic{width:46px;height:46px;font-size:24px;border-radius:12px}
  .chat-cta-card h3{font-size:16.5px}
}

/* ===================== 小慧在线 · 顶部菜单下侧悬浮咨询按钮 ===================== */
.xh-fab{position:fixed;right:18px;top:272px;z-index:99;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);color:#fff;border-radius:50px;padding:10px 18px 10px 14px;border:2.5px solid #fff;box-shadow:0 8px 26px rgba(0,0,0,.32),0 0 0 4px rgba(255,255,255,.18),0 0 22px rgba(245,158,11,.42);font-size:14px;font-weight:600;line-height:1;cursor:grab;transition:transform .25s cubic-bezier(.22,.9,.3,1),box-shadow .25s;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}
.xh-fab:hover{box-shadow:0 10px 32px rgba(0,0,0,.4),0 0 0 4px rgba(255,255,255,.28),0 0 28px rgba(245,158,11,.6);color:#fff}
.xh-fab.xh-dragging{cursor:grabbing;transition:none!important}
.xh-fab .xh-ico{width:22px;height:22px;flex-shrink:0}
.xh-fab .xh-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 0 2px rgba(245,158,11,.35);animation:xh-pulse 2s infinite}
.xh-fab .xh-txt{letter-spacing:.2px}
.xh-fab .xh-badge{min-width:18px;height:18px;border-radius:50%;background:#F59E0B;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-left:2px;box-shadow:0 2px 6px rgba(245,158,11,.45);flex-shrink:0}
@keyframes xh-pulse{
  0%{box-shadow:0 0 0 0 rgba(245,158,11,.45)}
  70%{box-shadow:0 0 0 6px rgba(245,158,11,0)}
  100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}
}
@media(max-width:760px){
  .xh-fab{right:12px;top:210px;padding:9px 14px 9px 12px;font-size:13px;gap:8px}
  .xh-fab .xh-ico{width:20px;height:20px}
  .xh-fab .xh-dot{width:7px;height:7px}
}

/* ===================== 小慧在线 · 聊天对话框 ===================== */
.xh-chat-overlay{position:fixed;inset:0;z-index:998;background:rgba(16,36,31,.45);opacity:0;pointer-events:none;transition:opacity .5s ease}
.xh-chat-overlay.open{opacity:1;pointer-events:auto}
.xh-chat-modal{position:fixed;top:50%;left:50%;z-index:999;width:560px;max-width:calc(100vw - 40px);max-height:calc(100vh - 56px);background:#fff;border-radius:24px;box-shadow:0 34px 90px rgba(16,36,31,.38);display:flex;flex-direction:column;overflow:hidden;transform:translate(calc(50vw + 50% + 120px),-50%) scale(.92);opacity:0;pointer-events:none;transition:transform 1.2s cubic-bezier(.22,.9,.3,1),opacity .6s ease;will-change:transform,opacity}
.xh-chat-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
body.xh-chat-open{overflow:hidden}

.xh-chat-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);color:#fff}
.xh-chat-head-left{display:flex;align-items:center;gap:14px}
.xh-chat-ico{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.xh-chat-ico svg{width:24px;height:24px;color:#fff}
.xh-chat-title{font-size:18px;font-weight:800;line-height:1.2}
.xh-chat-sub{font-size:13px;opacity:.88;margin-top:4px;display:flex;align-items:center;gap:6px}
.xh-chat-sub::before{content:'';width:8px;height:8px;border-radius:50%;background:#57d164;box-shadow:0 0 0 2px rgba(74,222,128,.35);animation:xh-dot-pulse 2s infinite}
.xh-chat-head-right{display:flex;align-items:center;gap:10px}
.xh-chat-tag{font-size:12px;font-weight:700;color:var(--brand);background:#fff;border-radius:20px;padding:5px 12px;white-space:nowrap}
.xh-chat-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}
.xh-chat-close:hover{background:rgba(255,255,255,.28)}

.xh-chat-body{flex:1;overflow-y:auto;padding:24px 26px;background:#F8FAF9;min-height:230px}
.xh-chat-bubble{background:#fff;border-radius:18px 18px 18px 5px;padding:18px 20px;font-size:15px;color:var(--ink);line-height:1.85;box-shadow:0 2px 12px rgba(16,36,31,.07);margin-bottom:10px}
.xh-chat-bubble strong{font-weight:700;color:var(--brand)}
.xh-chat-bubble.user{background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);color:#fff;border-radius:18px 18px 5px 18px;margin-left:auto;max-width:82%;width:fit-content;box-shadow:0 2px 12px rgba(20,80,62,.22)}
.xh-chat-bubble.user strong{color:#FBBF24}
.xh-chat-time{font-size:12px;color:var(--ink-l);text-align:right;margin-top:6px}
.xh-chat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.xh-chat-chip{background:#fff;border:1px solid var(--line);border-radius:22px;padding:9px 13px;font-size:13.5px;color:var(--brand);font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(16,36,31,.04);white-space:nowrap}
.xh-chat-chip:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.xh-chat-chip.primary{background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(20,80,62,.30)}
.xh-chat-chip.primary:hover{background:linear-gradient(135deg,#174d21 0%,#0d4016 100%);color:#fff}

.xh-chat-foot{flex-shrink:0;padding:14px 18px 18px;background:#fff;border-top:1px solid var(--line)}
.xh-chat-input-wrap{display:flex;align-items:center;gap:10px;background:#F5F7F6;border-radius:26px;padding:8px 8px 8px 18px;border:1px solid var(--line)}
.xh-chat-input{flex:1;border:0;background:transparent;font-size:15px;color:var(--ink);outline:none;line-height:1.5}
.xh-chat-input::placeholder{color:#9aa8a2}
.xh-chat-send{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,#1d5c28 0%,#174d21 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(20,80,62,.25)}
.xh-chat-send:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(20,80,62,.32)}
.xh-chat-send svg{width:19px;height:19px}
.xh-chat-note{font-size:13px;color:var(--ink-l);text-align:center;margin-top:12px;line-height:1.6}
.xh-chat-note strong{color:var(--brand);font-weight:700}
/* 小慧在线 · AI 思考中气泡与发送态 */
.xh-typing{display:inline-flex;align-items:center;gap:5px;height:20px}
.xh-typing i{width:7px;height:7px;border-radius:50%;background:#9CB8AE;animation:xh-typing-dot 1.1s infinite ease-in-out}
.xh-typing i:nth-child(2){animation-delay:.18s}
.xh-typing i:nth-child(3){animation-delay:.36s}
@keyframes xh-typing-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.xh-chat-send:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

@keyframes xh-dot-pulse{
  0%{box-shadow:0 0 0 0 rgba(74,222,128,.45)}
  70%{box-shadow:0 0 0 6px rgba(74,222,128,0)}
  100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}
}
@media(max-width:760px){
  .xh-chat-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);border-radius:18px}
  .xh-chat-head{padding:16px 18px;gap:12px}
  .xh-chat-ico{width:40px;height:40px}
  .xh-chat-title{font-size:16px}
  .xh-chat-body{padding:16px}
  .xh-chat-bubble{font-size:14px;padding:14px 16px}
  .xh-chat-chip{padding:8px 11px;font-size:12.5px}
  .xh-chat-chips{gap:6px}
  .xh-chat-input{font-size:14px}
  .xh-chat-send{width:38px;height:38px}
}

/* 滚动渐入 */
.reveal-ready .rv{opacity:0;transform:translateY(22px)}
.reveal-ready .rv.in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,.9,.3,1),transform .7s cubic-bezier(.22,.9,.3,1)}
@media(prefers-reduced-motion:reduce){
  .reveal-ready .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
  *{animation-duration:.01ms!important}
}

/* ===== AI 看效果 · AI 制作提示条 ===== */
.ai-note{background:linear-gradient(90deg,#fff8ec 0%,#fffdf7 100%);border-top:3px solid #F59E0B;border-bottom:1px solid #f2e4cb}
.ai-note .in{max-width:1180px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ai-note .an-tag{flex:none;background:#F59E0B;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 11px;border-radius:20px;box-shadow:0 2px 8px rgba(245,158,11,.35)}
.ai-note p{flex:1 1 420px;margin:0;font-size:15px;line-height:1.75;color:#4a3f31}
.ai-note p b{color:#165320}
.ai-note .an-cta{flex:none;font-size:14px;font-weight:600;color:#165320;white-space:nowrap;border-bottom:2px solid #F59E0B;padding-bottom:2px}
.ai-note .an-cta:hover{color:#F59E0B}
@media(max-width:760px){
  .ai-note .in{padding:14px 16px;gap:10px}
  .ai-note p{font-size:14px;flex:1 1 100%}
  .ai-note .an-cta{font-size:13px}
}

/* AI 看效果 · 二级菜单「主推」角标 */
.sub .hot{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:5px;
  font-size:10px;font-weight:700;line-height:1.5;vertical-align:1px;letter-spacing:.3px;
  color:#fff;background:linear-gradient(135deg,#F59E0B,#F97316);white-space:nowrap}

/* 最后一项主菜单（关于我们）下拉右对齐，避免溢出视口右缘 */
#navList > li:nth-last-child(2).has-sub .sub{left:auto;right:0;transform:translateX(0) translateY(-8px)}
#navList > li:nth-last-child(2).has-sub:hover .sub{transform:translateX(0) translateY(0)}

/* ===== 二级页内子导航（与下拉菜单同款标准样式） ===== */
.phero:has(.p-subnav){padding:28px 0 54px}
.p-subnav{display:flex;justify-content:center;margin-bottom:30px;position:relative;z-index:2;background:transparent}
.p-subnav .in{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;background:transparent;border-radius:0;padding:0;box-shadow:none}
.p-subnav a{display:inline-flex;align-items:center;gap:7px;padding:9px 19px;border-radius:11px;font-size:14px;font-weight:600;line-height:1.1;color:#fff;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;transition:.2s;white-space:nowrap;border:1px solid rgba(255,255,255,.45)}
.p-subnav a::before{content:"✓";font-weight:700;color:rgba(255,255,255,.92);font-size:13px;margin-right:1px}
.p-subnav a .mi,.p-subnav a .s-d{display:none}
.p-subnav a .s-txt{display:inline}
.p-subnav a .s-t{font-size:14px;font-weight:600;color:inherit}
.p-subnav a:hover{background:rgba(255,255,255,.32);color:#fff;border-color:rgba(255,255,255,.8);box-shadow:0 6px 16px rgba(0,40,30,.18);transform:translateY(-1px)}
.p-subnav a.cur{background:#fff;color:#165320;font-weight:700;border-color:#fff;box-shadow:0 6px 16px rgba(0,40,30,.22)}
.p-subnav a.cur::before{color:#165320}
@media(max-width:900px){.p-subnav{display:block !important;padding:0 14px;box-sizing:border-box;width:100%}.p-subnav .in{display:block !important;width:100%;max-width:100%;text-align:center}.p-subnav a{display:inline-flex !important;float:none;margin:4px}}
/* 归档页（标签/分类）hero 整体居中：chips + 标题 + 副标题（仅 WP 归档页带 phero-center 类时生效） */
.phero-center .in{text-align:center}
.phero-center .in p{margin-left:auto;margin-right:auto}

/* 老板工具：算账 / 今日必办 / 文案助手 板块 */
.tool-sec{scroll-margin-top:90px}
.tool-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(13,92,67,.06)}
.tool-box h4{margin:0 0 12px;font-size:16px;color:#1a4d23}
.tool-in{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;color:#1a4d23}
.tool-in:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,138,94,.12)}
.tool-res{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tool-res div{background:var(--soft);border-radius:10px;padding:12px 14px}
.tool-res b{display:block;font-size:19px;color:#165320;line-height:1.3}
.tool-res span{font-size:12px;color:var(--sub)}
.tool-tip{margin-top:12px;font-size:13px;color:var(--sub);line-height:1.6}
.todo-list{list-style:none;padding:0;margin:0}
.todo-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line);font-size:15px;color:#1a4d23;line-height:1.5}
.todo-list li:last-child{border-bottom:0}
.todo-list input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:#1d7a2c}
.todo-list label{cursor:pointer}
.todo-list li.done label{text-decoration:line-through;color:var(--sub)}
.todo-meta{margin-top:12px;font-size:13px;color:var(--sub)}
.copy-item{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;box-shadow:0 6px 18px rgba(13,92,67,.05)}
.copy-item h4{margin:0 0 4px;font-size:15.5px;color:#1a4d23}
.copy-item .cd{font-size:12.5px;color:var(--sub);margin:0 0 10px}
.copy-item textarea{width:100%;box-sizing:border-box;min-height:130px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.65;font-family:inherit;resize:vertical;color:#334}
.copy-item textarea:focus{outline:none;border-color:var(--brand)}
@media(max-width:999px){.tool-res{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tool-res{grid-template-columns:1fr 1fr}.tool-box{padding:16px}}

/* AI服务页内子导航：两级结构（四个二级栏目 + 可展开的三级行） */
.p-subnav{flex-direction:column;align-items:center;gap:2px}
.p-subnav .grp em{font-style:normal;font-size:10.5px;font-weight:600;background:rgba(255,255,255,.22);border-radius:9px;padding:1px 7px;margin-left:4px;line-height:1.4}
.p-subnav .grp::before{content:"▾";margin-right:1px;font-size:12px}
.p-subnav .grp{cursor:pointer}
.p-subnav .grp.on{background:#fff;color:#165320;font-weight:700;border-color:#fff;box-shadow:0 6px 16px rgba(0,40,30,.22)}
.p-subnav .grp.on::before{color:#165320}
.p-subnav .in.sub-row{gap:6px;margin-top:2px}
.p-subnav .in.sub-row a{padding:6px 14px;font-size:13px;font-weight:500;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.30);box-shadow:none}
.p-subnav .in.sub-row a::before{content:"·";font-size:15px;line-height:1}
.p-subnav .in.sub-row a.cur{background:#fff;color:#165320;font-weight:700;border-color:#fff;box-shadow:0 6px 16px rgba(0,40,30,.22)}
.p-subnav .in.sub-row a.cur::before{color:#165320}
.p-subnav .in[hidden]{display:none!important}

/* 真实场景案例卡 */
.case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:999px){.case-list{grid-template-columns:1fr}}
.case-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left;box-shadow:0 6px 18px rgba(13,92,67,.06);transition:.25s}
.case-item:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(13,92,67,.13)}
.case-item .who{font-size:12px;color:#1d7a2c;font-weight:700;letter-spacing:.5px;margin-bottom:8px}
.case-item h3{font-size:17px;color:#1a4d23;margin:0 0 12px;line-height:1.45}
.case-item p{margin:0 0 8px;font-size:14.5px;color:var(--sub);line-height:1.8}
.case-item p:last-child{margin-bottom:0}
.case-item p b{color:#1a4d23;font-weight:700}

/* 好礼专享：产品卡标签与限时角标 */
.prod-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;color:#1d7a2c;background:rgba(13,138,94,.10);border:1px solid rgba(13,138,94,.22);border-radius:8px;padding:1px 8px;margin-bottom:8px}
.prod-tag.hot{color:#C2531F;background:rgba(233,124,59,.12);border-color:rgba(233,124,59,.28)}
.season-flag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#E8743B,#C2531F);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px;padding:5px 14px;border-radius:999px;box-shadow:0 6px 16px rgba(194,83,31,.28)}
.season-flag::before{content:"🥮"}

/* ============ 首页 hero：轻雾松林淡底 + 慧小松站进景里（2026-09-27 二改） ============ */
/* 回滚：.hero-bg 里放回 <img src="assets/img/hero-pine-01.jpg" class="on">（实景松林照 + 左深右透压暗层），
   并让 .huixiaosong 的固定右下角形象在首页照常出现（见 main.js 的 index 分支）。旧规则备份在 _bak_heropine_20260927/ */
.hero-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-home .hero-mascot{position:absolute;right:1.5%;bottom:0;width:clamp(150px,14.5vw,208px);
  filter:drop-shadow(0 12px 26px rgba(6,40,26,.30))}
.hero-home .hero-mascot img{display:block;width:100%;height:auto}
/* 900px 以下与 .huixiaosong 同规则隐藏，避免与右下角悬浮件抢位 */
@media(max-width:900px){.hero-home .hero-mascot{display:none}}

/* ============ 首页：通栏大图轮播 ============ */
.hcarousel{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b3d14,#174d21 55%,#1d7a2c)}
.hc-track{position:relative;height:clamp(320px,40vw,460px)}
.hc-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(300px,1fr) 1.15fr;align-items:center;gap:30px;padding:0 max(20px,calc((100vw - var(--maxw))/2 + 20px));opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.hc-slide.on{opacity:1;visibility:visible}
.hc-cap{padding:40px 0 52px;color:#fff}
.hc-cap .hc-tag{display:inline-block;font-size:12px;letter-spacing:2px;background:rgba(245,158,11,.92);color:#fff;border-radius:999px;padding:4px 14px;font-weight:700;margin-bottom:14px}
.hc-cap h3{font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.45;margin:0 0 12px}
.hc-cap p{font-size:15px;color:rgba(255,255,255,.86);line-height:1.8;margin:0 0 20px;max-width:520px}
.hc-img{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hc-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.hc-slide.fig .hc-img{width:-moz-fit-content;width:fit-content;max-width:100%;height:auto;justify-self:end;background:linear-gradient(180deg,#fff,#eef6ef);padding:12px;border-radius:16px;box-shadow:0 18px 44px rgba(0,25,15,.35)}
.hc-slide.fig .hc-img img{width:auto;height:auto;max-width:100%;max-height:calc(clamp(320px,40vw,460px) - 96px);object-fit:contain;border-radius:8px;box-shadow:none}
.hc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:22px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.2s}
.hc-arrow:hover{background:rgba(255,255,255,.36)}
.hc-prev{left:14px}.hc-next{right:14px}
.hc-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:6}
.hc-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:.25s}
.hc-dots i.on{background:#F59E0B;width:24px;border-radius:6px}
@media(max-width:820px){
  .hc-track{height:auto}
  .hc-slide{position:absolute;grid-template-columns:1fr;grid-template-rows:auto auto;gap:0;padding:0}
  .hc-slide.on{position:relative}
  .hc-img{order:-1}
  .hc-slide.fig .hc-img{order:-1;justify-self:stretch;margin:16px 20px 0;max-width:calc(100% - 40px)}
  .hc-slide.fig .hc-img img{max-height:min(46vw,220px)}
  .hc-cap{padding:16px 20px 48px}
  .hc-arrow{display:none}
}

/* ============ 首屏老板心声入口（绿色，与 hcarousel 同一套绿） ============ */
.hero-mind{background:linear-gradient(135deg,#0b3d14,#174d21 55%,#1d7a2c);color:#fff;padding:24px 0 28px}
.hero-mind .hm-in{max-width:var(--maxw);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hero-mind .hm-txt{min-width:0}
.hero-mind .hm-tag{display:inline-block;font-size:12px;letter-spacing:2px;background:rgba(245,158,11,.92);color:#fff;border-radius:999px;padding:4px 14px;font-weight:700;margin-bottom:12px}
.hero-mind h3{font-size:clamp(19px,2.4vw,25px);font-weight:800;margin:0 0 8px;line-height:1.45}
.hero-mind p{font-size:14.5px;color:rgba(255,255,255,.86);margin:0;line-height:1.7}
.hero-mind .hm-acts{display:flex;gap:12px;flex-shrink:0}
.hero-mind .btn{padding:11px 24px;font-size:15px}
@media(max-width:760px){
  .hero-mind .hm-in{flex-direction:column;align-items:flex-start}
  .hero-mind .hm-acts{width:100%}
  .hero-mind .btn{flex:1;text-align:center}
}

/* ============ 核心产品卡强化 ============ */
.svc-card{border-top:4px solid;border-image:linear-gradient(90deg,#1d7a2c,#F59E0B) 1;transition:transform .25s,box-shadow .25s}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(13,92,67,.16)}
.svc-card .price{background:linear-gradient(90deg,rgba(13,138,94,.10),rgba(245,158,11,.12));border-radius:8px;padding:6px 10px;display:inline-block}

/* ============ 首页好礼专享入口（轻量模块，可一键关闭） ============ */
/* z-index 40：低于 sticky 导航(60)/抽屉遮罩(55)/抽屉(56)，永远压不到头部与汉堡按钮；
   仍然高于普通内容层（其余浮层：to-top 74、scroll-bar 80 分别在右下与顶部 3px，无冲突） */
/* top 用 --head-h（信息条+导航的实测高度，main.js 写入，默认 107px），
   页面在顶端时挂件不会被吸顶导航压住；滚动后导航吸顶，位置仍稳妥。 */
.gift-float{position:fixed;right:39px;top:calc(var(--head-h,107px) + 8px);z-index:40;width:132px;background:linear-gradient(160deg,#fff,#fdf6ec);
  border:1px solid rgba(233,124,59,.28);border-radius:14px;box-shadow:0 14px 34px rgba(120,60,20,.18);
  padding:14px 12px 13px;text-align:center;transition:.28s;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;align-items:center}
.gift-float:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(120,60,20,.24)}
.gift-float .gf-x{position:absolute;top:2px;right:6px;background:none;border:none;font-size:15px;color:#b09a86;cursor:pointer;line-height:1;padding:2px 4px}
.gift-float .gf-ic{font-size:22px;line-height:1;margin-bottom:4px}
.gift-float .gf-t{font-size:14.5px;font-weight:800;color:#8A3A16;letter-spacing:.5px}
.gift-float .gf-d{font-size:11px;color:#8a7a6c;line-height:1.5;margin:5px 0 7px}
.gift-float .gf-b{display:block;background:linear-gradient(135deg,#E8743B,#C2531F);color:#fff;font-size:13px;font-weight:700;
  border-radius:9px;padding:7px 0;text-decoration:none;box-shadow:0 6px 14px rgba(194,83,31,.3)}
.gift-float .gf-b:hover{filter:brightness(1.06)}
.gift-band{background:linear-gradient(120deg,#FFF7EE,#FDF1E4);border-top:1px solid rgba(233,124,59,.2);border-bottom:1px solid rgba(233,124,59,.2)}
.gift-band .in{max-width:var(--maxw);margin:0 auto;padding:30px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between}
.gift-band .gb-txt{flex:1;min-width:260px}
.gift-band .gb-txt h2{margin:0 0 8px;font-size:21px;font-weight:800;color:#8A3A16;letter-spacing:.5px}
.gift-band .gb-txt p{margin:0;font-size:14.5px;color:#7a6a5c;line-height:1.9}
.gift-band .gb-ic{font-size:40px;line-height:1}
@media(max-width:640px){.gift-float{width:104px;right:37px;padding:12px 10px 11px}.gift-float .gf-d{display:none}}

/* ===== 掌柜茶馆 · 创业心声 首页引导（MIND-BAND，可整段删除） ===== */
.mind-band{background:linear-gradient(120deg,#f2f8f3,#e6f0e7);border-top:1px solid rgba(13,92,67,.14);border-bottom:1px solid rgba(13,92,67,.14)}
.mb-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start;padding:54px 0}
.mb-left .eyebrow{margin-bottom:12px}
.mb-left h2.t{margin-bottom:14px;line-height:1.45}
.mb-left p.sub{font-size:15px;color:var(--sub);line-height:1.95;margin:0 0 22px}
.mind-band .btn-row{margin-top:0;gap:12px}
.mb-forms{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.mb-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:92px;
  padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;
  box-shadow:var(--sh-1);transition:.25s}
.mb-form:hover{transform:translateY(-3px);border-color:rgba(13,92,67,.32);box-shadow:var(--sh-2)}
.mb-ico{font-size:22px;line-height:1}
.mb-ft{font-size:14px;font-weight:700;color:var(--ink)}
.mb-fd{font-size:12px;color:var(--sub)}
.mb-right{display:grid;gap:14px}
.mb-card{position:relative;display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;text-decoration:none;box-shadow:var(--sh-1);transition:.26s}
.mb-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.3)}
/* 「最新」角标改为行内块：原来绝对定位在右上角，会被首页右侧「好礼专享」浮卡压住 */
.mb-badge{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:700;
  border-radius:20px;padding:3px 10px;letter-spacing:.5px;margin-bottom:9px}
.mb-ct{font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:7px;line-height:1.5}
.mb-cd{font-size:14px;color:var(--sub);line-height:1.85;margin-bottom:10px}
.mb-cm{font-size:12.5px;color:var(--brand2);font-weight:600}
@media(max-width:900px){.mb-inner{grid-template-columns:1fr;gap:26px;padding:40px 0}}
@media(max-width:640px){.mb-forms{gap:9px}.mb-form{min-width:78px;padding:12px 14px}.mb-card{padding:17px 18px}.mb-ct{font-size:15.5px}}

/* ===== 创业心声 · 视频占位（拿到素材后把 .mv-ph 换成 <video> 即可） ===== */
.mv-box{max-width:820px;margin:0 auto}
.mv-ph{background:var(--card);border:1px dashed rgba(13,92,67,.32);border-radius:var(--r);padding:46px 26px;text-align:center}
.mv-ic{font-size:42px;line-height:1;margin-bottom:12px}
.mv-ph h4{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--ink)}
.mv-ph p{font-size:14.5px;color:var(--sub);line-height:1.9;max-width:560px;margin:0 auto}
.mv-badge{display:inline-block;margin-top:16px;background:var(--soft);color:var(--brand);font-size:12.5px;font-weight:700;
  border-radius:20px;padding:6px 16px;border:1px solid var(--line)}

/* ===== 创业心声锚点定位（避免被固定导航挡住标题） ===== */
/* 跨页/页内锚点统一留出 sticky 顶栏高度，避免目标被顶栏盖住；已有专属规则的三条放在其后，优先级更高 */
#site-cases,#sys-msg,#contact,#gifts,#mind-music,#mind-article,#mind-audio,#mind-video,#intro,#advantage,#flow,#jikuai,#haitai,#songhuadan,#xianyadan,#purchase,#qc,#coldchain,#delivery,#phone,#address,#products,#about,#cases,#giftForm,#samples,#comments,#owner,#way,#join,#faq,#visit,#pan,#top{scroll-margin-top:calc(var(--nav-h) + 8px)}
#mind-audio,#mind-article,#mind-video{scroll-margin-top:calc(var(--nav-h) + 66px)}
/* #cases-hero（建站案例横幅）是该页第一个板块，紧贴页头，中间没有滚动余量。
   目标行为：点「建站案例」= 落在页面顶端，页头 + 完整横幅同框，页面零滚动。
   ⚠️ 不要改小这个值：页头高度随视口宽度变（信息条窄屏会折成两行，
      实测 768px 时页头 153px），一旦偏移小于横幅文档位置，原生锚点就会
      「向下滚」一段，把页头切掉。取 400px 保证任何宽度下都被钳到 scrollY=0。 */
#cases-hero{scroll-margin-top:400px}

/* ===== 首页顶部「最新更新」细条（HL-TICK，可整段删除） ===== */
.hl-tick{background:linear-gradient(90deg,#165320,#21732f);color:#fff}
.hl-tick .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 20px}
.hl-tick-label{font-size:13px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.hl-tick-list{flex:1;min-width:200px;display:flex}
.hl-tick-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0}
.hl-tick-item:hover .hl-tick-title{color:var(--accent-l)}
.hl-tick-tag{background:rgba(255,255,255,.18);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700;white-space:nowrap}
.hl-tick-title{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s}
.hl-tick-time{font-size:12.5px;opacity:.82;white-space:nowrap}
.hl-tick-go{font-size:13px;font-weight:700;color:var(--accent-l);white-space:nowrap}
.hl-tick-all{font-size:13px;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.45)}
.hl-tick-all:hover{color:var(--accent-l);border-color:var(--accent-l)}
@media(max-width:640px){.hl-tick .wrap{gap:9px;padding:10px 16px}.hl-tick-time,.hl-tick-all{display:none}.hl-tick-title{font-size:13.5px}}

/* ===== 内容阵地：统计行 + 留资行 ===== */
.mb-stat{font-size:13.5px;color:var(--sub);margin-bottom:2px}
.mb-stat b{color:var(--brand);font-weight:800}
/* 留资行改为左对齐：原来 space-between 把按钮顶到最右，会被常驻的「小慧在线」胶囊压住 */
.mb-lead{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:26px;flex-wrap:wrap;
  margin-top:30px;padding:20px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh-1)}
.mb-lead-txt{display:flex;flex-direction:column;gap:5px;min-width:240px}
.mb-lead-txt b{font-size:16px;font-weight:700;color:var(--ink)}
.mb-lead-txt span{font-size:14px;color:var(--sub);line-height:1.8}
.mb-lead-txt i{font-style:normal;font-weight:800;color:var(--brand);font-size:15px}
@media(max-width:640px){.mb-lead{padding:17px 18px;gap:14px}.mb-lead .btn{width:100%;text-align:center}}

/* ===== 掌柜茶馆 · 全部内容网格（blog 页复用同一份数据源） ===== */
.hl-feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1000px){.hl-feed-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hl-feed-grid{grid-template-columns:1fr}}

/* ===== 修复：板块副标题 <p class="sub"> 被导航下拉的 .sub 样式误伤 =====
   导航下拉面板 .sub 是 position:absolute + opacity:0 + visibility:hidden，
   段落副标题同名，一直被隐藏（全站所有页面的副标题都看不见）。
   用 p.sub 提高优先级，把段落属性还原。 */
p.sub{position:static;top:auto;left:auto;display:block;width:auto;min-width:0;max-width:820px;
  background:none;border:0;border-radius:0;box-shadow:none;padding:0;
  opacity:1;visibility:visible;transform:none;z-index:auto;transition:none;
  font-size:15px;color:var(--sub);line-height:1.9;margin:0}
p.sub::before{content:none}
.sec-head.center p.sub{margin:0 auto}

/* ===== 核心产品模块下方 · 创业心声轻量引导（可整段删除） =====
   体量刻意做小：药丸形虚线条，居中一行，不抢内容。 */
.mind-link{display:flex;justify-content:center;margin-top:34px}
.ml-inner{display:inline-flex;align-items:center;gap:11px;max-width:100%;
  padding:12px 22px;border:1px dashed rgba(13,92,67,.32);border-radius:999px;
  background:rgba(255,255,255,.72);text-decoration:none;transition:.25s}
.ml-inner:hover{background:#fff;border-color:var(--brand2);box-shadow:var(--sh-1)}
.ml-leaf{font-size:17px;line-height:1}
.ml-txt{font-size:14.5px;color:var(--ink-l);line-height:1.6}
.ml-go{font-size:13.5px;font-weight:700;color:var(--brand2);white-space:nowrap;transition:.2s}
.ml-inner:hover .ml-go{color:var(--accent-d)}
@media(max-width:640px){
  .mind-link{margin-top:26px}
  .ml-inner{flex-direction:column;gap:5px;padding:15px 18px;border-radius:16px;text-align:center}
  .ml-txt{font-size:13.5px}
}

/* =========================================================
   创业心声页改版（深绿头图 + 频道 tab + 文章/音频/短视频）
   注：音频卡沿用 .audio-item / .ap-* 类名以复用播放逻辑，
       视觉用 body.mind .audio-item.maudio 覆盖为绿色渐变竖卡
   ========================================================= */
body.mind .mhero{padding-bottom:78px}
body.mind .mhero-in{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
body.mind .mhero-txt{flex:1;min-width:0}
body.mind .mhero h1{margin-bottom:12px}
body.mind .mhero p{margin:0}
body.mind .mhero .mhero-sub{margin-top:8px;font-size:15px;color:rgba(255,255,255,.72)}
body.mind .mhero-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:11px 26px;
  border-radius:999px;background:rgba(255,255,255,.94);color:var(--brand);font-size:14.5px;font-weight:700;
  text-decoration:none;transition:.25s;white-space:nowrap}
body.mind .mhero-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
/* 子导航沿用站点原样式即可（白底药丸 + 当前项白底深绿字），
   不要再覆盖 color —— 曾误加 color:#fff 导致当前项变白底白字不可见。 */
@media(max-width:640px){
  body.mind .mhero-in{flex-direction:column;gap:18px}
  body.mind .mhero-btn{align-self:flex-start}
}

/* 频道切换 */
/* 吸顶时要让开固定主导航，否则会被压在导航底下看不见 */
.mtabs{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:var(--nav-h);z-index:39}
.mtabs .in{max-width:var(--maxw);margin:0 auto;padding:0 20px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mtabs a{padding:15px 22px;font-size:15px;font-weight:700;color:var(--sub);text-decoration:none;
  border-bottom:3px solid transparent;transition:.22s;white-space:nowrap}
.mtabs a:hover{color:var(--brand)}
.mtabs a.on{color:var(--brand);border-bottom-color:var(--accent)}

/* 区块 */
.msec{padding:56px 0}
.msec-alt{background:var(--soft)}
.msec-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.msec-head h2{font-size:clamp(20px,2.4vw,25px);font-weight:800;color:var(--ink);margin:0;position:relative;padding-left:14px}
.msec-head h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:19px;
  border-radius:2px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.msec-tip{font-size:13.5px;color:var(--sub)}

/* 文章随笔 */
.mcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;
  box-shadow:var(--sh-1);transition:.26s;display:flex;flex-direction:column}
.mcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.24)}
.mcard-tag{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--brand);background:var(--soft);
  border:1px solid var(--line);border-radius:20px;padding:3px 11px;margin-bottom:12px}
.mcard h3{font-size:17px;font-weight:700;color:var(--ink);margin:0;line-height:1.5}
.mcard p{display:none}/* 文章卡片只留标签+标题，摘要小字不显示 */
@media(max-width:1000px){.mcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.mcards{grid-template-columns:1fr}.msec{padding:42px 0}}

/* 音频分享：绿色渐变竖卡 */
.maudios{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
body.mind .audio-item.maudio{display:block;position:relative;overflow:hidden;padding:22px 22px 18px;border:0;
  border-radius:var(--r);color:#fff;background:linear-gradient(135deg,#21692e 0%,#165320 100%);
  box-shadow:0 10px 26px rgba(13,92,67,.22);transition:.26s}
body.mind .audio-item.maudio::after{content:"";position:absolute;right:-60px;top:-70px;width:180px;height:180px;
  border-radius:50%;background:rgba(255,255,255,.07)}
body.mind .audio-item.maudio:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(13,92,67,.3)}
body.mind .maudio-badge{position:relative;z-index:2;display:inline-block;font-size:11.5px;font-weight:700;
  letter-spacing:.5px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);
  border-radius:20px;padding:3px 12px;margin-bottom:12px}
body.mind .maudio h4{position:relative;z-index:2;font-size:17px;font-weight:700;margin:0 0 7px;line-height:1.5}
body.mind .maudio .maudio-sub{position:relative;z-index:2;font-size:13.5px;color:rgba(255,255,255,.78);
  line-height:1.75;margin:0 0 16px}
body.mind .maudio .maudio-ctrl{position:relative;z-index:2;display:flex;align-items:center;gap:14px}
body.mind .maudio .ap-play{width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;flex-shrink:0;
  background:rgba(255,255,255,.95);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;
  transition:.2s;box-shadow:0 6px 16px rgba(0,0,0,.16)}
body.mind .maudio .ap-play:hover{transform:scale(1.07)}
body.mind .maudio.is-playing .ap-play{background:var(--accent);color:#fff}
body.mind .maudio .ap-play .ap-ico-pause{display:none}
body.mind .maudio.is-playing .ap-play .ap-ico-play{display:none}
body.mind .maudio.is-playing .ap-play .ap-ico-pause{display:inline}
body.mind .maudio .ap-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
body.mind .maudio .ap-bar{height:4px;background:rgba(255,255,255,.26);border-radius:3px;position:relative;cursor:pointer;overflow:hidden}
body.mind .maudio .ap-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;
  background:linear-gradient(90deg,#fff,var(--accent-l));transition:width .15s linear}
body.mind .maudio .ap-time{display:flex;justify-content:space-between;font-size:11px;
  color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
body.mind .maudio .ap-audio{display:none}
body.mind .maudio .ap-vol{display:none}
@media(max-width:820px){.maudios{grid-template-columns:1fr}}

/* 老板开讲 */
.mvideos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mvideo{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-1);transition:.26s;padding-bottom:18px;position:relative}
.mvideo:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.24)}
.mvideo-ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#21692e,#165320);position:relative}
.mvideo-ph::after{content:"";position:absolute;right:-40px;bottom:-50px;width:150px;height:150px;
  border-radius:50%;background:rgba(255,255,255,.06)}
.mvideo-play{position:relative;z-index:2;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);
  color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:15px;padding-left:3px;
  box-shadow:0 6px 18px rgba(0,0,0,.2)}
.mvideo h4{font-size:16px;font-weight:700;color:var(--ink);margin:16px 18px 7px;line-height:1.5}
.mvideo p{font-size:13.5px;color:var(--sub);margin:0 18px;line-height:1.75}
.mvideo-flag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;color:#fff;
  background:rgba(0,0,0,.42);border-radius:20px;padding:3px 11px}
@media(max-width:820px){.mvideos{grid-template-columns:1fr}}

/* 底部引导 */
.mcta{background:linear-gradient(120deg,#f2f8f3,#e6f0e7);border-top:1px solid rgba(13,92,67,.14);
  text-align:center;padding:52px 0}
.mcta h2{font-size:clamp(20px,2.6vw,26px);font-weight:800;color:var(--ink);margin:0 0 12px}
.mcta p{font-size:15px;color:var(--sub);line-height:1.9;max-width:640px;margin:0 auto 24px}

/* =========================================================
   首页「创业心声」引流栏目（HL-MIND）
   内容全部由 assets/js/feed.js 的 window.HL_MIND 驱动
   氛围：暖砂底色 + 白卡，传递「彼此成就、互相取暖」
   ========================================================= */
.hl-mind-band{background:linear-gradient(120deg,#FDFAF4 0%,#F6F1E7 100%);
  border-top:1px solid #EBE3D4;border-bottom:1px solid #EBE3D4}
.hl-mind-band .wrap{max-width:var(--maxw);margin:0 auto;padding:52px 20px}

.hm-head{text-align:center;margin-bottom:30px}
.hm-eyebrow{margin:0 0 10px;font-size:13px;letter-spacing:3px;color:var(--brand2);font-weight:800}
.hm-title{margin:0 0 12px;font-size:clamp(24px,3.2vw,34px);font-weight:800;color:var(--ink)}
.hm-lead{margin:0 auto;max-width:620px;font-size:15px;color:var(--sub);line-height:1.95}

.hm-picks{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hm-card{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid #EEE7D9;
  border-radius:var(--r);padding:22px 22px 18px;text-decoration:none;box-shadow:var(--sh-1);transition:.26s}
.hm-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.24)}
.hm-kind{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  font-size:11.5px;font-weight:700;color:var(--brand);background:var(--soft);
  border:1px solid var(--line);border-radius:20px;padding:3px 12px;margin-bottom:12px}
.hm-ic{font-size:13px}
.hm-ct{margin:0 0 10px;font-size:17px;font-weight:700;color:var(--ink);line-height:1.5}
.hm-quote{margin:0 0 14px;padding-left:12px;border-left:2px solid #E4D9C3;
  font-size:14px;color:var(--sub);line-height:1.85}
.hm-go{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--brand2)}

.hm-foot{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.hm-stats{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:28px;flex-wrap:wrap}
.hm-stats li{display:flex;flex-direction:column;gap:2px}
.hm-stats b{font-size:22px;font-weight:800;color:var(--ink);line-height:1.2}
.hm-stats span{font-size:12.5px;color:var(--sub)}
.hm-topics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.hm-tl{font-size:12.5px;color:var(--sub);font-weight:600}
.hm-topic{font-size:12.5px;color:var(--brand);background:var(--soft);
  border:1px solid var(--line);border-radius:20px;padding:3px 11px}
.hm-voices{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.hm-voices li{font-size:13.5px;color:var(--sub);line-height:1.8}
.hm-who{font-weight:700;color:var(--ink);margin-right:8px}
.hm-actions{display:flex;flex-direction:column;gap:10px}
.hm-actions .btn{white-space:nowrap;text-align:center}

/* 键盘可达 */
.hm-card:focus-visible,.hl-mind-band .btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

@media(max-width:900px){
  .hl-mind-band .wrap{padding:42px 20px}
  .hm-picks{grid-template-columns:1fr}
  .hm-foot{grid-template-columns:1fr;gap:22px}
  .hm-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:640px){
  .hm-stats{gap:18px}
  .hm-stats b{font-size:19px}
  .hm-actions{flex-direction:column}
}

/* =========================================================
   首页精简改造（2026-09-15）
   ========================================================= */

/* 1. 服务卡配图：图片撑满卡片顶部 */
.svc-img{margin:-22px -22px 13px;overflow:hidden;background:var(--soft);border-radius:var(--r) var(--r) 0 0}
.svc-img img{display:block;width:100%;height:116px;object-fit:cover;transition:.32s}
.svc-card:hover .svc-img img{transform:scale(1.05)}

/* 2. 服务套餐卡：没有语义合适的配图，改用深绿渐变突出 */
.svc-card.is-pack{background:linear-gradient(135deg,#21692e 0%,#165320 100%);border-color:transparent}
.svc-card.is-pack h3,.svc-card.is-pack .lk{color:#fff}
.svc-card.is-pack .desc{color:rgba(255,255,255,.84)}
.svc-card.is-pack ul li{color:rgba(255,255,255,.8)}
.svc-card.is-pack ul li::before{background:var(--accent-l)}
.svc-card.is-pack .lk:hover{color:var(--accent-l)}

/* 3. 优势 -> 横向承诺带 */
.promo-band{background:linear-gradient(90deg,#165320,#21732f);color:#fff}
.promo-band .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.promo-list{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.promo-list li{display:flex;align-items:center;gap:10px;justify-content:center}
.promo-list .pi{font-size:20px;line-height:1}
.promo-list b{font-size:16px;font-weight:800;letter-spacing:.5px}
.promo-list .pd{font-size:13.5px;color:rgba(255,255,255,.78)}
@media(max-width:820px){.promo-list{grid-template-columns:repeat(2,1fr);gap:14px;padding:18px 0}}
@media(max-width:480px){.promo-list{grid-template-columns:1fr;gap:11px;padding:16px 0}
  .promo-list li{justify-content:flex-start}}

/* 4. 合作流程：六步横向紧凑（原来纵向 6 大块太占地方） */
.steps-compact{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.steps-compact li{display:flex;align-items:center;gap:9px;padding:14px 12px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);transition:.24s}
.steps-compact li:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:rgba(13,92,67,.24)}
.steps-compact b{font-size:15px;font-weight:800;color:var(--accent-d);font-variant-numeric:tabular-nums}
.steps-compact span{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
@media(max-width:900px){.steps-compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.steps-compact{grid-template-columns:repeat(2,1fr)}}

/* 5. 创业心声栏目：整体收紧间距（原 843px 偏大） */
.hl-mind-band .wrap{padding:38px 20px}
.hm-head{margin-bottom:22px}
.hm-picks{margin-bottom:20px}
.hm-card{padding:18px 18px 16px}
.hm-quote{margin-bottom:10px;font-size:13.5px}
.hm-foot{gap:20px}

/* ===== 6. 首页「老板心声」引导栏（对照设计稿：深绿头图 + 三栏预览） ===== */
.hl-mind-band{padding:34px 0}
.hl-mind-band .wrap{padding:0 20px}

/* 外框 */
.hmx{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 46px rgba(16,52,40,.10);
  border:1px solid rgba(16,52,40,.06)}

/* 深绿头图 */
.hmx-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:20px 26px;background:linear-gradient(135deg,#0b4615 0%,#1b6227 55%,#248134 100%);color:#fff}
.hmx-hero::after{content:"";position:absolute;right:-70px;top:-96px;width:270px;height:270px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
.hmx-hero-txt{position:relative;z-index:2;min-width:0}
.hmx-eyebrow{margin:0 0 5px;font-size:12px;letter-spacing:3px;font-weight:800;color:rgba(255,255,255,.62)}
.hmx-title{margin:0 0 7px;font-size:clamp(20px,2.4vw,25px);font-weight:800;color:#fff;letter-spacing:1px}
.hmx-lead{margin:0;max-width:660px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.9)}
.hmx-sub2{margin:5px 0 0;font-size:12.5px;color:rgba(255,255,255,.6)}
.hmx-talk{position:relative;z-index:2;flex-shrink:0;padding:10px 24px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.72);color:#fff;
  font-size:14.5px;font-weight:700;text-decoration:none;transition:.24s}
.hmx-talk:hover{background:#fff;color:var(--brand);transform:translateY(-2px)}

/* 三栏预览 */
.hmx-cols{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.hmx-col{display:flex;flex-direction:column;padding:20px 22px 22px;border-right:1px solid var(--line)}
.hmx-col:last-child{border-right:0}
.hmx-pill{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;
  margin:0 auto 15px;padding:7px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);
  color:var(--ink);font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 2px 8px rgba(16,52,40,.06);
  transition:.22s}
.hmx-pill::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hmx-pill:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(13,92,67,.14)}
/* 每栏固定两行等高卡位，三栏一起拉平 */
.hmx-items{flex:1;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:11px}
.hmx-empty{margin:0;font-size:13px;color:var(--sub)}

/* ===== 统一卡片骨架：小标签 → 标题 → 一句话说明 → 一个动作 =====
   文章 / 音频 / 视频 三种形态共用同一结构与同一高度，便于横向对比 */
.hmx-c{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0;
  padding:14px 16px;border-radius:13px;background:#fff;border:1px solid var(--line);transition:.24s}
.hmx-c:hover{border-color:rgba(13,92,67,.28);box-shadow:0 8px 20px rgba(16,52,40,.07)}

/* ① 小标签行（左：标签胶囊 / 右：状态） */
.hmx-c-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;min-height:20px}
.hmx-c-tag{display:inline-block;max-width:72%;padding:3px 10px;border-radius:999px;background:#eaf3eb;color:var(--brand);
  font-size:11px;font-weight:800;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmx-c-flag{flex:none;font-size:11px;font-weight:800;color:#9AA7A2;letter-spacing:.4px}

/* ② 标题（固定一行，撑高一致） */
.hmx-c-t{display:block;margin:0 0 6px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.45;
  text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.hmx-c-t:hover{color:var(--brand)}

/* ③ 一句话说明（固定两行截断，撑高一致） */
.hmx-c-p{margin:0 0 10px;font-size:12.5px;color:var(--sub);line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ④ 动作行（贴底对齐，占位高度一致） */
.hmx-c-act{margin-top:auto;display:flex;align-items:center;gap:12px;min-height:38px}
.hmx-c-go{display:inline-flex;align-items:center;padding:5px 15px;border-radius:999px;background:var(--brand);
  color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;transition:.2s}
.hmx-c-go:hover{background:#0a4a15}

/* 音频卡：绿色底只作「可直接播放」的标识，骨架与其余两栏完全一致 */
.hmx-c-audio{background:linear-gradient(135deg,#174f20 0%,#21732f 100%);border-color:transparent;color:#fff}
.hmx-c-audio::after{content:"";position:absolute;right:-46px;top:-56px;width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.hmx-c-audio .hmx-c-top,.hmx-c-audio .hmx-c-t,.hmx-c-audio .hmx-c-p,.hmx-c-audio .hmx-c-act{position:relative;z-index:2}
.hmx-c-audio .hmx-c-tag{background:rgba(255,255,255,.2);color:#fff}
.hmx-c-audio .hmx-c-t,.hmx-c-audio .hmx-c-t:hover{color:#fff}
.hmx-c-audio .hmx-c-p{color:rgba(255,255,255,.78)}
.hmx-c-audio .ap-audio,.hmx-c-audio .ap-vol-range{display:none}
.hmx-c-audio .ap-play{flex:none;width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--brand);transition:.2s}
.hmx-c-audio .ap-play svg{width:20px;height:20px}
.hmx-c-audio .ap-play:hover{transform:scale(1.07)}
.hmx-c-audio.is-playing .ap-play{background:var(--accent);color:#fff}
.hmx-c-audio .ap-play .ap-ico-pause{display:none}
.hmx-c-audio.is-playing .ap-play .ap-ico-play{display:none}
.hmx-c-audio.is-playing .ap-play .ap-ico-pause{display:inline}
.hmx-c-audio .ap-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.hmx-c-audio .ap-bar{position:relative;height:4px;border-radius:3px;background:rgba(255,255,255,.28);cursor:pointer;overflow:hidden}
.hmx-c-audio .ap-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--accent)}
.hmx-c-audio .ap-time{display:flex;justify-content:space-between;font-size:10.5px;color:rgba(255,255,255,.7);
  font-variant-numeric:tabular-nums}

/* 互动脚注 */
.hmx-foot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 18px;
  padding:13px 20px;border-top:1px solid var(--line);background:#fbfdfb}
.hmx-foot-l{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;min-width:0}
.hmx-stats{list-style:none;display:flex;gap:20px;margin:0;padding:0;flex-wrap:wrap}
.hmx-stats li{font-size:12.5px;color:var(--sub)}
.hmx-stats b{margin-right:3px;font-size:16px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.hmx-topics{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hmx-tl{font-size:12.5px;font-weight:700;color:var(--sub)}
.hmx-topic{padding:3px 10px;border-radius:999px;background:#eaf3eb;color:var(--brand);font-size:12px}
.hmx-enter{flex:none;padding:10px 22px;font-size:14px}

/* 键盘焦点 */
.hmx a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

@media(max-width:980px){
  .hmx-cols{grid-template-columns:1fr}
  .hmx-col{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px 20px}
  .hmx-col:last-child{border-bottom:0}
  .hmx-hero{flex-direction:column;align-items:flex-start;gap:16px;padding:22px}
  .hmx-talk{align-self:flex-start}
  .hmx-foot{grid-template-columns:1fr}
  .hmx-enter{justify-self:start}
}
@media(max-width:640px){
  .hl-mind-band .wrap{padding:28px 14px}
  .hmx{border-radius:16px}
  .hmx-hero{padding:20px 18px}
  .hmx-col{padding:16px 16px 18px}
  .hmx-foot{padding:14px 16px;gap:12px}
  .hmx-enter{width:100%;text-align:center}
  .hmx-stats{gap:14px}
}

/* cache-bust 20260913 */

/* =========================================================
   导航视觉权重分档（2026-09-25 主推聚焦策略）
   主推 = AI服务（数字搭建所在）：高亮加粗 + 主推徽标
   中等 = 掌柜茶馆（配套种草栏目）
   弱化 = 数智论断 / 运营支持等次要栏目：浅灰但保证可读（对比度 ≥4.5:1）
   规则：hover / 当前页 .active 状态自动恢复正常色，不压过定位高亮
   ========================================================= */
nav ul > li.nav-push > a .t-main{color:var(--accent-d);font-weight:800}
nav ul > li.nav-push > a .nav-push-tag{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:5px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;vertical-align:2px;letter-spacing:.5px;font-style:normal;line-height:1.4}
nav ul > li.nav-mid > a .t-main{color:#4a7a52;font-weight:600}
.sub .sub-list li.dim > a .t{color:#75857d;font-weight:500}
.sub .sub-list li.dim > a .d{color:#9aa5a0}
.sub .sub-list li.dim > a:hover .t,
.sub .sub-list li.dim > a:focus .t{color:var(--accent-d)}
.sub .sub-list li.dim > a.active .t{color:#1d7a2c;font-weight:700}
.sub .sub-list li.dim > a.active .d{color:#77877f}
.sub .sub-list .sub-list-inner li.dim > a .t{color:#75857d}
.sub .sub-list .sub-list-inner li.dim > a:hover .t{color:var(--accent-d)}
.p-subnav a.dim{color:#75857d}
.p-subnav a.dim:hover,.p-subnav a.dim.cur{color:var(--accent-d)}



/* ==== 掌柜茶馆「创业心声」二级：窄屏向左展开 ==== */
@media (min-width:1000px) and (max-width:1366px){
  /* 向左展开同样留横向缝隙：主面板左内边距 18px + 1px 边框 + 12px 缝隙 = 31px */
  #navList > li.nav-mid .sub-list .sub-list-inner{left:auto;right:calc(100% + 31px);transform:translateX(8px)}
  #navList > li.nav-mid .sub-list li.has-sub-sub:hover > .sub-list-inner,
  #navList > li.nav-mid .sub-list li.has-sub-sub:focus-within > .sub-list-inner{transform:translateX(0)}
}

/* ===== 建站案例（works.html #site-cases）2026-09-25 ===== */
.case-note{margin-top:30px;padding:22px 24px;border-radius:var(--r);background:var(--soft);border:1px dashed var(--line);text-align:center}
.case-note p{margin:0 0 16px;font-size:15.5px;color:var(--ink-l);line-height:1.8}
.case-note p b{color:var(--brand);font-weight:800}
#site-cases .card .body h3 small{font-size:13px;font-weight:600;color:var(--brand2)}
#site-cases .card .body p{font-size:14.5px}
@media(max-width:760px){.case-note{padding:18px 16px}.case-note p{font-size:14.5px}}
#site-cases{scroll-margin-top:calc(var(--nav-h) + 8px)}

/* ===== 品牌氛围：松林暗底纹 + 慧小松 IP（body.pine-accent，仅核心页）2026-09-27 ===== */
/* 同色系深绿松树剪影底纹已清，body 只保留背景色 */
body.pine-accent{
  background-color:var(--bg);
}
/* 慧小松（2026-09-27 改版为 chibi 大头身）：暖橙棕皮毛 + 青绿围巾 + 夹板「慧」徽章 + 手机 + 绿盆松枝红果，
   固定右下角小形象；移动端隐藏，避免遮挡内容与悬浮件 */
.huixiaosong{position:fixed;right:10px;bottom:4px;width:156px;z-index:6;pointer-events:none;filter:drop-shadow(0 10px 22px rgba(13,92,67,.20))}
.huixiaosong img{display:block;width:100%;height:auto}
@media(max-width:900px){.huixiaosong{display:none}}
/* 有慧小松时回顶按钮上移，两件错开不重叠 */
@media(min-width:901px){body.pine-accent .to-top{bottom:196px}}


/* ============ 首页 hero：v5 实景柔焦底图（2026-09-28 上站） ============ */
/* 只改首页 .hero-home；其余页页头仍是矢量松林（.phero 原规则不动）。
   底图 assets/img/hero-ref-v3-1920.webp（用户指定：绿松林草地日出，无字无UI）。 */
.hero-home.phero{
  display:flex;align-items:center;
  min-height:clamp(392px,42.5vw,516px);
  padding:70px 0 92px;
  background-color:#1d5a29;
  background-image:url(../img/hero-ref-v3-1920.webp);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover}
/* 窄屏换小图，避免 cover 把 1920 拉爆 */
@media(max-width:1200px){.hero-home.phero{background-image:url(../img/hero-ref-v3-1440.webp)}}
@media(max-width:760px){
  .hero-home.phero{background-image:url(../img/hero-ref-v3-960.webp);
    min-height:352px;padding:54px 0 66px}
  .hero-home.phero .in{margin-left:20px}
}

/* 压罩：实景底必须比矢量底更狠才压得住白字。两层——
   ① 100deg 横向（左浓右透，右侧留给风景与慧小松）
   ② 纵向（顶部稍收、底部压深，让 hero 与下方区块自然过渡） */
.hero-home.phero::before{
  background:
    radial-gradient(ellipse min(460px,46vw) 64% at 30% 50%,rgba(6,38,24,.30) 0%,rgba(6,38,24,.18) 52%,rgba(6,38,24,0) 100%),
    linear-gradient(90deg,rgba(6,38,24,.22) 0%,rgba(6,38,24,.22) 45%,rgba(6,38,24,.08) 70%,rgba(6,38,24,0) 100%),
    linear-gradient(180deg,rgba(6,38,24,.14) 0%,rgba(6,38,24,.06) 16%,rgba(6,38,24,0) 32%,rgba(6,38,24,0) 68%,rgba(6,38,24,.08) 100%)}

/* 文字区靠左且收窄：左边与 nav 同一条线，右侧大片让给风景 */
.hero-home.phero .in{
  flex:1 1 auto;min-width:0;
  max-width:min(100%,880px);
  margin-left:max(0px,calc((100% - var(--maxw)) / 2));
  margin-right:auto;
  padding-left:0;padding-right:0}
.hero-home.phero h1{max-width:660px;text-shadow:0 2px 10px rgba(4,26,14,.46)}
.hero-home.phero p{max-width:520px}
.hero-home.phero .tags{max-width:600px}
.hero-home.phero .hero-stats{max-width:680px}
/* 标签胶囊：深绿半透，跟品牌绿同族，不再白描边 */
.hero-home.phero .tags span{
  background:rgba(8,61,17,.46);
  border:1px solid rgba(255,255,255,.20)}
/* 主按钮：品牌绿渐变实底白字；次按钮留白描边 */
.hero-home.phero .btn-row .btn.solid-brand{
  background:linear-gradient(135deg,#21732f,#165320);
  color:#fff;box-shadow:0 10px 26px rgba(5,52,20,.36)}
.hero-home.phero .btn-row .btn.solid-brand:hover{
  background:linear-gradient(135deg,#276b30,#083d11);
  color:#fff;box-shadow:0 14px 32px rgba(5,52,20,.46);transform:translateY(-2px)}

/* 慧小松：缩小换新形象，比例协调 */
.hero-home .hero-mascot{right:8%;bottom:8px;width:clamp(150px,16vw,260px);
  filter:drop-shadow(0 14px 28px rgba(6,40,26,.38))}