.page-index{
  --blue:#1890ff;
  --blue-strong:#317af7;
  --blue-deep:#107fff;
  --blue-bg:#f1f8ff;
  --blue-bg2:#e8f3ff;
  --blue-line:#bfdbff;
  --ink:#1d2129;
  --ink-2:#4e5969;
  --ink-3:#636e80;
  --ink-4:#86909c;
  --line:#e5e6eb;
  --line-2:#cbd2db;
  --bg:#fff;
  --bg-soft:#f7f8fa;
  --red:#f43c46;
  --radius:8px;
  --radius-lg:12px;
  --font-stack:"PingFang SC","Microsoft YaHei","HarmonyOS Sans SC",-apple-system,"Segoe UI",sans-serif;
}

.page-index,.page-index *{margin:0;padding:0;box-sizing:border-box}

.page-index{font-family:var(--font-stack);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}

.page-index a{color:inherit;text-decoration:none}

.page-index ul{list-style:none}

.page-index .wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ============ 滚动渐入（氚云同款 .6s ease-in-out） ============ */

.page-index .reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}

.page-index .reveal.in{opacity:1;transform:none}

.page-index .reveal.d1{transition-delay:.1s}
.page-index .reveal.d2{transition-delay:.2s}
.page-index .reveal.d3{transition-delay:.3s}

@media(prefers-reduced-motion:reduce){.page-index .reveal{opacity:1;transform:none;transition:none}
.page-index,.page-index *{transition:none!important;animation:none!important}
}

/* ============ 顶部导航（氚云式：白底细线+蓝主按钮） ============ */

.page-index .nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}

.page-index .nav-in{display:flex;align-items:center;height:72px;gap:44px}

.page-index .logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:.02em;flex:none}

.page-index .logo-mark{width:32px;height:32px;border-radius:var(--radius);background:var(--blue);display:grid;place-items:center;color:#fff}

.page-index .nav-links{display:flex;gap:34px;flex:1}

.page-index .nav-links a{font-size:15px;color:var(--ink-2);transition:color .3s}

.page-index .nav-links a:hover{color:var(--blue)}

.page-index .nav-links a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}

.page-index .nav-tel{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.page-index .nav-cta .nav-tel{color:var(--blue-strong)}
.page-index .nav-cta{display:flex;gap:12px;align-items:center;flex:none}

.page-index .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14.5px;font-weight:600;border-radius:var(--radius);padding:9px 24px;cursor:pointer;letter-spacing:.02em;transition:all .3s}

.page-index .btn-primary{background:var(--blue);color:#fff;border:none}

.page-index .btn-primary:hover{background:var(--blue-deep);box-shadow:0 4px 14px rgba(24,144,255,.35)}

.page-index .btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-2)}

.page-index .btn-ghost:hover{border-color:var(--blue);color:var(--blue)}

.page-index .btn-lg{padding:13px 38px;font-size:16px;border-radius:var(--radius-lg)}

.page-index .btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.page-index .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex:none}

@media(max-width:960px){
  .page-index .nav-links,.page-index .nav-cta .btn-ghost{display:none}

  .page-index .nav-toggle{display:block;margin-left:auto}

  .page-index .nav-tel{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.page-index .nav-cta .nav-tel{color:var(--blue-strong)}
.page-index .nav-cta{margin-left:12px}

  .page-index .nav-open .nav-links{display:flex;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 24px 16px;border-bottom:1px solid var(--line)}

  .page-index .nav-open .nav-links a{padding:13px 4px;border-bottom:1px solid var(--bg-soft)}

}

/* ============ Hero（氚云式：浅蓝大底+居中大标语+双按钮） ============ */

.page-index .hero{background:linear-gradient(180deg,var(--blue-bg) 0%,#fff 100%);text-align:center;padding:96px 0 40px}

.page-index .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--blue-strong);background:var(--blue-bg2);border:1px solid var(--blue-line);border-radius:999px;padding:6px 18px;margin-bottom:28px;letter-spacing:.04em}

.page-index .hero h1{font-size:clamp(36px,4.8vw,56px);font-weight:700;line-height:1.2;letter-spacing:.01em;max-width:18em;margin:0 auto}

.page-index .hero h1 .em{background:linear-gradient(115deg,#1e5cff 5%,#6a4ff0 55%,#9a6bff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .hero .sub{font-size:17px;color:var(--ink-3);margin:22px auto 38px;max-width:36em}

.page-index .hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.page-index .hero-note{margin-top:16px;font-size:13px;color:var(--ink-4)}

/* ============ Hero 大屏图（氚云式浏览器大图，此处自绘产品界面） ============ */

.page-index .hero-shot{max-width:1020px;margin:56px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 20px 60px rgba(49,122,247,.14);overflow:hidden}

.page-index .shot-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg-soft)}

.page-index .shot-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}

.page-index .shot-bar .url{flex:1;margin-left:10px;font-size:12px;color:var(--ink-4);background:#fff;border:1px solid var(--line);border-radius:6px;padding:5px 14px;text-align:left}

.page-index .shot-body{display:grid;grid-template-columns:170px 1fr;min-height:380px}

.page-index .shot-side{border-right:1px solid var(--line);background:#fafbfc;padding:16px 10px;text-align:left}

.page-index .shot-side span{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2);padding:10px 12px;border-radius:6px;cursor:default}

.page-index .shot-side span.on{background:var(--blue-bg2);color:var(--blue-strong);font-weight:600}

.page-index .shot-side svg{flex:none;opacity:.75}

.page-index .shot-main{padding:22px 24px;text-align:left}

.page-index .shot-title{font-size:16px;font-weight:700;margin-bottom:16px}

.page-index .shot-row{display:flex;gap:14px;margin-bottom:16px}

.page-index .kpi{flex:1;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;transition:transform .2s,box-shadow .2s}

.page-index .kpi:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(24,144,255,.12)}

.page-index .kpi b{display:block;font-size:24px;font-weight:700;letter-spacing:-.01em}

.page-index .kpi.blue b{color:var(--blue)}

.page-index .kpi small{font-size:12px;color:var(--ink-4)}

.page-index .shot-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}

.page-index .tr{display:grid;grid-template-columns:2.2fr 1fr 1fr .9fr;font-size:13px;border-bottom:1px solid var(--line)}

.page-index .tr:last-child{border-bottom:none}

.page-index .tr.hd{background:var(--bg-soft);color:var(--ink-4);font-size:12px}

.page-index .tr>span{padding:10px 14px;border-right:1px solid var(--line)}

.page-index .tr>span:last-child{border-right:none}

.page-index .pill{display:inline-block;font-size:11.5px;padding:2px 10px;border-radius:999px}

.page-index .pill.ok{background:#f6ffed;color:#52c41a}

.page-index .pill.wait{background:#fff7e6;color:#fa8c16}

.page-index .shot-ai{display:flex;gap:10px;align-items:center;background:var(--blue-bg2);border:1px solid var(--blue-line);border-radius:var(--radius);padding:11px 16px;font-size:13px;color:#1c4fa1}

.page-index .shot-ai b{color:var(--blue-strong)}

/* ============ AI生成应用 Hero 交互演示（V54：可直接操作，融合渐变背景） ============ */

.page-index .hero-shot{border-radius:22px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(49,122,255,.16)}

.page-index .aiapp-body{min-height:380px;padding:34px 34px 26px;display:flex;flex-direction:column;align-items:center;text-align:center}

.page-index .aiapp-title{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.01em}

.page-index .aiapp-sub{font-size:13px;color:var(--ink-4);margin-top:7px}

.page-index .aiapp-input{width:100%;max-width:620px;margin-top:8px;background:rgba(255,255,255,.92);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px 11px;box-shadow:0 2px 10px rgba(30,92,255,.06);text-align:left;transition:border-color .2s,box-shadow .2s}

.page-index .aiapp-input:focus-within{border-color:#8fb0f5;box-shadow:0 0 0 4px rgba(30,92,255,.10)}

.page-index .aiapp-ph{min-height:44px;font-size:13.5px;line-height:1.6;color:var(--ink-2);outline:none;word-break:break-all}

.page-index .aiapp-ph:empty::before{content:attr(data-ph);color:#aab3bf}

.page-index .aiapp-tools{display:flex;justify-content:space-between;align-items:center;margin-top:10px}

.page-index .aiapp-send{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#1e5cff,#6a4ff0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(30,92,255,.35);cursor:pointer;border:none;padding:0;transition:transform .15s,opacity .2s}

.page-index .aiapp-send:hover{transform:scale(1.06)}

.page-index .aiapp-send:disabled{opacity:.5;cursor:default;transform:none}

.page-index .aiapp-clip{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}

.page-index .aiapp-clip:hover{background:rgba(30,92,255,.07)}

.page-index .aiapp-cards{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;transition:opacity .26s}

.page-index .aiapp-card{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:10px;padding:12px 13px 11px;text-align:left;min-height:96px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}

.page-index .aiapp-card b{display:block;font-size:13px;color:var(--ink);margin-bottom:2px}

.page-index .aiapp-card span{font-size:12px;color:var(--ink-3);line-height:1.55}

.page-index .aiapp-card:hover{border-color:#8fb0f5;transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,92,255,.10)}

.page-index .aiapp-foot{margin-top:14px;display:flex;align-items:center;gap:14px}

.page-index .aiapp-swap{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;background:none;border:none;padding:0}

.page-index .aiapp-swap:hover{opacity:.8}

.page-index .aiapp-mock{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:999px;padding:5px 13px;cursor:pointer;transition:all .2s}

.page-index .aiapp-mock.on{color:#1e5cff;border-color:#8fb0f5;background:#eef4ff}

.page-index .aiapp-run{width:100%;max-width:620px;margin-top:16px;text-align:left;display:none}

.page-index .aiapp-status{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);padding:10px 14px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:12px}

.page-index .aiapp-spin{width:14px;height:14px;border:2px solid #cdd9f6;border-top-color:#1e5cff;border-radius:50%;animation:aiapp-rot .8s linear infinite;flex:none}

@keyframes aiapp-rot{to{transform:rotate(360deg)}}

.page-index .aiapp-done{display:none;margin-top:10px;padding:14px 16px;background:linear-gradient(135deg,rgba(232,244,255,.92),rgba(240,238,255,.92));border:1px solid #bcd8f7;border-radius:12px}

.page-index .aiapp-done .dt{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink)}

.page-index .aiapp-done .dt svg{flex:none}

.page-index .aiapp-done .dchk{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}

.page-index .aiapp-done .dchk i{font-style:normal;font-size:11.5px;color:#1e5cff;background:rgba(255,255,255,.92);border:1px solid #c9dcf8;border-radius:999px;padding:3px 10px}

.page-index .aiapp-done .dlk{margin-top:10px;font-size:12px;color:var(--ink-3)}

.page-index .aiapp-done .dlk a{color:var(--blue);font-weight:600;text-decoration:none}

@media (max-width:640px){.page-index .aiapp-input{max-width:none;width:auto;margin:10px -22px 0}
.page-index .aiapp-cards{width:auto;margin:22px -22px 0;grid-template-columns:1fr 1fr}
.page-index .aiapp-body{padding:16px 18px 20px}
.page-index .aiapp-title{font-size:17px}
.page-index .aiapp-card{min-height:0}
.page-index .aiapp-ph{min-height:64px}
}

/* ============ 数字带 ============ */

.page-index .facts{background:#fff;border-bottom:1px solid var(--line)}

.page-index .facts-in{display:grid;grid-template-columns:repeat(4,1fr);padding:36px 0}

.page-index .fact{text-align:center;padding:0 12px}

.page-index .fact+.fact{border-left:1px solid var(--line)}

.page-index .fact b{display:block;font-size:32px;font-weight:700;color:var(--ink);letter-spacing:-.02em}

.page-index .fact b i{font-style:normal;color:var(--blue);font-size:.62em;margin-left:2px}

.page-index .fact span{font-size:13.5px;color:var(--ink-3)}

/* ============ 通用节 ============ */

.page-index .sec{padding:90px 0}

.page-index .sec-head{text-align:center;max-width:680px;margin:0 auto 56px}

.page-index .kicker{display:inline-block;font-size:13px;font-weight:600;color:var(--blue-strong);letter-spacing:.14em;margin-bottom:14px}

.page-index .sec-head h2{font-size:clamp(27px,3.2vw,36px);font-weight:700;line-height:1.3}

.page-index .sec-head p{font-size:15.5px;color:var(--ink-3);margin-top:14px}

/* ============ 三型定位（氚云式：三段全宽，每段=标题+三列卡） ============ */

.page-index .pos{background:var(--blue-bg)}

.page-index .pos-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 44px;margin-bottom:28px}

.page-index .pos-block:last-child{margin-bottom:0}

.page-index .pos-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}

.page-index .pos-head h3{font-size:24px;font-weight:700}

.page-index .pos-head h3 .tag{color:var(--blue)}

.page-index .pos-head p{font-size:14.5px;color:var(--ink-4)}

.page-index .pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px}

/* ============ 引擎能力（氚云式：标语+6列小卡） ============ */

.page-index .eng-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.page-index .eng-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;transition:transform .2s,box-shadow .2s}

.page-index .eng-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(49,122,247,.12)}

.page-index .eng-card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px;color:#fff;box-shadow:0 4px 12px rgba(29,34,41,.15);position:relative;overflow:hidden}

.page-index .eng-card .ic::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 55%)}

.page-index .eng-card .ic.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .eng-card .ic.c-cyan{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .eng-card .ic.c-violet{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .eng-card .ic.c-orange{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .eng-card .ic.c-green{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .eng-card .ic.c-pink{background:linear-gradient(145deg,#ff8fae,#ef5f8b)}

.page-index .eng-card h3{font-size:17.5px;font-weight:700;margin-bottom:8px}

.page-index .eng-card p{font-size:13.5px;color:var(--ink-3);line-height:1.7}

/* ============ 行业方案（氚云式：左文右图大区块） ============ */

.page-index .ind{background:var(--blue-bg)}

.page-index .ind-block{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:34px 0}

.page-index .ind-block+.ind-block{border-top:1px solid #dde9f5}

.page-index .ind-block.flip .ind-visual{order:2}

.page-index .ind-txt .kicker{margin-bottom:12px;display:block}

.page-index .ind-txt h3{font-size:25px;font-weight:700;margin-bottom:18px}

.page-index .ind-txt li{display:flex;gap:12px;font-size:14.5px;color:var(--ink-2);padding:9px 0;border-bottom:1px dashed var(--line)}

.page-index .ind-txt li:last-child{border-bottom:none}

.page-index .ind-txt li svg{flex:none;margin-top:5px;color:var(--blue)}

.page-index .ind-txt li b{font-weight:600;color:var(--ink)}

.page-index .ind-visual{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:0 12px 36px rgba(49,122,247,.1)}

.page-index .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.page-index .mini .cell{border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;text-align:center;font-size:13px;color:var(--ink-2);transition:transform .2s,border-color .2s}

.page-index .mini .cell:hover{transform:translateY(-2px);border-color:var(--blue-line);color:var(--blue-strong)}

.page-index .mini .cell b{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}

.page-index .mini .cell b i{font-style:normal;color:var(--blue);font-size:12px;margin-left:2px}

.page-index .flow{display:flex;align-items:center;gap:8px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);padding:14px}

.page-index .flow .node{flex:1;text-align:center;font-size:12.5px;color:var(--ink-2);background:var(--bg-soft);border-radius:6px;padding:9px 4px}

.page-index .flow .node.hot{background:var(--blue-bg2);color:var(--blue-strong);font-weight:600}

.page-index .flow svg{flex:none;color:var(--ink-4)}

/* ============ AI 保障（四卡浅渐变） ============ */

.page-index .ai-guard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.page-index .guard-card{border-radius:var(--radius-lg);padding:28px 24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 16px rgba(90,120,200,.10);transition:transform .32s cubic-bezier(.22,.8,.22,1),box-shadow .32s,border-color .32s}

/* V56.70 Bento 光斑 hover：鼠标跟随径向光 + 玻璃高光 */

/* V56.72 鼠标跟随光斑已移除 */

/* V56.140 精简 hover：只留卡片动效，去图片/文字位移 */

.page-index .guard-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px rgba(90,120,200,.22),inset 0 1px 0 rgba(255,255,255,.9);border-color:rgba(130,140,255,.55)}

.page-index .guard-card.g1{background:linear-gradient(160deg,#eef4ff 0%,#f6f9ff 100%)}

.page-index .guard-card.g2{background:linear-gradient(160deg,#f3f0ff 0%,#faf8ff 100%)}

.page-index .guard-card.g3{background:linear-gradient(160deg,#ecf9ff 0%,#f5fbff 100%)}

.page-index .guard-card.g4{background:linear-gradient(160deg,#eef2ff 0%,#f7f8ff 100%)}

.page-index .guard-card h3{font-size:16px;font-weight:700;margin-bottom:8px}

.page-index .guard-card p{font-size:13px;color:var(--ink-3);line-height:1.7}

.page-index .guard-art{margin-top:20px;border-radius:var(--radius);background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);padding:18px}

/* V56.69 g1 换自制透明图：去底板去内距，仅此卡 */
.page-index .guard-card .guard-art{background:none;border:none;padding:0;margin-top:16px}

/* 流程小图 */

.page-index .flow-steps{display:flex;align-items:center;justify-content:space-between;gap:4px}

.page-index .flow-steps .fs{text-align:center;flex:1}

.page-index .flow-steps .fs i{display:block;width:34px;height:34px;margin:0 auto 6px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue-strong);font-style:normal;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(49,122,247,.1)}

.page-index .flow-steps .fs em{font-style:normal;font-size:10.5px;color:var(--ink-4)}

.page-index .flow-steps svg{flex:none;color:#b9cdf3;margin-top:-14px}

.page-index .guard-tags{display:flex;gap:8px;margin-top:14px}

.page-index .guard-tags span{font-size:11px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-3)}

/* 盾牌/徽章小图 */

.page-index .art-center{display:grid;place-items:center;padding:8px 0}

.page-index .art-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}

/* ============ AI 功能卡（上二下三） ============ */

.page-index .fn-row2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}

.page-index .fn-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.page-index .fn-card{background:linear-gradient(165deg,#ffffff 0%,#fcfcff 55%,#faf8ff 100%);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}

.page-index .fn-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(49,122,247,.12);border-color:var(--blue-line)}

/* V56.62 卡片淡紫底 + hover 内部元素微动效 */

.page-index .fn-card img,.page-index .fn-card .fn-ic,.page-index .fn-card .fn-body>*{transition:transform .35s cubic-bezier(.25,.8,.35,1.08)}

.page-index .fn-card:hover img{transform:scale(1.045)}

.page-index .fn-card:hover .fn-ic{transform:rotate(-8deg) scale(1.1)}

.page-index .fn-card:hover .fn-body>*{transform:translateY(-3px)}

.page-index .fn-card:hover .fn-body>*:nth-child(2){transition-delay:.05s}

.page-index .fn-card:hover .fn-body>*:nth-child(3){transition-delay:.1s}

.page-index .fn-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}

.page-index .fn-head h3{font-size:17px;font-weight:700;margin-bottom:6px}

.page-index .fn-head p{font-size:13px;color:var(--ink-3);line-height:1.65}

.page-index .fn-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 4px 12px rgba(29,34,41,.15);position:relative;overflow:hidden}

.page-index .fn-ic::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 55%)}

.page-index .fn-ic.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .fn-ic.c-cyan{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .fn-ic.c-violet{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .fn-ic.c-orange{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .fn-ic.c-green{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .fn-body{flex:1;display:flex;flex-direction:column;gap:12px}

.page-index .fn-body .fn-art,.page-index .fn-art{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#f7faff 0%,#f2f6ff 100%);padding:16px}

/* 数字员工 */

.page-index .fn-avatar{display:flex;align-items:center;gap:14px}

.page-index .fn-avatar .face{width:50px;height:50px;border-radius:50%;background:linear-gradient(160deg,#e8f3ff,#d9e8ff);border:1px solid #cfe3ff;display:grid;place-items:center;color:#1f6ef7;flex:none}

.page-index .fn-avatar .orbit{flex:1;display:flex;gap:8px;flex-wrap:wrap}

.page-index .fn-avatar .orbit i{height:30px;min-width:30px;padding:0 8px;border-radius:999px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:11.5px;color:var(--ink-4)}

.page-index .fn-stat-strip{display:flex;gap:10px}

.page-index .fn-stat-strip span{flex:1;text-align:center;font-size:11px;color:var(--ink-4);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 6px}

.page-index .fn-stat-strip b{display:block;font-size:17px;font-weight:700;color:var(--ink);background:linear-gradient(120deg,#1d2129,#1f6ef7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* 自然语言交互 */

.page-index .fn-input{display:flex;align-items:center;gap:10px;border:none;background:#fff;border-radius:999px;padding:11px 12px 11px 18px;box-shadow:0 6px 20px rgba(88,110,255,.28),0 0 0 1.5px rgba(118,120,255,.35)}

/* V56.65 第一排卡压缩 */
.page-index .fn-row2 .fn-head{margin-bottom:12px}
.page-index .fn-row2 .fn-body{gap:8px}
.page-index .fn-row2 .fn-input{padding:9px 12px 9px 18px}
.page-index .fn-reply b{margin-bottom:5px}

.page-index .fn-input .txt{flex:1;font-size:13px;color:var(--ink-2)}

.page-index .fn-input .txt i{display:inline-block;width:1.5px;height:15px;background:var(--blue);vertical-align:-2px;margin-left:1px;animation:blink 1s step-end infinite}

.page-index .fn-input .send{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);display:grid;place-items:center;color:#fff;flex:none}

@keyframes blink{50%{opacity:0}}

.page-index .fn-reply{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}

.page-index .fn-reply b{font-size:11.5px;color:#8b7cf6;display:block;margin-bottom:8px}

.page-index .fn-reply b{color:#7a5fe8}

.page-index .fn-reply .bar{height:6px;border-radius:4px;background:linear-gradient(90deg,#e8f3ff,#d3e7ff);margin-bottom:5px}

.page-index .fn-reply .bar:nth-of-type(2){width:78%}

.page-index .fn-reply .bar:nth-of-type(3){width:55%}

.page-index .fn-reply span{font-size:11.5px;color:var(--ink-4)}

/* 生态融合 */

.page-index .fn-eco-row{display:flex;gap:10px;align-items:center}

.page-index .fn-eco-row .eco-dot{width:38px;height:38px;display:grid;place-items:center}
/* V56.78 去框直接显示官方图 */

.page-index .fn-eco-row .eco-more{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-4);letter-spacing:2px}

.page-index .fn-skeleton{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}

.page-index .fn-skeleton .sk-label{font-size:11.5px;color:#7a5fe8;margin-bottom:8px}

.page-index .fn-skeleton .bar{height:7px;border-radius:4px;background:linear-gradient(90deg,#e8f3ff,#d3e7ff);margin-bottom:6px}

.page-index .fn-skeleton .bar:nth-child(3){width:75%}

.page-index .fn-skeleton .bar:nth-child(4){width:52%}

/* 模型列表 */

.page-index .fn-models .fm{display:flex;align-items:center;gap:10px;border:1px solid #d5e3fb;background:#fff;border-radius:999px;padding:9px 16px;font-size:12.5px;color:var(--ink-2)}

.page-index .fn-models .fm+.fm{margin-top:10px}

.page-index .fn-models .fm:first-child{border-color:#7fa8f7;box-shadow:0 2px 10px rgba(49,122,247,.18);color:var(--ink);font-weight:600}

.page-index .fn-models .fm.hid{opacity:.45}

.page-index .fn-models .fm svg{color:#317af7;flex:none}

/* 知识库 */

.page-index .fn-kb .doc{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;font-size:12.5px;color:var(--ink-2)}

.page-index .fn-kb .doc+.doc{margin-top:10px}

.page-index .fn-kb .doc.hot{border-color:var(--blue-line);background:var(--blue-bg)}

.page-index .fn-kb .doc svg{color:#1f6ef7;flex:none}

.page-index .kb-ask{display:flex;align-items:center;gap:8px;border:1.5px dashed #c6d8f5;border-radius:999px;padding:9px 16px;font-size:12px;color:var(--ink-4);margin-top:10px}

/* V56.50 第二排三卡内容加密：模型分析结论、模型指标标签、知识库问答预览 */

.page-index .fn-skeleton .sk-done{margin-top:10px;padding-top:10px;border-top:1px dashed #dbe7fb;font-size:12px;color:var(--ink-3)}

.page-index .fn-models .fm em{margin-left:auto;font-style:normal;font-size:11px;color:var(--ink-4);background:#f2f6ff;border-radius:999px;padding:3px 9px;flex:none}

/* V56.54 功能卡内容统一下沉贴底，减少卡底留白（V56.55 扩展到全部卡片） */

.page-index .fn-card .fn-body{justify-content:flex-end}

.page-index .fn-models .fm.hid em{opacity:1}

.page-index .kb-ans{background:linear-gradient(160deg,#f7faff 0%,#f0f5ff 100%);border:1px solid #dbe7fb;border-radius:var(--radius);padding:11px 14px;font-size:12.5px;color:var(--ink-2);line-height:1.6}

.page-index .kb-ans b{display:block;font-size:11px;color:#7a5fe8;margin-bottom:5px}

/* V56.51 第二排三卡统一固定高度 353px，微收内距保证内容装得下 */

.page-index .fn-row3 .fn-card{height:353px;overflow:hidden}

.page-index .fn-row3 .fn-head{margin-bottom:12px}

.page-index .fn-row3 .fn-body{gap:10px}

.page-index .fn-models .fm+.fm{margin-top:8px}

.page-index .fn-kb .doc+.doc{margin-top:8px}

.page-index .fn-kb .kb-ans{font-size:12px;padding:8px 12px;line-height:1.5}

.page-index .fn-kb .doc{padding:9px 12px}

.page-index .fn-models .fm{padding:8px 14px}

/* ============ 服务支持（左文右图大卡） ============ */

.page-index .svc-card{display:grid;grid-template-columns:1.1fr .9fr;border-radius:var(--radius-lg);border:none;box-shadow:0 12px 32px rgba(31,110,247,.10);overflow:hidden;position:relative;background:linear-gradient(to top left,rgba(255,255,255,.30) 0%,rgba(255,255,255,.72) 34%,#f6faff 62%,#f2f7ff 100%),url('/statics/home/images/index-v2/svc-bg.jpg') right bottom/cover no-repeat}

.page-index .svc-txt{padding:44px 40px}

.page-index .svc-txt h3{font-size:22px;font-weight:700;margin-bottom:8px}

.page-index .svc-txt .svc-sub{font-size:14px;color:var(--ink-3);margin-bottom:26px}

.page-index .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;margin-bottom:26px}

.page-index .svc-item{display:flex;gap:12px;align-items:flex-start}

.page-index .svc-item .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff;box-shadow:0 4px 10px rgba(29,34,41,.15)}

.page-index .svc-item .ic.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .svc-item .ic.c-cyan{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .svc-item .ic.c-orange{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .svc-item .ic.c-green{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .svc-item b{display:block;font-size:14.5px;font-weight:700}

.page-index .svc-item span{font-size:12.5px;color:var(--ink-3)}

.page-index .svc-link{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--ink);transition:color .3s}

.page-index .svc-link:hover{color:var(--blue-strong)}

.page-index .svc-visual{position:relative;overflow:hidden;min-height:380px}

.page-index .svc-visual .bubble{position:absolute;border-radius:16px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(49,122,247,.15)}

.page-index .svc-visual .b1 b{color:var(--blue-strong)}

.page-index .svc-visual .b2 .row{display:flex;gap:6px;margin-top:8px}

.page-index .svc-visual .b2 .row i{height:8px;border-radius:4px;background:linear-gradient(90deg,#bfdffe,#e2f0ff);flex:1}

/* ============ V5 美化层 ============ */

/* Hero 光效背景 */

.page-index .hero{position:relative;overflow:hidden}

.page-index .hero::before{content:"";position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:1200px;height:520px;background:radial-gradient(ellipse at center,rgba(24,144,255,.14) 0%,rgba(24,144,255,0) 65%);pointer-events:none}

.page-index .hero-shot{position:relative}

.page-index .hero-shot::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);pointer-events:none}

/* 区块标题装饰下划线 */

.page-index .sec-head h2{position:relative;display:inline-block}

.page-index .sec-head h2::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-14px;width:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--blue),#69c0ff)}

.page-index .sec-head{padding-bottom:10px}

/* KPI 卡渐变顶光 */

.page-index .kpi{position:relative;overflow:hidden}

.page-index .kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity .2s}

.page-index .kpi:hover::before{opacity:1}

.page-index .kpi:hover b{color:var(--blue)}

.page-index .kpi b{transition:color .2s}

/* 行业方案视觉卡：头部条+网格背景 */

.page-index .ind-visual{position:relative;background:linear-gradient(165deg,#ffffff 0%,#f4f9ff 100%)}

.page-index .ind-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(24,144,255,.07) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}

.page-index .ind-visual>*{position:relative}

.page-index .ind-visual .cell{background:rgba(255,255,255,.92)}

.page-index .mini .cell b{background:linear-gradient(120deg,#1d2129,#317af7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#317af7}

.page-index .flow{background:rgba(255,255,255,.92)}

.page-index .flow .node{background:#f6f9ff;border:1px solid #e3edfb}

.page-index .flow .node.hot{background:linear-gradient(135deg,#e8f3ff,#d6e9ff);border-color:#a8cdfa;box-shadow:0 2px 10px rgba(24,144,255,.18)}

.page-index .ind-visual{box-shadow:0 16px 44px rgba(49,122,247,.12)}

/* 视觉卡顶部小标签 */

.page-index .ind-visual .vtag{position:absolute;top:14px;right:14px;font-size:11px;font-weight:600;color:var(--blue-strong);background:rgba(232,243,255,.9);border:1px solid #c6e0fa;padding:4px 12px;border-radius:999px;z-index:2}

/* 数字带渐变数字 */

.page-index .fact b{background:linear-gradient(120deg,#1d2129 30%,#317af7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* 引擎卡图标渐变底 */

/* 按钮渐变升级 */

.page-index .btn-primary{background:linear-gradient(135deg,#1e5cff 0%,#6a4ff0 60%,#9a6bff 100%)}

.page-index .btn-primary:hover{background:linear-gradient(135deg,#107fff 0%,#296ef7 100%)}

/* 客户墙 hover 微光 */

.page-index .client-cell{position:relative;overflow:hidden}

.page-index .client-cell::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(24,144,255,.06) 50%,transparent 70%);transform:translateX(-100%);transition:transform .5s}

.page-index .client-cell:hover::after{transform:translateX(100%)}

/* 资质卡图标环 */

.page-index .cert .ic{box-shadow:0 6px 14px rgba(29,34,41,.16),0 0 0 6px rgba(24,144,255,.06)}

/* 服务卡气泡浮动动画 */

.page-index .svc-visual .b1{animation:floatY 5s ease-in-out infinite}

.page-index .svc-visual .b2{animation:floatY 6s ease-in-out infinite reverse}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* AI 输入框光标呼吸 */

/* V56.65 移除旧光晕覆盖，恢复蓝紫光晕 */

/* 滚动条美化 */

.page-index .ind-scroll::-webkit-scrollbar{height:6px}

/* ============ V8 行业视觉卡主题配色 ============ */

/* 生产制造 · 科技蓝 */

.page-index .ind-visual.v-blue{background:linear-gradient(165deg,#f5faff 0%,#e4f0ff 100%)}

.page-index .ind-visual.v-blue::before{background-image:radial-gradient(rgba(31,110,247,.10) 1px,transparent 1px)}

.page-index .ind-visual.v-blue .vtag{color:#1f6ef7;background:rgba(232,243,255,.95);border-color:#b3d4fa}

.page-index .ind-visual.v-blue .cell{border-color:#d8e7fa}

.page-index .ind-visual.v-blue .cell:hover{border-color:#8fc0ff;background:#fff}

.page-index .ind-visual.v-blue .mini .cell b{background:linear-gradient(120deg,#1d2129,#1f6ef7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .ind-visual.v-blue .flow .node{background:#f0f7ff;border-color:#d9e9fa;color:#3d5a7a}

.page-index .ind-visual.v-blue .flow .node.hot{background:linear-gradient(135deg,#3fa9ff,#1f6ef7);border-color:transparent;color:#fff;box-shadow:0 3px 12px rgba(31,110,247,.35)}

/* 建筑工程 · 工程橙 */

.page-index .ind-visual.v-orange{background:linear-gradient(165deg,#fffaf4 0%,#ffeed8 100%)}

.page-index .ind-visual.v-orange::before{background-image:radial-gradient(rgba(240,130,30,.11) 1px,transparent 1px)}

.page-index .ind-visual.v-orange .vtag{color:#d9690e;background:rgba(255,243,227,.95);border-color:#ffd6a6}

.page-index .ind-visual.v-orange .cell{border-color:#f3e2c8}

.page-index .ind-visual.v-orange .cell:hover{border-color:#ffb670;background:#fff}

.page-index .ind-visual.v-orange .mini .cell b{background:linear-gradient(120deg,#1d2129,#f0821e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .ind-visual.v-orange .flow .node{background:#fff8ef;border-color:#f6e2c4;color:#8a6335}

.page-index .ind-visual.v-orange .flow .node.hot{background:linear-gradient(135deg,#ffb057,#f0821e);border-color:transparent;color:#fff;box-shadow:0 3px 12px rgba(240,130,30,.35)}

/* 全行业 · 活力紫 */

.page-index .ind-visual.v-violet{background:linear-gradient(165deg,#f9f7ff 0%,#efe9ff 100%)}

.page-index .ind-visual.v-violet::before{background-image:radial-gradient(rgba(122,95,224,.10) 1px,transparent 1px)}

.page-index .ind-visual.v-violet .vtag{color:#6a55e0;background:rgba(243,239,255,.95);border-color:#d9cdfb}

.page-index .ind-visual.v-violet .cell{border-color:#e4dcf8}

.page-index .ind-visual.v-violet .cell:hover{border-color:#b9a5f7;background:#fff}

.page-index .ind-visual.v-violet .mini .cell b{background:linear-gradient(120deg,#1d2129,#7a5fe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .ind-visual.v-violet .flow .node{background:#f7f5ff;border-color:#e2daf8;color:#5f5386}

.page-index .ind-visual.v-violet .flow .node.hot{background:linear-gradient(135deg,#9c8bff,#6a55e0);border-color:transparent;color:#fff;box-shadow:0 3px 12px rgba(122,95,224,.35)}

/* ============ V10 官网数据带 ============ */

.page-index .hero-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}

.page-index .hero-stats span{display:flex;align-items:baseline;gap:6px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);border:1px solid var(--blue-line);border-radius:999px;padding:8px 18px;font-size:12.5px;color:var(--ink-3)}

.page-index .hero-stats b{font-size:20px;font-weight:800;background:linear-gradient(115deg,#1e5cff 5%,#6a4ff0 55%,#9a6bff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .hero-stats b i{font-style:normal;font-size:13px;background:inherit;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ============ V10 服务支持·全程护航轨道图 ============ */

.page-index .svc-visual{position:relative;overflow:hidden;min-height:380px}

.page-index .svc-ring{position:absolute;inset:0;display:grid;place-items:center;animation:svc-spin 40s linear infinite}

.page-index .svc-ring circle:nth-child(1){animation:svc-dash 1.2s linear infinite}

@keyframes svc-spin{to{transform:rotate(360deg)}}

@keyframes svc-dash{to{stroke-dashoffset:-9}}

.page-index .svc-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;font-weight:700;box-shadow:0 8px 24px rgba(31,110,247,.35),0 0 0 8px rgba(49,122,247,.08)}

.page-index .svc-orb{position:absolute;display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:600;border-radius:999px;padding:7px 14px;box-shadow:0 4px 14px rgba(29,34,41,.18);animation:svc-float 5s ease-in-out infinite}

.page-index .svc-orb span{white-space:nowrap}

.page-index .svc-orb.o1{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .svc-orb.o2{background:linear-gradient(145deg,#8b7cf6,#5b52d8);animation-delay:.4s}

.page-index .svc-orb.o3{background:linear-gradient(145deg,#3fa9ff,#1f6ef7);animation-delay:.8s}

.page-index .svc-orb.o4{background:linear-gradient(145deg,#ffb057,#f0821e);animation-delay:1.2s}

.page-index .svc-orb.o5{background:linear-gradient(145deg,#67d07c,#2fae4e);animation-delay:1.6s}

@keyframes svc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ============ V10 模板云 ============ */

.page-index .tpl-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:980px;margin:0 auto}

.page-index .tpl-chip{display:flex;flex-direction:column;gap:4px;padding:14px 22px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}

.page-index .tpl-chip::after{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#3fa9ff,#1f6ef7);opacity:0;transition:opacity .2s}

.page-index .tpl-chip:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(49,122,247,.14);border-color:var(--blue-line)}

.page-index .tpl-chip:hover::after{opacity:1}

.page-index .tpl-chip b{font-size:15px;font-weight:700;color:var(--ink)}

.page-index .tpl-chip span{font-size:11.5px;color:var(--ink-4)}

.page-index .tpl-chip.tpl-more{background:linear-gradient(135deg,#3fa9ff,#1f6ef7);border-color:transparent;align-items:center;justify-content:center}

.page-index .tpl-chip.tpl-more b{color:#fff;font-size:14px}

/* ============ V10 客户真实好评 ============ */

.page-index .rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.page-index .rv-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin:0;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s;position:relative}

.page-index .rv-card::before{content:"“";position:absolute;right:18px;top:6px;font-size:56px;line-height:1;font-family:Georgia,serif;color:rgba(49,122,247,.15)}

.page-index .rv-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(49,122,247,.12)}

.page-index .rv-stars{color:#ffb02e;font-size:14px;letter-spacing:2px}

.page-index .rv-card blockquote{margin:0;font-size:13.5px;line-height:1.8;color:var(--ink-2);flex:1}

.page-index .rv-card figcaption{display:flex;flex-direction:column;gap:2px;border-top:1px dashed var(--line);padding-top:12px}

.page-index .rv-card figcaption b{font-size:13.5px;color:var(--ink)}

.page-index .rv-card figcaption span{font-size:12px;color:var(--ink-4)}

@media(max-width:1024px){.page-index .rv-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){.page-index .rv-grid{grid-template-columns:1fr}
.page-index .tpl-chip{width:calc(50% - 6px);align-items:center}
}

/* ============ V11 生态区扩容 + 服务轨道重排 ============ */

.page-index .eco-im{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px}

.page-index .eco-im-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);border-radius:var(--radius-lg);padding:0;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(6px);box-shadow:0 8px 28px rgba(49,90,200,.10);transition:transform .25s,box-shadow .25s}

.page-index .eco-im-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(49,90,200,.18)}

.page-index .eco-im-logo{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin-bottom:4px;box-shadow:0 6px 16px rgba(29,34,41,.14)}

.page-index .eco-im-logo.ding{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .eco-im-logo.wecom{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .eco-im-logo.feishu{background:linear-gradient(145deg,#4fc3d9,#1f97b5)}

.page-index .eco-im-card>b{font-size:16px;color:var(--ink)}

.page-index .eco-im-card>i{font-style:normal;font-size:12px;color:var(--ink-4)}

.page-index .eco-feat{font-size:11.5px;color:var(--blue-strong);background:var(--blue-bg);border-radius:999px;padding:5px 14px;margin-top:2px}

.page-index .eco-link{font-size:12.5px;color:var(--ink-3);text-decoration:none;margin-top:6px;transition:color .2s}

.page-index .eco-link:hover{color:var(--blue-strong)}

.page-index .eco-sys-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

.page-index .eco-sys-item{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:var(--radius);padding:16px 18px;box-shadow:0 4px 16px rgba(49,90,200,.07);transition:transform .25s,box-shadow .25s}

.page-index .eco-sys-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(49,90,200,.15)}

.page-index .eco-sys-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none}

.page-index .eco-sys-ic.c-blue{color:#fff;background:linear-gradient(135deg,#3fa9ff,#1f6ef7);box-shadow:0 3px 8px rgba(31,110,247,.22)}

.page-index .eco-sys-ic.c-cyan{color:#fff;background:linear-gradient(135deg,#2ec7c0,#0e9a8f);box-shadow:0 3px 8px rgba(14,154,143,.22)}

.page-index .eco-sys-ic.c-orange{color:#fff;background:linear-gradient(135deg,#ffb057,#f0821e);box-shadow:0 3px 8px rgba(240,130,30,.22)}

.page-index .eco-sys-ic.c-green{color:#fff;background:linear-gradient(135deg,#67d07c,#2fae4e);box-shadow:0 3px 8px rgba(47,174,78,.22)}

.page-index .eco-sys-item b{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}

.page-index .eco-sys-item span{font-size:12px;color:var(--ink-4)}

@media(max-width:900px){.page-index .eco-im{grid-template-columns:1fr}
.page-index .eco-sys-row{grid-template-columns:1fr}
}

/* 服务轨道：胶囊避让气泡 */

.page-index .svc-orb.o1{left:8%;top:6%}

.page-index .svc-orb.o2{right:5%;top:33%}

.page-index .svc-orb.o3{left:3%;top:44%}

.page-index .svc-orb.o4{right:8%;top:64%}

.page-index .svc-orb.o5{left:14%;top:82%}

.page-index .svc-visual .b1{width:44%;padding:12px 14px;top:20px;right:20px;font-size:11.5px;color:var(--ink-2);backdrop-filter:blur(4px)}

.page-index .svc-visual .b2{width:42%;padding:12px 14px;bottom:4%;right:13%;font-size:11.5px;color:var(--ink-2);backdrop-filter:blur(4px)}

/* ============ V12 平台引擎·左列表右演示 ============ */

.page-index .eg-wrap{display:grid;grid-template-columns:340px 1fr;gap:26px;align-items:stretch}

.page-index .eg-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 20px rgba(29,34,41,.04)}

.page-index .eg-item{display:grid;grid-template-columns:44px 1fr 16px;grid-template-areas:"ic tt ar" "ic ds ds";gap:2px 12px;align-items:center;text-align:left;border:none;background:none;padding:13px 14px;border-radius:14px;cursor:pointer;transition:background .25s,box-shadow .25s;position:relative}

.page-index .eg-item .eg-ic{grid-area:ic;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;transition:transform .25s;box-shadow:0 4px 12px rgba(29,34,41,.15)}

.page-index .eg-item .eg-tt{grid-area:tt;display:flex;flex-direction:column}

.page-index .eg-item .eg-tt b{font-size:14.5px;color:var(--ink)}

.page-index .eg-item .eg-tt i{font-style:normal;font-size:11.5px;color:var(--ink-4);margin-top:2px}

.page-index .eg-item .eg-desc{grid-area:ds;display:none;font-size:12px;line-height:1.7;color:var(--ink-3);padding-top:4px}

.page-index .eg-item::after{grid-area:ar;content:"›";font-size:18px;color:transparent;transition:color .25s,transform .25s;justify-self:end}

.page-index .eg-item:hover{background:var(--bg-soft)}

.page-index .eg-item.on{background:linear-gradient(135deg,rgba(63,110,247,.08),rgba(122,88,242,.07));box-shadow:inset 0 0 0 1.5px rgba(106,79,240,.28)}

.page-index .eg-item.on::after{color:#5a6fe8;transform:translateX(2px)}

.page-index .eg-item.on .eg-ic{transform:scale(1.06)}

.page-index .eg-item.on .eg-desc{display:block}

.page-index .eg-ic.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .eg-ic.c-cyan{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .eg-ic.c-violet{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .eg-ic.c-orange{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .eg-ic.c-green{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .eg-ic.c-pink{background:linear-gradient(145deg,#ff8fae,#ef5f8b)}

/* 右侧舞台 */

.page-index .eg-stage{position:relative;min-height:520px}

.page-index .eg-panel{position:absolute;inset:0;opacity:0;transform:translateY(14px) scale(.985);pointer-events:none;transition:opacity .45s ease,transform .45s ease}

.page-index .eg-panel.on{opacity:1;transform:none;pointer-events:auto}

.page-index .eg-browser{height:100%;background:#fff;border:1px solid var(--blue-line);border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(31,110,247,.14),0 2px 8px rgba(29,34,41,.05);display:flex;flex-direction:column}

.page-index .eg-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:linear-gradient(180deg,#f7faff,#eef4fd);border-bottom:1px solid var(--blue-line)}

.page-index .eg-bar i{width:10px;height:10px;border-radius:50%;background:#d4d9e2}

.page-index .eg-bar i:first-child{background:#ff8f8f}

.page-index .eg-bar i:nth-child(2){background:#ffd18f}

.page-index .eg-bar i:nth-child(3){background:#9fe0a0}

.page-index .eg-bar span{margin-left:10px;font-size:11.5px;color:var(--ink-4);background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 14px}

.page-index .eg-canvas{flex:1;padding:20px;background:linear-gradient(165deg,#f8fbff 0%,#f0f5fd 100%);overflow:hidden;position:relative}

/* 表单演示 */

.page-index .fbtns{display:flex;gap:10px;align-items:stretch}
 .page-index .fsubmit{flex:1;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);color:#fff;border-radius:9px;padding:6.5px 0;text-align:center;font-size:12px;font-weight:600;box-shadow:0 3px 9px rgba(31,110,247,.22);letter-spacing:.05em}
 .page-index .fdraft{flex:1;background:#fff;border:1.5px dashed #b9cdf3;color:var(--ink-2);border-radius:9px;padding:6px 0;text-align:center;font-size:12px;letter-spacing:.05em}
 .page-index .eg-canvas .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;max-width:640px;margin-left:170px}

.page-index .fld label{display:block;font-size:11px;color:var(--ink-4);margin-bottom:4px}

.page-index .fld .finput,.page-index .fld .fselect,.page-index .fld .fupload{background:#fff;border:1px solid #dbe6f5;border-radius:9px;padding:8px 12px;font-size:12.5px;color:var(--ink-2)}

.page-index .fld .fselect::after{content:" ▾";float:right;color:var(--ink-4)}

.page-index .fld .finput.ta{min-height:36px;color:var(--ink-3)}

.page-index .fld .fupload{border-style:dashed;color:var(--ink-4);text-align:center}

.page-index .fld.w2{grid-column:span 2}

.page-index .fside{position:absolute;left:20px;top:20px;bottom:20px;width:150px}

.page-index .fpal{background:#fff;border:1px solid #e2e6ee;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 3px 10px rgba(29,34,41,.05)}

.page-index .fpal b{font-size:11.5px;color:var(--ink-3)}

.page-index .fpal span{font-size:11.5px;color:var(--ink-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:6px 10px;text-align:center}

.page-index .fpal .drag{color:var(--blue-strong);border-style:dashed;border-color:var(--blue-line);background:var(--blue-bg);font-weight:600}

/* 流程演示 */

.page-index .flowshow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;align-content:center}

.page-index .fnode{background:#fff;border:1.5px solid #dbe6f5;border-radius:12px;padding:11px 15px;font-size:12.5px;font-weight:600;color:var(--ink);text-align:center;line-height:1.5}

.page-index .fnode i{display:block;font-size:10.5px;font-weight:400;color:var(--ink-4)}

.page-index .fnode.start{border-color:#9fe0a0;color:#1e7e3e}

.page-index .fnode.hot{border-color:#7fa8f7;box-shadow:0 6px 18px rgba(31,110,247,.22);background:linear-gradient(145deg,#eaf3ff,#dbeafe)}

.page-index .fnode.ai{border-color:#c9b8f8;background:linear-gradient(145deg,#f6f2ff,#efe8ff);color:#5b3fd6}

.page-index .farrow{color:#a9c3ec;font-size:16px;font-weight:700}

.page-index .flane{width:100%;text-align:center;margin-top:14px;font-size:11.5px;color:var(--ink-4);background:#fff;border:1px dashed #c8d9f2;border-radius:999px;padding:8px}

/* BI 演示 */

.page-index .bishow{display:flex;flex-direction:column;gap:12px}

/* V56.81 BI 面板丰富化 */

.page-index .bk .spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:20px;opacity:.55}

.page-index .bk .note3{position:absolute;right:10px;bottom:8px;font-size:9.5px;color:var(--ink-4);font-style:normal}

.page-index .bc-cap{font-size:10.5px;color:var(--ink-3);font-weight:400;margin-left:4px}

.page-index .bar-row{display:flex;align-items:center;gap:8px;flex:none}

.page-index .bar-row .bl{width:26px;font-size:10.5px;color:var(--ink-3);flex:none}

.page-index .bar-row .bt{flex:1;height:12px;background:#f2f5fa;border-radius:6px;overflow:hidden}

.page-index .bar-row .bt i{display:block;height:100%;border-radius:6px}

.page-index .bar-row .bv{width:26px;font-size:10.5px;font-style:normal;font-weight:700;color:var(--ink-3);text-align:right;flex:none}

.page-index .trend-x{display:flex;justify-content:space-between;font-size:9.5px;color:var(--ink-4);padding:0 2px}

.page-index .bkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

.page-index .bk{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}

.page-index .bk::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3fa9ff,#1f6ef7)}

.page-index .bk b{display:block;font-size:19px;font-weight:800;background:linear-gradient(120deg,#1d2129,#1f6ef7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .bk span{font-size:11px;color:var(--ink-4)}

.page-index .bk .up,.page-index .bk .dn{position:absolute;right:10px;top:12px;font-size:10.5px;font-style:normal;font-weight:700}

.page-index .bk .up{color:#2fae4e}
.page-index .bk .dn{color:#2fae4e}

.page-index .bcharts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;flex:1}

.page-index .bc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}

.page-index .bc b{font-size:12px;color:var(--ink-3)}

.page-index .bar-row{display:flex;flex-direction:row;align-items:center;gap:8px;flex:none}

.page-index .bar-row i:nth-child(2){opacity:.75}
.page-index .bar-row i:nth-child(3){opacity:.85}
.page-index .bar-row i:nth-child(4){opacity:.55}
.page-index .bar-row i:nth-child(5){opacity:.95}

.page-index .bc .axis{font-size:10.5px;color:var(--ink-4)}

.page-index .bc svg{width:100%;flex:1}

.page-index .bdonut-wrap svg{width:104px;height:104px;flex:none}

.page-index .ai-note{font-size:11px;color:#7a5fe8;background:rgba(122,95,224,.08);border-radius:8px;padding:6px 10px}

/* AI 演示 */

.page-index .aishow{display:flex;flex-direction:column;gap:24px;justify-content:center}
.page-index .eg-canvas.aishow{padding:18px 22px}

.page-index .aiprompt{display:flex;gap:10px;align-items:center}

.page-index .ai-input{flex:1;background:#fff;border:1.5px solid #b9cdf3;border-radius:14px;padding:13px 18px;font-size:13.5px;color:var(--ink-2);box-shadow:0 0 0 3px rgba(24,144,255,.06)}

.page-index .ai-input var{font-style:normal;color:var(--blue-strong);animation:blink 1s step-end infinite}

.page-index .ai-go{background:linear-gradient(145deg,#3fa9ff,#1f6ef7);color:#fff;font-size:12.5px;font-weight:600;border-radius:12px;padding:11px 22px;box-shadow:0 6px 16px rgba(31,110,247,.3)}

.page-index .aigen{display:flex;flex-direction:column;gap:11px}

.page-index .aiflow{display:flex;flex-direction:column;gap:7px}

.page-index .af-row{display:flex;gap:8px;align-items:stretch}

.page-index .af-link{display:flex;align-items:center;gap:7px;height:13px;padding:0 26px}

.page-index .af-link .af-i{font-style:normal;color:#8fb0ec;font-size:13px;line-height:1}

.page-index .af-link .af-dash{flex:1;border-top:1.5px dashed #a9c3ee}

.page-index .af-link .af-note{font-size:9.5px;color:#8fa2c0;letter-spacing:1.5px}

.page-index .eg-canvas .ast{position:relative;flex:1 1 150px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 12px 12px 46px;display:flex;flex-direction:column;gap:4px}

.page-index .eg-canvas .ast .ic{position:absolute;left:11px;top:14px;width:24px;height:24px;border-radius:50%;background:#e8edf5;color:#8a94a6;font-size:12px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}

.page-index .eg-canvas .ast b{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .eg-canvas .ast span{font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .eg-canvas .ast em{position:absolute;right:10px;top:14px;font-size:10.5px;font-style:normal;color:#8a94a6}

.page-index .eg-canvas .ast.done{border-color:#c4e5cd}

.page-index .eg-canvas .ast.done .ic{background:#4caf6d;color:#fff}

.page-index .eg-canvas .ast.done em{color:#4caf6d;font-weight:700}

.page-index .eg-canvas .ast.run{border-color:#9cc2fa;background:linear-gradient(180deg,#f3f8ff,#fff);box-shadow:0 0 0 2px rgba(31,110,247,.10)}

.page-index .eg-canvas .ast.run .ic{background:#1f6ef7;color:#fff}

.page-index .eg-canvas .ast.run em{color:#1f6ef7;font-weight:700}

.page-index .eg-canvas .ast.run .ic::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(31,110,247,.55);animation:afPulse 1.6s ease-out infinite}

@keyframes afPulse{0%{transform:scale(.75);opacity:.95}100%{transform:scale(1.7);opacity:0}}

.page-index .eg-canvas .ast.run em{animation:afBlink 1.2s ease-in-out infinite}

@keyframes afBlink{0%,100%{opacity:1}50%{opacity:.3}}

.page-index .eg-canvas .ast.run{animation:afGlow 2s ease-in-out infinite}

@keyframes afGlow{0%,100%{box-shadow:0 0 0 2px rgba(31,110,247,.10)}50%{box-shadow:0 0 0 3.5px rgba(31,110,247,.24)}}

.page-index .eg-canvas .af-ar{flex:0 0 14px;display:flex;align-items:center;justify-content:center;color:#b9cdf3;font-size:19px;font-weight:700;font-style:normal}

.page-index .aigen-step{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 14px;font-size:11.5px;color:var(--ink-2)}

.page-index .aigen-step i{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;flex:none}

.page-index .aigen-step em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700}

.page-index .aigen-step em.ok{color:#2fae4e}

.page-index .aigen-step em.run{color:#f0821e;animation:blink 1.2s step-end infinite}

.page-index .aiwarn{font-size:12px;color:#c2561d;background:linear-gradient(145deg,#fff7ee,#ffedd8);border:1px solid #ffd6a6;border-radius:12px;padding:11px 16px}

/* 插件演示 */

.page-index .plugshow{display:flex;flex-direction:column;gap:14px;justify-content:center}

.page-index .plug-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.page-index .plug{border-radius:14px;padding:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(29,34,41,.13)}

.page-index .plug::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 55%)}

.page-index .plug b{display:block;font-size:14px;margin-bottom:5px}

.page-index .plug span{font-size:11px;opacity:.9;line-height:1.5}

.page-index .plug.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .plug.c-cyan{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .plug.c-violet{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .plug.c-orange{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .plug.c-green{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .plug.c-pink{background:linear-gradient(145deg,#ff8fae,#ef5f8b)}

.page-index .plug-note{font-size:11.5px;color:var(--ink-4);text-align:center}

/* 多端演示 */

.page-index .multishow{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}

.page-index .mphone{background:#fff;border:1.5px solid #dbe6f5;border-radius:24px;padding:14px 12px;box-shadow:0 14px 34px rgba(31,110,247,.16);display:flex;flex-direction:column;gap:10px}

.page-index .mnotch{width:70px;height:6px;border-radius:3px;background:#e3ebf5;margin:0 auto}

.page-index .mhead{font-size:12.5px;font-weight:700;color:var(--ink);text-align:center}

.page-index .mlist{display:flex;flex-direction:column;gap:7px}

.page-index .mitem{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:10.5px;color:var(--ink-2)}

.page-index .mitem i{width:20px;height:20px;border-radius:6px;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;flex:none}

.page-index .mitem i.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .mitem i.c-orange{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .mitem i.c-green{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .mitem i.c-violet{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .mitem i.c-cyan{background:linear-gradient(145deg,#4fc3d9,#1f97b5)}

.page-index .mitem em{margin-left:auto;font-style:normal;color:var(--ink-4);font-size:9.5px;white-space:nowrap}

.page-index .mtab{display:flex;border-top:1px solid var(--line);padding-top:8px}

.page-index .mtab span{flex:1;text-align:center;font-size:10.5px;color:var(--ink-4)}
 .page-index .mtab span.on{color:var(--blue-strong);font-weight:700}

.page-index .mexpl{display:flex;flex-direction:column;gap:10px;justify-content:center}

.page-index .mrow{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;display:flex;flex-direction:column;gap:3px;transition:transform .2s,border-color .2s}

.page-index .mrow:hover{transform:translateX(4px);border-color:var(--blue-line)}

.page-index .mrow b{font-size:13.5px;color:var(--ink)}

.page-index .mrow span{font-size:11.5px;color:var(--ink-4)}

@media(max-width:1024px){.page-index .eg-wrap{grid-template-columns:1fr}
.page-index .eg-stage{min-height:560px}
.page-index .bcharts{grid-template-columns:1fr}
.page-index .multishow{grid-template-columns:1fr;justify-items:center}
.page-index .eg-canvas.multishow{grid-template-columns:1fr}
}

@media(max-width:640px){.page-index .eg-stage{min-height:620px}
.page-index .bkpis{grid-template-columns:1fr 1fr}
.page-index .plug-grid{grid-template-columns:1fr 1fr;gap:8px}
.page-index .plugshow .plug-grid{gap:8px}
.page-index .fside{display:none}
.page-index .eg-canvas .fgrid{grid-template-columns:1fr}
.page-index .fld.w2{grid-column:auto}
}

/* ============ V13 生态区图形化 ============ */

.page-index .eco-im-card{gap:6px;overflow:hidden;position:relative}

.page-index .eco-im-card::before{content:"";position:absolute;top:0;left:0;right:0;height:110px;background:linear-gradient(165deg,rgba(63,169,255,.10),rgba(31,110,247,.03));pointer-events:none}

.page-index .eco-im-card.ding::before{background:linear-gradient(165deg,rgba(63,169,255,.14),rgba(31,110,247,.04))}

.page-index .eco-im-card.wecom::before{background:linear-gradient(165deg,rgba(103,208,124,.14),rgba(47,174,78,.04))}

.page-index .eco-im-card.feishu::before{background:linear-gradient(165deg,rgba(79,195,217,.14),rgba(31,151,181,.04))}

.page-index .eco-im-card{padding-top:30px}

.page-index .eco-demo{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:10px}

.page-index .eco-demo .msg{max-width:86%;font-size:11px;line-height:1.5;padding:8px 12px;border-radius:12px}

.page-index .eco-demo .msg.in{align-self:flex-start;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-2);border-bottom-left-radius:4px}

.page-index .eco-demo .msg.out{align-self:flex-end;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 10px rgba(31,110,247,.25)}

.page-index .eco-code{margin-left:auto;font-family:Consolas,monospace;font-size:10.5px;color:#0e7a5f;background:linear-gradient(145deg,#eefaf6,#e2f5ef);border:1px solid #bfe8db;border-radius:8px;padding:6px 10px;white-space:nowrap}

.page-index .eco-code b{color:#f0821e}

.page-index .eco-flow-mini{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10.5px}

.page-index .eco-flow-mini i{font-style:normal;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 9px;color:var(--ink-3);font-weight:600}

.page-index .eco-flow-mini b{color:#0e9a8f}

.page-index .eco-file-mini{margin-left:auto;display:flex;gap:5px;font-size:10.5px}

.page-index .eco-file-mini i{font-style:normal;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 9px;color:var(--ink-3);font-weight:600}

.page-index .eco-file-mini i.auto{color:#c2561d;border-color:#ffd6a6;background:linear-gradient(145deg,#fff7ee,#ffedd8)}

.page-index .eco-hook-mini{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10.5px;font-family:Consolas,monospace}

.page-index .eco-hook-mini i{font-style:normal;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 9px;color:#2fae4e;font-weight:600}

.page-index .eco-hook-mini b{color:var(--ink-4)}

/* ============ V14 产品定位·三列阶梯 ============ */

.page-index .pos3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}

.page-index .pos3-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:15px 15px 17px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}

.page-index .pos3-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(49,122,247,.13)}

.page-index .pos3-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px}

.page-index .pos3-card.start::before{background:linear-gradient(90deg,#3fa9ff,#1f6ef7)}

.page-index .pos3-card.mid::before{background:linear-gradient(90deg,#2ec7c0,#0e9a8f)}

.page-index .pos3-card.pro::before{background:linear-gradient(90deg,#8b7cf6,#5b52d8)}

.page-index .pos3-card header .tag{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;border-radius:999px;padding:4px 14px;margin-bottom:14px}

.page-index .pos3-card.start .tag{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .pos3-card.mid .tag{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .pos3-card.pro .tag{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .pos3-card header h3{font-size:19px;line-height:1.45;margin-bottom:10px}

.page-index .pos3-card header p{font-size:13px;color:var(--ink-3);line-height:1.7}

.page-index .pos3-demo{background:linear-gradient(165deg,#f7faff,#f0f5fd);border:1px solid var(--blue-line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}

.page-index .pos3-demo em{font-style:normal;font-size:10.5px;color:var(--ink-4);text-align:right}

.page-index .mini-form .mf-row{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;color:var(--ink-2);margin-bottom:7px}

.page-index .mini-form .mf-row span{margin-left:auto;font-size:10.5px;color:var(--ink-4)}

.page-index .dot{width:8px;height:8px;border-radius:50%;flex:none}

.page-index .dot.c-blue{background:#1f6ef7}
.page-index .dot.c-green{background:#2fae4e}
.page-index .dot.c-orange{background:#f0821e}

.page-index .mini-org{text-align:center}

.page-index .mo-node{display:inline-block;background:linear-gradient(145deg,#2ec7c0,#0e9a8f);color:#fff;font-size:12.5px;font-weight:700;border-radius:10px;padding:9px 22px;box-shadow:0 5px 14px rgba(14,154,143,.3)}

.page-index .mo-line{width:2px;height:14px;background:#bfe3e0;margin:0 auto}

.page-index .mo-branches{display:flex;gap:8px;justify-content:center}

.page-index .mo-branches span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:11px;color:var(--ink-3)}

.page-index .mini-sec .ms-row{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;color:var(--ink-2);margin-bottom:7px}

.page-index .mini-sec .ms-row i{font-style:normal;width:22px;height:22px;border-radius:7px;background:linear-gradient(145deg,#ede9fd,#ddd4f9);display:grid;place-items:center;font-size:12px}

.page-index .mini-sec .ms-row span{margin-left:auto;font-size:10.5px;color:#6a55e0;font-weight:600}

.page-index .pos3-one{margin:auto 6px 2px;padding-top:10px;border-top:1px dashed rgba(31,110,247,.22);font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:auto}

@media(max-width:1024px){.page-index .pos3{grid-template-columns:1fr}
}

/* ============ V15 Hero 左右布局 ============ */

.page-index .hero{padding:80px 0 56px}

.page-index .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;text-align:left}

.page-index .hero-badge{margin-bottom:20px}

.page-index .hero h1{font-size:clamp(28px,2.7vw,36px);max-width:none;margin:0;white-space:nowrap}

.page-index .hero h1 br{display:none}

.page-index .hero .sub{margin:20px 0 30px;max-width:30em;font-size:15.5px}

.page-index .hero-actions{justify-content:flex-start}

.page-index .hero-stats{justify-content:center;margin-top:30px}

.page-index .hero::before{left:22%;top:-200px}

.page-index .hero-shot{max-width:none;margin:0;transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-style:preserve-3d}

.page-index .hero-shot::after{border-radius:var(--radius-lg)}

@media(max-width:1024px){
  .page-index .hero .wrap{grid-template-columns:1fr;text-align:center;gap:36px}

  .page-index .hero h1{margin:0 auto}

  .page-index .hero h1 br{display:block}

  .page-index .hero .sub{margin-left:auto;margin-right:auto}

  .page-index .hero-actions,.page-index .hero-stats{justify-content:center}

  .page-index .hero-shot{transform:none}

}

/* V16: stats 通栏 */

.page-index .hero-stats-wrap{max-width:1200px;margin:34px auto 0;padding:0 24px}

.page-index .hero .wrap.hero-grid + .hero-stats-wrap .hero-stats{justify-content:center;flex-wrap:wrap;gap:14px}

@media(max-width:1024px){.page-index .hero-stats-wrap{margin-top:24px}
}

/* ============ V17 kicker 重设计 ============ */

.page-index .sec-head .kicker,.page-index .ind-tab .kicker,.page-index .sec .kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;font-weight:700;color:var(--blue-strong);
  letter-spacing:.14em;margin-bottom:14px;
}

.page-index .kicker::before{content:"";width:5px;height:16px;border-radius:3px;background:linear-gradient(180deg,#3fa9ff,#1f6ef7);flex:none}

.page-index .kicker::after{content:"";width:46px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(63,169,255,.55),rgba(63,169,255,0));margin-left:2px}

.page-index .ind-tab .kicker::after,.page-index .ind-tab .kicker::before{display:none}

.page-index .ind-tab .kicker{margin-bottom:10px}

/* V17b: 居中态 kicker 对称双线 */

.page-index .sec-head .kicker{justify-content:center}

.page-index .sec-head .kicker::before{width:26px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(63,169,255,0),rgba(63,169,255,.55));margin-right:2px}

.page-index .sec-head .kicker::after{width:26px;background:linear-gradient(90deg,rgba(63,169,255,.55),rgba(63,169,255,0));margin-left:2px}

/* V17c: 行业卡内 kicker 左侧竖标 */

.page-index .ind-txt .kicker{display:inline-flex;align-items:center;gap:9px;letter-spacing:.12em}

.page-index .ind-txt .kicker::before{content:"";width:5px;height:15px;border-radius:3px;background:linear-gradient(180deg,#3fa9ff,#1f6ef7)}

.page-index .ind-txt .kicker::after{content:"";width:38px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(63,169,255,.5),rgba(63,169,255,0))}

/* ============ V18 定位卡演示区增强 ============ */

.page-index .pos3-demo{background:linear-gradient(165deg,#edf4ff,#e0eafc);border:1.5px solid #b9cdf3;box-shadow:0 6px 18px rgba(31,110,247,.10)}

.page-index .pos3-demo em{font-size:11.5px;color:var(--blue-strong);font-weight:600}

.page-index .mini-form .mf-row,.page-index .mini-sec .ms-row{border:1px solid #c9d9f2;box-shadow:0 2px 6px rgba(31,110,247,.06);font-weight:600;color:var(--ink)}

.page-index .mini-form .mf-row span{color:var(--blue-strong);font-weight:700}

.page-index .mini-sec .ms-row i{background:linear-gradient(145deg,#7a5fe8,#5b52d8);color:#fff;font-size:11px;border-radius:8px}

.page-index .mini-sec .ms-row span{color:#5b3fd6;font-weight:700;font-size:11px}

.page-index .mo-node{box-shadow:0 6px 16px rgba(14,154,143,.35)}

.page-index .mo-branches span{border-color:#a8d8d4;color:var(--ink-2);font-weight:600;background:#f2fbfa}

.page-index .pos3-card header h3{min-height:56px;display:flex;align-items:flex-start}

/* ============ V24 行业标签页 ============ */

.page-index .ind-tabs{display:flex;gap:12px;justify-content:center;margin:-26px 0 34px;flex-wrap:wrap}

.page-index .ind-tab{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:10px 26px;font-size:14.5px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:all .25s}

.page-index .ind-tab i{width:10px;height:10px;border-radius:3px;flex:none}

.page-index .ind-tab[data-ind="mfg"] i{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .ind-tab[data-ind="bld"] i{background:linear-gradient(145deg,#ffb057,#f0821e)}

.page-index .ind-tab[data-ind="all"] i{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .ind-tab:hover{border-color:var(--blue-line);color:var(--ink)}

.page-index .ind-tab.on{color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(49,122,247,.25);transform:translateY(-1px)}

.page-index .ind-tab.on[data-ind="mfg"]{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .ind-tab.on[data-ind="bld"]{background:linear-gradient(145deg,#ffb057,#f0821e);box-shadow:0 6px 18px rgba(240,130,30,.3)}

.page-index .ind-tab.on[data-ind="all"]{background:linear-gradient(145deg,#8b7cf6,#5b52d8);box-shadow:0 6px 18px rgba(91,82,216,.3)}

.page-index .ind-block{animation:indIn .4s ease}

@keyframes indIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ============ V27 教育/医疗行业主题 ============ */

.page-index .v-green{background:linear-gradient(165deg,#f4fbf5 0%,#e3f5e7 100%)}

.page-index .v-green::before{background-image:radial-gradient(rgba(47,174,78,.10) 1px,transparent 1px)}

.page-index .v-green .vtag{color:#2fae4e;background:rgba(236,250,239,.95);border-color:#bfe8c8}

.page-index .v-green .cell{border-color:#d4ecd9}

.page-index .v-green .cell:hover{border-color:#8fdaa2;background:#fff}

.page-index .v-green .mini .cell b{background:linear-gradient(120deg,#1d2129,#2fae4e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .v-green .flow .node{background:#f0faf2;border-color:#d5eedd;color:#3f6b4c}

.page-index .v-green .flow .node.hot{background:linear-gradient(135deg,#67d07c,#2fae4e);border-color:transparent;color:#fff}

.page-index .v-teal{background:linear-gradient(165deg,#f3fbfb 0%,#e0f4f3 100%)}

.page-index .v-teal::before{background-image:radial-gradient(rgba(14,154,143,.10) 1px,transparent 1px)}

.page-index .v-teal .vtag{color:#0e9a8f;background:rgba(233,249,248,.95);border-color:#b3e2df}

.page-index .v-teal .cell{border-color:#d2e9e7}

.page-index .v-teal .cell:hover{border-color:#85d4ce;background:#fff}

.page-index .v-teal .mini .cell b{background:linear-gradient(120deg,#1d2129,#0e9a8f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .v-teal .flow .node{background:#effaf9;border-color:#d3ecea;color:#3f6b68}

.page-index .v-teal .flow .node.hot{background:linear-gradient(135deg,#2ec7c0,#0e9a8f);border-color:transparent;color:#fff}

.page-index .ind-tab[data-ind="edu"] i{background:linear-gradient(145deg,#67d07c,#2fae4e)}

.page-index .ind-tab[data-ind="med"] i{background:linear-gradient(145deg,#2ec7c0,#0e9a8f)}

.page-index .ind-tab.on[data-ind="edu"]{background:linear-gradient(145deg,#67d07c,#2fae4e);box-shadow:0 6px 18px rgba(47,174,78,.28)}

.page-index .ind-tab.on[data-ind="med"]{background:linear-gradient(145deg,#2ec7c0,#0e9a8f);box-shadow:0 6px 18px rgba(14,154,143,.28)}
/* V56.144 四行业看板差异化重构 */

.page-index .vsplit{display:flex;gap:14px;height:100%}

.page-index .vcol-stats{flex:0 0 118px;display:flex;flex-direction:column;gap:8px}
.page-index .vcol-stats .vstat{flex:1;display:flex;flex-direction:column;justify-content:center}

.page-index .vstat{background:#fff;border:1px solid #dbe6f5;border-radius:10px;padding:8px 10px}

.page-index .vstat b{display:block;font-size:17px;background:linear-gradient(120deg,#1d2129,#1f6ef7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .vstat b i{font-style:normal;font-size:11px}

.page-index .vstat span{font-size:10.5px;color:#86909c}

.page-index .vcol-funnel{flex:1;background:#fff;border:1px solid #dbe6f5;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}

.page-index .vftitle{font-size:11.5px;font-weight:700;color:#1d2129;margin-bottom:2px}

.page-index .vf-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#4e5969;flex:1}

.page-index .vf-n{width:64px;flex:none}

.page-index .vf-bar{flex:1;height:12px;background:#eef4fd;border-radius:6px;overflow:hidden}

.page-index .vf-bar i{display:block;height:100%;background:linear-gradient(90deg,#3fa9ff,#1f6ef7);border-radius:6px}

.page-index .vf-row b{width:32px;text-align:right;font-size:10.5px;color:#1f6ef7}

.page-index .vf-cap{font-size:10px;color:#86909c;border-top:1px dashed #e1e9f4;padding-top:7px}

.page-index .vprog{background:#fff;border:1px solid #f0dfc8;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:9px}

.page-index .vph{display:flex;align-items:baseline;justify-content:space-between}

.page-index .vph b{font-size:12.5px;color:#1d2129}

.page-index .vph span{font-size:10.5px;color:#a16a2c}

.page-index .vp-row{display:flex;align-items:center;gap:8px;font-size:10.5px}

.page-index .vp-n{width:88px;flex:none;color:#4e5969;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.page-index .vp-track{flex:1;height:14px;background:#faf3e8;border-radius:7px;position:relative;overflow:hidden}

.page-index .vp-track i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ffb057,#f0821e);border-radius:7px}

.page-index .vp-track em{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-style:normal;font-size:9.5px;color:#8a5a1f;font-weight:700}

.page-index .vph2{gap:4px;justify-content:space-between;border-top:1px dashed #f0dfc8;padding-top:8px;margin-top:2px}

.page-index .vph2 b{font-size:16px;background:linear-gradient(120deg,#1d2129,#f0821e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .vph2 b i{font-style:normal;font-size:10px}

.page-index .vph2 span{font-size:10px;color:#86909c;margin-right:8px}

.page-index .vcal{background:#fff;border:1px solid #d4ecd9;border-radius:12px;padding:12px 14px}

.page-index .vc-head{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:6px}

.page-index .vc-head span{text-align:center;font-size:10.5px;color:#86909c}

.page-index .vc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}

.page-index .vc-c{border-radius:8px;padding:6px 4px;text-align:center;font-size:10.5px;font-weight:600;color:#3f6b4c}

.page-index .vc-c i{display:block;font-style:normal;font-size:9px;color:#86a894;font-weight:400;margin-top:1px}

.page-index .vc-c.k1{background:#eaf7ee}
.page-index .vc-c.k2{background:#e8f4ff;color:#2c5f8f}
.page-index .vc-c.k3{background:#fdf3e3;color:#8a5a1f}
.page-index .vc-c.k4{background:#f3f0ff;color:#5b3fd6}

.page-index .vc-foot{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-top:1px dashed #d4ecd9;margin-top:10px;padding-top:8px}

.page-index .vc-foot b{font-size:16px;background:linear-gradient(120deg,#1d2129,#2fae4e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .vc-foot b i{font-style:normal;font-size:10px}

.page-index .vc-foot span{font-size:10px;color:#86909c;margin-right:10px}

.page-index .vtable{background:#fff;border:1px solid #cfe9e6;border-radius:12px;padding:12px 14px}

.page-index .vt-head{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:6px;font-size:10.5px;color:#86909c;padding:0 4px 6px;border-bottom:1px solid #e3f1ef}

.page-index .vt-row{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:6px;align-items:center;font-size:11px;padding:7px 4px;border-bottom:1px dashed #e3f1ef}

.page-index .vt-row b{color:#1d2129;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.page-index .vt-ok{color:#0e9a8f;font-size:10.5px}
.page-index .vt-warn{color:#e0508a;font-size:10.5px}

.page-index .vt-row span:last-child{color:#86909c;text-align:right}

.page-index .vt-foot{display:flex;gap:4px;justify-content:space-between;align-items:baseline;margin-top:9px}

.page-index .vt-foot b{font-size:16px;background:linear-gradient(120deg,#1d2129,#0e9a8f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .vt-foot b i{font-style:normal;font-size:10px}

.page-index .vt-foot span{font-size:10px;color:#86909c;margin-right:10px}

/* ============ V30 标题横线蓝紫渐变 + kicker 位置统一 ============ */

.page-index .sec-head h2::after{width:76px;height:4px;background:linear-gradient(90deg,#3fa9ff 0%,#6a4ff0 55%,#9a6bff 100%)}

.page-index .sec-head .kicker{display:flex;justify-content:center;align-items:center;gap:10px}

.page-index .sec-head .kicker::before{content:"";width:30px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(154,107,255,0),rgba(106,79,240,.55));margin:0}

.page-index .sec-head .kicker::after{content:"";width:30px;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(63,169,255,.55),rgba(63,169,255,0));margin:0}

/* ============ V31 标题区呼吸感 + Tab选中色点变白 ============ */

.page-index .sec-head .kicker{margin-bottom:22px}

.page-index .sec-head h2{margin-bottom:10px}

.page-index .sec-head p{margin-top:22px}

.page-index .sec-head{padding-bottom:14px;margin-bottom:64px}

.page-index .ind-tab.on i{background:#fff !important;box-shadow:0 1px 4px rgba(0,0,0,.18)}

/* ============ V32 标题AI字蓝紫渐变 ============ */

.page-index .ai-grad{background:linear-gradient(115deg,#1e5cff 5%,#6a4ff0 55%,#9a6bff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ============ V33 Hero mockup 表格防压扁 ============ */

.page-index .shot-table .tr{grid-template-columns:minmax(96px,2fr) minmax(58px,1fr) minmax(52px,.9fr) minmax(66px,.9fr)}

.page-index .shot-table .tr>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .shot-table .tr .pill{white-space:nowrap;overflow:visible;text-overflow:clip}

.page-index .pill{white-space:nowrap}

/* ============ V35 Hero mockup 加宽到页缘 ============ */

.page-index .hero-grid{grid-template-columns:.92fr 1.3fr}

.page-index .hero-grid .hero-shot{width:118%;max-width:none}

@media(max-width:1180px){.page-index .hero-grid .hero-shot{width:108%}
}

@media(max-width:1024px){
  .page-index .hero-grid{grid-template-columns:1fr}

  .page-index .hero-grid .hero-shot{width:100%;max-width:1020px;margin:48px auto 0}

}

/* ============ V36 区块底部按钮 ============ */

.page-index .sec-more{display:flex;justify-content:center;margin-top:38px}

.page-index .btn-dashed{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#1e5cff,#6a4ff0 55%,#9a6bff);color:#fff;border:none;font-size:14.5px;font-weight:600;padding:12px 34px;border-radius:999px;transition:all .25s;cursor:pointer}

.page-index .btn-dashed:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(106,79,240,.35);filter:brightness(1.05)}

/* ============ V37 模板大卡轮播 ============ */

.page-index .tpl-slider{position:relative}

.page-index .ts-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;scrollbar-width:none}

.page-index .ts-track::-webkit-scrollbar{display:none}

.page-index .tpl-card{scroll-snap-align:start;flex:0 0 300px;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;text-decoration:none;transition:transform .28s,box-shadow .28s}

.page-index .tpl-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(29,33,41,.14)}

.page-index .vc-blue{background:linear-gradient(150deg,#eaf4ff,#d9eaff)}

.page-index .vc-green{background:linear-gradient(150deg,#edfaf0,#dcf5e3)}

.page-index .vc-violet{background:linear-gradient(150deg,#f1edff,#e5ddff)}

.page-index .vc-orange{background:linear-gradient(150deg,#fff5e8,#ffedd6)}

.page-index .vc-teal{background:linear-gradient(150deg,#e9f8f7,#d8f0ee)}

.page-index .tc-head b{display:block;font-size:19px;color:#1d2129;margin-bottom:6px}

.page-index .tc-head span{font-size:13px;color:#5c6470;line-height:1.5;display:block}

.page-index .tc-demo{background:rgba(255,255,255,.92);border-radius:12px;padding:16px;flex:1;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px rgba(29,33,41,.06)}

.page-index .tc-row{display:flex;gap:8px;flex-wrap:wrap}

.page-index .tc-row span{background:#f5f7fa;border:1px solid #e8ecf1;border-radius:8px;padding:7px 10px;font-size:12px;color:#3d4757;font-weight:600;white-space:nowrap}

.page-index .tc-note{margin-top:auto;font-size:11px;color:#9aa3af}

.page-index .tc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

.page-index .tc-grid span{border-radius:9px;padding:10px 4px;font-size:12px;font-weight:600;text-align:center}

.page-index .ts-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:none;box-shadow:0 6px 20px rgba(29,33,41,.16);font-size:22px;color:#1f6ef7;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:all .25s}

.page-index .ts-btn:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 8px 26px rgba(31,110,247,.28)}

.page-index .ts-prev{left:-14px}

.page-index .ts-next{right:-14px}

@media(max-width:640px){.page-index .tpl-card{flex:0 0 78%}
.page-index .ts-prev{left:2px}
.page-index .ts-next{right:2px}
}

/* ============ V40 蓝紫渐变背景融合 ============ */

/* Hero：蓝底→极淡紫→白 三段过渡 */

.page-index .hero{background:linear-gradient(180deg,#eef5ff 0%,#f3f0ff 55%,#fff 100%)}

/* 行业区：浅蓝→浅紫柔和对角过渡（替换原纯蓝底） */

.page-index .ind{background:linear-gradient(165deg,#eef5ff 0%,#f5f2ff 100%)}

/* CTA 区：淡紫光晕感 */

.page-index .cta{background:linear-gradient(165deg,#f3f0ff 0%,#eef4ff 100%)}

/* 区块级柔和底色浸染：淡紫/淡蓝光斑铺在整段背景上（不集中在标题） */

.page-index .sec{position:relative;background:
  radial-gradient(720px 340px at 12% 6%,rgba(154,107,255,.05),transparent 68%),
  radial-gradient(760px 380px at 88% 94%,rgba(49,122,247,.05),transparent 68%)}

.page-index .sec.ind,.page-index .cta{background-image:none}

/* AI 保障四卡：渐变统一到 蓝→紫 同一色相区间（原来 g3 青味、g2 粉味） */

.page-index .guard-card.g1{background:linear-gradient(165deg,#edf4ff 0%,#e9f0fe 100%)}
.page-index }
.guard-card.g2{background:linear-gradient(165deg,#edf5fb 0%,#f3f7fc 100%)}
.page-index }
.guard-card.g3{background:linear-gradient(165deg,#eef2fa 0%,#f4f6fc 100%)}
.page-index }
.guard-card.g4{background:linear-gradient(165deg,#ecf4fd 0%,#f4f7fc 100%)}
.page-index }

/* 模板轮播卡：杂色系统一为 蓝紫主调 + 微差的四档 */
.vc-blue{background:linear-gradient(150deg,#eaf1ff,#e4e9ff)}

.page-index .vc-green{background:linear-gradient(150deg,#eef0ff,#e9e6ff)}

.page-index .vc-violet{background:linear-gradient(150deg,#f0ecff,#e9e3ff)}

.page-index .vc-orange{background:linear-gradient(150deg,#f1edff,#ece7ff)}

.page-index .vc-teal{background:linear-gradient(150deg,#ecf0ff,#e8e8ff)}

/* 生态四卡图标底：四色统一为蓝紫两档（白图标） */

.page-index .eco-sys-ic.c-blue{color:#fff;background:linear-gradient(135deg,#3fa9ff,#1f6ef7);box-shadow:0 3px 8px rgba(31,110,247,.22)}

.page-index .eco-sys-ic.c-cyan{color:#fff;background:linear-gradient(135deg,#2ec7c0,#0e9a8f);box-shadow:0 3px 8px rgba(14,154,143,.22)}

.page-index .eco-sys-ic.c-orange{color:#fff;background:linear-gradient(135deg,#ffb057,#f0821e);box-shadow:0 3px 8px rgba(240,130,30,.22)}

.page-index .eco-sys-ic.c-green{color:#fff;background:linear-gradient(135deg,#67d07c,#2fae4e);box-shadow:0 3px 8px rgba(47,174,78,.22)}

/* ============ V42 CTA 按钮居中 ============ */

.page-index .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* ============ V47 信任区+CTA条款 ============ */

.page-index .trust-zone > section{padding:46px 0}

.page-index .trust-zone > section:first-child{padding-top:26px}

.page-index .trust-zone > section:last-child{padding-bottom:14px}

.page-index .cta-trust{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:22px 0 6px;padding:0;list-style:none}

.page-index .cta-trust li{font-size:13.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px}

.page-index .cta-trust li::before{content:"✓";color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#1e5cff,#9a6bff);display:flex;align-items:center;justify-content:center;flex:none}

/* ============ 生态 ============ */

.page-index .eco-line{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}

.page-index .eco-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:16px 30px;font-size:15px;font-weight:600;color:var(--ink-2);transition:all .3s}

.page-index .eco-chip:hover{border-color:var(--blue);color:var(--blue-strong);box-shadow:0 6px 18px rgba(24,144,255,.12)}

.page-index .eco-note{text-align:center;font-size:13.5px;color:var(--ink-4);margin-top:26px}

/* ============ 客户墙 ============ */

.page-index .clients{background:var(--bg-soft)}

.page-index .client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.page-index .client-cell{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 12px;text-align:center;font-size:15px;font-weight:600;color:var(--ink-2);letter-spacing:.02em;transition:all .3s}

.page-index .client-cell:hover{color:var(--ink);border-color:var(--blue-line);box-shadow:0 6px 18px rgba(24,144,255,.1)}

.page-index .client-cell small{display:block;font-size:11.5px;font-weight:400;color:var(--ink-4);margin-top:4px}

/* ============ 资质 ============ */

.page-index .certs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.page-index .cert{border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px 28px;text-align:center;transition:transform .2s,box-shadow .2s}

.page-index .cert:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(49,122,247,.12)}

.page-index .cert .ic{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(29,34,41,.16)}

.page-index .cert .ic.c-blue{background:linear-gradient(145deg,#3fa9ff,#1f6ef7)}

.page-index .cert .ic.c-teal{background:linear-gradient(145deg,#4fc3d9,#1f97b5)}

.page-index .cert .ic.c-violet{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .cert h3{font-size:16.5px;font-weight:700}

.page-index .cert p{font-size:13px;color:var(--ink-4);margin-top:6px}

/* ============ CTA（氚云式浅蓝收尾） ============ */

.page-index .cta{background:var(--blue-bg);text-align:center;padding:90px 0}

.page-index .cta h2{font-size:clamp(26px,3vw,34px);font-weight:700}

.page-index .cta p{font-size:15.5px;color:var(--ink-3);margin:14px 0 34px}

/* ============ Footer ============ */

.page-index footer{background:#f7f9fc;color:#6b7686;padding:56px 0 28px;font-size:13.5px;border-top:1px solid #e9eef8}

.page-index .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1.5fr;gap:28px;margin-bottom:36px}
.page-index .foot-grid h4{color:var(--ink);font-size:13.5px;margin:0 0 14px}
.page-index .foot-grid a{color:#6b7686;display:block;margin-bottom:9px}
.page-index .foot-grid a:hover{color:var(--blue-strong)}

.page-index .foot-grid h4{color:var(--ink);font-size:14.5px;font-weight:600;margin-bottom:16px}

.page-index .foot-grid a{display:block;padding:5px 0;color:#6b7686;transition:color .3s}

.page-index .foot-grid a:hover{color:var(--blue-strong)}

.page-index .foot-brand p{margin-top:14px;max-width:30em;line-height:1.75}

.page-index .foot-bottom{border-top:1px solid #e9eef8;padding-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#8a94a3}

.page-index .friend-links{border-top:1px solid #e9eef8;padding-top:18px;margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:#8a94a3}

.page-index .friend-links .fl-label{color:#6b7686;font-weight:600}

.page-index .friend-links a{color:#8a94a3;text-decoration:none;transition:color .2s}

.page-index .friend-links a:hover{color:#4f6bfa}
.page-index .foot-brand .logo{color:var(--blue-strong);font-weight:800;font-size:19px;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}
.page-index .foot-brand .logo-mark{background:linear-gradient(135deg,#2f7bff,#6a4ff0)}
.page-index .foot-brand .logo-mark svg{color:#fff}
.page-index .foot-brand p{font-size:12.5px;line-height:1.7;max-width:200px}
.page-index .foot-side .foot-tel{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:var(--blue-strong);margin:0 0 4px}
.page-index .foot-side .foot-tel-note{font-size:11px;color:#8a94a3;margin:0 0 14px}
.page-index .foot-qrs{display:flex;gap:12px}
.page-index .foot-qr{display:flex;flex-direction:column;align-items:center;gap:6px}
.page-index .foot-qr span{font-size:11px;color:#6b7686}
.page-index .qr-box{width:84px;height:84px;background:#fff;border:1px solid #e3e9f4;border-radius:10px;box-shadow:0 3px 10px rgba(31,110,247,.08);background-image:repeating-linear-gradient(0deg,#dfe7f3 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,#dfe7f3 0 2px,transparent 2px 7px)}

/* ============ 响应式 ============ */

@media(max-width:1024px){
  .page-index .fn-row2,.page-index .fn-row3{grid-template-columns:1fr 1fr}

  .page-index .ai-guard-grid{grid-template-columns:1fr 1fr}

  .page-index .svc-card{grid-template-columns:1fr}

  .page-index .svc-visual{position:relative;overflow:hidden;min-height:380px}

  .page-index .pos-grid,.page-index .eng-grid{grid-template-columns:1fr 1fr}

    .page-index .client-grid{grid-template-columns:repeat(3,1fr)}

  .page-index .ind-block{grid-template-columns:1fr;gap:30px}

  .page-index .ind-block.flip .ind-visual{order:0}

  .page-index .shot-body{grid-template-columns:1fr}

  .page-index .shot-side{display:none}

  .page-index .foot-grid{grid-template-columns:1fr 1fr}

}

@media(max-width:640px){
  .page-index .fn-row2,.page-index .fn-row3{grid-template-columns:1fr}

  .page-index .fn-stat-strip{flex-wrap:wrap}

  .page-index .fn-row2,.page-index .fn-row3{grid-template-columns:1fr}

  .page-index .fn-stat-strip{flex-wrap:wrap}

  .page-index .ai-guard-grid{grid-template-columns:1fr}

  .page-index .tabs{gap:26px}

  .page-index .tab{font-size:15px}

  .page-index .svc-txt{padding:30px 22px}

  .page-index .svc-grid{grid-template-columns:1fr}

  .page-index .pos-grid,.page-index .eng-grid,.page-index .certs{grid-template-columns:1fr}

  .page-index .client-grid{grid-template-columns:repeat(2,1fr)}

  .page-index .facts-in{grid-template-columns:1fr 1fr;gap:22px 0}

  .page-index .fact{border-left:none!important}

  .page-index .sec{padding:60px 0}

  .page-index .pos-block{padding:32px 22px}

  .page-index .hero{padding:76px 0 24px}

  .page-index .hero-actions .btn{flex:1}

  .page-index .shot-row{flex-wrap:wrap}

  .page-index .kpi{min-width:calc(50% - 7px)}

  .page-index .foot-grid{grid-template-columns:1fr}

}

/* ============ V49 移动端 Hero 溢出修复 ============ */

@media(max-width:1024px){
  .page-index .hero h1{white-space:normal;text-wrap:balance}

  .page-index .hero .wrap>*{min-width:0}

  .page-index .hero-note{white-space:normal}

}

/* ============ V50 移动端数据带+行业Tab优化 ============ */

@media(max-width:640px){
  /* 数据背书带：4胶囊竖排 → 2×2 等宽网格 */

  .page-index .hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 10px;margin-top:20px}

  .page-index .hero-stats span{justify-content:center;padding:10px 8px;font-size:12px}

  .page-index .hero-stats b{font-size:18px}

  /* 行业Tab：大胶囊换行 → 单行横滑 */

  .page-index .ind-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;margin:-16px auto 22px;max-width:calc(100% - 32px);padding:2px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    }

  .page-index .ind-tabs::-webkit-scrollbar{display:none}

  .page-index .ind-tab{flex:0 0 auto;padding:8px 14px;font-size:13px;scroll-snap-align:start;white-space:nowrap}

  .page-index .ind-tabs-wrap{position:relative;max-width:calc(100% - 32px);margin:-16px auto 22px}

  .page-index .ind-tabs{padding-right:30px}

  .page-index .ind-more{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 2px 10px rgba(30,60,120,.15);display:flex !important;align-items:center;justify-content:center;z-index:6;padding:0;font-size:17px;line-height:1;color:var(--ink-2);cursor:pointer;transition:opacity .25s}

  .page-index .ind-more.end{opacity:0;pointer-events:none}

  .page-index .ind-tabs-wrap::after{content:none}

  .page-index .ind-tabs-wrap .ind-tabs{margin:0;max-width:none}

}

/* 桌面端包装层透明 */

.page-index .ind-tabs-wrap::after{display:none}

@media(max-width:640px){.page-index .ind-tabs-wrap::after{display:block}
}

/* V56.212 桌面隐藏行业tab箭头（仅移动显示） */
 .page-index .ind-more{display:none}
 /* ============ V51 四面板增色 + 插件扩充 ============ */

/* 图1 流程演示：节点小图标 */

.page-index .fnode{position:relative}

.page-index .fnode .fic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;margin-right:7px;vertical-align:-6px;background:#eef3fb;color:#5b7aa6}

.page-index .fnode .fic svg{display:block}

.page-index .fnode.start .fic{background:linear-gradient(145deg,#e7f8ea,#d2f0d8);color:#1e7e3e}

.page-index .fnode.hot .fic{background:linear-gradient(145deg,#1f6ef7,#4c8dff);color:#fff}

.page-index .fnode.sig .fic{background:linear-gradient(145deg,#4c8dff,#7aa8ff);color:#fff}

.page-index .fnode.ai .fic{background:linear-gradient(145deg,#8b7cf6,#c9b8f8);color:#fff}

.page-index .fnode.end .fic{background:linear-gradient(145deg,#67d07c,#2fae4e);color:#fff}

.page-index .fnode.sig{border-color:#8fb6f9;background:linear-gradient(145deg,#f0f6ff,#e6efff)}

.page-index .fnode.end{border-color:#9fe0a0;background:linear-gradient(145deg,#f2fcf4,#e6f9ea);color:#1e7e3e}

.page-index .farrow{background:linear-gradient(90deg,#3fa9ff,#7a5fe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .flane{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}

.page-index .flane .fl-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);flex:none}

.page-index .flane .fl-dot.d2{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .flane .fl-dot.d3{background:linear-gradient(145deg,#67d07c,#2fae4e)}

/* 图2 BI：KPI 彩色顶条+彩色数字 */

.page-index .bk.t-blue::before,.page-index .bk.t-cyan::before,.page-index .bk.t-green::before,.page-index .bk.t-orange::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}

.page-index .bk.t-blue::before{background:linear-gradient(90deg,#3fa9ff,#1f6ef7)}

.page-index .bk.t-cyan::before{background:linear-gradient(90deg,#2ec7c0,#0e9a8f)}

.page-index .bk.t-green::before{background:linear-gradient(90deg,#67d07c,#2fae4e)}

.page-index .bk.t-orange::before{background:linear-gradient(90deg,#ffb057,#f0821e)}

.page-index .bk.t-cyan b{background:linear-gradient(120deg,#1d2129,#0e9a8f)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

.page-index .bk.t-green b{background:linear-gradient(120deg,#1d2129,#2fae4e)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

.page-index .bk.t-orange b{background:linear-gradient(120deg,#1d2129,#f0821e)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

.page-index .bar-row i{background:linear-gradient(90deg,#3fa9ff,#1f6ef7)}

.page-index .bar-row i.r1{background:linear-gradient(90deg,#3fa9ff,#1f6ef7)}

.page-index .bar-row i.r2{background:linear-gradient(90deg,#ffb057,#f0821e)}

.page-index .bar-row i.r3{background:linear-gradient(90deg,#8b7cf6,#5b52d8)}

.page-index .bar-row i.r4{background:linear-gradient(90deg,#2ec7c0,#0e9a8f)}

.page-index .bar-row i.r5{background:linear-gradient(90deg,#67d07c,#2fae4e)}

/* 图3 AI：状态徽章+进度条+预警按钮 */

.page-index .aigen-step.done{opacity:.72}

.page-index .aigen-step .chk{background:linear-gradient(145deg,#67d07c,#2fae4e)!important}

.page-index .aigen-step.runing{border-color:#ffd6a6;background:linear-gradient(145deg,#fffaf4,#fff3e3);box-shadow:0 4px 14px rgba(240,130,30,.14)}

.page-index .aiprog{height:7px;border-radius:4px;background:#e6edf7;overflow:hidden}

.page-index .aiprog-row{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:var(--ink-3)}

.page-index .aiprog-row b{color:#7b5cd6;font-size:10.5px}

.page-index .aiprog span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#3fa9ff,#8b7cf6);animation:aiprog 2.4s ease-in-out infinite alternate}

@keyframes aiprog{from{width:56%}to{width:70%}}

.page-index .aiwarn{display:flex;align-items:center;gap:10px}

.page-index .aiwarn .warn-btn{margin-left:auto;flex:none;font-size:10.5px;font-weight:700;color:#fff;background:linear-gradient(145deg,#ffb057,#f0821e);border-radius:8px;padding:4px 12px;text-decoration:none;box-shadow:0 3px 10px rgba(240,130,30,.3)}

/* 图4 移动端：mrow 品牌色图标 */

.page-index .mrow{flex-direction:row;align-items:center;gap:12px}

.page-index .mrow>div{display:flex;flex-direction:column;gap:3px}

.page-index .mr-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}

.page-index .mr-ic.ding{background:linear-gradient(145deg,#00a3ff,#0082f0)}

.page-index .mr-ic.wecom{background:linear-gradient(145deg,#3f9bff,#0f6fe8)}

.page-index .mr-ic.feishu{background:linear-gradient(145deg,#4d84ff,#3370ff)}

.page-index .mr-ic.shield{background:linear-gradient(145deg,#8b7cf6,#5b52d8)}

.page-index .mr-ic.bell{background:linear-gradient(145deg,#ff8fae,#ef5f8b)}

/* 图5 插件新增色 */

.page-index .plug.c-indigo{background:linear-gradient(145deg,#5a8bff,#3d5fe0)}

.page-index .plug.c-teal{background:linear-gradient(145deg,#3ddbc9,#0e9a8f)}

.page-index .plug.plug-more{background:#fff;border:1.5px dashed #b8cdf0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;transition:border-color .2s,background .2s,transform .2s}

.page-index .plug.plug-more b{font-size:13px;margin-bottom:3px;background:linear-gradient(115deg,#1e5cff,#6a4ff0,#9a6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .plug.plug-more span{font-size:10.5px;color:var(--ink-4);opacity:1}

.page-index .plug.plug-more:hover{border-color:#6a4ff0;background:#f6f4ff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(106,79,240,.12);text-decoration:none}

.page-index .plug-note .pn-num{font-size:20px;font-weight:800;margin-right:2px;background:linear-gradient(115deg,#1e5cff 5%,#6a4ff0 55%,#9a6bff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* 插件面板 14 卡紧凑化：确保 5 行+底注完整装进舞台 */

.page-index .plugshow .plug-grid{gap:4px}

.page-index .plugshow .plug{padding:10px 13px;border-radius:11px;box-shadow:0 5px 14px rgba(29,34,41,.12)}

.page-index .plugshow .plug b{font-size:13px;margin-bottom:3px}

.page-index .plugshow .plug span{font-size:10.5px}

.page-index .plugshow .plug-note{font-size:11px;margin-top:1px}

/* 窄屏插件网格 3 列太挤，2 列 */

@media(max-width:640px){.page-index .plug-grid{grid-template-columns:1fr 1fr;gap:8px}
.page-index .plugshow .plug-grid{gap:8px}
.page-index .plug{padding:8px 9px}
.page-index .plug b{font-size:12px;margin-bottom:1px}
.page-index .plug span{font-size:9.5px;line-height:1.4}
}

/* ============ V54.1 Hero 演示卡加宽：右列加宽 + 推荐卡2x2 + 输入框满宽 ============ */

.page-index .hero-grid{grid-template-columns:.88fr 1.52fr;gap:44px}

.page-index .hero-grid .hero-shot{width:112%;max-width:none}

.page-index .hero h1{white-space:normal;text-wrap:balance}

.page-index .aiapp-input{max-width:none}

.page-index .aiapp-cards{grid-template-columns:repeat(2,1fr);gap:10px 12px}

.page-index .aiapp-card{min-height:0}

@media(max-width:1180px){.page-index .hero-grid .hero-shot{width:104%}
}

@media(max-width:1024px){.page-index .hero-grid{gap:36px}
.page-index .hero-grid .hero-shot{width:100%;max-width:1020px;margin:48px auto 0}
}

/* ============ V54.2 按参考图还原：纯白大卡 + 4卡横排 + 融合浅渐变 ============ */

.page-index .hero-shot{background:#fff;border:1px solid #eef1f6;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 70px rgba(49,122,247,.15)}

.page-index .hero-grid .hero-shot{width:118%}

.page-index .aiapp-body{padding:32px 36px 26px}

.page-index .aiapp-cards{grid-template-columns:repeat(4,1fr);gap:12px}

.page-index .aiapp-card{background:#fff;padding:10px 12px 9px}

.page-index .aiapp-card span{font-size:11.5px;line-height:1.32}

.page-index .aiapp-foot{justify-content:center}

@media(max-width:1180px){.page-index .hero-grid .hero-shot{width:104%}
}

/* ============ V56 明道云式居中首屏 ============ */

.page-index .hero .wrap.hero-grid,.page-index .hero-grid{display:block;max-width:1200px}

.page-index .hero-copy{max-width:860px;margin:0 auto;text-align:center}

.page-index .hero h1{font-size:clamp(30px,3.4vw,42px)}

.page-index .hero-copy .sub{max-width:640px;margin:14px auto 0}

.page-index .hero-actions{justify-content:center;margin-top:20px}

.page-index .hero-actions .btn{padding:10px 26px;font-size:14px}

.page-index .hero-note{text-align:center}

.page-index .hero-shot{max-width:900px;margin:30px auto 0;width:100%}

/* hero-shot 底版全去（V56 终版）：白底/描边/圆角/阴影/内高光全清，内容直接落在 hero 渐变上 */
.page-index .hero-shot{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.page-index .hero-shot::after{display:none!important}

.page-index .aiapp-title{display:none}

.page-index .aiapp-sub{display:none}

.page-index .aiapp-body{padding:26px 30px 22px}

/* ============ V56 AI生成五步流程区 ============ */

.page-index .aisteps{padding:72px 0 64px;background:linear-gradient(180deg,#fff 0%,var(--blue-bg) 100%)}

.page-index .aisteps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px}

.page-index .astep{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 16px 18px;text-align:left;position:relative;box-shadow:0 4px 16px rgba(30,92,255,.05);transition:transform .2s,box-shadow .2s}

.page-index .astep:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,92,255,.12)}

.page-index .astep .no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#1e5cff,#6a4ff0);color:#fff;font-size:13px;font-weight:700;margin-bottom:10px}

.page-index .astep b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:6px}

.page-index .astep p{font-size:12px;color:var(--ink-3);line-height:1.65;margin:0}

.page-index .aisteps-case{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}

.page-index .aisteps-case .chip{background:#fff;border:1px solid #c9dcf8;color:#1e5cff;border-radius:999px;padding:4px 13px;font-size:12px;font-weight:600}

.page-index .aisteps-cta{margin-top:22px;text-align:center}

.page-index .aisteps-cta a{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(115deg,#1e5cff,#6a4ff0 55%,#9a6bff);color:#fff;font-size:14.5px;font-weight:600;padding:12px 32px;border-radius:999px;text-decoration:none;box-shadow:0 8px 22px rgba(106,79,240,.3);transition:all .25s}

.page-index .aisteps-cta a:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(106,79,240,.4)}

@media(max-width:1024px){.page-index .aisteps-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){.page-index .aisteps-grid{grid-template-columns:1fr}
.page-index .astep{padding:16px 14px}
}

/* ============ V56.6 行业卡图表行：环形图 + 迷你柱状图 ============ */

.page-index .chart-row{display:flex;align-items:center;gap:16px;margin:12px 0 2px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:12px;padding:12px 14px}

.page-index .donut-wrap{display:flex;align-items:center;gap:10px;flex:none}

.page-index .donut{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;position:relative}

.page-index .donut::after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:inset 0 0 4px rgba(0,0,0,.04)}

.page-index .donut b{position:relative;z-index:1;font-size:12.5px;font-weight:800;color:var(--ink)}

.page-index .donut-wrap .dlabel{display:flex;flex-direction:column;gap:1px}

.page-index .donut-wrap .dlabel em{font-style:normal;font-size:11.5px;color:var(--ink-2);font-weight:600;line-height:1.3}

.page-index .donut-wrap .dlabel small{font-size:10.5px;color:var(--ink-4)}

.page-index .bars{flex:1;display:flex;align-items:flex-end;gap:7px;height:56px;padding:0 2px}

.page-index .bars i{flex:1;border-radius:4px 4px 2px 2px;min-height:8px;position:relative;transition:transform .2s}

.page-index .bars i:hover{transform:scaleY(1.04)}

.page-index .bars i:last-child{box-shadow:0 -2px 8px rgba(0,0,0,.10)}

.page-index .bars-cap{flex:none;display:flex;flex-direction:column;gap:1px;text-align:right}

.page-index .bars-cap em{font-style:normal;font-size:11.5px;color:var(--ink-2);font-weight:600;line-height:1.3}

.page-index .bars-cap small{font-size:10.5px;color:var(--ink-4)}

@media(max-width:560px){.page-index .chart-row{flex-wrap:wrap}
.page-index .bars{min-width:100%}
}

/* 行业配色 */

.page-index .v-blue .donut{background:conic-gradient(#1f6ef7 0 96%,#dbeafe 96% 100%)}

.page-index .v-blue .bars i{background:linear-gradient(180deg,#7cb5ff,#c7e0ff)}

.page-index .v-blue .bars i:last-child{background:linear-gradient(180deg,#1f6ef7,#4d9aff)}

.page-index .v-orange .donut{background:conic-gradient(#f0821e 0 98%,#ffe8cc 98% 100%)}

.page-index .v-orange .bars i{background:linear-gradient(180deg,#ffbe6b,#ffe2bf)}

.page-index .v-orange .bars i:last-child{background:linear-gradient(180deg,#f0821e,#ffab4d)}

.page-index .v-green .donut{background:conic-gradient(#22a06b 0 98%,#d3f3e3 98% 100%)}

.page-index .v-green .bars i{background:linear-gradient(180deg,#7fd4a8,#d6f3e3)}

.page-index .v-green .bars i:last-child{background:linear-gradient(180deg,#22a06b,#4dc08a)}

.page-index .v-teal .donut{background:conic-gradient(#0fb5a6 0 96%,#ccf3ef 96% 100%)}

.page-index .v-teal .bars i{background:linear-gradient(180deg,#7adcd2,#d2f4f1)}

.page-index .v-teal .bars i:last-child{background:linear-gradient(180deg,#0fb5a6,#3ccabf)}

.page-index .v-violet .donut{background:conic-gradient(#7c5cff 0 85%,#e6defc 85% 100%)}

.page-index .v-violet .bars i{background:linear-gradient(180deg,#b6a3ff,#e5ddfc)}

.page-index .v-violet .bars i:last-child{background:linear-gradient(180deg,#7c5cff,#9d87ff)}

/* 全行业宫格圆点 */

.page-index .ind-visual.v-violet .mini .cell{display:flex;align-items:center;gap:8px}

.page-index .ind-visual.v-violet .mini .cell::before{content:"";width:8px;height:8px;border-radius:3px;flex:none;background:var(--dot,#7c5cff)}

.page-index .cell.d1c::before{background:#1f6ef7}
.page-index .cell.d2c::before{background:#f0821e}
.page-index .cell.d3c::before{background:#22a06b}
.page-index .cell.d4c::before{background:#0fb5a6}
.page-index .cell.d5c::before{background:#7c5cff}
.page-index .cell.d6c::before{background:#e0508a}
.page-index .cell.d7c::before{background:#8a63d2}
.page-index .cell.d8c::before{background:#5aa7f0}
.page-index .cell.d9c::before{background:#e8a23c}

.page-index .cell.d10c::before{background:#7c5cff}
.page-index .cell.d10c .ic{background:#f0ecff;color:#7c5cff}

.page-index .cell.d11c::before{background:#e85c9b}
.page-index .cell.d11c .ic{background:#fdeef6;color:#e85c9b}

.page-index .cell.d12c::before{background:#e23c3c}
.page-index .cell.d12c .ic{background:#fdecec;color:#e23c3c}

.page-index .cell.d13c::before{background:#b05cc4}
.page-index .cell.d13c .ic{background:#f8eefb;color:#b05cc4}

.page-index .cell.d14c::before{background:#c99a2e}
.page-index .cell.d14c .ic{background:#fbf3e0;color:#c99a2e}

.page-index .cell.d15c::before{background:#3ec4a4}
.page-index .cell.d15c .ic{background:#e8f8f3;color:#2ba287}

.page-index .cell.d16c::before{background:#5a78c9}
.page-index .cell.d16c .ic{background:#ebeffa;color:#5a78c9}

/* V56.152 新增长名行业格优化 */

.page-index .ind-block[data-ind=all] .mini .cell{font-size:12px;padding:14px 8px;white-space:nowrap}

.page-index .ind-block[data-ind=all] .mini .cell b,.page-index .ind-block[data-ind=all] .mini .cell span{white-space:nowrap}

/* V56.135 全行业宫格升级：行业图标衬块 + 底部数据条 */

.page-index .ind-visual.v-violet .mini .cell::before{display:none}

.page-index .ind-visual.v-violet .mini .cell{padding:12px 10px;font-weight:600;color:var(--ink)}

.page-index .ind-visual.v-violet .mini .cell .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}

.page-index .cell.d1c .ic{background:#e8f1fe;color:#1f6ef7}
.page-index .cell.d2c .ic{background:#fdf0e0;color:#f0821e}
.page-index .cell.d3c .ic{background:#e6f6ee;color:#22a06b}

.page-index .cell.d4c .ic{background:#e2f7f5;color:#0fb5a6}
.page-index .cell.d5c .ic{background:#efeafe;color:#7c5cff}
.page-index .cell.d6c .ic{background:#fdeaf2;color:#e0508a}

.page-index .cell.d7c .ic{background:#f0eafb;color:#8a63d2}
.page-index .cell.d8c .ic{background:#eaf4fe;color:#5aa7f0}
.page-index .cell.d9c .ic{background:#fdf3e3;color:#e8a23c}

.page-index .vstats{margin-top:14px;display:flex;justify-content:space-around;gap:8px;background:rgba(255,255,255,.8);border:1px dashed #d9cdfb;border-radius:10px;padding:10px 8px}

.page-index .vstats .vs{text-align:center}

.page-index .vstats .vs b{display:block;font-size:16px;background:linear-gradient(120deg,#1d2129,#7a5fe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .vstats .vs span{font-size:11px;color:var(--ink-4);white-space:nowrap}

/* ============ V57 产品定位三卡：演示区统一行卡 + SVG 图标化 ============ */

.page-index .pos3-card header p{min-height:44px}

.page-index .pos3-demo{padding:0;overflow:hidden;background:linear-gradient(180deg,#f7faff 0%,#f4f2fd 100%);border:none;border-radius:12px;box-shadow:none}

.page-index .pos3-demo .p3-bar{display:flex;align-items:center;gap:9px;height:34px;padding:0 18px;border-bottom:1px solid rgba(226,234,247,.7);background:rgba(255,255,255,.5)}

.page-index .pos3-demo .p3-bar .p3-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#2f7bff,#7a5af8);box-shadow:0 0 0 3px rgba(90,124,240,.14)}

.page-index .pos3-demo .p3-url{font-size:12px;color:#5a6b8c;font-weight:700;letter-spacing:.2px}

.page-index .pos3-demo .p3-bar .p3-live{margin-left:auto;font-size:10.5px;font-weight:700;color:#12a35a;background:#e7f8ef;border-radius:999px;padding:2px 10px}

.page-index .pos3-demo .p3-body{padding:13px 18px;display:flex;flex-direction:column;justify-content:center;height:206px;box-sizing:border-box}

.page-index .pos3-demo em{margin:2px 18px 6px;font-size:12px;color:#4e5969;font-weight:600;text-align:center;font-style:normal;display:block}

/* --- 卡1：审批时间轴 --- */

.page-index .pos3-flow{display:flex;flex-direction:column;gap:0}

.page-index .pos3-step{display:flex;align-items:center;gap:11px;padding:5px 0;position:relative}

.page-index .pos3-step:not(:last-child)::before{content:"";position:absolute;left:13px;top:31px;bottom:-7px;width:2px;border-radius:2px;background:#e6ecf7}

.page-index .pos3-step .p3-ic{width:27px;height:27px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;position:relative;z-index:1}

.page-index .pos3-step.done .p3-ic{background:linear-gradient(135deg,#2f7bff,#7a5af8);color:#fff;box-shadow:0 3px 8px rgba(64,105,250,.28)}

.page-index .pos3-step.act .p3-ic{background:#fff;border:2px solid #7a5af8;color:#7a5af8}

.page-index .pos3-step .p3-ic svg{width:13px;height:13px}

.page-index .pos3-step .p3-c{flex:1;min-width:0}

.page-index .pos3-step .p3-c b{display:block;font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.25}

.page-index .pos3-step .p3-c small{display:block;font-size:10.5px;color:#8a95ad;margin-top:1px;white-space:nowrap}

.page-index .pos3-step .p3-t{flex:none;font-size:11px;color:#5a6b8c;font-weight:700;font-variant-numeric:tabular-nums}

.page-index .pos3-step.act .p3-t{color:#7a5af8}

.page-index .pos3-flow .p3-stat{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:10.5px;font-weight:700;color:#5a6b8c;background:#fff;border:none;border-radius:8px;padding:5px 11px;white-space:nowrap;box-shadow:0 2px 6px rgba(31,110,247,.10)}

.page-index .pos3-flow .p3-stat svg{width:12px;height:12px;color:#f5a623;flex:none}

/* --- 卡2：缩进组织树 --- */

.page-index .pos3-tree{display:flex;flex-direction:column;position:relative}

.page-index .pos3-root{align-self:flex-start;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2f7bff,#7a5af8);border-radius:10px;padding:8px 18px;box-shadow:0 4px 12px rgba(64,105,250,.28)}

.page-index .pos3-root svg{width:14px;height:14px}

.page-index .pos3-root small{font-size:10px;font-weight:600;background:rgba(255,255,255,.22);border-radius:999px;padding:1.5px 9px}

.page-index .pos3-tree .p3-trunk{width:1.5px;height:33px;background:#d5dff0;position:absolute;left:86px;top:36px;border-radius:2px}

.page-index .pos3-tree .p3-trunk::after{content:"";position:absolute;left:-69px;bottom:0;width:70px;height:1.5px;background:#d5dff0;border-radius:2px}

.page-index .pos3-leaf:nth-of-type(3){margin-top:12px}

.page-index .pos3-leaf{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--ink);background:#fff;border:none;border-radius:9px;padding:5px 13px;margin:3px 0 0 35px;position:relative;white-space:nowrap;box-shadow:0 2px 6px rgba(31,110,247,.10);width:calc(100% - 35px);box-sizing:border-box}

.page-index .pos3-leaf::before{content:"";position:absolute;left:-18px;top:50%;width:18px;height:1.5px;background:#d5dff0}

.page-index .pos3-leaf:not(:last-child)::after{content:"";position:absolute;left:-18px;top:50%;bottom:-25px;width:1.5px;background:#d5dff0}

.page-index .pos3-leaf .p3-oic{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#e8f0ff,#f0eaff);display:flex;align-items:center;justify-content:center;flex:none}

.page-index .pos3-leaf .p3-oic svg{width:13px;height:13px;color:#5a7cf0}

.page-index .pos3-leaf .p3-n{flex:1;min-width:0}

.page-index .pos3-leaf .p3-n b{display:block;font-size:12px;font-weight:700;color:var(--ink);line-height:1.2}

.page-index .pos3-leaf .p3-n i{display:block;font-style:normal;font-size:9.5px;color:#8a95ad;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .pos3-leaf small{flex:none;min-width:66px;text-align:center;font-size:10px;font-weight:700;color:#5a7cf0;background:#e8f0ff;border-radius:999px;padding:2px 10px;box-sizing:border-box}

/* --- 卡3：权限矩阵 --- */

.page-index .pos3-matrix{display:flex;flex-direction:column;border:none;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(31,110,247,.10)}

.page-index .pos3-mhead{display:flex;background:linear-gradient(135deg,#f3f6fd,#f7f4fe);font-size:11px;font-weight:700;color:#5a6b8c}

.page-index .pos3-mhead span{flex:1;text-align:center;padding:6.5px 0 7.5px}

.page-index .pos3-mhead span:first-child{flex:0 0 62px;text-align:left;padding-left:14px}

.page-index .pos3-mrow{display:flex;align-items:center;border-top:1px solid #eef2f8;font-size:11.5px}

.page-index .pos3-mrow>span{flex:0 0 62px;font-weight:700;color:var(--ink);padding:6px 0 8px 14px}

.page-index .pos3-mrow .p3-cell{flex:1;display:flex;align-items:center;justify-content:center}

.page-index .p3-badge{font-style:normal;font-size:10.5px;font-weight:700;min-width:58px;text-align:center;padding:3px 10px;border-radius:999px;white-space:nowrap}

.page-index .p3-badge.full{color:#fff;background:linear-gradient(135deg,#7a5af8,#9d5cf0);box-shadow:0 2px 6px rgba(122,90,248,.28)}

.page-index .p3-badge.ro{color:#6a52e0;background:#efeafd}

.page-index .p3-badge.no{color:#6e7889;background:#edf0f5}
.page-index .pos3-card.mid .pos3-demo em{color:#0e9a8f}

.page-index .pos3-card.mid .pos3-demo{background:linear-gradient(180deg,#f7fffd 0%,#f0faf7 100%)}

.page-index .pos3-card.mid .pos3-root{background:linear-gradient(135deg,#2ec7c0,#0e9a8f);box-shadow:0 4px 12px rgba(14,154,143,.28)}

.page-index .pos3-card.mid .pos3-tree .p3-trunk{background:#b9ded9}

.page-index .pos3-card.mid .pos3-tree .p3-trunk::after{background:#b9ded9}

.page-index .pos3-card.mid .pos3-leaf::before{background:#b9ded9}

.page-index .pos3-card.mid .pos3-leaf:not(:last-child)::after{background:#b9ded9}

.page-index .pos3-card.mid .pos3-leaf .p3-oic{background:linear-gradient(135deg,#e6f8f6,#edfbf7)}

.page-index .pos3-card.mid .pos3-leaf .p3-oic svg{color:#0e9a8f}

.page-index .pos3-card.mid .pos3-leaf small{color:#0e9a8f;background:#e2f6f3}

.page-index .pos3-card.mid .p3-dot{background:linear-gradient(135deg,#2ec7c0,#0e9a8f);box-shadow:0 0 0 3px rgba(14,154,143,.14)}
.page-index .pos3-card.pro .pos3-demo em{color:#6a52e0}

.page-index .pos3-flow{display:flex;align-items:flex-start}

.page-index .pos3-node{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--ink)}

.page-index .pos3-node i{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef2f9;color:#a8b6ce;font-style:normal;font-size:13px}

.page-index .pos3-node.done i{background:linear-gradient(135deg,#2f7bff,#5a3df2);color:#fff;box-shadow:0 3px 8px rgba(49,122,247,.30)}

.page-index .pos3-node small{font-size:9.5px;color:var(--ink-4);font-weight:500}

.page-index .pos3-link{flex:1;height:2px;background:#e2e9f5;margin:13px 5px 0}

.page-index .pos3-link.done{background:linear-gradient(90deg,#2f7bff,#7a5af8)}

.page-index .pos3-branch{display:flex;gap:8px;margin-top:16px;position:relative;padding-top:13px}

.page-index .pos3-branch::before{content:"";position:absolute;top:0;left:16.6%;right:16.6%;height:2px;background:#dbe6f8;border-radius:2px}

.page-index .pos3-org{position:relative;font-size:10.5px;font-weight:600;color:var(--ink);background:#f5f8fe;border:1px solid #dbe5f5;border-radius:7px;padding:4px 11px}

.page-index .pos3-org::before{content:"";position:absolute;top:-13px;left:50%;width:2px;height:13px;background:#dbe6f8}

.page-index .pos3-matrix{display:flex;flex-direction:column;gap:6px}

.page-index .pos3-mrow{display:flex;align-items:center;gap:6px}

.page-index .pos3-mrow>span{width:50px;font-size:10px;color:var(--ink-3);font-weight:600;white-space:nowrap}

.page-index .pos3-mcell{flex:1;height:14px;border-radius:4px;background:#eef2f9}

.page-index .pos3-mcell.half{background:#c9dcff}

.page-index .pos3-mcell.on{background:linear-gradient(135deg,#57a0ff,#7a5af8)}

.page-index .pos3-demo em{text-align:center}

/* V57b: 服务卡图片背景上的浮卡加强 */

.page-index .svc-card .bubble{background:rgba(255,255,255,.96);border:1px solid #dbe6f6;box-shadow:0 10px 28px rgba(31,110,247,.20)}

@media(max-width:640px){.page-index .pos3-card header p{min-height:0}
}

/* ============ V56.2 平台引擎列表毛玻璃 ============ */

.page-index .eg-list{position:relative;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 32px rgba(29,34,41,.08),inset 0 1px 0 rgba(255,255,255,.8)}

.page-index .eg-list::before{content:"";position:absolute;left:-60px;top:18%;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(63,169,255,.16),transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1}

.page-index .eg-list::after{content:"";position:absolute;right:-40px;bottom:12%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(122,88,242,.13),transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1}

.page-index .eg-item{border-radius:14px}

.page-index .eg-item.on{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px rgba(106,79,240,.35),0 4px 14px rgba(29,34,41,.06)}

.page-index .eg-item.on::after{color:#5a6fe8;transform:translateX(2px)}

/* ============ V56.4 模板中心全宽轮播（轨道延伸至视口两侧） ============ */

.page-index .tpl-slider{width:100vw;margin-left:calc(50% - 50vw)}

@media(max-width:768px){
  .page-index .tpl-slider{width:auto;margin-left:0}

  .page-index .ts-track{padding-left:20px;padding-right:20px}

  .page-index .tpl-card{flex:0 0 78%}

  .page-index .ts-btn{display:none}

}

.page-index .ts-track{gap:18px;padding:6px 0 48px;padding-left:max(24px,calc(50vw - 576px));scroll-padding-left:max(24px,calc(50vw - 576px))!important}

.page-index .ts-prev{left:16px}

.page-index .ts-next{right:16px}

.page-index .ts-track{scroll-snap-type:none!important}

/* ============ V56.9 模板卡仪表盘 v3（白卡轻量风） ============ */

.page-index .tpl-card.tpl-dash{flex:0 0 300px;height:340px;padding:24px 22px 22px;background:linear-gradient(135deg,var(--g1) 0%,var(--g2) 100%);box-shadow:0 6px 24px rgba(15,23,42,.06);display:flex;flex-direction:column;overflow:hidden}

.page-index .tpl-dash .td-head b{display:block;font-size:19px;font-weight:700;color:#1e293b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .tpl-dash .td-head p{margin:8px 0 0;font-size:12px;color:#57607a;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.page-index .tpl-dash .td-dash{flex:0 0 168px;margin-top:auto;background:rgba(255,255,255,.82);border-radius:14px;padding:12px 14px 12px;display:flex;flex-direction:column;gap:10px;min-height:0}

.page-index .tpl-dash .td-kpis{display:flex;flex:0 0 auto}

.page-index .tpl-dash .td-kpi{flex:1;padding:0 6px;border-left:1px solid #e6ebf5}

.page-index .tpl-dash .td-kpi:first-child{border-left:none;padding-left:0}

.page-index .tpl-dash .td-kpi b{display:block;font-size:15px;color:#4e6ce0;line-height:1.2;font-weight:700}

.page-index .tpl-dash .td-kpi span{display:block;font-size:9px;color:#8a94a6;margin-top:3px}

.page-index .tpl-dash .td-chart{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}

.page-index .tpl-dash .td-chart svg{width:100%;height:100%}

.page-index .tdv-f{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}
/* ============ V56.10 更多模板卡统一渐变风 ============ */

.page-index .tpl-more-card{background:linear-gradient(135deg,#c9d4ff 0%,#e4d9ff 100%);box-shadow:0 6px 24px rgba(15,23,42,.06)}

.page-index .tpl-more-card .tc-head b{color:#1e293b}

.page-index .tpl-more-card .tc-head b i{color:#4e6ce0;font-style:normal}

.page-index .tpl-more-card .tc-head span{color:#57607a}

.page-index .tpl-more-card .tc-demo{background:rgba(255,255,255,.82);box-shadow:none}

.page-index .tpl-more-card .tc-grid span{background:#fff;border:none;color:#4e6ce0}

/* ============ V56.12 生态区改迷你聊天窗 ============ */

.page-index .eco-im-card{padding:0;align-items:stretch;text-align:left;gap:0;overflow:hidden}

.page-index .ecw-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}

.page-index .ecw-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;box-shadow:0 4px 10px rgba(29,33,41,.12)}

.page-index .ecw-logo.ding{background:#fff}

.page-index .ecw-logo.wecom{background:#fff}

.page-index .ecw-logo.feishu{background:#fff}

.page-index .ecw-name{min-width:0;flex:1}

.page-index .ecw-name b{display:block;font-size:16px;color:var(--ink);line-height:1.3}

.page-index .ecw-name i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-4);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .ecw-badge{flex:none;font-size:10.5px;color:#12a35a;background:#e8f8f0;border:1px solid #c5eeda;border-radius:999px;padding:3px 9px}

.page-index .ecw-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:linear-gradient(180deg,#f0f4fc,#e8eef9);min-height:118px}

.page-index .ecw-body .msg{max-width:88%;font-size:12px;line-height:1.55;padding:8px 12px;border-radius:12px}

.page-index .ecw-body .msg.in{align-self:flex-start;background:#fff;border:1px solid var(--line);color:var(--ink-2);border-bottom-left-radius:4px;box-shadow:0 1px 4px rgba(29,33,41,.05)}

.page-index .ecw-body .msg.out{align-self:flex-end;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 10px rgba(31,110,247,.22)}

.page-index .ecw-foot{padding:10px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-4);background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 下排小卡右侧视觉槽统一规格 */

.page-index .eco-sys-item .eco-code,.page-index .eco-flow-mini,.page-index .eco-file-mini,.page-index .eco-hook-mini{margin-left:auto;flex:none;display:flex;align-items:center;gap:5px;font-size:10.5px;background:#f4f6fa;border:1px solid #e4e8f0;border-radius:8px;padding:6px 10px;white-space:nowrap}

.page-index .eco-code{color:#0e7a5f}

.page-index .eco-flow-mini b,.page-index .eco-hook-mini b{color:#8a94a6;font-weight:400}

.page-index .eco-flow-mini i,.page-index .eco-file-mini i,.page-index .eco-hook-mini i{font-style:normal;color:#5c6470}

.page-index .eco-file-mini i{background:#fff;border:1px solid #e4e8f0;border-radius:5px;padding:2px 6px;font-family:Consolas,monospace;font-size:10px}

/* ============ V56.13 模板卡换成设计图 ============ */

.page-index .tpl-card.tpl-img-card{padding:0;overflow:hidden;background:#fff}

.page-index .tpl-img-card img{width:100%;height:100%;object-fit:cover;display:block}

/* ============ V56.15 循环卡图片立即加载+占位底色 ============ */

.page-index .tpl-img-card{background:linear-gradient(135deg,#eef1fe,#f6f4ff)}

/* ============ V56.18 立即咨询改为胶囊按钮 ============ */

.page-index .svc-card .svc-link{margin-top:18px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(145deg,#3fa9ff,#1f6ef7);padding:11px 26px;border-radius:999px;box-shadow:0 6px 16px rgba(31,110,247,.28);transition:transform .2s,box-shadow .2s}

.page-index .svc-card .svc-link:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,110,247,.36)}

.page-index .svc-card .svc-link svg{stroke:#fff}

/* ============ V56.19 客户墙+好评卡（官网口碑样式） ============ */

/* ============ V56.21 资质安全墙+新闻区（官网样式） ============ */

.page-index .sec-wall{display:grid;grid-template-columns:5fr 7fr;gap:18px;align-items:stretch}

.page-index .sec-left{display:flex;flex-direction:column;gap:18px}

.page-index .sec-point{flex:1;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px}

.page-index .sec-point-txt{flex:1;min-width:0}

.page-index .sec-point h3{font-size:17px;margin:0 0 8px;color:var(--ink)}

.page-index .sec-point p{font-size:13px;line-height:1.8;color:var(--ink-4);margin:0}

.page-index .sec-point img{width:120px;flex:none}

.page-index .sec-cards{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 26px;display:flex;flex-direction:column;gap:14px}

.page-index .sec-grp{font-size:15px;color:var(--ink);margin:2px 0 0;text-align:center;position:relative}

.page-index .sec-grp::before,.page-index .sec-grp::after{content:"";position:absolute;top:50%;width:64px;height:1px;background:var(--line)}

.page-index .sec-grp::before{left:calc(50% - 118px)}

.page-index .sec-grp::after{right:calc(50% - 118px)}

.page-index .sec-iso{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.page-index .sec-aaa{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

.page-index .sec-badge{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fafbfd;border:1px solid var(--line);border-radius:10px;padding:12px 8px}

.page-index .sec-badge img{height:72px;width:auto;max-width:100%;object-fit:contain}

.page-index .sec-badge figcaption{font-size:11px;color:var(--ink-3);text-align:center;line-height:1.5}

.page-index .nw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.page-index .nw-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}

.page-index .nw-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(29,34,41,.1)}

.page-index .nw-poster{aspect-ratio:16/9;overflow:hidden;background:#f4f6fa}

.page-index .nw-poster img{width:100%;height:100%;object-fit:cover;display:block}

.page-index .nw-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}

.page-index .nw-body h3{font-size:15px;line-height:1.5;margin:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.page-index .nw-body time{font-size:11.5px;color:var(--ink-4)}

.page-index .nw-body p{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:1080px){.page-index .sec-wall{grid-template-columns:1fr}
.page-index .sec-point img{width:96px}
.page-index .nw-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:720px){.page-index .sec-aaa{grid-template-columns:repeat(2,1fr)}
.page-index .sec-point{flex-direction:column-reverse;text-align:center}
.page-index .nw-grid{grid-template-columns:1fr}
}

/* ============ V56.22 客户墙+好评双行反向滑动 ============ */

.page-index .fv-marquee{display:flex;flex-direction:column;gap:16px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}

.page-index .fv-row{display:flex;gap:16px;width:max-content}

.page-index .fv-row .fv-card{flex:0 0 400px}

.page-index .fv-row--rtl{flex-direction:row-reverse}

@media(max-width:720px){.page-index .fv-row .fv-card{flex-basis:340px}
}

/* ============ V56.23 好评跑马灯全宽贴边 ============ */

.page-index #reviews2 .fv-marquee{width:100vw;margin-left:calc(50% - 50vw)}

@media(max-width:768px){.page-index #reviews2 .fv-marquee{width:auto;margin-left:0}
}

/* ============ V56.24 资质区卡片动效 ============ */

.page-index .sec-point{transition:transform .25s ease,box-shadow .25s ease}

.page-index .sec-point:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(29,34,41,.1)}

.page-index .sec-point img{transition:transform .3s ease}

.page-index .sec-point:hover img{transform:scale(1.06) rotate(-2deg)}

.page-index .sec-badge{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}

.page-index .sec-badge:hover{transform:translateY(-5px);box-shadow:0 10px 22px rgba(29,34,41,.12);border-color:#c9d4e8}

.page-index .sec-badge img{transition:transform .3s ease}

.page-index .sec-badge:hover img{transform:scale(1.1)}

.page-index .sec-cards{transition:box-shadow .3s ease}

/* ============ V56.25 客户墙跑马灯（矮卡宽卡、缓慢左移、循环补齐） ============ */

.page-index .ch-wallbox{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);padding:4px 0 6px;
@media(max-width:768px){.ch-wallbox{width:auto;margin-left:0}}
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}

.page-index #reviews .ch-wall{display:flex;gap:16px;width:max-content}

.page-index #reviews .ch-col{flex:0 0 300px;width:300px}

.page-index .ch-logo{height:52px;padding:6px 8px}

/* V56.26 徽章格压矮密排 */

/* ============ V56.27 补回客户墙卡内样式（V56.25 误删修复） ============ */

.page-index .ch-col{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}

.page-index .ch-col:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(29,34,41,.08)}

.page-index .ch-head{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;color:var(--ink);padding:2px 2px 8px;border-bottom:1px solid var(--line)}

.page-index .ch-head-txt{display:flex;flex-direction:column;gap:3px;min-width:0}

.page-index .ch-head b{font-size:14px;color:var(--ink)}

.page-index .ch-head-txt span{font-size:10.5px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .ch-head svg{color:#b0b8c4;flex:none}

.page-index .ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

.page-index .ch-logo{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;padding:4px 6px}

.page-index .ch-logo img{max-width:100%;max-height:100%;object-fit:contain}

/* V56.28 评价卡加宽 330→400 防姓名/公司名截断 */

/* ============ V56.29 全站分区浅色背景节奏（banner 除外） ============ */

.page-index #templates{background:linear-gradient(180deg,#ffffff 0%,#f4f7ff 18%,#f6f4ff 82%,#ffffff 100%)}

.page-index #industry{background:linear-gradient(180deg,#f3f7ff 0%,#f6f5ff 100%)}

.page-index #positioning{background:linear-gradient(180deg,#f8f9fc 0%,#f5f8ff 100%)}

.page-index #engines{background:#fff}

.page-index #guard{background:linear-gradient(180deg,#f7f9fc 0%,#f3f6fb 100%)}

.page-index #ai-fn{position:relative;background:linear-gradient(180deg,#f8faff 0%,#f4f7ff 100%)}

.page-index #ai-fn::before{content:"";position:absolute;left:50%;top:52%;width:76%;max-width:1080px;height:58%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 38% 50%,rgba(139,124,246,.16) 0%,rgba(150,150,250,.08) 36%,rgba(224,231,255,0) 66%),radial-gradient(ellipse at 74% 42%,rgba(74,124,255,.15) 0%,rgba(120,160,255,.07) 40%,rgba(224,231,255,0) 68%),radial-gradient(ellipse at 55% 62%,rgba(90,150,255,.07) 0%,rgba(224,231,255,0) 60%);filter:blur(24px);pointer-events:none}

.page-index #ai-fn .wrap{position:relative;z-index:1}

.page-index #eco{background:linear-gradient(180deg,#ffffff 0%,#f4f7fd 30%,#eef3fb 70%,#ffffff 100%)}

.page-index #eco{position:relative}

.page-index #eco .wrap{position:relative;z-index:1}

.page-index #eco::before{content:'';position:absolute;top:8%;left:6%;width:520px;height:420px;background:radial-gradient(closest-side,rgba(120,150,255,.14),transparent 70%);filter:blur(28px);pointer-events:none}

.page-index #eco::after{content:'';position:absolute;top:30%;right:4%;width:460px;height:460px;background:radial-gradient(closest-side,rgba(100,190,255,.12),transparent 70%);filter:blur(28px);pointer-events:none}

.page-index #service{background:linear-gradient(180deg,#f8f9fd 0%,#f3f6fc 100%)}

.page-index #reviews{background:linear-gradient(180deg,#f4f7ff 0%,#f7f8fd 100%)}

.page-index #reviews2{background:linear-gradient(180deg,#f7f8fd 0%,#f8f7fc 100%)}

.page-index #about{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f5f8ff 28%,#eef4fd 62%,#ffffff 100%)}

/* V56.48 资质与安全区加极浅蓝底色（两端回白自然过渡，比新闻区淡一档） */

.page-index #news{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 18%,#edf3fd 55%,#f4f8ff 100%)}

.page-index #news::before{content:"";position:absolute;left:50%;top:46%;width:70%;max-width:980px;height:52%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 30% 50%,rgba(96,140,255,.14) 0%,rgba(224,231,255,0) 65%),radial-gradient(ellipse at 72% 46%,rgba(139,124,246,.12) 0%,rgba(224,231,255,0) 62%);filter:blur(22px);pointer-events:none}

.page-index #news .wrap{position:relative;z-index:1}

/* ============ V56.30 补全评价卡基础样式（V56.22 遗漏修复） ============ */

.page-index .fv-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px 16px;
  display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px rgba(29,34,41,.04);
  transition:transform .2s ease,box-shadow .2s ease}

.page-index .fv-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(29,34,41,.08)}

.page-index .fv-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}

.page-index .fv-head b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.page-index .fv-head span{font-size:11px;color:var(--ink-4);flex:none}

.page-index .fv-card blockquote{margin:0;font-size:12.5px;line-height:1.7;color:var(--ink-2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.page-index .fv-stars{color:#f7b500;font-size:13px;letter-spacing:2px}

.page-index .fv-reply{font-size:11px;line-height:1.6;color:var(--ink-3);background:var(--bg-soft);
  border-radius:8px;padding:8px 10px;margin-top:auto}

.page-index .fv-reply i{font-style:normal;color:var(--ink-4)}

/* V56.32 logo 格加高 44→52、卡底 padding 20、格距 10 防下缘裁切 */

/* V56.33 生态窗 logo 换官方图标 */

.page-index .ecw-logo img{width:38px;height:38px;margin:3px;border-radius:50%;object-fit:cover;display:block}

.page-index .ecw-logo.ding img{width:100%;height:100%;margin:0;border-radius:12px;object-fit:cover;background:transparent}

.page-index .ecw-logo.wecom img{background:#fff}

.page-index .ecw-logo.feishu img{background:#fff}

/* V56.34 模型行换官方AI图标 */

.page-index .eco-dot{display:inline-flex;align-items:center;gap:5px}

.page-index .eco-dot img{width:16px;height:16px;border-radius:4px;object-fit:contain;flex:none}

/* V56.35 生态窗图标改圆形白色底板+细边+柔影（图二样式） */

/* V56.36 模型行去文字只留图标（title 悬停提示） */

.page-index .eco-dot{padding:4px}

.page-index .eco-dot img{width:38px;height:38px;border-radius:inherit}

/* V56.37 模型行图标加大填充更饱满 */

/* V56.38 图标再放大 34px */

/* V56.40 头像条缩小 78% 居中 */

/* V56.41 AI 功能卡底部蓝紫渐变光晕（氚云样式） */

.page-index .fn-row2{position:relative;z-index:1}

/* V56.42 hover 时隐藏底部光晕，杜绝任何颜色覆盖卡片 */

/* V56.44 氛围光晕加蓝：紫团+两团蓝交叠（氚云式紫蓝双色），卡片浮于其上 */
/* V56.49 用户反馈偏深：光晕三团透明度降约 25%，区块底渐变同步调淡一档 */

/* V56.82 BI 面板饱满化：加粗加长加密度 */

/* V56.82b 双卡并排 + bars 行拉伸 */

.page-index .bishow .bcharts{grid-template-columns:1.15fr 1fr;grid-template-rows:1fr;align-items:stretch}

.page-index .bishow .bc.bars{gap:6px}

.page-index .bishow .bc.bars b{margin-bottom:2px}

.page-index .bishow{gap:10px}

.page-index .bkpis{gap:10px}

.page-index .bk{padding:11px 14px 10px;border-radius:10px}

.page-index .bk b{font-size:23px;letter-spacing:-.3px}

.page-index .bk span{font-size:11.5px}

.page-index .bk .dn{font-size:11px}

.page-index .bk .note3{font-size:10px;bottom:9px}

.page-index .bk .up{position:absolute;right:12px;top:11px;font-size:11px;font-style:normal;font-weight:700}

.page-index .bk .spark{height:26px;opacity:.9}

.page-index .bk .spark polyline{stroke-width:2}

.page-index .bcharts{gap:10px}

.page-index .bishow .bc{padding:12px 14px;border-radius:10px;gap:8px}

.page-index .bc b{font-size:12.5px;font-weight:700;color:var(--ink-2)}

.page-index .bishow .bar-row{flex:1;gap:10px}

.page-index .bar-row .bl{width:30px;font-size:11.5px;font-weight:600;color:var(--ink-3)}

.page-index .bishow .bar-row .bt{height:10px;background:#eef2f9;border-radius:5px}

.page-index .bishow .bar-row .bt i{border-radius:5px}

.page-index .bar-row .bv{width:32px;font-size:12px;font-weight:800}

.page-index .bishow .bc.trend{gap:6px}

.page-index .bishow .bc.trend svg{flex:1;min-height:0}

.page-index .bishow .trend-x{padding:0 2px;margin-top:-2px}

.page-index .eg-canvas .bc .ai-note{font-size:11px;padding:6px 10px;margin-top:auto;line-height:1.5;min-height:0;display:flex;align-items:center}
/* V56.85b 微调：描述对比度 + 芯片紧凑 */

.page-index .eco-sys-item div span{color:#5a6884;font-size:12px}

.page-index .eco-chip.gap-tight{gap:4px}
/* V56.86 聊天卡消息按语义分化（操作/回执/查看） */

.page-index .ecw-body .msg.act{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #b9d4ff;border-bottom-right-radius:4px;box-shadow:0 2px 6px rgba(31,110,247,.10)}

.page-index .ecw-body .msg.act i{font-style:normal;font-size:10.5px;color:#8a97b0}

.page-index .ecw-body .msg.act b{color:#1f6ef7;font-size:12px}

.page-index .ecw-body .msg.done{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(145deg,#eefaf4,#e2f5ec);border:1px solid #bfe8d6;color:#0f7a5a;border-bottom-right-radius:4px;box-shadow:0 2px 6px rgba(15,122,90,.08)}

.page-index .ecw-body .msg.done em{font-style:normal;flex:none;width:15px;height:15px;border-radius:50%;background:#17b26a;color:#fff;font-size:9.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}

.page-index .ecw-body .msg.view{align-self:flex-end;display:inline-flex;align-items:center;gap:10px;background:#eef4ff;color:#1f6ef7;border:1px solid #c9dcff;border-bottom-right-radius:4px}

.page-index .ecw-body .msg.view b{color:#1f6ef7;font-weight:600}
/* V56.90 表单设置块改开关行（与组件芯片区分） */

.page-index .eg-canvas .fside .fpal.fpal-set{display:flex;flex-direction:column;gap:3px;padding:6px 9px 6px}

.page-index .eg-canvas .fside .fpal-set b{font-size:11px;margin-bottom:0;line-height:1.3}

/* V56.117 多平台行品牌图标：彩图白底（企微/飞书），钉钉白图渐变底 */

.page-index .mrow .mr-ic.wecom,.page-index .mrow .mr-ic.feishu{background:#fff;box-shadow:inset 0 0 0 1px #eef1f6}

.page-index .fside .fset-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0;font-size:10px;line-height:1.25;color:var(--ink-2)}

.page-index .fset-row+.fset-row{border-top:1px dashed #eef1f6}

.page-index .fsw{flex:none;width:26px;height:15px;border-radius:999px;background:#dfe5ee;position:relative;transition:background .2s}

.page-index .fsw::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(29,34,41,.25);transition:transform .2s}

.page-index .fsw.on{background:linear-gradient(135deg,#1f6ef7,#7a5fe8)}

.page-index .fsw.on::after{transform:translateX(11px)}
/* V56.93 BI 面板增强：KPI 卡分区防压线 + 第三图（状态环形） */

.page-index .bishow .bk{padding:11px 13px 30px}

.page-index .bishow .bk span{position:relative;z-index:2}

.page-index .bishow .bk .up,.page-index .bishow .bk .dn{top:9px;right:11px;z-index:2}

.page-index .bishow .bk .note3{bottom:31px;right:11px;z-index:2}

.page-index .bishow .bk .spark{bottom:6px;height:18px;opacity:.9}

.page-index .eg-canvas .bcharts3{display:grid;grid-template-columns:1fr 1fr 1.06fr;gap:8px;flex:1;min-height:0}

.page-index .eg-canvas .bdonut-wrap{display:flex;align-items:center;gap:12px;flex:1;min-height:0}

.page-index .eg-canvas .bdonut-legend{display:grid;grid-template-columns:1fr;gap:5px;font-size:10.5px;color:var(--ink-3);min-width:0;flex:1}

.page-index .eg-canvas .bdonut-legend b{font-size:11px;color:var(--ink);margin-left:2px;white-space:nowrap}

.page-index .eg-canvas .blg{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}
.page-index .eg-canvas .blg b{margin-left:auto;font-weight:700;color:var(--ink-2);font-size:10px}

.page-index .blg i{width:8px;height:8px;border-radius:3px;flex:none}
/* V56.95 BI 第三卡填充：挂起明细条 */

.page-index .eg-canvas .bhang{display:flex;flex-direction:column;gap:5px;margin-top:2px}

.page-index .eg-canvas .bh-row{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-3)}

.page-index .eg-canvas .bh-row span{width:30px;flex:none}

.page-index .eg-canvas .bh-t{flex:1;height:7px;background:#f2f5fa;border-radius:4px;overflow:hidden}

.page-index .eg-canvas .bh-t i{display:block;height:100%;background:linear-gradient(90deg,#ffb057,#f0821e);border-radius:4px}

.page-index .eg-canvas .bh-row em{width:18px;font-style:normal;font-weight:700;color:var(--ink-3);text-align:right;flex:none}

/* V56.96 手机模拟器加宽防换行 + V56.97 拉高去臃肿 */

.page-index .multishow{grid-template-columns:264px 1fr;align-items:stretch}

.page-index .mphone{padding:18px 14px 16px;min-height:0;max-height:100%}

.page-index .mphone .mlist{gap:11px;flex:1;justify-content:center}

.page-index .mitem{font-size:10.5px;padding:10px 11px}

.page-index .mphone .mtab{margin-top:0px}

.page-index .mphone .mnotch{margin-bottom:4px}

/* V56.100 表单面板：字段组件移左 + 拖拽特效 */

.page-index .eg-canvas .fside{justify-content:flex-start}

.page-index .eg-canvas .fside-r{left:auto;right:20px}

.page-index .eg-canvas .fgrid{gap:7px;margin:0 20px 0 182px;max-width:596px}

.page-index .eg-canvas .fpal-tpl{margin-top:2px}

.page-index .eg-canvas .fside .fpal.fpal-tpl{display:flex;flex-direction:column;gap:3px;padding:6px 9px 6px}

.page-index .fsw{width:20px;height:12px}

.page-index .fsw::after{width:8px;height:8px}

.page-index .fsw.on::after{transform:translateX(8px)}

.page-index .fdrag{position:absolute;z-index:6;width:74px;height:64px;left:136px;top:92px;background:#fff;border:1.5px solid #3b82f6;border-radius:8px;box-shadow:0 6px 18px rgba(59,130,246,.22),0 2px 6px rgba(29,34,41,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transform:rotate(-2deg);pointer-events:none}

.page-index .fdrag .fd-ic{width:26px;height:18px;border:1.5px solid #3b82f6;border-radius:3px;position:relative}

.page-index .fdrag .fd-ic::before{content:"";position:absolute;left:4px;right:4px;top:3.5px;height:2px;background:#3b82f6;border-radius:1px}

.page-index .fdrag .fd-ic::after{content:"";position:absolute;left:4px;right:9px;top:8px;height:2px;background:#3b82f6;border-radius:1px;opacity:.55}

.page-index .fdrag .fd-tx{font-size:9.5px;font-weight:600;color:#3b82f6}

.page-index .fdrag i{position:absolute;width:7px;height:7px;background:#fff;border:1.2px solid #3b82f6;border-radius:1.5px}

.page-index .fdrag i:nth-child(1){left:-4px;top:-4px}

.page-index .fdrag i:nth-child(2){right:-4px;top:-4px}

.page-index .fdrag i:nth-child(3){left:-4px;bottom:-4px}

.page-index .fdrag i:nth-child(4){right:-4px;bottom:-4px}

.page-index .fdrag .fd-cur{position:absolute;right:-16px;bottom:-18px;width:22px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='23' viewBox='0 0 17 23'%3E%3Cpath d='M2 1l12 10.5-5.6.4 2.9 6.2-2.8 1.3-2.9-6.3L2 17.2z' fill='%23ff9838' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;box-shadow:none;border:none;background-color:transparent}

.page-index .fgrid{position:relative}

.page-index .fph{outline:2px dashed #9db9e8;outline-offset:2px;border-radius:9px}

@keyframes fdFloat{0%,100%{transform:rotate(-2deg) translate(0,0)}50%{transform:rotate(-2deg) translate(3px,-4px)}}

.page-index .fdrag{animation:fdFloat 2.6s ease-in-out infinite}

/* V56.91 引擎浏览器框去蓝改中性 */

.page-index .eg-canvas .fside .fpal{border-color:#e6eaf2}

.page-index .eg-canvas .fside .fpal .drag{border-color:#c9d4e6}

.page-index .eg-browser{border:1px solid #dce1ea;box-shadow:0 18px 44px rgba(29,34,41,.10),0 2px 8px rgba(29,34,41,.05)}

.page-index .eg-bar{background:linear-gradient(180deg,#fbfcfe,#f2f4f8);border-bottom:1px solid #e4e8f0}

.page-index .eg-bar i:first-child{background:#ff5f57}

.page-index .eg-canvas{background:linear-gradient(165deg,#fafbfd 0%,#f4f6fa 100%)}
/* V56.85 生态四卡右侧示意统一重设计 */

.page-index .eco-sys-item .eco-chip{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;padding:6px 10px;border-radius:9px;white-space:nowrap}

.page-index .eco-chip i{font-style:normal;background:#fff;border:1px solid rgba(29,34,41,.08);border-radius:6px;padding:3px 7px;color:#42506b;line-height:1.2}

.page-index .eco-chip code{font-family:Consolas,monospace;font-size:10.5px;color:#42506b;background:#fff;border:1px solid rgba(29,34,41,.08);border-radius:6px;padding:3px 7px;line-height:1.2}

.page-index .eco-chip b{color:#98a6c0;font-weight:600;font-size:11px}

.page-index .eco-chip.code{background:#eef4ff;border:1px solid #c9dcff}

.page-index .eco-chip.code em.ok{font-style:normal;background:#17b26a;color:#fff;border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:700;letter-spacing:.3px}

.page-index .eco-chip.flow{background:#e9f8f6;border:1px solid #c2ece8}

.page-index .eco-chip.flow i.hub{background:linear-gradient(135deg,#1f6ef7,#7a5fe8);color:#fff;border:none;font-weight:600}

.page-index .eco-chip.flow b{color:#0e9a8f}

.page-index .eco-chip.files{background:#fff6ea;border:1px solid #ffe3bd}

.page-index .eco-chip.files i.auto{background:linear-gradient(135deg,#ffb057,#f0821e);color:#fff;border:none;font-weight:600}

.page-index .eco-chip.hook{background:#eefaf2;border:1px solid #c8ead3}

.page-index .eco-chip.hook b{color:#2fae4e}
/* V56.84 五面板饱满化 */

/* V56.84b 表单右侧栏适配（组件芯片两列网格收纳） */

.page-index .eg-canvas .fside{display:flex;flex-direction:column;gap:4px;overflow:hidden}

.page-index .fside .fpal{padding:7px 9px 8px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:12px}

.page-index .fside .fpal b{grid-column:1/-1;font-size:11px;margin-bottom:1px}

.page-index .fside .fpal span{font-size:10px;padding:2px 5px;border-radius:6px;white-space:nowrap;overflow:hidden}

.page-index .fside .fpal .drag{grid-column:1/-1}

.page-index .fpal .on2{color:#1f6ef7;background:#eef4ff;border-color:#c7dcff}

.page-index .flowshow .frule{margin:10px auto 0;max-width:640px;font-size:11.5px;color:#0f7a5a;background:#e8f7f0;border:1px dashed #9fdcc3;border-radius:8px;padding:6px 12px;text-align:center}

.page-index .aishow .aiprev{margin-top:0;font-size:12px;color:#42506b;background:#f4f0ff;border:1px dashed #cbb8f5;border-radius:10px;padding:9px 14px}

.page-index .aiprev .apv{color:#7b5cd6}

.page-index .aishow .aiprev b{color:#6d4ee0}

.page-index .aigen-step em.run{color:#1f6ef7}

.page-index .mlist .mitem em{flex:none}
/* V56.81c 行宽兜底 */

.page-index .bishow .bc.bars{flex:none;align-items:stretch;height:auto}

.page-index .bishow .bar-row{width:100%}

.page-index .bishow .bar-row .bt{flex:1 1 auto;min-width:60px}
/* V56.81b BI 行式图覆盖（老规则在后不生效，这里统一收口） */

.page-index .bishow .bar-row{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;justify-content:flex-start;min-height:20px;max-height:36px}

.page-index .bishow .bar-row i{height:12px;width:auto;position:static;border-radius:6px}

.page-index .bishow .bar-row .bt{flex:1;height:12px;background:#f2f5fa;border-radius:6px;overflow:hidden}

.page-index .bishow .bar-row .bt i{display:block;height:100%;border-radius:6px}

.page-index .bishow .bc.bars{gap:7px}
/* V56.45 新闻区加浅蓝底色+极淡紫蓝氛围光晕，顶部由白自然过渡 */

/* V56.115 数据信任条重设计：图标卡+大数字+钉钉深色背书卡 */

.page-index .hstats{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:30px}

.page-index .hcard{display:flex;align-items:center;gap:14px;background:linear-gradient(165deg,#ffffff 0%,#fbfcff 100%);border:1px solid #e9eef8;border-radius:16px;padding:14px 26px 14px 16px;box-shadow:0 8px 24px rgba(31,110,247,.09),0 1px 3px rgba(29,33,41,.04);transition:transform .25s,box-shadow .25s}
.page-index .hstats .hcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(31,110,247,.14),0 2px 6px rgba(29,33,41,.05)}

.page-index .hcard .hic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#dfeeff 0%,#e9e3ff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 8px rgba(49,122,247,.12);display:flex;align-items:center;justify-content:center;color:#2b6cf0;flex:none}

.page-index .hcard .hic svg{width:20px;height:20px}

.page-index .hcard .htx{display:flex;flex-direction:column;line-height:1.2}

.page-index .hcard .htx b{font-size:24px;font-weight:800;letter-spacing:.01em;background:linear-gradient(115deg,#0f4fff 0%,#5a3df2 52%,#a44fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .hcard .htx b i{font-style:normal;font-size:14px}

.page-index .hcard .htx span{font-size:12px;color:#5c6675;margin-top:3px}

/* V56.143 zz 卡与白卡完全统一，去覆盖 */

.page-index .hcard.zz .htx b{font-size:19px;letter-spacing:.02em}

.page-index .hcard.zz .htx span{color:var(--ink-4)}
/* V56.137 数据信任条放宽：容器 1400，四卡一行不挤 */

.page-index .hero-stats-wrap{max-width:1400px}

.page-index .hstats .hcard{flex:1 1 0;min-width:0;max-width:360px;justify-content:center}

@media(max-width:760px){.page-index .hstats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.page-index .hcard{padding:9px 10px;gap:9px;border-radius:12px}
.page-index .hic{width:34px;height:34px;border-radius:10px}
.page-index .hic svg{width:17px;height:17px}
.page-index .hcard{justify-content:flex-start}
.page-index .hcard .htx b{font-size:16px}
.page-index .hcard .htx b i{font-size:10px}
.page-index .hcard .htx span{font-size:10.5px;white-space:nowrap}
.page-index .hcard.zz .htx b{font-size:13px}
.page-index .hcard .hic{width:32px;height:32px;border-radius:9px}
.page-index .hcard .hic svg{width:16px;height:16px}
}

/* V56.119 流程引擎面板重设计：S 形流程铺满画布 + 卡片节点带图标 */

.page-index .flowshow{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;padding:18px 26px;background:radial-gradient(circle,#e2e9f4 1px,transparent 1.3px),linear-gradient(165deg,#fafbfd 0%,#f4f6fa 100%);background-size:24px 24px,auto auto}

.page-index .fbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.page-index .fbar b{font-size:12.5px;color:var(--ink)}

.page-index .fb-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(145deg,#67d07c,#2fae4e);flex:none;box-shadow:0 0 0 3px rgba(47,174,78,.15)}

.page-index .fb-chip{font-size:10.5px;padding:3px 9px;border-radius:999px;background:#f2f5fa;color:#5b6b83;border:1px solid #e3e9f3}

.page-index .fb-chip.on{background:#e8f7f0;color:#0f7a5a;border-color:#bfe9d6;font-weight:600}

.page-index .fb-chip.ghost{background:transparent;color:#8a94a6}

.page-index .fboard{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;gap:20px;flex:1;min-height:0}

.page-index .frow{display:flex;align-items:center;gap:8px}

.page-index .fnode2{flex:1 1 0;min-width:0;background:#fff;border:1px solid #e3e9f3;border-top:3px solid #b9c6da;border-radius:14px;padding:14px 10px 13px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;box-shadow:0 3px 12px rgba(29,34,41,.06)}

.page-index .fnode2 b{font-size:13.5px;color:var(--ink);line-height:1.3}

.page-index .fnode2 i{font-style:normal;font-size:11px;color:var(--ink-4);line-height:1.3;white-space:nowrap}

.page-index .fn-ic2{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef3fb;color:#5b7aa6}

.page-index .fn-ar{flex:1;display:flex;justify-content:center}

/* V56.132 流程箭头流动动画 */

@keyframes fnFlow{to{stroke-dashoffset:-28}}

.page-index .fn-ar svg line,.page-index .fturn svg line{animation:fnFlow .5s linear infinite}

.page-index .fn-ar.l svg line{animation-direction:reverse}

@media (prefers-reduced-motion:reduce){.page-index .fn-ar svg line,.page-index .fturn svg line{animation:none}
}

.page-index .fnode2.start{border-top-color:#4ecb71}
.page-index .fnode2.start .fn-ic2{background:#e7f8ea;color:#1e7e3e}

.page-index .fnode2.hot{border-top-color:#1f6ef7;box-shadow:0 8px 22px rgba(31,110,247,.16)}
.page-index .fnode2.hot .fn-ic2{background:linear-gradient(145deg,#1f6ef7,#4c8dff);color:#fff}

.page-index .fnode2.sig{border-top-color:#f0a24b}
.page-index .fnode2.sig .fn-ic2{background:#fdf1e3;color:#c4700a}

.page-index .fnode2.ai{border-top-color:#8b7cf6}
.page-index .fnode2.ai .fn-ic2{background:#f1ecff;color:#5b3fd6}

.page-index .fnode2.end{border-top-color:#98a6b8}
.page-index .fnode2.end .fn-ic2{background:#f0f3f8;color:#64748b}
/* V56.134 当前节点：AI 预审处理中 */

.page-index .fnode2.ai.hot{border-top-color:#8b7cf6;box-shadow:0 8px 22px rgba(139,124,246,.24);animation:fnAiGlow .9s ease-in-out infinite}

.page-index .fnode2.ai.hot .fn-ic2{background:linear-gradient(145deg,#8b7cf6,#5b52d8);color:#fff;animation:fnAiPulse .9s ease-out infinite}

@keyframes fnAiPulse{0%{box-shadow:0 0 0 0 rgba(139,124,246,.5)}70%{box-shadow:0 0 0 12px rgba(139,124,246,0)}100%{box-shadow:0 0 0 0 rgba(139,124,246,0)}}

@media (prefers-reduced-motion:reduce){.page-index .fnode2.ai.hot .fn-ic2,.page-index .fnode2.ai.hot{animation:none}
}

@keyframes fnAiGlow{0%,100%{box-shadow:0 8px 22px rgba(139,124,246,.24)}50%{box-shadow:0 10px 30px rgba(139,124,246,.5)}}

.page-index .fturn{position:absolute;right:79px;top:50%;transform:translateY(-50%)}

.page-index .ffoot{display:flex;gap:12px;align-items:stretch}

.page-index .flowshow .ffoot .frule{margin:0;max-width:none;flex:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:9px 14px;font-size:11px}

.page-index .flowshow .ffoot .flane{width:auto;margin-top:0;flex:1.15;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:9px 14px;font-size:11px}

.page-index .fl-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

.page-index .fl-ai{font-weight:700;background:linear-gradient(90deg,#1f6ef7,#7a5fe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.page-index .fn-aix{font-style:normal;font-weight:700;background:linear-gradient(90deg,#1f6ef7,#7a5fe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===== 移动端适配补丁 V56.197 ===== */

@media(max-width:768px){
  .page-index{overflow-x:hidden}

  .page-index .nav-in{gap:14px}

  .page-index .aiprompt{flex-wrap:wrap}

  .page-index .ai-input{min-width:100%}

  .page-index .ai-go{flex:1;text-align:center}

  .page-index .aiprev{display:none}
 .page-index .aiflow{gap:5px}
 .page-index .aigen{gap:5px}
 .page-index .ast{padding:7px 9px 7px 40px}
 .page-index .aiwarn{margin-bottom:14px}
 .page-index .ai-input{padding:10px 16px;font-size:12.5px}
 .page-index .ai-go{padding:8px 18px}
 .page-index .aiwarn{font-size:11.5px;padding:7px 12px}
 .page-index .eg-canvas.aishow{justify-content:flex-start;gap:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}

  .page-index .eg-canvas.aishow::-webkit-scrollbar{display:none}

  .page-index .aiflow .af-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}

  .page-index .aiflow .af-ar{display:none}

  .page-index .ast,.page-index .eg-canvas .ast{padding:10px 9px 10px 40px;flex:none;min-width:0}

  .page-index .ast .ic{left:9px;width:22px;height:22px;font-size:11px}

  .page-index .ast b,.page-index .eg-canvas .ast b{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}

  .page-index .ast span,.page-index .eg-canvas .ast span{font-size:9px;white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:0}

  .page-index .eg-canvas .fside{display:none!important}

  .page-index .eg-canvas .fdrag{display:none}

  .page-index .eg-canvas .fgrid{margin:0 6px;max-width:100%;grid-template-columns:1fr 1fr;gap:6px}
 .page-index .fld .finput,.page-index .fld .fselect,.page-index .fld .fupload{padding:7px 9px;font-size:11.5px}
 .page-index .fld.fbtns{margin-top:8px;padding-top:8px;border-top:1px dashed #dde7f5}
 .page-index .fsubmit{padding:9.5px 0}
 .page-index .fbtns .fdraft{padding:9px 0}

  .page-index .eg-canvas .fld.w2{grid-column:span 2}

  .page-index .flowshow .fbar{gap:5px}

  .page-index .flowshow .fb-chip{font-size:9.5px;padding:2px 7px}

  .page-index .flowshow .fboard{gap:0;padding:6px 0;justify-content:flex-start;overflow-y:auto;min-height:0;scrollbar-width:none}

  .page-index .flowshow .fboard::-webkit-scrollbar{display:none}

  .page-index .flowshow .fnode2{width:auto;max-width:none;margin:0 auto;padding:5px 10px;border-radius:10px;flex:none;display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left;column-gap:8px}

  .page-index .flowshow .fnode2 .fn-ic2{display:none}

  .page-index .flowshow .fnode2{padding:4px 12px;flex-direction:column;gap:1px;text-align:center}

  .page-index .flowshow .fnode2{width:110px;box-sizing:border-box}
 .page-index .flowshow .fn-ar.l{transform:none!important}
 .page-index .fnode2 b{font-size:12px}

  .page-index .flowshow .fnode2 i{font-size:9.5px}

  .page-index .flowshow .frow{flex-direction:column;gap:0}

  .page-index .flowshow .fn-ar{flex:none;padding:0;height:16px;line-height:16px}

  .page-index .flowshow .fn-ar svg{transform:rotate(90deg) scale(.5);display:block}
 .page-index .fn-ar.l svg{transform:rotate(-90deg) scale(.5)}

  .page-index .bishow{gap:8px}

  .page-index .bishow{overflow-y:visible;min-height:0}

  .page-index .bishow::-webkit-scrollbar{display:none}

  .page-index .bkpis{grid-template-columns:1fr 1fr;gap:6px}

  .page-index .bishow .bk{padding:8px 10px 24px}

  .page-index .bishow .bk b{font-size:16px}

  .page-index .bishow .bk span{font-size:10px}

  .page-index .bishow .bk .note3{font-size:9px}

  .page-index .bishow .spark{height:14px;bottom:4px}

  .page-index .bishow .bcharts3{grid-template-columns:1fr;grid-template-rows:auto;gap:6px;flex:none}

  .page-index .bishow .bc{padding:9px 10px;gap:5px;flex:none}
 .page-index .bk{padding:6px 9px 20px}
 .page-index .bk b{font-size:14px}
 .page-index .bk span{font-size:9px}
 .page-index .bk i{font-size:8.5px}
 .page-index .spark{height:14px}
 .page-index .bar-row{gap:6px}
 .page-index .bar-row .bl{font-size:9px;width:24px}
 .page-index .bar-row .bv{font-size:9px}
 .page-index .bt{height:8px}
 .page-index .bc{gap:3px;padding:8px 10px}
 .page-index .bc.trend svg{height:88px}
 .page-index .dleg span{font-size:8.5px}
 .page-index .ai-note{padding:3px 8px;margin-top:1px}

  .page-index .bishow .bc b{font-size:11.5px}

  .page-index .bishow .bc-cap{display:block;margin-left:0;font-size:9px}

  .page-index .bishow .bar-row{min-height:14px;max-height:22px;flex:none}

  .page-index .bishow .bl{width:24px;font-size:10px}

  .page-index .bishow .bt{height:8px}

  .page-index .bishow .bv{width:26px;font-size:10px}
/* V56.250 多机型适配 */
.page-index .eg-stage{min-height:640px}
.page-index .bishow .bar-row{gap:5px}
.page-index .bishow .bar-row .bt{min-width:0}
.page-index .bishow .bar-row .bl{width:22px}
.page-index .bishow .bar-row .bv{width:22px}
.page-index .svc-visual .b1{width:52%;font-size:10.5px;line-height:1.45;padding:9px 11px}
.page-index .svc-visual .b2{width:50%;font-size:10.5px;line-height:1.45;padding:9px 11px}
.page-index .aiapp-card span{font-size:11px;line-height:1.2}
.page-index .eg-canvas{padding:14px 10px}
.page-index .hero{padding:76px 0 20px}
.page-index .hero-badge{margin-bottom:16px}
.page-index .hero-stats-wrap{padding:0}
.page-index #eco{padding-top:66px}
.page-index .ecw-body{min-height:152px;padding:20px 18px}
.page-index .ecw-head{padding:20px 18px}
.page-index .ecw-foot{padding:14px 18px}
.page-index .eco-sys-item{padding:16px 13px}
.page-index .eco-sys{margin-top:20px}
.page-index .eg-canvas{display:flex;flex-direction:column;justify-content:flex-start}
.page-index .multishow .mlist{justify-content:flex-start}
@media(max-width:360px){.page-index .eg-stage{min-height:640px}
.page-index .svc-visual .b1{width:62%}
}

  .page-index .bishow .ai-note{font-size:9px;padding:2px 7px;min-height:0;margin-top:1px;white-space:normal;overflow:visible;display:block;line-height:1.3}

  .page-index .bishow .trend{gap:3px}

  .page-index .bishow .trend-x{font-size:8.5px}

  .page-index .bishow .bdonut-wrap{flex:none;padding:0 6px;flex-direction:row;align-items:center;justify-content:center;gap:16px}

  .page-index .plugshow{overflow-y:auto;min-height:0;scrollbar-width:none;gap:8px}

  .page-index .plugshow::-webkit-scrollbar{display:none}

  .page-index .plugshow .plug{padding:7px 11px;border-radius:11px}
 .page-index .plugshow .plug-more{grid-column:1 / -1;text-align:center}
 .page-index .plugshow .plug-more b,.page-index .plugshow .plug-more span{display:block;width:100%}

  .page-index .plugshow .plug b{font-size:12px;line-height:1.3;margin-bottom:2px}

  .page-index .plugshow .plug span{font-size:10px;line-height:1.35;display:block}
.page-index .plug b{margin-bottom:1px}

  .page-index .plugshow .plug-note{font-size:10px;margin-top:2px}

  .page-index .plugshow .pn-num{font-size:16px}

  .page-index .multishow{overflow-y:auto;min-height:0;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:10px}

  .page-index .multishow::-webkit-scrollbar{display:none}

  .page-index .multishow .mphone{max-height:none;flex:none;padding:10px 10px 9px}
 .page-index .mhead{display:none}
 .page-index .mlist{gap:5px}
 .page-index .mitem{padding:6.5px 9px;font-size:10px}
 .page-index .mtab{padding-top:4px;margin-top:2px}
 .page-index .mnotch{display:none}
 .page-index .multishow{gap:18px}
 .page-index .mexpl{display:grid;grid-template-columns:1fr 1fr;gap:3px 6px}
 .page-index .mexpl .mrow:nth-child(5){grid-column:1 / -1;align-items:center}
 .page-index .mexpl .mrow:nth-child(5) span{display:block;white-space:normal}
 .page-index .mrow{padding:5px 7px;gap:5px}
 .page-index .mrow b{font-size:11px}
 .page-index .mrow span{font-size:9px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .page-index .mr-ic{width:22px;height:22px;border-radius:7px}
 .page-index .mr-ic img{width:15px;height:15px}
 .page-index .mr-ic svg{width:11px;height:11px}

  .page-index .multishow .mexpl{flex:none}
.page-index .multishow .mrow{padding:6px 11px;gap:8px}

  .page-index .multishow .mrow b{font-size:11.5px}

  .page-index .multishow .mrow span{font-size:9.5px;line-height:1.35}

  .page-index .multishow .mr-ic{width:26px;height:26px;border-radius:8px}

  .page-index .flowshow .fturn svg{height:16px;width:auto;display:block}

  .page-index .flowshow .fnode2 i{white-space:normal;font-size:10px}

  .page-index .flowshow .fturn{display:block;position:static;margin:0 auto;transform:none;height:18px}

  .page-index .flowshow .frow:last-child{flex-direction:column-reverse}

  .page-index .flowshow .fn-ar.l{transform:rotate(-90deg)}

  .page-index .flowshow .ffoot{flex-direction:column;gap:6px;padding:0 12px}

  .page-index .flowshow .frule{font-size:10px;padding:6px 10px;border-radius:8px;text-align:center}

  .page-index .flowshow .flane{gap:4px 10px;padding:7px 10px;border-radius:10px;font-size:10px}

  .page-index .aiapp-cards{grid-template-columns:repeat(2,1fr)!important}

  .page-index .vph2,.page-index .vt-foot,.page-index .vc-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:7px 4px}

  .page-index .vc-foot b,.page-index .vph b{font-size:13.5px}

  .page-index .vc-foot span{font-size:9.5px;margin-right:0}

  .page-index .vph2 b,.page-index .vt-foot b{font-size:13.5px}

  .page-index .vph2 span,.page-index .vt-foot span{font-size:9.5px;margin-right:0}

  .page-index .vph{flex-wrap:wrap}

  .page-index .ind-txt li span{min-width:0}

  .page-index .ind-visual{padding:14px 12px}

  .page-index .mini{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:100%}

  .page-index .mini .cell{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}

  .page-index .mini .cell .ic{display:none}

  .page-index .mini .cell{white-space:normal;padding:10px 6px;font-size:11px}

@media(max-width:560px){
  .page-index .ind-visual{padding:14px 12px}

  .page-index .mini{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:100%}

  .page-index .mini .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 4px;font-size:11.5px;white-space:normal;overflow:visible;text-overflow:clip}

  .page-index .mini .cell .ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none;margin:0}

}

  .page-index .fn-card{height:auto!important;overflow:visible!important}

  .page-index .eco-sys-item{flex-wrap:wrap;gap:10px}

  .page-index .eco-sys-item .eco-chip{margin-left:46px;white-space:nowrap}

  .page-index .aiprompt{flex-wrap:wrap}

  .page-index .ai-input{min-width:100%}

  .page-index .ai-go{flex:1;text-align:center}

  .page-index .aiprev{display:none}
 .page-index .aiflow{gap:5px}
 .page-index .aigen{gap:5px}
 .page-index .ast{padding:7px 9px 7px 40px}
 .page-index .aiwarn{margin-bottom:14px}
 .page-index .ai-input{padding:10px 16px;font-size:12.5px}
 .page-index .ai-go{padding:8px 18px}
 .page-index .aiwarn{font-size:11.5px;padding:7px 12px}
 .page-index .eg-canvas.aishow{justify-content:flex-start;gap:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}

  .page-index .eg-canvas.aishow::-webkit-scrollbar{display:none}

  .page-index .aiflow .af-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}

  .page-index .aiflow .af-ar{display:none}

  .page-index .ast{padding:10px 9px 10px 40px;flex:none;min-width:0}

  .page-index .ast .ic{left:9px;width:22px;height:22px;font-size:11px}

  .page-index .ast b,.page-index .eg-canvas .ast b{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}

  .page-index .ast span,.page-index .eg-canvas .ast span{font-size:9px;white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:0}

  .page-index .af-link{padding:0 10px}

  .page-index .eg-canvas .fside{display:none!important}

  .page-index .eg-canvas .fdrag{display:none}

  .page-index .eg-canvas .fgrid{margin:0 6px;max-width:100%;grid-template-columns:1fr 1fr;gap:6px}
 .page-index .fld .finput,.page-index .fld .fselect,.page-index .fld .fupload{padding:7px 9px;font-size:11.5px}
 .page-index .fld.fbtns{margin-top:8px;padding-top:8px;border-top:1px dashed #dde7f5}
 .page-index .fsubmit{padding:9.5px 0}
 .page-index .fbtns .fdraft{padding:9px 0}

  .page-index .eg-canvas .fld.w2{grid-column:span 2}

  .page-index .flowshow .fbar{gap:5px}

  .page-index .flowshow .fb-chip{font-size:9.5px;padding:2px 7px}

  .page-index .flowshow .fboard{gap:0;padding:6px 0;justify-content:flex-start;overflow-y:auto;min-height:0;scrollbar-width:none}

  .page-index .flowshow .fboard::-webkit-scrollbar{display:none}

  .page-index .flowshow .fnode2{width:auto;max-width:none;margin:0 auto;padding:5px 10px;border-radius:10px;flex:none;display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left;column-gap:8px}

  .page-index .flowshow .fnode2 .fn-ic2{display:none}

  .page-index .flowshow .fnode2{padding:4px 12px;flex-direction:column;gap:1px;text-align:center}

  .page-index .flowshow .fnode2{width:110px;box-sizing:border-box}
 .page-index .flowshow .fn-ar.l{transform:none!important}
 .page-index .fnode2 b{font-size:12px}

  .page-index .flowshow .fnode2 i{font-size:9.5px}

  .page-index .flowshow .frow{flex-direction:column;gap:0}

  .page-index .flowshow .fn-ar{flex:none;padding:0;height:16px;line-height:16px}

  .page-index .flowshow .fn-ar svg{transform:rotate(90deg) scale(.5);display:block}
 .page-index .fn-ar.l svg{transform:rotate(-90deg) scale(.5)}

  .page-index .bishow{gap:8px}

  .page-index .bishow{overflow-y:visible;min-height:0}

  .page-index .bishow::-webkit-scrollbar{display:none}

  .page-index .bkpis{grid-template-columns:1fr 1fr;gap:6px}

  .page-index .bishow .bk{padding:8px 10px 24px}

  .page-index .bishow .bk b{font-size:16px}

  .page-index .bishow .bk span{font-size:10px}

  .page-index .bishow .bk .note3{font-size:9px}

  .page-index .bishow .spark{height:14px;bottom:4px}

  .page-index .bishow .bcharts3{grid-template-columns:1fr;grid-template-rows:auto;gap:6px;flex:none}

  .page-index .bishow .bc{padding:9px 10px;gap:5px;flex:none}
 .page-index .bk{padding:6px 9px 20px}
 .page-index .bk b{font-size:14px}
 .page-index .bk span{font-size:9px}
 .page-index .bk i{font-size:8.5px}
 .page-index .spark{height:14px}
 .page-index .bar-row{gap:6px}
 .page-index .bar-row .bl{font-size:9px;width:24px}
 .page-index .bar-row .bv{font-size:9px}
 .page-index .bt{height:8px}
 .page-index .bc{gap:3px;padding:8px 10px}
 .page-index .bc.trend svg{height:88px}
 .page-index .dleg span{font-size:8.5px}
 .page-index .ai-note{padding:3px 8px;margin-top:1px}

  .page-index .bishow .bc b{font-size:11.5px}

  .page-index .bishow .bc-cap{display:block;margin-left:0;font-size:9px}

  .page-index .bishow .bar-row{min-height:14px;max-height:22px;flex:none}

  .page-index .bishow .bl{width:24px;font-size:10px}

  .page-index .bishow .bt{height:8px}
 .page-index .bishow .bk{padding:5px 9px 18px}
 .page-index .bishow .bk span{font-size:9px}
 .page-index .bishow .bk i{font-size:8.5px}
 .page-index .bishow .bk b{font-size:14px}
 .page-index .bishow .bk .spark{bottom:3px;height:13px}
 .page-index .bishow .bar-row .bl{font-size:9px;width:24px}
 .page-index .bishow .bar-row .bv{font-size:9px}
 .page-index .bishow .bar-row{min-height:0;max-height:none;height:16px}
 .page-index .bishow .bc{gap:2px;padding:6px 10px}
 .page-index .bishow .bc b{font-size:11px}
 .page-index .bishow .bc .bc-cap{font-size:8.5px}
 .page-index .bishow .bc.trend svg{height:44px}
 .page-index .bishow .dleg span{font-size:8.5px}
 .page-index .bishow .ai-note{font-size:9px;padding:3px 8px;margin-top:1px}
 .page-index .bishow .bc.bars .bar-row{height:11px}
 .page-index .bishow .bc.trend svg{flex:none;height:64px}
 .page-index .bishow .bhang{display:none}
 .page-index .bishow .bkpis{grid-auto-rows:1fr}
.page-index .bishow .bk{padding:8px 9px 16px}
 .page-index .bishow .bk b{display:inline;font-size:15px;margin-right:4px}
 .page-index .bishow .bk span{display:inline;font-size:9.5px}
 .page-index .bishow .bk .up,.page-index .bishow .bk .dn,.page-index .bishow .bk .note3{position:static;display:inline;font-size:9px;white-space:nowrap}
 .page-index .bishow .bk .spark{bottom:4px;height:14px}
 .page-index .bishow .trend-x{font-size:8.5px;gap:2px}
 .page-index .bishow .bcharts3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:4px;flex:none;max-width:100%}
 .page-index .bishow .bc{min-width:0}
 .page-index .bishow .bc svg{max-width:100%}
 .page-index .bishow .bc.bars{grid-row:span 1}
 .page-index .bishow .bc.bdonut{grid-column:span 2}
 .page-index .bishow .bdonut-legend{grid-template-columns:1fr;gap:8px 0;font-size:10.5px}
 .page-index .bishow .bc b{line-height:1.3}
 .page-index .bishow .bc-cap{display:none}
 .page-index .bishow .bar-row{height:12px}
 .page-index .bishow .bc.trend svg{flex:none;height:76px}
 .page-index .bishow .bdonut-wrap svg{width:132px;height:132px}
 .page-index .bishow .bdonut-wrap{gap:10px}
 .page-index .bishow .bt{height:7px}
  .page-index .bishow .bc.trend svg{height:44px}
 .page-index .bishow .bc{padding:6px 10px 5px}
 .page-index .bishow .ai-note{margin-top:auto;white-space:normal;overflow:visible;line-height:1.3;min-height:0!important;display:block}

  .page-index .bishow .bv{width:26px;font-size:10px}
/* V56.250 多机型适配 */
.page-index .eg-stage{min-height:640px}
.page-index .bishow .bar-row{gap:5px}
.page-index .bishow .bar-row .bt{min-width:0}
.page-index .bishow .bar-row .bl{width:22px}
.page-index .bishow .bar-row .bv{width:22px}
.page-index .svc-visual .b1{width:52%;font-size:10.5px;line-height:1.45;padding:9px 11px}
.page-index .svc-visual .b2{width:50%;font-size:10.5px;line-height:1.45;padding:9px 11px}
.page-index .aiapp-card span{font-size:11px;line-height:1.2}
.page-index .eg-canvas{padding:14px 10px}
.page-index .hero{padding:76px 0 20px}
.page-index .hero-badge{margin-bottom:16px}
.page-index .hero-stats-wrap{padding:0}
.page-index #eco{padding-top:66px}
.page-index .ecw-body{min-height:152px;padding:20px 18px}
.page-index .ecw-head{padding:20px 18px}
.page-index .ecw-foot{padding:14px 18px}
.page-index .eco-sys-item{padding:16px 13px}
.page-index .eco-sys{margin-top:20px}
.page-index .eg-canvas{display:flex;flex-direction:column;justify-content:flex-start}
.page-index .multishow .mlist{justify-content:flex-start}
@media(max-width:360px){.page-index .eg-stage{min-height:640px}
.page-index .svc-visual .b1{width:62%}
}

  .page-index .bishow .ai-note{font-size:9px;padding:2px 7px;min-height:0;margin-top:1px;white-space:normal;overflow:visible;display:block;line-height:1.3}

  .page-index .bishow .trend{gap:3px}

  .page-index .bishow .trend-x{font-size:8.5px}

  .page-index .bishow .bdonut-wrap{flex:none;padding:0 6px;flex-direction:row;align-items:center;justify-content:center;gap:16px}

  .page-index .plugshow{overflow-y:auto;min-height:0;scrollbar-width:none;gap:8px}

  .page-index .plugshow::-webkit-scrollbar{display:none}

  .page-index .plugshow .plug{padding:7px 11px;border-radius:11px}
 .page-index .plugshow .plug-more{grid-column:1 / -1;text-align:center}
 .page-index .plugshow .plug-more b,.page-index .plugshow .plug-more span{display:block;width:100%}

  .page-index .plugshow .plug b{font-size:12px;line-height:1.3;margin-bottom:2px}

  .page-index .plugshow .plug span{font-size:10px;line-height:1.35;display:block}
.page-index .plug b{margin-bottom:1px}

  .page-index .plugshow .plug-note{font-size:10px;margin-top:2px}

  .page-index .plugshow .pn-num{font-size:16px}

  .page-index .multishow{overflow-y:auto;min-height:0;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:10px}

  .page-index .multishow::-webkit-scrollbar{display:none}

  .page-index .multishow .mphone{max-height:none;flex:none;padding:10px 10px 9px}
 .page-index .mhead{display:none}
 .page-index .mlist{gap:5px}
 .page-index .mitem{padding:6.5px 9px;font-size:10px}
 .page-index .mtab{padding-top:4px;margin-top:2px}
 .page-index .mnotch{display:none}
 .page-index .multishow{gap:18px}
 .page-index .mexpl{display:grid;grid-template-columns:1fr 1fr;gap:3px 6px}
 .page-index .mexpl .mrow:nth-child(5){grid-column:1 / -1;align-items:center}
 .page-index .mexpl .mrow:nth-child(5) span{display:block;white-space:normal}
 .page-index .mrow{padding:5px 7px;gap:5px}
 .page-index .mrow b{font-size:11px}
 .page-index .mrow span{font-size:9px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .page-index .mr-ic{width:22px;height:22px;border-radius:7px}
 .page-index .mr-ic img{width:15px;height:15px}
 .page-index .mr-ic svg{width:11px;height:11px}

  .page-index .multishow .mexpl{flex:none}
.page-index .multishow .mrow{padding:6px 11px;gap:8px}

  .page-index .multishow .mrow b{font-size:11.5px}

  .page-index .multishow .mrow span{font-size:9.5px;line-height:1.35}

  .page-index .multishow .mr-ic{width:26px;height:26px;border-radius:8px}

  .page-index .flowshow .fturn svg{height:16px;width:auto;display:block}

  .page-index .flowshow .fnode2 i{white-space:normal;font-size:10px}

  .page-index .flowshow .fturn{display:block;position:static;margin:0 auto;transform:none;height:18px}

  .page-index .flowshow .frow:last-child{flex-direction:column-reverse}

  .page-index .flowshow .fn-ar.l{transform:rotate(-90deg)}

  .page-index .flowshow .ffoot{flex-direction:column;gap:6px;padding:0 12px}

  .page-index .flowshow .frule{font-size:10px;padding:6px 10px;border-radius:8px;text-align:center}

  .page-index .flowshow .flane{gap:4px 10px;padding:7px 10px;border-radius:10px;font-size:10px}

  .page-index .foot-grid{grid-template-columns:1fr 1fr;gap:22px 12px}

  .page-index .foot-grid>div:first-child{grid-column:1/-1}

  .page-index .hero h1{font-size:clamp(26px,7vw,34px);white-space:normal;max-width:100%}

  .page-index .hero .sub{max-width:100%;font-size:15px}

  .page-index .hero::before,.page-index #ai-fn::before,.page-index #news::before,.page-index #eco::before,.page-index #eco::after{content:none!important}

  .page-index .sec{background-image:none!important}

  .page-index .sec-head{max-width:100%}

  .page-index .sec-head h2{font-size:clamp(24px,6.4vw,30px)}

  .page-index .sec-head p{font-size:14.5px}

  .page-index .sec{padding:44px 0}

  .page-index .wrap{padding:0 18px}

  .page-index .sec-head{margin-bottom:22px}

  .page-index .sec-head .kicker{margin-bottom:8px}

  .page-index .grid2,.page-index .grid3,.page-index .grid4{gap:12px}

  .page-index .card,.page-index .tpl-card,.page-index .svc-card,.page-index .aistep-card{padding:16px 16px}

  .page-index .btn-dashed,.page-index .btn-primary,.page-index .btn-ghost{padding:9px 18px}

  .page-index .tpl-meta{margin-top:8px}

  .page-index .tpl-tags{margin-top:8px}

  .page-index .tpl-foot{margin-top:10px;padding-top:10px}

  .page-index .sec-head p{margin-top:6px}

  .page-index .card p{margin-top:6px}

  .page-index .svc-grid{gap:12px;margin-bottom:12px}

  .page-index .nw-grid{gap:12px}

  .page-index .ch-grid{gap:8px}

  .page-index .tpl-card,.page-index .svc-card{padding:15px 16px}

  .page-index .tpl-card .tpl-tags,.page-index .tpl-card .tpl-meta,.page-index .tpl-card .tpl-foot{margin-top:8px}

  .page-index .sec-head{margin-bottom:20px}

  .page-index .tpl-more,.page-index .nw-more,.page-index .btn-dashed{margin-top:0}

  .page-index .svc-card .svc-link{margin-top:10px}

  .page-index .tpl-list .tpl-card + .tpl-card,.page-index .nw-grid .nw-card + .nw-card{margin-top:0}

  .page-index .eco-sys-row{gap:10px}

  .page-index .eco-sys-item{padding:12px 13px;gap:10px}

  .page-index .eco-sys-ic{width:32px;height:32px;border-radius:9px}

  .page-index .eco-sys-item b{font-size:13px}

  .page-index .eco-sys-item span{font-size:11px}

  .page-index .eco-chip{font-size:9.5px;padding:2px 8px}

  .page-index .guard-art img,.page-index .guard-art{max-height:230px}

  .page-index .guard-card{padding:15px 16px}

  .page-index .guard-card h3{font-size:15px;margin-bottom:5px}

  .page-index .guard-card p{font-size:12.5px;line-height:1.5;margin-bottom:10px}

  .page-index .fn-art{max-height:200px;overflow:hidden}

  .page-index .fn-art img,.page-index .fn-art svg{max-height:200px;object-fit:cover;object-position:top}

  .page-index .guard-art{margin-top:10px}

  .page-index .cta{padding:46px 0}

  .page-index .cta p{margin:10px 0 22px}

  .page-index .svc-txt{padding:22px 18px}

  /* V56.211 平台引擎移动端：列表改横向小卡片墙 */

  .page-index .eg-list{display:flex!important;flex-direction:row!important;gap:7px;padding:8px;background:transparent;border:none;box-shadow:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
 .page-index .eg-list::-webkit-scrollbar{display:none}

  .page-index .eg-item{flex:0 0 auto;width:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px 9px;border-radius:12px;background:#fff;border:1px solid var(--line);text-align:center;min-height:78px}

  .page-index .eg-item .eg-ic{width:34px;height:34px;border-radius:10px;box-shadow:0 3px 8px rgba(63,110,247,.16)}

  .page-index .eg-item .eg-ic svg{width:18px;height:18px}

  .page-index .eg-item .eg-tt{display:flex;flex-direction:column;gap:2px;align-items:center}

  .page-index .eg-item .eg-tt b{font-size:11.5px;line-height:1.25}

  .page-index .eg-item .eg-tt i{font-size:9px;line-height:1.3;color:var(--ink-3);font-style:normal}

  .page-index .eg-item .eg-desc{display:none}

  .page-index .eg-item::after{display:none}
 .page-index .eg-list::after{display:none}
 .page-index .eg-item.on{background:linear-gradient(135deg,rgba(63,110,247,.10),rgba(122,88,242,.08));box-shadow:inset 0 0 0 1.5px rgba(106,79,240,.35)}

  .page-index .eg-list .eg-item .eg-desc{display:none}

  .page-index .svc-sub{margin-bottom:14px}

  .page-index .svc-item{gap:10px}

  .page-index .svc-item + .svc-item{margin-top:10px}

  .page-index .nw-poster{aspect-ratio:16/8}

  .page-index .nw-body{padding:12px 14px 14px;gap:5px}

  .page-index .nw-body h3{font-size:13.5px}

  .page-index .nw-body p{font-size:12px;line-height:1.55;-webkit-line-clamp:2}

  .page-index .tpl-img-card .tpl-img{max-height:150px}

  .page-index .tpl-img-card .tpl-body{padding:12px 14px 14px}

  .page-index .svc-visual{min-height:0;height:300px}

  .page-index .wrap{padding:0 18px}

  .page-index h3{word-break:break-word}

}

@media(max-width:375px){
  .page-index .nav-tel{display:none}

}

@media(max-width:390px){
  .page-index .sec-head h2{font-size:22px}

  .page-index .cta h2{text-wrap:balance}

  .page-index .foot-brand p{max-width:340px;font-size:12px}

}

/* ============ V56.246 客户墙+口碑：模板中心式跑马灯（自动滚+手动滑共存,fv 两行独立滚动互不联动） ============ */

@media(max-width:768px){
.page-index .ch-wallbox{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent)}

.page-index .ch-wallbox::-webkit-scrollbar{display:none}

.page-index .ch-wall{transform:none!important}

.page-index .fv-marquee{overflow:visible;-webkit-mask-image:none;mask-image:none}

.page-index .fv-marquee::-webkit-scrollbar{display:none}

.page-index .fv-row{width:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent)}

.page-index .fv-row::-webkit-scrollbar{display:none}

.page-index .fv-row--rtl{flex-direction:row}

}

/* ===== 动态楼层空态兜底（V56 改造补充） ===== */
.page-index .ts-empty,.page-index .fv-empty,.page-index .nw-empty{grid-column:1/-1;text-align:center;color:#8a94a6;padding:48px 0;font-size:14px;line-height:1.6}

/* ===== Hero AI 生成应用：官网实现版（2026-09-23 由 iframe 方案切换回 V56 内容版式） ===== */
/* 结构：badge/渐变标题/sub 居中 + hero-shot 白卡（aiapp-title/满铺输入框/4列推荐卡/换一换）+ hstats 数据条 */
/* 顶栏补偿沿用首页验证值：≤1024 时 76px（70 顶栏 + 6 余量），桌面 V56 原稿 96px 0 48px */
.page-index .hero{padding:96px 0 48px!important;background:linear-gradient(180deg,var(--blue-bg) 0%,#fff 100%)}
@media (max-width:1024px){
  .page-index .hero{padding:76px 0 28px!important}
}

/* 输入卡满铺（对齐 k6-ai-app InputView 真实观感：大输入框占满容器宽） */
.page-index .aiapp-input{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:200px!important;margin:0!important;background:#fff!important;border:1.5px solid #e4e8ef!important;border-radius:14px!important;box-shadow:0 6px 22px rgba(30,92,255,.07)!important;text-align:left!important;padding:18px 22px 10px!important}
.page-index .aiapp-input textarea{display:block;width:100%;flex:1!important;border:0;outline:none;resize:none;font:inherit;font-size:13.5px;line-height:1.6;color:#3d4556;background:transparent;min-height:112px;padding:0}
.page-index .aiapp-input textarea::placeholder{color:#b3bac6}
.page-index .aiapp-title{font-size:21px;font-weight:800;color:#1d2129;margin:0 0 16px;text-align:center}
.page-index .k6x-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.page-index .k6x-attach:empty{display:none}
.page-index .k6x-attach-item{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 9px;font-size:12px;color:#3d4556;background:#f1f8ff;border:1px solid #bfdbff;border-radius:8px}
.page-index .k6x-attach-item.uploading{color:#636e80;background:#f4f6fa;border-color:#e5e6eb}
.page-index .k6x-attach-item.error{color:#c2413a;background:#fff1f0;border-color:#ffd6d3}
.page-index .k6x-attach-item .kxsz{color:#8a93a3}
.page-index .k6x-attach-item .kxerr{color:#c2413a}
.page-index .k6x-spin{width:12px;height:12px;border:2px solid #d4dae3;border-top-color:#317af7;border-radius:50%;animation:k6xSpin .7s linear infinite;flex-shrink:0}
@keyframes k6xSpin{to{transform:rotate(360deg)}}
.page-index .k6x-attach-item .kxrm{border:0;background:none;color:#8a93a3;font-size:15px;line-height:1;cursor:pointer;padding:0 2px;font-family:inherit}
.page-index .k6x-attach-item .kxrm:hover{color:#c2413a}
.page-index .k6x-spacer{flex:1}
/* sub 居中一行（V56 迭代版 1396 的窄块无 auto，命中 demo/首页时修正） */
.page-index .hero .sub{margin:22px auto 38px!important;max-width:44em!important}

/* 推荐卡高度自适应：文字完整展示不截断、不溢出卡外（压掉迭代版负边距出血/行高压缩/固定高残留） */
.page-index .aiapp-cards{margin:50px -18px 0!important;width:calc(100% + 36px)!important;gap:10px!important}
.page-index .aiapp-input{margin-left:-18px!important;margin-right:-18px!important;width:calc(100% + 36px)!important}
.page-index .aiapp-card{min-height:0!important;height:auto!important;overflow:visible!important;padding:10px 11px 9px!important}
.page-index .aiapp-card b{font-size:13px!important;margin-bottom:4px!important}
.page-index .aiapp-card span{display:block!important;overflow:visible!important;font-size:11.5px!important;line-height:1.45!important}

/* aiapp-body 整体收紧：压掉 min-height 空高，元素间距更紧凑 */
.page-index .aiapp-body{min-height:0!important;padding:22px 30px 20px!important}
.page-index .aiapp-cards{margin-top:12px!important}
.page-index .aiapp-foot{margin-top:10px!important}