/* === 0. 变量与重置 (轻奢配色) === */
:root {
    --bg-light: #f5f7fb;
    --bg-gradient: radial-gradient(circle at 12% 18%, rgba(59, 130, 246, 0.12) 0%, transparent 26%),
                   radial-gradient(circle at 82% 16%, rgba(99, 102, 241, 0.12) 0%, transparent 24%),
                   radial-gradient(circle at 72% 78%, rgba(16, 185, 129, 0.10) 0%, transparent 22%),
                   linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%);
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --accent: #0ea5a4;
    --text-dark: #0f172a;
    --text-muted: #64748b;
    --glass: rgba(255, 255, 255, 0.84);
    --glass-border: rgba(255, 255, 255, 0.92);
    --glass-shadow: 0 24px 60px rgba(15, 23, 42, 0.10);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background: var(--bg-gradient);
    color: var(--text-dark);
    font-family: 'Segoe UI', 'Inter', sans-serif;
    overflow-x: hidden;
    min-height: 100vh;
}

/* === 1. 动态背景 (柔光) === */
.ambient-light {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
    overflow: hidden;
    background: var(--bg-gradient);
}
.light-orb {
    position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;
    animation: floatOrb 40s infinite ease-in-out alternate;
}
.orb-1 { top: -10%; left: -10%; width: 60vw; height: 60vw; background: rgba(96, 165, 250, 0.22); }
.orb-2 { bottom: -20%; right: -10%; width: 50vw; height: 50vw; background: rgba(129, 140, 248, 0.18); animation-delay: -5s; }
.orb-3 { top: 40%; left: 40%; width: 40vw; height: 40vw; background: rgba(45, 212, 191, 0.16); opacity: 0.45; }

@keyframes floatOrb {
    0% { transform: translate(0, 0); }
    100% { transform: translate(30px, 30px); }
}
@keyframes floatParticle {
    0% { transform: translateY(0) translateX(0); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateY(-100px) translateX(20px); opacity: 0; }
}

/* === 2. 导航栏 === */
.glass-nav {
    position: fixed; top: 0; left: 0; width: 100%; padding: 25px 50px;
    display: flex; justify-content: space-between; align-items: center; z-index: 100;
}
.nav-logo { font-size: 24px; font-weight: 700; color: var(--text-dark); letter-spacing: 0.2px; display: flex; align-items: center; gap: 12px; }
.nav-logo img { width: 32px; height: 32px; object-fit: contain; border-radius: 10px; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.12); }
.nav-links {
    display: flex;
    align-items: center;
    gap: 32px;
}

.nav-links a {
    text-decoration: none;
}

.nav-link-strong {
    font-size: 17px;
    font-weight: 700;
    color: var(--primary-dark);
    letter-spacing: 0.2px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.nav-link-strong:hover {
    color: var(--primary);
    transform: translateY(-1px);
}

/* === 3. Hero Section (登录屏) === */
.hero-section { min-height: 100vh; display: flex; align-items: center; padding: 0 8%; position: relative; }
.hero-content { display: flex; width: 100%; max-width: 1400px; justify-content: space-between; align-items: center; gap: 60px; margin: 0 auto; }

.hero-text { flex: 1; }
.brand-tag { font-size: 12px; letter-spacing: 4px; color: var(--primary-dark); font-weight: 700; display: block; margin-bottom: 15px; }

.gradient-text {
    font-size: 72px; line-height: 1.1; font-weight: 800; margin-bottom: 25px;
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 38%, #6366f1 70%, #0ea5a4 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

.hero-brand-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 24px;
}

.hero-brand-name {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
    letter-spacing: -0.02em;
}

.hero-brand-company {
    font-size: 14px;
    color: #94a3b8;
}

.subtitle { font-size: 18px; color: var(--text-muted); max-width: 620px; line-height: 1.8; margin-bottom: 36px; }

.hero-stats { display: flex; gap: 50px; border-top: 1px solid rgba(148, 163, 184, 0.18); padding-top: 28px; margin-bottom: 28px; }
.stat-item .num { font-size: 36px; font-weight: 800; color: var(--text-dark); display: block; }
.stat-item .label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #94a3b8; }

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.hero-download {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 0 16px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.82);
    color: var(--text-dark);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.hero-download i {
    font-size: 18px;
    width: 18px;
    text-align: center;
    color: inherit;
}

.hero-download span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1.1;
}

.hero-download strong {
    font-size: 14px;
    font-weight: 700;
}

.hero-download small {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 600;
}

.hero-download:hover {
    transform: translateY(-1px);
    border-color: rgba(99, 102, 241, 0.22);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.hero-download.primary {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    color: #ffffff;
    border-color: transparent;
}

.hero-download.primary small {
    color: rgba(255, 255, 255, 0.72);
}

.hero-download.ghost {
    background: rgba(248, 250, 252, 0.9);
}

.hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: #94a3b8;
    font-size: 13px;
}

/* 登录框：白金风格 */
.login-wrapper { flex: 0 0 420px; max-width: 100%; perspective: 1000px; }
.login-container {
    background: var(--glass);
    backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
    border: 1px solid var(--glass-border);
    border-radius: 20px; padding: 45px 40px;
    box-shadow: var(--glass-shadow);
    transition: transform 0.3s;
}
.login-container:hover { transform: translateY(-5px); box-shadow: 0 30px 60px rgba(139, 126, 102, 0.2); }

.login-header h2 { font-size: 26px; color: var(--text-dark); margin-bottom: 8px; font-weight: 700; }
.login-header p { color: var(--text-muted); font-size: 14px; margin-bottom: 35px; }

/* 输入框 */
.floating-label { position: relative; margin-bottom: 25px; }
.login-form .layui-input {
    background: #fdfdfd; border: 1px solid #e0e0e0;
    color: var(--text-dark); height: 50px; padding-left: 45px; border-radius: 10px; transition: all 0.3s;
}
.login-form .layui-input:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); background: #fff; }
.login-form .layui-input:disabled {
    background: #f3f4f6;
    color: #9ca3af;
    border-color: #e5e7eb;
    cursor: not-allowed;
    box-shadow: none;
}

.login-form i { position: absolute; left: 15px; top: 16px; color: #a0a0a0; font-size: 18px; transition: 0.3s; }
.login-form label { position: absolute; left: 45px; top: 16px; color: #999; font-size: 14px; pointer-events: none; transition: 0.3s; }

/* 浮动标签动画 */
.login-form .layui-input:focus ~ label,
.login-form .layui-input:not(:placeholder-shown) ~ label {
    top: -10px; left: 10px; font-size: 12px; color: var(--primary-dark); background: #fff; padding: 0 5px; border-radius: 4px;
}
.login-form .layui-input:focus + label + i { color: var(--primary-dark); }

.code-row { display: flex; gap: 10px; }
.input-group { flex: 1; position: relative; }
.code-btn {
    height: 50px; padding: 0 18px; background: #f0f0f0; border: none; color: #555;
    border-radius: 10px; cursor: pointer; font-weight: 600; transition: 0.3s; white-space: nowrap;
}
.code-btn:hover { background: #e0e0e0; color: #333; }
.code-btn.verified { background: #e8f5e9; color: #2e7d32; }

/* 登录按钮：奢华渐变 */
.login-btn {
    width: 100%; height: 50px;
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%);
    border: none; border-radius: 10px;
    color: #fff; font-size: 16px; font-weight: 600; margin-top: 10px;
    display: flex; justify-content: center; align-items: center; gap: 10px;
    cursor: pointer; box-shadow: 0 10px 20px rgba(109, 94, 83, 0.3); transition: 0.3s;
}
.login-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(37, 99, 235, 0.24); }

.form-footer { text-align: center; margin-top: 20px; }
.text-btn { background: none; border: none; color: #999; font-size: 12px; cursor: pointer; }
.text-btn:hover { color: var(--primary-dark); text-decoration: underline; }

/* 鼠标提示 (深色) */
.scroll-mouse {
    position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);
    width: 26px; height: 40px; border: 2px solid #ccc; border-radius: 15px; cursor: pointer;
}
.mouse-wheel {
    width: 4px; height: 8px; background: var(--primary-dark); border-radius: 2px;
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%); animation: scrollWheel 2s infinite;
}
@keyframes scrollWheel { 0% { opacity: 1; top: 6px; } 100% { opacity: 0; top: 20px; } }

/* === 4. Showcase Section === */
.section { padding: 120px 20px; position: relative; }
.container { max-width: 1200px; margin: 0 auto; }
.section-header { text-align: center; margin-bottom: 80px; position: relative; }
.dark-title { font-size: 42px; color: var(--text-dark); margin-top: 15px; font-weight: 800; }
.tag { color: var(--primary-dark); font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: bold; }
.title-line { width: 60px; height: 4px; background: var(--primary); margin: 20px auto 0; border-radius: 2px; }

/* 大案例卡片 */
.big-case { position: relative; margin-bottom: 120px; }
.case-visual img { width: 100%; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.glass-card {
    position: absolute; bottom: -40px; right: -40px;
    background: rgba(255,255,255,0.9); backdrop-filter: blur(20px);
    padding: 40px; border-radius: 15px; border: 1px solid #fff;
    max-width: 450px; box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}
.glass-card h3 { font-size: 24px; color: var(--text-dark); margin-bottom: 15px; }
.glass-card p { color: var(--text-muted); line-height: 1.7; margin-bottom: 25px; }
.feature-tags { list-style: none; display: flex; gap: 20px; }
.feature-tags li { font-size: 13px; color: var(--primary-dark); display: flex; align-items: center; gap: 8px; font-weight: 600; }

/* 左右布局 */
.dual-case { display: flex; flex-direction: column; gap: 100px; }
.case-row { display: flex; align-items: center; gap: 80px; }
.case-row.reverse { flex-direction: row-reverse; }
.case-info { flex: 1; }
.case-info h3 { font-size: 32px; color: var(--text-dark); margin-bottom: 20px; }
.case-info h3 i { color: var(--primary); margin-right: 10px; }
.case-info p { font-size: 18px; color: var(--text-muted); line-height: 1.8; }
.case-img-wrapper { flex: 1.2; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.08); }
.case-img-wrapper img { width: 100%; display: block; transition: transform 0.25s ease; }
.case-img-wrapper:hover img { transform: scale(1.01); }

.phone-preview {
    flex: 0 0 320px;
    max-width: 320px;
    margin: 0 auto;
    padding: 12px;
    border-radius: 32px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.phone-preview img {
    aspect-ratio: 9 / 19.5;
    object-fit: cover;
    border-radius: 24px;
}

.dual-case-extra {
    margin-top: 100px;
}

/* === 5. Bento Grid === */
.bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.bento-card {
    background: #fff; border: 1px solid rgba(0,0,0,0.03); border-radius: 20px;
    padding: 35px; position: relative; overflow: hidden; transition: 0.3s;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    display: flex; flex-direction: column; justify-content: flex-end; height: 260px;
}
.bento-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
.span-2 { grid-column: span 2; }
.span-3 { grid-column: span 3; }

.card-icon { font-size: 36px; color: var(--primary); margin-bottom: auto; }
.bento-card h3 { color: var(--text-dark); font-size: 22px; margin-bottom: 10px; font-weight: 700; }
.bento-card p { color: var(--text-muted); font-size: 15px; }
.map-decoration { font-size: 140px; color: rgba(0,0,0,0.03); position: absolute; right: 20px; top: 10px; }

.scenario-marquee {
    margin-top: 34px;
    overflow: hidden;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    padding: 18px 0;
}

.marquee-track {
    display: flex;
    align-items: center;
    gap: 14px;
    width: max-content;
    animation: marqueeScroll 42s linear infinite;
}

.marquee-track span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: var(--text-dark);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

@keyframes marqueeScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.mobile-intro-card {
    display: none;
}

/* === 6. Footer === */
.footer { padding: 100px 0 50px; text-align: center; border-top: 1px solid rgba(0,0,0,0.05); background: #fdfdfd; }
.footer h2 { font-size: 36px; color: var(--text-dark); margin-bottom: 30px; }
.glow-btn {
    padding: 16px 50px; background: var(--text-dark); color: #fff;
    border: none; border-radius: 30px; font-size: 18px; font-weight: bold; cursor: pointer;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); transition: 0.3s;
}
.glow-btn:hover { background: var(--primary-dark); transform: scale(1.05); }
.copyright { margin-top: 60px; color: #aaa; font-size: 12px; }

/* === 8. 协议提示 === */
.agreement-tip {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.6;
}

.agreement-tip a {
    color: var(--primary);
    text-decoration: none;
    margin: 0 2px;
}

.agreement-tip a:hover {
    text-decoration: underline;
}

/* === 9. 动画与响应式 === */
.reveal-up, .reveal-down, .reveal-left, .reveal-right, .reveal-scale { opacity: 0; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal-up { transform: translateY(40px); }
.reveal-left { transform: translateX(-40px); }
.reveal-right { transform: translateX(40px); }
.reveal-scale { transform: scale(0.9); }
.active { opacity: 1; transform: translate(0) scale(1); }

@media (max-width: 1024px) {
    .hero-content { flex-direction: column; justify-content: center; text-align: center; }
    .hero-text { margin-bottom: 40px; }
    .hero-stats { justify-content: center; }
    .hero-actions, .hero-meta { justify-content: center; }
    .glass-card { position: static; max-width: 100%; margin-top: 20px; }
    .bento-grid { grid-template-columns: 1fr; }
    .span-2, .span-3 { grid-column: span 1; }
    .case-row { flex-direction: column; }
    .case-row.reverse { flex-direction: column; }
}

@media (max-width: 768px) {
    .glass-nav {
        padding: 16px 18px;
    }

    .nav-links {
        display: none;
    }

    .nav-logo {
        font-size: 18px;
        gap: 10px;
    }

    .nav-logo img {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .hero-section {
        min-height: auto;
        padding: 86px 16px 28px;
        align-items: flex-start;
    }

    .hero-content {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
    }

    .hero-text {
        order: 1;
        display: contents;
        margin-bottom: 0;
        text-align: left;
    }

    .login-wrapper {
        order: 5;
        flex: none;
        width: 100%;
    }

    .login-container {
        padding: 28px 20px 22px;
        border-radius: 18px;
    }

    .login-header h2 {
        font-size: 22px;
    }

    .login-header p {
        margin-bottom: 24px;
    }

    .brand-tag {
        order: 1;
        font-size: 11px;
        letter-spacing: 2px;
        margin-bottom: 10px;
    }

    .gradient-text {
        order: 2;
        font-size: 36px;
        margin-bottom: 14px;
    }

    .hero-brand-lines {
        order: 6;
        gap: 4px;
        margin-bottom: 14px;
    }

    .hero-brand-name {
        font-size: 18px;
    }

    .hero-brand-company {
        font-size: 12px;
        line-height: 1.5;
    }

    .subtitle {
        order: 7;
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 18px;
    }

    .hero-stats {
        order: 8;
        gap: 22px;
        padding-top: 18px;
        margin-bottom: 18px;
    }

    .stat-item .num {
        font-size: 24px;
    }

    .stat-item .label {
        font-size: 10px;
    }

    .hero-actions {
        order: 9;
        gap: 10px;
        margin-bottom: 12px;
    }

    .hero-download {
        flex: 1 1 calc(50% - 5px);
        min-height: 52px;
        padding: 0 12px;
        border-radius: 16px;
    }

    .hero-download.ghost {
        flex-basis: 100%;
    }

    .hero-meta {
        order: 10;
        gap: 8px;
        font-size: 12px;
        line-height: 1.6;
    }

    .scroll-mouse {
        display: none;
    }

    .section {
        padding: 72px 16px;
    }

    .section-header {
        margin-bottom: 40px;
    }

    .dark-title {
        font-size: 28px;
    }

    .big-case {
        margin-bottom: 72px;
    }

    .glass-card {
        padding: 24px 20px;
    }

    .case-info h3 {
        font-size: 24px;
    }

    .case-info p {
        font-size: 15px;
        line-height: 1.75;
    }

    .dual-case,
    .dual-case-extra {
        gap: 56px;
        margin-top: 56px;
    }

    .phone-preview {
        max-width: 240px;
        padding: 10px;
        border-radius: 26px;
    }

    .phone-preview img {
        border-radius: 18px;
    }

    .bento-card {
        height: auto;
        min-height: 200px;
        padding: 26px 22px;
    }

    .map-decoration {
        font-size: 90px;
        right: 14px;
    }

    .marquee-track span {
        min-height: 34px;
        padding: 0 14px;
        font-size: 13px;
    }
}
/* 中等宽度下预留导航空间，避免首屏标题与导航重叠。 */
@media (min-width:769px) and (max-width:1200px) {
    .hero-section { padding-top: 110px; padding-bottom: 48px; }
}

/* 先知的系统接入示意与产品能力。 */
.integration-section{padding:110px 8% 94px;background:#f5f8fd;color:#172a48}
.integration-inner{max-width:1320px;margin:0 auto}
.integration-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:35px}
.integration-kicker{display:block;color:#4674bd;font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:15px}
.integration-heading h2{font-size:clamp(28px,3.2vw,44px);line-height:1.25;letter-spacing:-.03em;margin:0 0 14px;color:#122b4d}
.integration-heading p{font-size:16px;line-height:1.9;color:#61748c;max-width:680px;margin:0}
.integration-label{color:#7c8fa7;font-size:12px;white-space:nowrap;padding-bottom:5px}
.integration-diagram{margin:0;background:#fff;border:1px solid #dfe8f5;border-radius:20px;padding:27px 30px 22px;box-shadow:0 18px 52px rgba(30,73,130,.07)}
.integration-diagram figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;font-weight:700;color:#25466f;border-bottom:1px solid #eaf0f8;padding-bottom:20px}
.integration-diagram figcaption small{font-size:12px;font-weight:400;color:#899bb1}
.integration-flow{display:grid;grid-template-columns:minmax(0,1fr) 65px minmax(185px,.9fr) 65px minmax(0,1fr);align-items:center;gap:10px;padding:30px 0}
.integration-column{display:grid;gap:10px}
.integration-node{border:1px solid #e1eaf6;background:#f9fbfe;border-radius:12px;padding:15px 17px;min-width:0}
.integration-number{display:block;color:#6385b3;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:7px}
.integration-node strong{display:block;color:#183758;font-size:15px;margin-bottom:5px}
.integration-node p,.integration-node small{display:block;font-size:12px;line-height:1.6;color:#647c99;margin:0}
.integration-node small{color:#99a9bc;margin-top:4px}
.integration-core{min-height:218px;padding:22px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #bcd2f4;border-radius:16px;background:linear-gradient(155deg,#f7fbff,#eaf2ff);color:#436b9d}
.integration-core-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#416fda;color:white;font-size:23px;margin-bottom:12px;box-shadow:0 7px 16px #abc4ec}
.integration-core>span:not(.integration-core-icon){font-size:11px;letter-spacing:.15em}.integration-core strong{font-size:32px;line-height:1.4;color:#1c4786}.integration-core small{font-size:11px}.integration-core div{font-size:10px;margin-top:15px;color:#5474a0}.integration-core b{padding:0 3px;color:#a9bdda}
.integration-link{text-align:center;color:#90a5c0;font-size:10px;white-space:nowrap}.integration-link i{display:block;height:1px;background:#b9cce6;margin:9px 0;position:relative}.integration-link i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #8eacd3;border-right:1px solid #8eacd3;transform:rotate(45deg)}
.integration-footnote{border-top:1px solid #eaf0f8;padding-top:16px;margin:0;color:#8496ad;font-size:12px;line-height:1.7}
.integration-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.integration-capabilities article{background:#fff;border:1px solid #e3ebf7;border-radius:14px;padding:22px 20px;min-height:165px}
.integration-capabilities article>span{font-size:11px;color:#6791c8;font-weight:700}.integration-capabilities h3{font-size:16px;margin:13px 0 9px;color:#193958}.integration-capabilities p{font-size:13px;line-height:1.8;color:#6b7f99;margin:0}
.integration-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px}.integration-actions a{color:#285fc0;text-decoration:none;font-size:14px;font-weight:700}.integration-actions a span{padding-left:6px}.integration-actions a:hover{text-decoration:underline}
@media(max-width:1100px){.integration-flow{grid-template-columns:1fr 42px 1fr;gap:8px}.integration-flow>.integration-link:nth-child(4){display:none}.integration-outcomes{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.integration-capabilities{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.integration-section{padding:70px 18px}.integration-heading{display:block}.integration-heading p{font-size:14px}.integration-label{display:block;white-space:normal;margin-top:16px}.integration-diagram{padding:20px 16px}.integration-diagram figcaption small{display:none}.integration-flow{display:flex;flex-direction:column;padding:20px 0;gap:10px}.integration-column,.integration-core{width:100%}.integration-core{min-height:165px}.integration-link{width:100%;padding:3px 0}.integration-link i{width:1px;height:18px;margin:5px auto}.integration-link i:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.integration-flow>.integration-link:nth-child(4){display:block}.integration-outcomes{display:grid;grid-template-columns:1fr}.integration-capabilities{grid-template-columns:1fr 1fr;gap:10px}.integration-capabilities article{padding:17px 14px;min-height:0}.integration-capabilities h3{font-size:14px}.integration-capabilities p{font-size:12px}.integration-actions{gap:16px}}
@media(max-width:370px){.integration-capabilities{grid-template-columns:1fr}}

/* 官网模块导航与真实界面展示 */
.module-nav{display:flex;align-items:center;gap:22px;min-width:0}
.module-nav a{font-size:13px;font-weight:600;color:#526784;white-space:nowrap;text-decoration:none}
.module-nav a:hover,.module-nav a:focus-visible{color:#315fbe}
.product-cases{padding:105px 8%;background:#fff;color:#172a48}
.product-cases-inner{max-width:1320px;margin:auto}.product-cases-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.product-cases-header h2{font-size:clamp(28px,3.2vw,44px);line-height:1.25;letter-spacing:-.03em;margin:0 0 12px;color:#122b4d}.product-cases-header p{font-size:16px;line-height:1.8;color:#61748c;margin:0;max-width:650px}.product-cases-header>span{font-size:12px;color:#8496ad}
.product-cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.product-case{border:1px solid #dfe8f5;border-radius:18px;background:#f8fbff;overflow:hidden;scroll-margin-top:115px;display:flex;flex-direction:column}
.product-case-text{padding:25px 26px 19px}.product-case-tag{font-size:11px;font-weight:700;letter-spacing:.08em;color:#4c76b6}.product-case h3{font-size:22px;line-height:1.35;color:#17365e;margin:10px 0}.product-case p{font-size:14px;color:#5e748f;line-height:1.8;margin:0 0 12px}.product-case small{display:block;color:#8496ad;font-size:11px;line-height:1.6}
.product-case>a{display:flex;position:relative;align-items:flex-start;justify-content:center;margin:0 18px 18px;height:330px;overflow:hidden;border:1px solid #dce6f3;border-radius:12px;background:#eef3fa}.product-case>a img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.product-case>a span{position:absolute;right:10px;bottom:10px;border:1px solid #dce6f3;border-radius:7px;background:rgba(255,255,255,.95);padding:6px 10px;font-size:11px;color:#385f9a}
.product-case>a:focus-visible{outline:3px solid #5081db;outline-offset:3px}.product-cases-note{font-size:12px;line-height:1.8;color:#8091a8;margin:22px 0 0}
#integration,#showcase{scroll-margin-top:110px}
@media(max-width:1250px){.glass-nav{flex-wrap:wrap;row-gap:12px;background:rgba(250,252,255,.94);backdrop-filter:blur(14px)}.module-nav{order:3;width:100%;overflow-x:auto;padding-bottom:3px;gap:20px}.module-nav a{font-size:12px}.hero-section{padding-top:130px}.product-case{scroll-margin-top:145px}}
@media(max-width:768px){.glass-nav{padding:12px 18px}.module-nav{gap:20px}.hero-section{padding-top:110px}.product-cases{padding:70px 18px}.product-cases-header{display:block}.product-cases-header p{font-size:14px}.product-cases-header>span{display:block;margin-top:14px}.product-cases-grid{grid-template-columns:1fr}.product-case-text{padding:21px 20px 15px}.product-case h3{font-size:19px}.product-case>a{height:300px;margin:0 12px 12px}.product-case{scroll-margin-top:110px}}

/* 让业务案例以可阅读的大图和清晰叙事呈现。 */
.glass-nav{background:rgba(250,252,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(212,224,241,.75)}
.product-cases{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.product-cases-grid{grid-template-columns:1fr;gap:24px}
.product-case{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:stretch;background:#fff;box-shadow:0 12px 36px rgba(29,67,118,.055)}
.product-case-text{padding:38px 34px;align-self:center}
.product-case h3{font-size:clamp(22px,2.4vw,30px);line-height:1.35;margin:14px 0}
.product-case p{font-size:15px;line-height:1.9;max-width:32em}
.product-case small{margin-top:18px;color:#7188a4}
.product-case>a{height:440px;margin:16px;background:#eef3fa;align-items:center}
.product-case>a img{object-position:center;image-rendering:auto}
.product-case:nth-child(even) .product-case-text{order:2}
.product-case:nth-child(even)>a{order:1}
.product-case>a span{font-size:12px;padding:8px 12px;box-shadow:0 3px 14px rgba(37,68,111,.08)}
@media(max-width:768px){.product-cases-grid{gap:16px}.product-case{display:flex}.product-case-text{align-self:stretch;padding:22px 20px 10px}.product-case h3{font-size:21px}.product-case p{font-size:14px}.product-case small{margin-top:12px}.product-case>a{height:350px;margin:12px}.product-case:nth-child(even) .product-case-text,.product-case:nth-child(even)>a{order:initial}}
/* 大图位于说明下方，按图像原始比例展示。 */
.product-case{display:flex;flex-direction:column}
.product-case-text{align-self:stretch;padding:32px 34px 18px}
.product-case:nth-child(even) .product-case-text,.product-case:nth-child(even)>a{order:initial}
.product-case>a{display:block;margin:0 22px 22px;height:auto;overflow:hidden;background:#f0f5fb}
.product-case>a img{width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:768px){.product-case-text{padding:22px 20px 14px}.product-case>a{height:auto;margin:0 12px 12px}}
.journey-steps{padding:72px 8%;background:#fff;color:#17365e}.journey-inner{max-width:1320px;margin:auto}.journey-steps h2{font-size:clamp(26px,3vw,38px);margin:0 0 25px}.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.journey-grid article{border-top:2px solid #bdd0ee;padding:18px 12px 8px 0}.journey-grid span{color:#5482c4;font-size:12px;font-weight:700}.journey-grid h3{font-size:17px;margin:9px 0}.journey-grid p,.journey-note{font-size:13px;color:#6b809b;line-height:1.8;margin:0}.journey-note{margin-top:22px}.integration-secondary{margin-top:14px}
.product-case>a img{display:block;width:100%;height:auto;max-height:none}.product-case>a{background:#f5f8fc}
@media(max-width:700px){.journey-steps{padding:55px 18px}.journey-grid{grid-template-columns:1fr 1fr;gap:14px}}