@charset "utf-8";
/* ==========================================================================
   theme1 科技蓝升级版 (modern.css)
   风格:Indigo→Violet 渐变 + 玻璃拟态 + 微动效 (对标 Stripe / Linear)
   作用:首页 index.html 专用,并通过高优先级选择器同步升级 navbar / footer 视觉
   不破坏 index.css,子页面(about/cooperation 等)继续沿用原结构
   ========================================================================== */

/* ---------- 设计变量 ---------- */
:root{
    --c-primary:#6366f1;          /* Indigo 500 */
    --c-primary-2:#8b5cf6;        /* Violet 500 */
    --c-primary-3:#0ea5e9;        /* Sky 500 */
    --c-grad:linear-gradient(135deg,#6366f1 0%,#8b5cf6 55%,#0ea5e9 100%);
    --c-grad-soft:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.12) 55%,rgba(14,165,233,.12));
    --c-ink:#0f172a;              /* 标题 */
    --c-body:#475569;             /* 正文 */
    --c-mute:#94a3b8;             /* 辅助 */
    --c-line:#e2e8f0;             /* 分隔线 */
    --c-bg:#ffffff;
    --c-bg-soft:#f8fafc;
    --c-bg-dark:#0b1220;          /* 深色 footer */
    --radius-lg:20px;
    --radius-md:14px;
    --radius-sm:10px;
    --shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06);
    --shadow-md:0 4px 16px rgba(15,23,42,.06),0 2px 6px rgba(15,23,42,.04);
    --shadow-lg:0 18px 40px -12px rgba(99,102,241,.18),0 8px 24px -8px rgba(15,23,42,.08);
    --container:1200px;
    --ease:cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box;}
html,body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
    color:var(--c-body);
    background:var(--c-bg);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none;transition:color .2s var(--ease);}

/* ============================================================
 * 导航栏:视觉升级
 * 原则:
 *  - 保留 Layui 的容器级定位(fixed/absolute),这是布局骨架,必须保留
 *  - 保留菜单项 <li> 和 <a> 的内部 display/height/line-height/margin
 *  - 只改颜色/背景/字体/圆角/阴影 等纯视觉属性
 * ============================================================ */
.layui-header.navbar{
    position:fixed;          /* 骨架:保留原 fixed */
    left:0;right:0;top:0;
    background:#ffffff!important;
    border-bottom:1px solid rgba(226,232,240,.6);
    box-shadow:0 1px 3px rgba(15,23,42,.04);
    z-index:9999;
}
.layui-header.navbar.scroll{background-color:#ffffff!important;}
/* 为内部布局提供基准:用 flex 替代 logo/right 的 absolute 定位
   原 index.css 的 absolute 定位在 logo 较宽时会挤占菜单空间,导致换行溢出 */
.layui-header.navbar .layui-container{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:70px;
}
/* logo 区域:取消 absolute,改为 flex item */
.navbar .navbar-logo{
    position:static!important;
    left:auto!important;
    top:auto!important;
    display:flex;
    align-items:center;
    flex-shrink:0;         /* 不允许压缩 logo 区域 */
    height:70px;
    line-height:70px;
}
/* 菜单区域:取消 absolute,改为 flex item,占剩余空间,内容右对齐 */
.navbar .navbar-right{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    text-align:right;
    flex:1;                 /* 占据剩余所有空间 */
    min-width:0;            /* 允许 flex item 收缩到内容最小宽度 */
    height:70px;
    line-height:70px;
}
.navbar .navbar-right .index-nav{
    display:inline-block!important;
    text-align:left;
    vertical-align:middle;
    float:none!important;
    white-space:nowrap;
    line-height:70px;
}

/* Logo 区域 */
.navbar .navbar-logo img{vertical-align:middle;}

/* 支付清算协会标签 */
.navbar-pcac{
    background:var(--c-grad)!important;
    border-radius:8px;
    font-size:11px;
    line-height:14px;
    padding:4px 10px;
    box-shadow:0 4px 12px rgba(99,102,241,.25);
}

/* ========== 菜单:只改视觉,不动布局 ========== */
.navbar .index-nav{background-color:transparent!important;}

/* 菜单项 <a>:只改颜色/字体/圆角,不改 height/line-height/display/margin */
.navbar .index-nav .layui-nav-item > a,
.navbar.scroll .index-nav .layui-nav-item > a{
    color:var(--c-ink)!important;
    font-size:15px!important;
    font-weight:500!important;
    background:transparent!important;
    border-radius:8px;
    transition:color .2s var(--ease), background .2s var(--ease);
}
.navbar .index-nav .layui-nav-item > a:hover,
.navbar .index-nav .layui-nav-item > a.active,
.navbar.scroll .index-nav .layui-nav-item > a:hover{
    color:var(--c-primary)!important;
    background:var(--c-grad-soft)!important;
}

/* 子菜单下拉 */
.navbar .layui-nav-child{
    border:none!important;
    border-radius:12px!important;
    box-shadow:var(--shadow-lg)!important;
    padding:8px!important;
}
.navbar .index-nav .layui-nav-item dl a{
    color:var(--c-body)!important;
    border-radius:8px;
    font-size:14px;
}
.navbar .index-nav .layui-nav-item dl a:hover{
    background:var(--c-bg-soft)!important;
    color:var(--c-primary)!important;
}

/* 登录按钮:只改视觉,保持 layui-btn-danger 原尺寸 */
.navbar .layui-btn-danger{
    background:var(--c-grad)!important;
    border-radius:10px;
    border:none!important;
    font-size:14px!important;
    font-weight:500!important;
    box-shadow:0 6px 16px -4px rgba(99,102,241,.45);
    transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.navbar .layui-btn-danger:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 24px -4px rgba(99,102,241,.55);
}
.shrink-right{color:var(--c-ink);}

/* 移动端侧边栏默认隐藏(加 display:none 双保险) */
.navbar-tree{display:none!important;}
.navbar-tree.open-this{display:block!important;left:0!important;}

/* ============================================================
 * 首页专属容器
 * ============================================================ */
.mod{padding:96px 0;}
.mod-soft{background:var(--c-bg-soft);}
.mod-dark{background:var(--c-bg-dark);color:#cbd5e1;}
.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
.section-head{text-align:center;max-width:760px;margin:0 auto 56px;}
.section-head .eyebrow{
    display:inline-block;
    font-size:13px;font-weight:600;letter-spacing:.08em;
    color:var(--c-primary);
    background:var(--c-grad-soft);
    padding:6px 14px;border-radius:999px;
    margin-bottom:18px;
}
.section-head h2{
    font-size:38px;line-height:1.25;font-weight:700;
    color:var(--c-ink);margin:0 0 16px;letter-spacing:-.01em;
}
.section-head p{font-size:16px;line-height:1.7;color:var(--c-body);margin:0;}
.mod-dark .section-head h2{color:#fff;}
.mod-dark .section-head p{color:#94a3b8;}

/* ============================================================
 * Hero
 * ============================================================ */
.hero{
    position:relative;
    padding:140px 0 90px;
    overflow:hidden;
    background:
        radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.18),transparent 60%),
        radial-gradient(900px 500px at 10% 0%,rgba(99,102,241,.16),transparent 55%),
        linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
}
.hero::before{
    content:"";position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 75%);
    pointer-events:none;
}
.hero .container{position:relative;display:flex;align-items:center;gap:48px;}
.hero-left{flex:1.1;max-width:620px;}
.hero-right{flex:1;display:flex;justify-content:center;}
.hero-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:#fff;border:1px solid var(--c-line);
    padding:6px 14px;border-radius:999px;
    font-size:13px;color:var(--c-body);
    box-shadow:var(--shadow-sm);margin-bottom:24px;
}
.hero-badge i{
    width:8px;height:8px;border-radius:50%;
    background:var(--c-grad);
    box-shadow:0 0 0 4px rgba(99,102,241,.15);
}
.hero h1{
    font-size:56px;line-height:1.1;font-weight:800;
    color:var(--c-ink);margin:0 0 20px;letter-spacing:-.02em;
}
.hero h1 .grad{
    background:var(--c-grad);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
}
.hero-sub{
    font-size:18px;line-height:1.7;color:var(--c-body);
    max-width:540px;margin:0 0 32px;
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    height:52px;padding:0 28px;
    font-size:15px;font-weight:600;
    border-radius:12px;border:none;cursor:pointer;
    transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
}
.btn-primary{
    background:var(--c-grad);color:#fff;
    box-shadow:0 12px 28px -8px rgba(99,102,241,.55);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -8px rgba(99,102,241,.65);color:#fff;}
.btn-ghost{
    background:#fff;color:var(--c-ink);
    border:1px solid var(--c-line);
    box-shadow:var(--shadow-sm);
}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--c-primary);color:var(--c-primary);}
.btn-sm{height:42px;padding:0 20px;font-size:14px;border-radius:10px;}
.hero-trust{display:flex;gap:28px;flex-wrap:wrap;}
.hero-trust .t-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-mute);}
.hero-trust .t-item svg{color:var(--c-primary);}

/* Hero 右侧抽象卡片 */
.hero-card{
    position:relative;width:420px;max-width:100%;
    background:#fff;border:1px solid var(--c-line);
    border-radius:24px;box-shadow:var(--shadow-lg);
    padding:24px;overflow:hidden;
}
.hero-card::before{
    content:"";position:absolute;top:-40%;right:-30%;
    width:300px;height:300px;border-radius:50%;
    background:var(--c-grad);opacity:.14;filter:blur(20px);
}
.hero-card .hc-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.hero-card .hc-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;}
.hero-card .hc-dot:nth-child(1){background:#f87171;}
.hero-card .hc-dot:nth-child(2){background:#fbbf24;}
.hero-card .hc-dot:nth-child(3){background:#34d399;}
.hero-card .hc-title{font-size:13px;color:var(--c-mute);margin-left:auto;}
.hero-card .hc-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 0;border-bottom:1px dashed var(--c-line);
}
.hero-card .hc-row:last-child{border-bottom:none;}
.hero-card .hc-row .l{display:flex;align-items:center;gap:10px;}
.hero-card .hc-ico{
    width:36px;height:36px;border-radius:10px;
    background:var(--c-grad-soft);color:var(--c-primary);
    display:flex;align-items:center;justify-content:center;font-size:16px;
}
.hero-card .hc-name{font-size:14px;font-weight:600;color:var(--c-ink);}
.hero-card .hc-desc{font-size:12px;color:var(--c-mute);}
.hero-card .hc-amt{font-size:15px;font-weight:700;color:var(--c-ink);}
.hero-card .hc-amt small{display:block;font-size:11px;color:#34d399;font-weight:500;}
.hero-card .hc-foot{
    margin-top:16px;padding-top:16px;border-top:1px solid var(--c-line);
    display:flex;justify-content:space-between;font-size:12px;color:var(--c-mute);
}
.hero-card .hc-foot b{color:var(--c-primary);font-size:16px;}

/* ============================================================
 * 数据指标条
 * ============================================================ */
.stats{padding:0 0 24px;margin-top:-56px;position:relative;z-index:2;}
.stats .container{
    background:#fff;border:1px solid var(--c-line);
    border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
    padding:36px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.stats .s-item{text-align:center;padding:8px 12px;position:relative;}
.stats .s-item:not(:last-child)::after{
    content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--c-line);
}
.stats .s-num{
    font-size:36px;font-weight:800;line-height:1;
    background:var(--c-grad);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
}
.stats .s-num .u{font-size:18px;margin-left:2px;}
.stats .s-label{margin-top:10px;font-size:14px;color:var(--c-body);}

/* ============================================================
 * 核心能力卡片
 * ============================================================ */
.features .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feature-card{
    background:#fff;border:1px solid var(--c-line);
    border-radius:var(--radius-lg);padding:32px;
    transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
    position:relative;overflow:hidden;
}
.feature-card::after{
    content:"";position:absolute;top:0;left:0;right:0;height:3px;
    background:var(--c-grad);transform:scaleX(0);transform-origin:left;
    transition:transform .3s var(--ease);
}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}
.feature-card:hover::after{transform:scaleX(1);}
.feature-card .fc-ico{
    width:52px;height:52px;border-radius:14px;
    background:var(--c-grad-soft);color:var(--c-primary);
    display:flex;align-items:center;justify-content:center;
    font-size:24px;margin-bottom:20px;
}
.feature-card h3{font-size:20px;font-weight:700;color:var(--c-ink);margin:0 0 10px;}
.feature-card p{font-size:14px;line-height:1.7;color:var(--c-body);margin:0;}

/* ============================================================
 * 产品矩阵(左右交错图文)
 * ============================================================ */
.product-item{display:flex;align-items:center;gap:56px;margin-bottom:80px;}
.product-item:last-child{margin-bottom:0;}
.product-item.alt{flex-direction:row-reverse;}
.product-text{flex:1;}
.product-visual{flex:1;display:flex;justify-content:center;}
.product-text .p-tag{
    display:inline-block;font-size:13px;font-weight:600;
    color:var(--c-primary);background:var(--c-grad-soft);
    padding:5px 12px;border-radius:6px;margin-bottom:14px;
}
.product-text h3{font-size:30px;font-weight:700;color:var(--c-ink);margin:0 0 16px;letter-spacing:-.01em;}
.product-text p{font-size:15px;line-height:1.8;color:var(--c-body);margin:0 0 20px;}
.product-text ul{list-style:none;padding:0;margin:0 0 24px;}
.product-text ul li{
    display:flex;align-items:center;gap:10px;
    font-size:14px;color:var(--c-body);padding:6px 0;
}
.product-text ul li::before{
    content:"";width:18px;height:18px;border-radius:50%;
    background:var(--c-grad-soft);flex-shrink:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
    background-repeat:no-repeat;background-position:center;
}
.product-visual .pv-box{
    width:440px;max-width:100%;aspect-ratio:4/3;
    background:var(--c-grad);border-radius:24px;
    position:relative;overflow:hidden;
    box-shadow:var(--shadow-lg);
}
.product-visual .pv-box::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 50%);
}
.product-visual .pv-box img{position:relative;width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.9;}

/* ============================================================
 * 行业解决方案
 * ============================================================ */
.industry .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.industry-card{
    position:relative;height:200px;border-radius:var(--radius-lg);
    overflow:hidden;cursor:pointer;
    border:1px solid var(--c-line);
    background:linear-gradient(135deg,#1e293b,#0f172a);
    transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.industry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.industry-card::before{
    content:"";position:absolute;inset:0;
    background:var(--c-grad);opacity:0;transition:opacity .3s var(--ease);
}
.industry-card:hover::before{opacity:.85;}
.industry-card .ic-inner{
    position:relative;z-index:2;height:100%;
    display:flex;flex-direction:column;justify-content:flex-end;
    padding:24px;color:#fff;
}
.industry-card .ic-num{
    position:absolute;top:20px;right:24px;
    font-size:42px;font-weight:800;color:rgba(255,255,255,.18);line-height:1;
}
.industry-card h3{font-size:22px;font-weight:700;margin:0 0 4px;}
.industry-card span{font-size:13px;color:rgba(255,255,255,.7);}
.industry-card:hover span{color:rgba(255,255,255,.95);}

/* ============================================================
 * 合作伙伴 Logo 墙
 * ============================================================ */
.partners .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.partner-logo{
    background:#fff;border:1px solid var(--c-line);
    border-radius:var(--radius-md);padding:24px 16px;
    display:flex;flex-direction:column;align-items:center;gap:10px;
    transition:transform .2s var(--ease),box-shadow .2s var(--ease);
    height:130px;justify-content:center;
}
.partner-logo:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.partner-logo img{max-height:56px;max-width:80px;object-fit:contain;}
.partner-logo h4{font-size:13px;color:var(--c-body);margin:0;font-weight:500;}

/* ============================================================
 * CTA 区
 * ============================================================ */
.cta-band{padding:80px 0;}
.cta-band .container{
    background:var(--c-grad);border-radius:28px;
    padding:64px 48px;text-align:center;position:relative;overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(99,102,241,.5);
}
.cta-band .container::before{
    content:"";position:absolute;top:-50%;left:-10%;
    width:400px;height:400px;border-radius:50%;
    background:rgba(255,255,255,.12);filter:blur(40px);
}
.cta-band .container::after{
    content:"";position:absolute;bottom:-40%;right:-10%;
    width:360px;height:360px;border-radius:50%;
    background:rgba(14,165,233,.25);filter:blur(40px);
}
.cta-band h2{position:relative;font-size:36px;font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.01em;}
.cta-band p{position:relative;font-size:16px;color:rgba(255,255,255,.85);margin:0 0 32px;}
.cta-band .btn-white{
    position:relative;background:#fff;color:var(--c-primary);
    box-shadow:0 12px 28px -8px rgba(0,0,0,.25);
}
.cta-band .btn-white:hover{transform:translateY(-2px);color:var(--c-primary-2);}

/* ============================================================
 * Footer 升级(覆盖 index.css 的 .footer / .contact / .copyright)
 * ============================================================ */
.contact{
    background:linear-gradient(135deg,#1e293b,#0f172a);
    padding:64px 0;
}
.contact .layui-row{display:flex;align-items:center;justify-content:space-between;}
.contact .title-h2{color:#fff;font-size:30px;font-weight:700;margin:0 0 8px;}
.contact .title-p{color:#94a3b8;font-size:15px;margin:0;}
.contact .contact-btn{
    display:inline-flex;align-items:center;justify-content:center;
    height:50px;padding:0 32px;
    background:var(--c-grad);color:#fff;
    border-radius:12px;font-size:15px;font-weight:600;
    box-shadow:0 10px 24px -6px rgba(99,102,241,.5);
    transition:transform .2s var(--ease);
}
.contact .contact-btn:hover{transform:translateY(-2px);color:#fff;}

.footer{background:var(--c-bg-dark);padding:64px 0 0;}
.footer .foot{background:transparent!important;}
.footer .layui-row{display:flex;flex-wrap:nowrap;gap:24px;}
.footer .layui-row > dl{
    float:none!important;width:auto!important;
    flex:1 1 0;min-width:0;margin:0!important;
}
.footer dl dt h2{
    color:#fff;font-size:15px;font-weight:600;margin:0 0 16px;
    letter-spacing:.02em;white-space:nowrap;
}
.footer dl dd a{
    display:block;color:#94a3b8;font-size:13px;line-height:2.1;
    transition:color .2s var(--ease);white-space:nowrap;
}
.footer dl dd a:hover{color:#fff;}
.footer .weixin{display:flex!important;gap:16px;}
.footer .we-customer,.footer .we-public{position:relative!important;}
.footer .we-customer-qr{
    width:96px!important;height:96px!important;background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    transition:all .2s var(--ease)!important;
    position:relative!important;left:auto!important;top:auto!important;
}
.footer .we-customer-qr .we-qr-small{
    display:block!important;
    width:80px!important;height:80px!important;border-radius:8px!important;object-fit:contain!important;
    visibility:visible!important;
}
.footer .we-customer-qr-div{display:none!important;}
.footer .we-customer:hover .we-customer-qr{border-color:var(--c-primary)!important;box-shadow:0 8px 20px -6px rgba(99,102,241,.4)!important;}
.footer .we-customer:hover .we-customer-qr-div{
    display:block!important;position:absolute!important;bottom:110px!important;left:50%!important;transform:translateX(-50%)!important;
    background:#fff!important;border-radius:12px!important;padding:12px!important;text-align:center!important;
    box-shadow:var(--shadow-lg)!important;white-space:nowrap!important;z-index:10!important;
}
.footer .we-customer:hover .we-customer-qr-div img{width:160px!important;height:220px!important;object-fit:contain!important;border-radius:8px!important;}
.footer .we-customer:hover .we-customer-qr-div .we-customer-qr-span1{display:block!important;font-size:13px!important;color:var(--c-ink)!important;font-weight:600!important;margin-bottom:4px!important;}
.footer .we-customer:hover .we-customer-qr-div .we-customer-qr-span2{display:block!important;font-size:11px!important;color:var(--c-mute)!important;}

.copyright{
    background:#070b16!important;padding:20px 0;
    border-top:1px solid rgba(255,255,255,.06);
}
.copyright p{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
    gap:20px;color:#64748b;font-size:12px;margin:0;
}
.copyright p b{color:#94a3b8;font-weight:500;}
.copyright p a{display:inline-flex;align-items:center;gap:6px;color:#64748b;transition:color .2s var(--ease);}
.copyright p a:hover{color:#cbd5e1;}
.copyright p img{vertical-align:middle;}

/* 滚动顶部 */
.scroll-top{position:fixed;right:28px;bottom:28px;width:48px;height:48px;
    background:#fff;border:1px solid var(--c-line);border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:var(--shadow-md);transition:all .2s var(--ease);z-index:50;}
.scroll-top:hover{transform:translateY(-3px);border-color:var(--c-primary);box-shadow:var(--shadow-lg);}

/* ============================================================
 * 动效(fade-in-up,滚动触发)
 * ============================================================ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal.d1{transition-delay:.08s;}
.reveal.d2{transition-delay:.16s;}
.reveal.d3{transition-delay:.24s;}

/* ============================================================
 * 响应式
 * ============================================================ */
@media (max-width:992px){
    .hero{padding:110px 0 70px;}
    .hero .container{flex-direction:column;}
    .hero-right{order:-1;margin-bottom:0;}
    .hero h1{font-size:40px;}
    .hero-card{width:100%;max-width:420px;}
    .stats .container{grid-template-columns:repeat(2,1fr);}
    .stats .s-item:nth-child(2)::after{display:none;}
    .features .grid,.industry .grid{grid-template-columns:repeat(2,1fr);}
    .product-item{flex-direction:column;gap:32px;}
    .product-item.alt{flex-direction:column;}
    .partners .grid{grid-template-columns:repeat(3,1fr);}
    .footer .layui-row{flex-wrap:wrap;}
    .footer .layui-row > dl{flex:1 1 30%;}
    .mod{padding:72px 0;}
    .section-head h2{font-size:30px;}
    .contact .layui-row{flex-direction:column;gap:20px;text-align:center;}
}
@media (max-width:640px){
    .hero h1{font-size:32px;}
    .hero-sub{font-size:16px;}
    .stats .container{grid-template-columns:repeat(2,1fr);padding:24px 16px;}
    .features .grid,.industry .grid{grid-template-columns:1fr;}
    .partners .grid{grid-template-columns:repeat(2,1fr);}
    .cta-band .container{padding:48px 24px;}
    .cta-band h2{font-size:26px;}
    .footer .layui-row > dl{flex:1 1 100%;}
}