/* 首页 v2：工业数智化解决方案转化页 */
.page-home { --home-navy:#061a2e; --home-navy-2:#0a3150; --home-blue:#097fa6; --home-cyan:#48d8e9; --home-ink:#102b45; --home-muted:#62809a; }
.page-home .site-main { overflow:hidden; }
.page-home .reveal { will-change: auto; }
.home-section, .home-final { content-visibility: auto; contain-intrinsic-size: auto 700px; }
.home-hero { position:relative; min-height:690px; isolation:isolate; color:#fff; background:#06192c; }
.home-hero-bg { position:absolute; inset:0; z-index:-4; width:100%; height:100%; object-fit:cover; object-position:center; }
.home-hero::before { content:""; position:absolute; inset:0; z-index:-3; background:linear-gradient(90deg,rgba(3,16,31,.97) 0%,rgba(4,22,40,.9) 41%,rgba(5,31,51,.5) 74%,rgba(4,29,48,.65)); }
.home-hero::after { content:""; position:absolute; inset:0; z-index:-2; opacity:.42; background-image:linear-gradient(rgba(95,212,229,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(95,212,229,.12) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 55%,transparent 100%); pointer-events:none; }
.home-hero-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.62fr); min-height:690px; align-items:center; gap:60px; padding-top:116px; padding-bottom:78px; }
.home-hero-copy { max-width:720px; }
.home-kicker { display:inline-flex; align-items:center; gap:11px; margin:0 0 23px; color:#a5edf5; font-size:.72rem; font-weight:750; letter-spacing:.15em; }
.home-kicker::before { content:""; width:34px; height:1px; background:#5ce7f2; }
.home-hero h1 { max-width:760px; margin:0; color:#fff; font-size:clamp(2.65rem,5.05vw,5rem); line-height:1.1; letter-spacing:-.055em; }
.home-hero h1 em { color:#6ae9f3; font-style:normal; }
.home-hero-lead { max-width:610px; margin:25px 0 0; color:rgba(231,247,250,.82); font-size:1.08rem; line-height:1.85; }
.home-hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:34px; }
.home-hero .btn { min-width:154px; justify-content:center; }
.home-hero .btn-primary { border-color:#58ddea; background:#12a2c2; box-shadow:0 12px 28px rgba(0,175,205,.2); }
.home-hero .btn-primary:hover { background:#0d91af; }
.home-hero .btn-secondary { border:1px solid rgba(211,246,249,.43); background:rgba(7,39,60,.38); color:#fff; }
.home-hero .btn-secondary:hover { border-color:#9aeaf1; background:rgba(19,79,103,.65); color:#fff; }
.home-focuses { display:flex; flex-wrap:wrap; gap:10px 25px; margin:34px 0 0; padding:0; list-style:none; color:rgba(221,248,250,.82); font-size:.84rem; }
.home-focuses li { display:flex; align-items:center; gap:9px; }
.home-focuses li::before { content:""; width:6px; height:6px; border:1px solid #65ebf3; border-radius:50%; box-shadow:0 0 0 4px rgba(90,230,240,.11); }
.hero-panel { align-self:end; margin-bottom:26px; padding:23px; border:1px solid rgba(152,232,239,.24); border-radius:16px; background:rgba(4,25,43,.69); backdrop-filter:blur(10px); }
.hero-panel-label { display:flex; align-items:center; justify-content:space-between; color:#c9f4f7; font-size:.7rem; font-weight:700; letter-spacing:.12em; }
.hero-panel-label span:last-child { color:#63e3ef; }
.hero-panel h2 { margin:17px 0 12px; color:#fff; font-size:1.24rem; line-height:1.45; }
.hero-panel p { margin:0; color:#b6d4df; font-size:.85rem; line-height:1.65; }
.hero-panel-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:21px; padding-top:16px; border-top:1px solid rgba(175,235,240,.15); color:#b8d9e1; font-size:.76rem; }
.hero-panel-bottom strong { color:#67e8f2; font-size:1rem; }

.home-proof { position:relative; z-index:2; margin-top:-46px; }
.home-proof-grid { display:grid; grid-template-columns:1.32fr repeat(3,1fr); border:1px solid rgba(36,89,126,.14); border-radius:15px; background:#fff; box-shadow:0 16px 36px rgba(15,50,78,.1); overflow:hidden; }
.proof-intro,.proof-stat { min-height:119px; padding:23px 26px; }
.proof-intro { background:#f0f8fb; }
.proof-intro b { display:block; color:#0a4162; font-size:1rem; }
.proof-intro span { display:block; margin-top:7px; color:#62809a; font-size:.8rem; line-height:1.55; }
.proof-stat { border-left:1px solid #e4edf2; }
.proof-stat strong { display:block; color:#087fa2; font-size:1.8rem; line-height:1; letter-spacing:-.05em; }
.proof-stat span { display:block; margin-top:10px; color:#55728b; font-size:.78rem; }

.home-section { padding:clamp(74px,9vw,128px) 0; }
.home-section-alt { background:#f1f7fa; }
.home-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:39px; }
.home-section-head .eyebrow { margin:0 0 12px; color:#1184a3; font-size:.7rem; font-weight:800; letter-spacing:.14em; }
.home-section-head h2 { margin:0; color:#102f4c; font-size:clamp(2rem,3.1vw,2.8rem); line-height:1.18; letter-spacing:-.04em; }
.home-section-head p { max-width:440px; margin:12px 0 0; color:#6b879e; font-size:.94rem; line-height:1.72; }
.text-link { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; color:#12799d; font-size:.88rem; font-weight:700; text-decoration:none; }
.text-link:hover { color:#075d7c; }

.journey-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.journey-card { position:relative; min-height:260px; padding:25px; overflow:hidden; border:1px solid #dce9ef; border-radius:14px; background:#fff; color:inherit; text-decoration:none; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.journey-card:hover { border-color:#77cbd9; box-shadow:0 16px 29px rgba(19,75,103,.1); color:inherit; transform:translateY(-5px); }
.journey-index { color:#68b8c9; font-size:.78rem; font-weight:800; letter-spacing:.1em; }
.journey-icon { display:grid; width:43px; height:43px; margin:32px 0 20px; border-radius:11px; color:#0d89a9; background:#e9f8fb; place-items:center; }
.journey-icon svg { width:23px; height:23px; }
.journey-card h3 { margin:0; color:#173a56; font-size:1.14rem; }
.journey-card p { margin:10px 0 0; color:#6b8398; font-size:.84rem; line-height:1.68; }
.journey-card span:last-child { position:absolute; bottom:23px; color:#1382a2; font-size:.78rem; font-weight:700; }

.solution-showcase { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.solution-image { position:relative; min-height:455px; overflow:hidden; border-radius:17px; background:#0c2e49; }
.solution-image img { width:100%; height:455px; object-fit:cover; opacity:.77; }
.solution-image::after { content:""; position:absolute; inset:0; background:linear-gradient(20deg,rgba(4,23,41,.92),transparent 66%); }
.solution-image-label { position:absolute; z-index:1; left:26px; right:26px; bottom:25px; color:#fff; }
.solution-image-label span { color:#73e4ed; font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.solution-image-label h3 { margin:9px 0 0; font-size:1.35rem; }
.solution-list { display:grid; gap:7px; }
.solution-item { display:grid; grid-template-columns:50px 1fr auto; align-items:center; gap:15px; padding:19px 0; border-bottom:1px solid #dce8ee; color:inherit; text-decoration:none; }
.solution-item:first-child { border-top:1px solid #dce8ee; }
.solution-item:hover { color:inherit; }
.solution-item:hover h3 { color:#0680a0; }
.solution-no { color:#61b9c9; font-size:.8rem; font-weight:800; }
.solution-item h3 { margin:0; color:#163954; font-size:1.02rem; transition:color .18s; }
.solution-item p { margin:6px 0 0; color:#6f899e; font-size:.82rem; line-height:1.55; }
.solution-arrow { color:#0e83a3; font-size:1.22rem; }

.featured-cases { display:grid; grid-template-columns:1.16fr .84fr; gap:18px; }
.case-primary,.case-stack-item { position:relative; display:block; overflow:hidden; border-radius:15px; color:#fff; text-decoration:none; background:#08263d; }
.case-primary { min-height:455px; }
.case-stack { display:grid; gap:18px; }
.case-stack-item { min-height:218px; }
.case-primary img,.case-stack-item img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; transition:transform .45s ease; }
.case-primary:hover img,.case-stack-item:hover img { transform:scale(1.045); }
.case-primary::after,.case-stack-item::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,20,35,.95),rgba(3,25,44,.08) 75%); }
.case-content { position:absolute; z-index:1; right:25px; bottom:24px; left:25px; }
.case-content .case-type { color:#89e6ee; font-size:.72rem; font-weight:800; letter-spacing:.1em; }
.case-content h3 { margin:10px 0 0; color:#fff; font-size:1.33rem; line-height:1.42; }
.case-stack-item h3 { font-size:1.04rem; }
.case-result { display:inline-flex; margin-top:12px; padding:6px 9px; border:1px solid rgba(158,239,245,.33); border-radius:5px; color:#d6f7fa; background:rgba(6,72,92,.43); font-size:.73rem; }

.home-products { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.home-product { overflow:hidden; border:1px solid #dce9ef; border-radius:14px; background:#fff; color:inherit; text-decoration:none; transition:transform .22s ease,box-shadow .22s ease; }
.home-product:hover { color:inherit; box-shadow:0 15px 30px rgba(21,76,104,.1); transform:translateY(-4px); }
.home-product img { width:100%; height:196px; object-fit:cover; background:#eaf3f7; }
.home-product-body { padding:21px; }
.home-product h3 { margin:0; color:#163954; font-size:1.08rem; }
.home-product p { display:-webkit-box; overflow:hidden; margin:10px 0 16px; color:#6d879c; font-size:.84rem; line-height:1.65; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.home-product span { color:#0e83a3; font-size:.78rem; font-weight:700; }

.home-insights { display:grid; grid-template-columns:1.1fr .9fr; gap:52px; align-items:start; }
.home-insights-lead h2 { max-width:480px; margin:0; color:#102f4c; font-size:clamp(2rem,3.2vw,3rem); line-height:1.2; letter-spacing:-.045em; }
.home-insights-lead p { max-width:470px; margin:19px 0 28px; color:#668198; line-height:1.8; }
.insight-list { display:grid; }
.insight-item { display:grid; grid-template-columns:62px 1fr auto; gap:15px; align-items:center; padding:19px 0; border-top:1px solid #d8e6ed; color:inherit; text-decoration:none; }
.insight-item:last-child { border-bottom:1px solid #d8e6ed; }
.insight-date { color:#1083a2; font-size:.76rem; font-weight:800; line-height:1.35; }
.insight-item h3 { margin:0; color:#183b56; font-size:.98rem; line-height:1.5; }
.insight-item:hover h3 { color:#0b83a3; }
.insight-arrow { color:#1590aa; }

.home-final { padding:0 0 clamp(80px,10vw,130px); background:#f1f7fa; }
.home-final-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:38px; align-items:center; padding:clamp(36px,6vw,68px); border-radius:18px; color:#fff; background:linear-gradient(120deg,#082840 0%,#075a76 100%); }
.home-final .eyebrow { color:#87e9f1; font-size:.72rem; font-weight:800; letter-spacing:.13em; }
.home-final h2 { max-width:650px; margin:13px 0 0; color:#fff; font-size:clamp(2rem,3.5vw,3.25rem); line-height:1.18; letter-spacing:-.045em; }
.home-final p { max-width:610px; margin:17px 0 0; color:#c3e6ea; line-height:1.75; }
.home-final-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.home-final .btn-primary { background:#54d9e6; color:#07364d; }
.home-final .btn-primary:hover { background:#8cebf2; color:#07364d; }
.home-final .btn-ghost { border-color:rgba(223,250,252,.47); color:#fff; }
.home-final .btn-ghost:hover { background:rgba(255,255,255,.13); color:#fff; }

:root.dark-mode .page-home .home-section-alt,:root.dark-mode .page-home .home-final { background:#08192a; }
:root.dark-mode .page-home .home-proof-grid,:root.dark-mode .page-home .journey-card,:root.dark-mode .page-home .home-product { border-color:#1e4158; background:#0c2135; }
:root.dark-mode .page-home .proof-intro { background:#0e2c40; }
:root.dark-mode .page-home .proof-stat { border-color:#1e4158; }
:root.dark-mode .page-home .proof-intro b,:root.dark-mode .page-home .home-section-head h2,:root.dark-mode .page-home .journey-card h3,:root.dark-mode .page-home .solution-item h3,:root.dark-mode .page-home .home-product h3,:root.dark-mode .page-home .home-insights-lead h2,:root.dark-mode .page-home .insight-item h3 { color:#e4f2f7; }
:root.dark-mode .page-home .proof-intro span,:root.dark-mode .page-home .proof-stat span,:root.dark-mode .page-home .home-section-head p,:root.dark-mode .page-home .journey-card p,:root.dark-mode .page-home .solution-item p,:root.dark-mode .page-home .home-product p,:root.dark-mode .page-home .home-insights-lead p { color:#9ab6c8; }
:root.dark-mode .page-home .solution-item,:root.dark-mode .page-home .insight-item { border-color:#23455c; }

@media (max-width:980px) { .home-hero { min-height:auto; } .home-hero-inner,.solution-showcase,.home-insights,.home-final-inner { grid-template-columns:1fr; } .home-hero-inner { min-height:auto; gap:26px; padding-top:150px; padding-bottom:72px; } .hero-panel { max-width:530px; margin:0; } .home-proof { margin-top:0; } .home-proof-grid { grid-template-columns:repeat(2,1fr); border-radius:0; } .proof-intro { grid-column:span 2; } .journey-grid { grid-template-columns:repeat(2,1fr); } .featured-cases { grid-template-columns:1fr; } .case-stack { grid-template-columns:1fr 1fr; } .home-final-actions { justify-content:flex-start; } }
@media (max-width:620px) { .home-hero-bg { object-position:63% center; } .home-hero::after { opacity:.24; } .home-hero-inner { padding-top:122px; padding-bottom:48px; } .home-hero h1 { font-size:clamp(2.25rem,12vw,3.2rem); } .home-hero-lead { font-size:.95rem; } .home-hero-actions,.home-hero-actions .btn { width:100%; } .home-focuses { gap:12px 18px; font-size:.76rem; } .hero-panel { padding:19px; } .home-proof-grid { grid-template-columns:1fr 1fr; } .proof-intro,.proof-stat { min-height:105px; padding:18px; } .proof-stat:nth-child(3) { border-left:0; border-top:1px solid #e4edf2; } .proof-stat:nth-child(4) { border-top:1px solid #e4edf2; } .home-section { padding:65px 0; } .home-section-head { display:block; margin-bottom:29px; } .home-section-head .text-link { margin-top:18px; } .journey-grid,.home-products,.case-stack { grid-template-columns:1fr; } .journey-card { min-height:222px; } .journey-icon { margin:23px 0 17px; } .solution-showcase { gap:28px; } .solution-image,.solution-image img { min-height:330px; height:330px; } .case-primary { min-height:360px; } .case-stack-item { min-height:210px; } .home-insights { gap:30px; } .insight-item { grid-template-columns:52px 1fr 18px; } .home-final-inner { gap:28px; padding:32px 25px; border-radius:0; } }