/* ============================================================
   V3.6 · 借鉴茅庐学堂转化框架（深蓝+橙体系改写）
   内容：品牌色滚动条 / 内页导航下滑隐藏上滑浮现 / 统一hover语言 /
        客户Logo墙 / 数字统计带 / 客户案例区 / 最新动态区 /
        资料磁铁 / 悬浮咨询栏 / 诊断预约弹窗
   叠加层：不改 style/v3/v32/v34/v35 与英雄页任何样式
   ============================================================ */

/* ---------- 0. 品牌色定制滚动条 ---------- */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--orange),#ff8a4a);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--orange-hover)}
html{scrollbar-width:thin;scrollbar-color:var(--orange) transparent}

/* ---------- 1. 头部滚动感知（仅内页；首页英雄页保持现状） ----------
   下滑隐藏、上滑浮现；.scrolled 加深底色（配合原有 sticky） */
.site-header{will-change:transform}
.site-header.v36-hide{transform:translateY(-102%)}
.site-header{transition:transform .38s var(--ease-brand),box-shadow var(--dur-base) var(--ease-brand),background var(--dur-base) linear,border-color var(--dur-base) linear}
body.pg-home .site-header{transform:none !important}

/* ---------- 2. 统一 hover 语言（橙色版）----------
   箭头滑入 + 标题变色 + 下划线从右往左扫 + 图形微放大 */
.v36-arr{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}
.v36-arr .v36-ai{display:inline-block;opacity:0;transform:translateX(-6px);transition:opacity var(--dur-base) var(--ease-brand),transform var(--dur-base) var(--ease-brand)}
.v36-arr:hover{color:var(--orange)}
.v36-arr:hover .v36-ai{opacity:1;transform:translateX(0)}
.v36-sweep{position:relative}
.v36-sweep::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-brand)}
.v36-sweep:hover::after{transform:scaleX(1);transform-origin:left}
.v36-case-cover,.v36-case-cover::before{transition:transform .8s var(--ease-brand),background .4s linear}
.v36-case:hover .v36-case-cover{transform:scale(1.05)}
.v36-chip{transition:transform var(--dur-base) var(--ease-brand),box-shadow var(--dur-base) var(--ease-brand),color var(--dur-base) linear,border-color var(--dur-base) linear}
.v36-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}

/* ---------- 3. 客户 Logo 墙（横条，不动英雄页） ---------- */
.v36-wall{padding:34px 0 6px;background:linear-gradient(180deg,#fff,var(--soft-2))}
.v36-wall-t{margin:0 0 18px;text-align:center;font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--muted)}
.v36-wall-t span{margin-left:14px;font-weight:400;color:#9aa0a8}
.v36-wall-track{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 10px;max-width:1080px;margin:0 auto}
.v36-chip{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);color:rgba(20,32,46,.78);font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.v36-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;opacity:.85}
.v36-chip-o{background:var(--orange-soft);border-color:var(--orange-line);color:#b4531d}
.v36-chip-o::before{background:var(--orange)}
@media (max-width:640px){
  .v36-wall{padding:24px 0 2px}
  .v36-wall-t span{display:block;margin:6px 0 0}
  .v36-chip{padding:7px 13px;font-size:13px}
}

/* ---------- 4. 数字统计带 ---------- */
.v36-stats{padding:34px 0 44px;background:linear-gradient(180deg,var(--soft-2),#fff);border-bottom:1px solid var(--line-2)}
.v36-stats-in{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.v36-stat{text-align:center;position:relative}
.v36-stat:not(:first-child)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:44px;background:var(--line)}
.v36-stat b{display:flex;align-items:baseline;justify-content:center;gap:2px;font-size:44px;font-weight:800;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.v36-stat b em{font-style:normal;font-size:20px;font-weight:700;color:var(--orange)}
.v36-stat span{display:block;margin-top:8px;font-size:14px;color:var(--muted);letter-spacing:.04em}
@media (max-width:900px){
  .v36-stats-in{grid-template-columns:repeat(3,1fr);row-gap:26px}
  .v36-stat:nth-child(4)::before{display:none}
}
@media (max-width:560px){
  .v36-stats{padding:26px 0 32px}
  .v36-stats-in{grid-template-columns:repeat(2,1fr)}
  .v36-stat:nth-child(odd)::before{display:none}
  .v36-stat b{font-size:36px}
}

/* ---------- 5. 客户案例区 ---------- */
.v36-cases{padding:72px 0 60px;background:#fff}
.v36-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.v36-case{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--dur-base) var(--ease-brand),border-color var(--dur-base) linear}
.v36-case:hover{box-shadow:var(--shadow-lift);border-color:var(--orange-line)}
.v36-case-cover{height:150px;display:flex;align-items:center;justify-content:center;font-size:44px;background:var(--paper-warm);position:relative}
.v36-case-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 130px at 50% 118%,rgba(242,101,34,.10),transparent 70%)}
.v36-case:hover h4{color:var(--orange)}
.v36-case h4{margin:16px 18px 8px;font-size:17px;font-weight:700;color:var(--navy);line-height:1.45;transition:color var(--dur-base) linear}
.v36-case p{margin:0 18px 14px;font-size:14px;color:var(--muted);line-height:1.7}
.v36-case .v36-arr{margin:0 18px 18px}
@media (max-width:960px){.v36-case-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.v36-cases{padding:52px 0 44px}.v36-case-grid{grid-template-columns:1fr}}

/* ---------- 6. 最新动态区 ---------- */
.v36-news{padding:60px 0 72px;background:var(--soft-2)}
.v36-news-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:26px}
.v36-news-head h3{margin:0;font-size:26px;font-weight:800;color:var(--navy)}
.v36-news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.v36-news-item{display:flex;align-items:center;gap:18px;padding:16px 4px;border-bottom:1px solid var(--line-2);transition:background var(--dur-fast) linear}
.v36-news-item:hover{background:rgba(242,101,34,.045)}
.v36-news-item time{flex:none;width:96px;font-size:14px;color:#9aa0a8;font-variant-numeric:tabular-nums}
.v36-news-item .t{flex:1;font-size:15px;font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v36-news-item .tag{flex:none;font-size:12px;padding:3px 10px;border-radius:99px;background:var(--orange-soft);color:#b4531d;border:1px solid var(--orange-line);font-weight:600}
.v36-news-item .tag.b{background:#eef2f7;color:var(--navy-2);border-color:#dbe3ec}
.v36-news-item:hover .t{color:var(--orange)}
@media (max-width:640px){
  .v36-news{padding:44px 0 54px}
  .v36-news-head h3{font-size:22px}
  .v36-news-item{gap:10px;padding:13px 2px}
  .v36-news-item time{width:auto;font-size:12px}
  .v36-news-item .tag{display:none}
}

/* ---------- 7. 资料磁铁（AI 转型自检清单） ---------- */
.v36-magnet{margin:10px 0 0;padding:26px 30px;border-radius:var(--radius);background:linear-gradient(120deg,#14202e,#1d3145 55%,#263d55);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;overflow:hidden}
.v36-magnet::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 100% at 100% 0%,rgba(242,101,34,.28),transparent 70%)}
.v36-magnet > *{position:relative}
.v36-magnet .m-t{display:flex;align-items:center;gap:16px}
.v36-magnet .m-ico{flex:none;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:22px}
.v36-magnet h4{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:.01em}
.v36-magnet p{margin:0;font-size:13.5px;color:#c8d3de}
.v36-magnet .m-btn a{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:99px;background:var(--orange);color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:background var(--dur-base) linear,transform var(--dur-base) var(--ease-brand),box-shadow var(--dur-base) var(--ease-brand)}
.v36-magnet .m-btn a:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:var(--shadow-orange)}
@media (max-width:760px){
  .v36-magnet{flex-direction:column;align-items:flex-start;padding:22px}
  .v36-magnet .m-btn{align-self:stretch}
  .v36-magnet .m-btn a{width:100%;justify-content:center}
}

/* ---------- 8. 悬浮咨询工具栏（茅庐右侧竖排样式） ---------- */
.v36-fab{position:fixed;right:0;top:38%;transform:translateX(100%);z-index:80;display:flex;flex-direction:column;box-shadow:-6px 8px 24px -12px rgba(20,32,46,.4);border-radius:14px 0 0 14px;background:#fff;transition:transform .42s var(--ease-brand)}
.v36-fab.show{transform:translateX(0)}
.v36-fab-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 11px;color:var(--navy);cursor:pointer;border-bottom:1px solid var(--line-2)}
.v36-fab-item:last-child{border-bottom:0}
.v36-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-soft);padding:10px 14px;white-space:nowrap;font-size:14px;font-weight:600;color:var(--navy);opacity:0;visibility:hidden;transition:all var(--dur-base) var(--ease-brand);pointer-events:none}
.v36-fab-item:hover .v36-tip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.v36-fab-item .v36-ico{width:34px;height:34px;border-radius:10px;background:var(--orange-soft);display:flex;align-items:center;justify-content:center;font-size:17px}
.v36-fab-item i{font-style:normal;font-size:12px;color:var(--muted);letter-spacing:.05em}
.v36-fab-item:hover .v36-ico{background:var(--orange);color:#fff}
.v36-fab-item:hover i{color:var(--orange)}
.v36-fab-cta{display:block;text-align:center;padding:11px 12px;background:linear-gradient(135deg,var(--orange),#ff8a4a);color:#fff;font-size:14px;font-weight:700;text-decoration:none;letter-spacing:.06em;border-radius:14px 0 0 0}
.v36-fab-cta:hover{background:linear-gradient(135deg,var(--orange-hover),var(--orange))}
@media (max-width:640px){.v36-fab{top:auto;bottom:120px}}

/* ---------- 9. 诊断预约弹窗 ---------- */
.v36-modal{position:fixed;inset:0;z-index:200;display:none}
.v36-modal.open{display:block}
.v36-mask{position:absolute;inset:0;background:rgba(17,24,39,.5);opacity:0;transition:opacity .3s linear}
.v36-modal.in .v36-mask{opacity:1}
.v36-modal-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-47%);opacity:0;width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 40px 90px -30px rgba(17,24,39,.5);display:grid;grid-template-columns:1fr 1.35fr;transition:transform .36s var(--ease-reveal),opacity .3s linear}
.v36-modal.in .v36-modal-dialog{transform:translate(-50%,-50%);opacity:1}
.v36-modal-side{background:linear-gradient(160deg,#14202e,#1d3145 60%,#263d55);color:#fff;padding:34px 30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:420px}
.v36-modal-side::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 200px at 85% 12%,rgba(242,101,34,.25),transparent 70%)}
.v36-modal-side > *{position:relative}
.v36-modal-side .s-k{font-size:13px;letter-spacing:.14em;color:#f0a36e;font-weight:700;margin:0 0 10px}
.v36-modal-side h4{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.4}
.v36-modal-side .s-p{margin:0;font-size:14px;color:#c8d3de;line-height:1.8}
.v36-modal-side .s-list{margin:18px 0 0;padding:0;list-style:none;font-size:13.5px;color:#dde6ef}
.v36-modal-side .s-list li{display:flex;gap:8px;align-items:baseline;padding:4px 0}
.v36-modal-side .s-list li::before{content:"◆";color:var(--orange);font-size:10px;flex:none}
.v36-form{padding:30px 30px 26px}
.v36-form h5{margin:0 0 4px;font-size:20px;font-weight:800;color:var(--navy)}
.v36-form .f-sub{margin:0 0 18px;font-size:13.5px;color:var(--muted)}
.v36-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px}
.v36-frow .full{grid-column:1 / -1}
.v36-field{display:flex;flex-direction:column;gap:6px}
.v36-field label{font-size:13px;font-weight:600;color:var(--ink-2)}
.v36-field label .req{color:var(--orange)}
.v36-field input,.v36-field select,.v36-field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;color:var(--ink);font-family:inherit;transition:border-color var(--dur-fast) linear,box-shadow var(--dur-fast) linear}
.v36-field input:focus,.v36-field select:focus,.v36-field textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,101,34,.12)}
.v36-field textarea{resize:vertical;min-height:74px}
.v36-form .f-actions{margin-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.v36-form .f-note{margin:0;font-size:12.5px;color:#9aa0a8}
.v36-form .f-ok{display:none;margin:12px 0 0;padding:12px 14px;border-radius:10px;background:var(--orange-soft);border:1px solid var(--orange-line);color:#b4531d;font-size:13.5px;font-weight:600}
.v36-form .f-ok.show{display:block}
.v36-form .btn-primary{border:0;cursor:pointer;padding:12px 30px;font-size:15px}
.v36-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) linear}
.v36-close:hover{color:var(--orange);border-color:var(--orange);transform:rotate(90deg)}
@media (max-width:760px){
  .v36-modal-dialog{grid-template-columns:1fr}
  .v36-modal-side{min-height:0;padding:26px 22px}
  .v36-modal-side .s-list{display:none}
  .v36-frow{grid-template-columns:1fr}
  .v36-form{padding:22px 22px 20px}
}

/* ---------- 11. CTA 箭头悬停旋转（借鉴茅庐「→ 变 ×」意象） ---------- */
.btn .cta-arrow{display:inline-block;margin-left:8px;transition:transform .38s var(--ease-brand)}
.btn:hover .cta-arrow{transform:rotate(45deg)}

/* ---------- 12. 弹窗表单按钮对齐现状站主按钮 ---------- */
.v36-form .btn-primary{background:var(--orange);color:#fff}
.v36-form .btn-primary:hover{background:var(--orange-hover)}

/* ---------- 13. 导航下拉面板升级（≥980px，参考茅庐 mega menu 结构） ----------
   面板头部：分类大标题 + 查看全部入口 + 底部分隔线
   子项：两列网格 + 右箭头滑入 + 底部细线（<980px 移动端 accordion 不受影响） */
@media (min-width:980px){
  .nav-panel{min-width:460px;padding:14px 12px 12px}
  .nav-panel-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:2px 12px 11px;margin:0 0 8px;border-bottom:1px solid var(--line)}
  .nav-panel-hd .hd-t{font-size:15px;font-weight:800;color:var(--navy);letter-spacing:.02em}
  .nav-panel-hd .hd-t::before{content:"";display:inline-block;width:4px;height:14px;border-radius:2px;
    background:var(--orange);margin-right:9px;vertical-align:-2px}
  .nav-panel-hd .hd-all{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;
    color:var(--muted);text-decoration:none;transition:color var(--dur-base) linear}
  .nav-panel-hd .hd-all .v36-ai{display:inline-block;opacity:0;transform:translateX(-4px);
    transition:opacity var(--dur-base) var(--ease-brand),transform var(--dur-base) var(--ease-brand)}
  .nav-panel-hd .hd-all:hover{color:var(--orange)}
  .nav-panel-hd .hd-all:hover .v36-ai{opacity:1;transform:translateX(0)}
  .nav-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
  .nav-panel-grid .nav-sub{display:flex;align-items:flex-start;gap:10px;
    padding:11px 12px;border-radius:9px;border-bottom:1px solid var(--line-2);
    transition:background-color var(--dur-base) var(--ease-brand),transform var(--dur-base) var(--ease-brand)}
  .nav-panel-grid .nav-sub:last-child,.nav-panel-grid .nav-sub:nth-last-child(2):nth-child(odd){border-bottom:0}
  .nav-panel-grid .nav-sub::after{content:"›";margin-left:auto;flex:none;speak:none;
    font-size:18px;line-height:1;color:var(--orange-line);font-weight:700;
    opacity:0;transform:translateX(-4px);
    transition:opacity var(--dur-base) var(--ease-brand),transform var(--dur-base) var(--ease-brand),color var(--dur-base) linear}
  .nav-panel-grid .nav-sub:hover::after{opacity:1;transform:translateX(0);color:var(--orange)}
  .nav-panel-grid .nav-sub strong{font-size:14px}
}
/* <980px：移动端 accordion 保持原样（隐藏面板头、单列） */
@media (max-width:979px){
  .nav-panel-hd{display:none}
  .nav-panel-grid{display:block}
}