/* ============================================================
           V10 DESIGN TOKENS — 深空藏蓝 · 电光蓝 · 薄荷绿
           优化：圆角24px统一 / 卡片层次增强 / 字体层级扩展
           ============================================================ */
        :root {
            --space-deep: #060d1a; --space: #0a1628; --space-mid: #0f1f3d; --space-light: #162544;
            --electric: #2563eb; --electric-hover: #1d4ed8;
            --electric-glow: rgba(37,99,235,0.25); --electric-soft: rgba(37,99,235,0.08); --electric-mid: rgba(37,99,235,0.15);
            --mint: #10b981; --mint-glow: rgba(16,185,129,0.25); --mint-soft: rgba(16,185,129,0.08);
            --white: #ffffff; --snow: #f8fafc; --silver: #f1f5f9; --cream: #fafbfc;
            --ink: #0f172a; --ink-2: #334155; --ink-3: #64748b; --ink-4: #94a3b8;
            --border: rgba(15,23,42,0.08); --border-electric: rgba(37,99,235,0.12);
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.04); --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
            --shadow-lg: 0 8px 32px rgba(0,0,0,0.08); --shadow-xl: 0 20px 60px rgba(0,0,0,0.1);
            --shadow-float: 0 8px 40px rgba(0,0,0,0.12);
            --shadow-electric: 0 4px 24px rgba(37,99,235,0.3);
            --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 18px; --r-2xl: 24px; --r-full: 9999px;
            --ease: cubic-bezier(0.4,0,0.2,1); --ease-out: cubic-bezier(0,0,0.2,1);
            --ease-spring: cubic-bezier(0.34,1.56,0.64,1); --ease-smooth: cubic-bezier(0.16,1,0.3,1);
            --dur: 0.3s;
        }
        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
        *, *::before, *::after { margin:0;padding:0;box-sizing:border-box; }
        html { scroll-behavior:smooth;-webkit-font-smoothing:antialiased; }
        body { font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif; color:var(--ink); background:var(--white); line-height:1.6; overflow-x:hidden; }
        a { text-decoration:none;color:inherit; } ul { list-style:none; } img { max-width:100%;display:block; }

        /* ============================================================
           NAV
           ============================================================ */
        .nav-wrapper { position:fixed;top:0;left:0;width:100%;z-index: var(--hg-z-sticky); }
        .nav { height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 80px;background:transparent;transition:background .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth);position:relative;z-index:10; }
        .nav.scrolled { background:rgba(255,255,255,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(0,0,0,.04); }
        .nav-logo { display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff;transition:color .3s var(--ease-smooth);position:relative;z-index:10; }
        .nav.scrolled .nav-logo { color:var(--ink); }
        .nav-logo-icon { width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--r-md); }
        .nav-logo-icon img { width:36px;height:auto;object-fit:contain; }
        .nav-links { display:flex;align-items:center;height:100%; }
        .nav-item { position:relative;height:72px;display:flex;align-items:center; }
        .nav-item-link { font-size:15px;font-weight:500;color:rgba(255,255,255,.85);padding:0 24px;height:72px;display:flex;align-items:center;transition:color .2s var(--ease-smooth);cursor:pointer;letter-spacing:.01em; }
        .nav-item-link::after { content:'';position:absolute;bottom:0;left:24px;right:24px;height:2px;background:var(--electric);transform:scaleX(0);transition:transform .3s var(--ease-smooth); }
        .nav-item:hover .nav-item-link { color:#fff; }
        .nav-item:hover .nav-item-link::after { transform:scaleX(1); }
        .nav.scrolled .nav-item-link { color:var(--ink-2); }
        .nav.scrolled .nav-item:hover .nav-item-link { color:var(--electric); }
        .nav-arrow { display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;margin-left: var(--hg-space-1);transition:transform .3s var(--ease-smooth);vertical-align:middle; }
        .nav-item:hover .nav-arrow { transform:rotate(180deg); }

        /* Mega Menu — 关闭延迟200ms */
        .mega-menu { position:fixed;top:72px;left:0;width:100vw;background:rgba(255,255,255,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 48px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.04);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--ease-smooth),transform .25s var(--ease-smooth),visibility .25s step-end;z-index: var(--hg-z-floating);pointer-events:none; }
        .mega-menu.active { opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .3s var(--ease-smooth),transform .3s var(--ease-smooth),visibility .3s step-start; }
        .mega-menu-inner { max-width:1200px;margin:0 auto;padding: var(--hg-space-10) var(--hg-space-16); }
        .mega-grid { display:grid;gap:14px; }
        .mega-grid--4 { grid-template-columns:repeat(4,1fr); }
        .mega-grid--3 { grid-template-columns:repeat(3,1fr); }
        .mega-card { display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding: var(--hg-space-5) var(--hg-space-5);border-radius:var(--r-lg);background:var(--snow);border:1px solid var(--border);transition:all .25s var(--ease-smooth);cursor:pointer;min-height:150px; }
        .mega-card:hover { background:#fff;border-color:var(--border-electric);box-shadow:0 4px 20px rgba(37,99,235,.08),0 1px 3px rgba(0,0,0,.04);transform:translateY(-3px); }
        .mega-card-icon { width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#EBF2FF,#E0ECFF);border-radius:var(--r-md);display:grid;place-items:center;transition:all .25s var(--ease-smooth); }
        .mega-card:hover .mega-card-icon { background:linear-gradient(135deg,var(--electric),var(--electric-hover));box-shadow:0 4px 14px var(--electric-glow);transform:scale(1.06); }
        .mega-card-icon svg { width:22px;height:22px;stroke:var(--electric);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s; }
        .mega-card:hover .mega-card-icon svg { stroke:#fff; }
        .mega-card-body { flex:1;min-width:0;display:flex;flex-direction:column;gap:5px; }
        .mega-card-title { font-size:15px;font-weight:650;color:var(--ink);line-height:1.35;transition:color .2s; }
        .mega-card:hover .mega-card-title { color:var(--electric); }
        .mega-card-desc { font-size:13px;color:var(--ink-3);line-height:1.5; }
        .mega-card-tag { display:inline-block;margin-top:auto;padding: var(--hg-space-0-5) var(--hg-space-2);background:#EFF6FF;color:var(--electric);font-size:11px;font-weight:600;border-radius:var(--r-full); }
        .mega-card--featured { grid-column:span 2;min-height:180px;background:linear-gradient(135deg,#EBF2FF,#E0ECFF,#F0F7FF); }
        .mega-card--featured:hover { background:linear-gradient(135deg,#DEE9FF,#CDE0FF,#E8F2FF); }
        .mega-card--featured .mega-card-icon { width:52px;height:52px; }
        .mega-card--featured .mega-card-icon svg { width:26px;height:26px; }
        .mega-card--featured .mega-card-title { font-size:17px; }
        .mega-metric-row { display:flex;gap:24px;margin-top:4px; }
        .mega-metric-row span { font-size:13px;color:var(--ink-3); }
        .mega-metric-row strong { display:block;font-size:22px;font-weight:700;color:var(--electric);font-family:"DIN Alternate","Roboto Mono",system-ui,sans-serif; }
        .mega-list { display:grid;grid-template-columns:repeat(3,1fr);gap:6px; }
        .mega-list-item { display:flex;align-items:center;gap:14px;padding: var(--hg-space-4) var(--hg-space-4);border-radius:var(--r-md);transition:all .22s var(--ease);cursor:pointer;border:1px solid transparent; }
        .mega-list-item:hover { background:var(--snow);border-color:var(--border-electric); }
        .mega-list-icon { width:42px;height:42px;min-width:42px;background:var(--silver);border-radius:var(--r-md);display:grid;place-items:center;transition:all .25s var(--ease); }
        .mega-list-item:hover .mega-list-icon { background:var(--electric); }
        .mega-list-icon svg { width:20px;height:20px;stroke:var(--ink-3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s; }
        .mega-list-item:hover .mega-list-icon svg { stroke:#fff; }
        .mega-list-title { font-size: var(--hg-font-sm);font-weight:600;color:var(--ink);margin-bottom: var(--hg-space-0-5);line-height:1.3; }
        .mega-list-item:hover .mega-list-title { color:var(--electric); }
        .mega-list-desc { font-size:12px;color:var(--ink-3); }

        .nav-right { display:flex;align-items:center;gap:16px;position:relative;z-index:10; }
        .nav-lang { font-size:14px;font-weight:500;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s;padding: var(--hg-space-1) var(--hg-space-3);border-radius:var(--r-sm); }
        .nav-lang:hover { color:#fff;background:rgba(255,255,255,.1); }
        .nav.scrolled .nav-lang { color:var(--ink-3); }
        .nav.scrolled .nav-lang:hover { color:var(--electric);background:var(--electric-soft); }
        .btn { display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:10px 20px;border-radius:var(--r-sm);border:none;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;outline:none; }
        .btn:focus-visible { outline:2px solid var(--electric);outline-offset:2px; }
        .btn:active { transform:scale(.98); }
        .btn-primary { background:var(--electric);color:#fff;box-shadow:var(--shadow-electric); }
        .btn-primary:hover { background:var(--electric-hover);box-shadow:0 6px 28px rgba(37,99,235,.4);transform:translateY(-1px); }

        /* 汉堡 */
        .nav-hamburger { display:none;width:32px;height:32px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:10; }
        .nav-hamburger span { display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:all .3s var(--ease-out); }
        .nav.scrolled .nav-hamburger span { background:var(--ink); }

        /* ===== V10 移动端 Accordion 抽屉 ===== */
        .mobile-drawer { display:none;position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--white);z-index: var(--hg-z-modal);flex-direction:column;padding: var(--hg-space-20) var(--hg-space-8) var(--hg-space-10);overflow-y:auto;transform:translateX(100%);transition:transform .4s var(--ease-smooth);box-shadow:-4px 0 30px rgba(0,0,0,.1); }
        .mobile-drawer.open { transform:translateX(0); }
        .mobile-overlay { display:none;position:fixed;inset:0;background:rgba(6,13,26,.6);z-index: var(--hg-z-overlay); }
        .mobile-overlay.open { display:block; }
        .mobile-drawer-close { position:absolute;top:20px;right:24px;width:36px;height:36px;background:var(--silver);border:none;border-radius:var(--r-md);display:grid;place-items:center;cursor:pointer;font-size:18px; }
        .mobile-accordion { border-bottom:1px solid var(--border); }
        .mobile-accordion-header { display:flex;justify-content:space-between;align-items:center;padding: var(--hg-space-4) 0;font-size:17px;font-weight:600;color:var(--ink);cursor:pointer; }
        .mobile-accordion-header::after { content:'+';font-size:22px;font-weight:300;transition:transform .3s; }
        .mobile-accordion.open .mobile-accordion-header::after { content:'−'; }
        .mobile-accordion-body { max-height:0;overflow:hidden;transition:max-height .35s var(--ease-smooth); }
        .mobile-accordion.open .mobile-accordion-body { max-height:400px; }
        .mobile-accordion-body a { display:block;padding: var(--hg-space-2) 0 var(--hg-space-2) var(--hg-space-4);font-size:15px;color:var(--ink-3);border-bottom:1px solid rgba(0,0,0,.03); }
        .mobile-accordion-body a:hover { color:var(--electric); }

        /* ===== V10 Scroll-to-Top + Section 指示器 ===== */
        .scroll-top { position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:var(--white);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index: var(--hg-z-sticky);opacity:0;transform:translateY(20px);pointer-events:none;transition:all .35s var(--ease-smooth);box-shadow:var(--shadow-md); }
        .scroll-top.visible { opacity:1;transform:translateY(0);pointer-events:auto; }
        .scroll-top:hover { background:var(--electric);border-color:var(--electric);box-shadow:var(--shadow-electric);transform:translateY(-4px); }
        .scroll-top svg { width:20px;height:20px;stroke:var(--ink-3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s; }
        .scroll-top:hover svg { stroke:#fff; }

        /* ============================================================
           HERO — V10 左右箭头 + 可见性暂停 + text-shadow
           ============================================================ */
        .hero { position:relative;height:100vh;min-height:700px;overflow:hidden;background:var(--space-deep); }
        .hero-slider { position:absolute;inset:0;z-index: var(--hg-z-base); }
        .hero-slide { position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease-smooth);pointer-events:none; }
        .hero-slide.active { opacity:1;pointer-events:auto; }
        .hero-video-wrap { position:absolute;inset:0;overflow:hidden; }
        .hero-video-wrap video { width:100%;height:100%;object-fit:cover; }
        .hero-video-overlay { position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,26,.5),rgba(6,13,26,.25) 40%,rgba(6,13,26,.6) 80%,rgba(6,13,26,.9)); }
        .hero-slide-img { width:100%;height:100%;object-fit:cover;object-position:center 35%; }
        .hero-img-overlay { position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,26,.85),rgba(6,13,26,.5) 30%,rgba(6,13,26,.6) 70%,rgba(6,13,26,.9)); }
        .hero-glow { position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(140px);opacity:.2;animation:glowDrift 14s ease-in-out infinite alternate; }
        .hero-glow--blue { background:var(--electric);top:-5%;left:10%; }
        .hero-glow--green { background:var(--mint);bottom:-10%;right:5%;animation-delay:-7s; }
        @keyframes glowDrift { 0%{transform:translate(0,0) scale(1);opacity:.15;}50%{transform:translate(60px,-40px) scale(1.2);opacity:.25;}100%{transform:translate(-30px,20px) scale(1.08);opacity:.18;} }

        /* V10: 左右箭头 */
        .hero-arrow { position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:10;transition:all .3s var(--ease-smooth);opacity:.5; }
        .hero-arrow:hover { background:rgba(255,255,255,.14);opacity:1;transform:translateY(-50%) scale(1.08); }
        .hero-arrow--prev { left:32px; }
        .hero-arrow--next { right:32px; }
        .hero-arrow svg { width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }

        .hero-content { position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;max-width:960px;margin:0 auto;padding:0 24px; }
        .hero-eyebrow { font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:28px;transform:translateY(20px);opacity:0;transition:all .8s var(--ease-smooth); }
        .hero-slide.active .hero-eyebrow { transform:translateY(0);opacity:1;transition-delay:.1s; }
        .hero-content h1 { font-size: var(--hg-font-fluid-display);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:28px;background:linear-gradient(180deg,#FFFFFF 30%,rgba(255,255,255,.55));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 40px rgba(0,0,0,.3);transform:translateY(40px);opacity:0;transition:all .9s var(--ease-smooth); }
        .hero-slide.active .hero-content h1 { transform:translateY(0);opacity:1;transition-delay:.2s; }
        .hero-subtitle { font-size: var(--hg-font-fluid-body);font-weight:400;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:48px;max-width:640px;transform:translateY(30px);opacity:0;transition:all .8s var(--ease-smooth); }
        .hero-slide.active .hero-subtitle { transform:translateY(0);opacity:1;transition-delay:.4s; }
        .hero-data-row { display:flex;gap:48px;justify-content:center;margin-bottom:48px;transform:translateY(30px);opacity:0;transition:all .8s var(--ease-smooth); }
        .hero-slide.active .hero-data-row { transform:translateY(0);opacity:1;transition-delay:.5s; }
        .hero-data-item { text-align:center; }
        .hero-data-val { font-size:32px;font-weight:700;font-family:"DIN Alternate","Roboto Mono",system-ui,sans-serif;line-height:1.2; }
        .hero-data-label { font-size:13px;color:rgba(255,255,255,.45);letter-spacing:.05em;text-transform:uppercase; }
        .hero-actions { display:flex;gap:16px;justify-content:center;flex-wrap:wrap;transform:translateY(20px);opacity:0;transition:all .8s var(--ease-smooth); }
        .hero-slide.active .hero-actions { transform:translateY(0);opacity:1;transition-delay:.65s; }
        .btn-hero-primary,.btn-hero-outline { padding: var(--hg-space-4) var(--hg-space-10);font-size:16px;font-weight:600;border-radius:var(--r-full);cursor:pointer;transition:all .3s var(--ease-smooth);letter-spacing:.02em;border:none; }
        .btn-hero-primary { background:var(--electric);color:#fff;box-shadow:0 4px 28px rgba(37,99,235,.45); }
        .btn-hero-primary:hover { background:var(--electric-hover);transform:translateY(-2px);box-shadow:0 8px 36px rgba(37,99,235,.55); }
        .btn-hero-outline { background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.2); }
        .btn-hero-outline:hover { background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);transform:translateY(-2px); }

        .hero-play-btn { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all .3s var(--ease-smooth);z-index:5;opacity:0; }
        .hero-slide--video .hero-play-btn { opacity:1; }
        .hero-play-btn:hover { background:rgba(255,255,255,.22);transform:translate(-50%,-50%) scale(1.1); }
        .hero-play-btn svg { width:28px;height:28px;fill:#fff;margin-left: var(--hg-space-1); }

        .hero-indicators { position:absolute;bottom:96px;left:50%;transform:translateX(-50%);display:flex;gap:14px;z-index:5; }
        .hero-dot { width:36px;height:3px;background:rgba(255,255,255,.25);border-radius:2px;cursor:pointer;transition:all .4s var(--ease-smooth);position:relative;overflow:hidden; }
        .hero-dot.active { background:rgba(255,255,255,.15);width:56px; }
        .hero-dot-progress { position:absolute;left:0;top:0;height:100%;background:#fff;border-radius:2px;width:0%; }
        .hero-dot.active .hero-dot-progress { animation:dotProgress 6s linear forwards; }
        @keyframes dotProgress { from{width:0%} to{width:100%} }
        .scroll-hint { position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;animation:scrollFloat 2.5s ease-in-out infinite;transition:opacity .5s; }
        .scroll-hint.hidden { opacity:0;pointer-events:none; }
        .scroll-hint span { font-size:11px;letter-spacing:3px;color:rgba(255,255,255,.5);text-transform:uppercase; }
        .scroll-hint svg { width:16px;height:16px;stroke:rgba(255,255,255,.5);fill:none;stroke-width:2; }
        @keyframes scrollFloat { 0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)} }

        /* ============================================================
           METRICS — V10 卡片层次增强
           ============================================================ */
        .metrics-section { background:var(--cream);padding: var(--hg-space-24) var(--hg-space-20); }
        .metrics-grid { max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px; }
        .metric-card { background:var(--white);border-radius:var(--r-2xl);padding: var(--hg-space-10) var(--hg-space-8);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .4s var(--ease-smooth); }
        .metric-card:hover { transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-electric); }
        .metric-value { font-size:56px;font-weight:700;color:var(--electric);letter-spacing:-.03em;line-height: var(--hg-line-compact);margin-bottom: var(--hg-space-1);font-family:"DIN Alternate","Roboto Mono",system-ui,sans-serif; }
        .metric-unit { font-size:22px;font-weight:400;color:var(--ink-3); }
        .metric-label { font-size:15px;color:var(--ink-3);font-weight:400;margin-top:4px; }

        /* ============================================================
           BUSINESS — V10 卡片层次增强
           ============================================================ */
        .business-section { padding:140px 80px;background:var(--white); }
        .section-inner { max-width:1440px;margin:0 auto; }
        .section-header { text-align:center;margin-bottom:72px; }
        .section-eyebrow { display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--electric);margin-bottom:20px; }
        .section-eyebrow::before { content:'';width:28px;height:2px;background:var(--electric);border-radius:1px; }
        .section-title { font-size: var(--hg-font-fluid-heading);font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.2;margin-bottom:20px; }
        .section-desc { font-size:18px;color:var(--ink-3);max-width:600px;margin:0 auto;line-height:1.6; }

        .biz-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
        .biz-card { min-height:300px;background:var(--snow);border-radius:var(--r-2xl);padding: var(--hg-space-8) var(--hg-space-8);transition:all .45s var(--ease-smooth);cursor:pointer;position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column; }
        .biz-card:hover { transform:translateY(-8px);box-shadow:var(--shadow-float);border-color:var(--border-electric); }
        .biz-card::after { content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--electric),var(--mint));transform:scaleX(0);transition:transform .4s var(--ease-smooth); }
        .biz-card:hover::after { transform:scaleX(1); }
        .biz-card--featured { grid-column:span 2;background:linear-gradient(135deg,#EBF2FF,#E0ECFF,#F0F7FF);border-color:transparent; }
        .biz-card--featured:hover { background:linear-gradient(135deg,#DCE8FF,#CDDEFF,#E6F0FF); }
        .biz-card--featured::after { background:linear-gradient(90deg,var(--electric),var(--electric-hover),var(--electric)); }
        .biz-icon-wrap { width:60px;height:60px;background:rgba(37,99,235,.08);border-radius:var(--r-xl);display:grid;place-items:center;margin-bottom:28px;transition:all .35s var(--ease-smooth); }
        .biz-card:hover .biz-icon-wrap { transform:scale(1.08);background:rgba(37,99,235,.12); }
        .biz-card--featured .biz-icon-wrap { width:68px;height:68px; }
        .biz-icon-wrap svg { width:30px;height:30px;stroke:var(--electric);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
        .biz-card--featured .biz-icon-wrap svg { width:34px;height:34px; }
        .biz-name { font-size:22px;font-weight:700;color:var(--ink);margin-bottom:12px; }
        .biz-card--featured .biz-name { font-size:28px; }
        .biz-desc { font-size:16px;color:var(--ink-3);line-height:1.65;margin-bottom:20px; }
        .biz-tags { display:flex;gap:8px;flex-wrap:wrap;margin-top:auto; }
        .biz-tag { display:inline-flex;padding: var(--hg-space-1) var(--hg-space-3);background:var(--electric-soft);color:var(--electric);font-size:12px;font-weight:600;border-radius:var(--r-full); }
        .biz-data-row { display:flex;gap:32px;padding-top: var(--hg-space-4);border-top:1px solid rgba(37,99,235,.1); }
        .biz-data-row span { font-size:13px;color:var(--ink-3); }
        .biz-data-row strong { display:block;font-size:24px;font-weight:700;color:var(--electric);font-family:"DIN Alternate","Roboto Mono",system-ui,sans-serif; }

        /* ============================================================
           TECHNOLOGY
           ============================================================ */
        .tech-section { background:var(--space-deep);padding:140px 80px;color:#fff;position:relative;overflow:hidden; }
        .tech-bg-glow { position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);top:-200px;right:-150px;filter:blur(100px); }
        .tech-section .section-header { position:relative;z-index:1; }
        .tech-section .section-title { color:#fff; }
        .tech-section .section-desc { color:rgba(255,255,255,.55); }
        .tech-section .section-eyebrow { color: var(--hg-color-cyan); }
        .tech-section .section-eyebrow::before { background:#60a5fa; }
        .tech-layout { display:grid;grid-template-columns:1fr 1fr;gap: var(--hg-space-18);align-items:center;position:relative;z-index:1;max-width:1440px;margin:0 auto; }
        .tech-text h3 { font-size: var(--hg-font-fluid-title);font-weight:700;line-height:1.25;margin-bottom:24px; }
        .tech-text h3 .highlight { color: var(--hg-color-brand); }
        .tech-text>p { font-size:16px;color:rgba(255,255,255,.55);line-height:1.75;margin-bottom:40px; }
        .tech-features { display:flex;flex-direction:column;gap:14px; }
        .tech-feature { display:flex;align-items:flex-start;gap:18px;padding: var(--hg-space-5) var(--hg-space-6);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:var(--r-xl);transition:all .35s var(--ease-smooth);cursor:default; }
        .tech-feature:hover { background:rgba(255,255,255,.06);border-color:rgba(96,165,250,.2);transform:translateX(8px); }
        .tech-feature-icon { width:48px;height:48px;min-width:48px;background:rgba(37,99,235,.15);border-radius:var(--r-md);display:grid;place-items:center; }
        .tech-feature-icon svg { width:24px;height:24px;stroke:#60a5fa;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
        .tech-feature h4 { font-size:16px;font-weight:600;margin-bottom: var(--hg-space-1);color:#fff; }
        .tech-feature p { font-size:14px;color:rgba(255,255,255,.45);line-height:1.5; }
        .tech-panel { background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:var(--r-2xl);padding:48px;position:relative;overflow:hidden; }
        .tech-panel::before { content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 70%);top:-80px;right:-80px;filter:blur(60px);animation:panelGlow 10s ease-in-out infinite alternate; }
        @keyframes panelGlow { 0%{opacity:.4;transform:scale(1)}100%{opacity:.7;transform:scale(1.15)} }
        .tech-panel-header { text-align:center;margin-bottom:40px;position:relative;z-index:1; }
        .tech-panel-header h4 { font-size:22px;font-weight:700;margin-bottom:8px; }
        .tech-panel-header p { font-size:14px;opacity:.45; }
        .tech-stats { display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1; }
        .tech-stat { background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:var(--r-lg);padding:28px;text-align:center;transition:all .3s var(--ease-smooth); }
        .tech-stat:hover { background:rgba(255,255,255,.06);transform:translateY(-4px); }
        .tech-stat-val { font-size:38px;font-weight:700;color:#fff;margin-bottom: var(--hg-space-1);font-family:"DIN Alternate","Roboto Mono",system-ui,sans-serif; }
        .tech-stat-label { font-size:13px;color:rgba(255,255,255,.4); }

        /* ============================================================
           ESG — V10 叙事结构优化
           ============================================================ */
        .esg-section { padding:140px 80px;background:var(--snow); }
        .esg-section .section-eyebrow { color:var(--mint); }
        .esg-section .section-eyebrow::before { background:var(--mint); }
        .esg-narrative { max-width:700px;margin: 0 auto var(--hg-space-16);text-align:center; }
        .esg-narrative h3 { font-size:24px;font-weight:600;color:var(--ink);margin-bottom:12px; }
        .esg-narrative p { font-size:16px;color:var(--ink-3);line-height:1.7; }

        .esg-grid { max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px; }
        .esg-card { background:var(--white);border-radius:var(--r-2xl);padding: var(--hg-space-10) var(--hg-space-8);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .4s var(--ease-smooth);position:relative;overflow:hidden; }
        .esg-card:hover { transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:rgba(16,185,129,.2); }
        .esg-card::before { content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--mint);transform:scaleX(0);transition:transform .4s var(--ease-smooth); }
        .esg-card:hover::before { transform:scaleX(1); }
        .esg-card--primary { border-color:rgba(16,185,129,.15);box-shadow:0 4px 24px rgba(16,185,129,.06); }
        .esg-icon { width:56px;height:56px;background:rgba(16,185,129,.08);border-radius:var(--r-xl);display:grid;place-items:center;margin-bottom:28px; }
        .esg-icon svg { width:28px;height:28px;stroke:var(--mint);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
        .esg-card h3 { font-size:24px;font-weight:700;margin-bottom:14px;color:var(--ink); }
        .esg-card p { font-size:16px;line-height:1.7;color:var(--ink-3);margin-bottom:28px; }
        .esg-card p:last-child { margin-bottom:0; }
        .esg-metric { padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:baseline;gap:8px; }
        .esg-metric-val { font-size:42px;font-weight:700;color:var(--mint);font-family:"DIN Alternate","Roboto Mono",system-ui,sans-serif; }
        .esg-metric-unit { font-size:16px;color:var(--ink-3); }
        .esg-more-wrap { margin-top:42px;text-align:center; }
        .esg-more { display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid rgba(16,185,129,.28);border-radius:8px;color: var(--hg-color-success);font-size:15px;font-weight:700;background:rgba(255,255,255,.72);transition:transform .25s var(--ease-smooth),background .25s var(--ease-smooth),border-color .25s var(--ease-smooth); }
        .esg-more:hover { transform:translateY(-2px);background:var(--white);border-color:rgba(16,185,129,.48); }

        /* ============================================================
           NEWS — V10 新增：最新动态横滚条
           ============================================================ */
        .news-strip-section { padding: var(--hg-space-24) var(--hg-space-20);background:var(--white); }
        .news-strip { max-width:1440px;margin:0 auto; }
        .news-strip-header { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px; }
        .news-strip-header .section-eyebrow { margin-bottom:0; }
        .news-link { font-size:15px;font-weight:600;color:var(--electric);transition:color .2s; }
        .news-link:hover { color:var(--electric-hover); }
        .news-scroll { display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom: var(--hg-space-3); }
        .news-scroll::-webkit-scrollbar { height:4px; }
        .news-scroll::-webkit-scrollbar-track { background:var(--silver);border-radius:2px; }
        .news-scroll::-webkit-scrollbar-thumb { background:var(--ink-4);border-radius:2px; }
        .news-card { min-width:340px;max-width:340px;scroll-snap-align:start;background:var(--snow);border:1px solid var(--border);border-radius:var(--r-2xl);padding:28px;transition:all .3s var(--ease-smooth);cursor:pointer;flex-shrink:0;box-shadow:var(--shadow-sm); }
        .news-card:hover { transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-electric); }
        .news-card-date { font-size:12px;font-weight:600;color:var(--electric);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px; }
        .news-card h4 { font-size:17px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:10px; }
        .news-card p { font-size:14px;color:var(--ink-3);line-height:1.6; }

        /* ============================================================
           CTA
           ============================================================ */
        .cta-section { background:linear-gradient(135deg,var(--space),var(--space-mid),var(--space-light));padding: var(--hg-space-28) var(--hg-space-20);text-align:center;color:#fff;position:relative;overflow:hidden; }
        .cta-glow { position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(80px); }
        .cta-inner { position:relative;z-index:1;max-width:720px;margin:0 auto; }
        .cta-inner h2 { font-size: var(--hg-font-fluid-heading);font-weight:700;margin-bottom:20px; }
        .cta-inner p { font-size:18px;color:rgba(255,255,255,.6);margin-bottom:48px;line-height:1.7; }
        .cta-buttons { display:flex;gap:16px;justify-content:center;flex-wrap:wrap; }
        .cta-btn-primary { padding: var(--hg-space-4) var(--hg-space-10);font-size:17px;font-weight:600;background:var(--electric);color:#fff;border-radius:var(--r-full);border:none;cursor:pointer;transition:all .3s var(--ease-smooth);box-shadow:0 4px 32px rgba(37,99,235,.5); }
        .cta-btn-primary:hover { background:var(--electric-hover);transform:translateY(-2px);box-shadow:0 8px 40px rgba(37,99,235,.6); }
        .cta-btn-outline { padding: var(--hg-space-4) var(--hg-space-10);font-size:17px;font-weight:600;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-full);cursor:pointer;transition:all .3s var(--ease-smooth); }
        .cta-btn-outline:hover { background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5); }

        /* ============================================================
           FOOTER — V10 新增订阅
           ============================================================ */
        .footer { background:var(--space-deep);color:#fff;padding: var(--hg-space-18) var(--hg-space-20) var(--hg-space-8); }
        .footer-inner { max-width:1440px;margin:0 auto; }
        .footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px; }
        .footer-brand .nav-logo { color:#fff;margin-bottom:20px; }
        .footer-brand>p { font-size:14px;color:rgba(255,255,255,.45);line-height:1.8;margin-bottom:24px; }
        .footer-subscribe h4 { font-size:18px;font-weight:600;color:#fff;margin-bottom:16px; }
        .footer-subscribe form { display:flex;gap:8px; }
        .footer-subscribe input { flex:1;padding: var(--hg-space-2) var(--hg-space-4);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);color:#fff;font-size:14px;outline:none;transition:border-color .2s; }
        .footer-subscribe input:focus { border-color:var(--electric); }
        .footer-subscribe button { padding:10px 20px;background:var(--electric);color:#fff;border:none;border-radius:var(--r-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s; }
        .footer-subscribe button:hover { background:var(--electric-hover); }
        .footer-socials { display:flex;gap:10px;margin-top:20px; }
        .social-btn { width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm);display:grid;place-items:center;transition:all .3s var(--ease-smooth); }
        .social-btn svg { width:18px;height:18px;stroke:rgba(255,255,255,.5);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
        .social-btn:hover { background:var(--electric);border-color:var(--electric);transform:translateY(-2px); }
        .social-btn:hover svg { stroke:#fff; }
        .footer-col h4 { font-size:18px;font-weight:600;color:#fff;margin-bottom:24px; }
        .footer-col li { margin-bottom:14px; }
        .footer-col a { font-size:14px;color:rgba(255,255,255,.5);transition:all .2s var(--ease-smooth); }
        .footer-col a:hover { color:#fff; }
        .footer-divider { height:1px;background:rgba(255,255,255,.05);margin-bottom:32px; }
        .footer-bottom { display:flex;justify-content:space-between;align-items:center;font-size:14px;color:rgba(255,255,255,.35); }
        .footer-legal { display:flex;gap:24px; }
        .footer-legal a { color:rgba(255,255,255,.35);transition:color .2s var(--ease-smooth); }
        .footer-legal a:hover { color:rgba(255,255,255,.65); }

        /* ============================================================
           ANIMATIONS
           ============================================================ */
        .reveal { opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth); }
        .reveal.visible { opacity:1;transform:translateY(0); }
        .no-transition * { transition:none !important; }

        /* ============================================================
           RESPONSIVE
           ============================================================ */
        @media (max-width:1280px) {
            .nav { padding: 0 var(--hg-space-10); }
            .hero-arrow--prev { left:16px; } .hero-arrow--next { right:16px; }
            .mega-menu-inner { padding: var(--hg-space-8) var(--hg-space-10); }
            .metrics-section,.business-section,.tech-section,.esg-section,.cta-section,.news-strip-section { padding: var(--hg-space-24) var(--hg-space-10); }
            .footer { padding: var(--hg-space-14) var(--hg-space-10) var(--hg-space-6); }
        }
        @media (max-width:1024px) {
            .nav-links { display:none; }
            .nav-hamburger { display:flex; }
            .mega-menu { display:none; }
            .nav { padding:0 24px; }
            .hero-arrow { width:40px;height:40px; }
            .hero-arrow svg { width:18px;height:18px; }
            .metrics-grid { grid-template-columns:repeat(2,1fr); }
            .biz-grid { grid-template-columns:1fr 1fr; }
            .biz-card--featured { grid-column:span 2; }
            .tech-layout { grid-template-columns:1fr;gap:48px; }
            .esg-grid { grid-template-columns:1fr;max-width:500px; }
            .footer-grid { grid-template-columns:repeat(2,1fr);gap:32px; }
            .hero-data-row { gap:28px;flex-wrap:wrap; }
        }
        @media (max-width:768px) {
            .nav { height:60px; }
            .hero { min-height:600px; }
            .hero-arrow { display:none; }
            .hero-content h1 { font-size:34px; }
            .hero-subtitle { font-size:16px; }
            .hero-actions { flex-direction:column;align-items:center; }
            .hero-data-val { font-size:24px; }
            .hero-indicators { bottom:80px; }
            .metrics-section { padding: var(--hg-space-14) var(--hg-space-5); }
            .metrics-grid { grid-template-columns:1fr 1fr;gap:14px; }
            .metric-card { padding: var(--hg-space-6) var(--hg-space-5); }
            .metric-value { font-size:38px; }
            .business-section,.news-strip-section { padding:72px 20px; }
            .biz-grid { grid-template-columns:1fr; }
            .biz-card--featured { grid-column:span 1; }
            .tech-section { padding:72px 20px; }
            .tech-stats { grid-template-columns:1fr; }
            .esg-section { padding:72px 20px; }
            .cta-section { padding:80px 20px; }
            .section-title { font-size:28px; }
            .news-card { min-width:280px;max-width:280px; }
            .footer { padding: var(--hg-space-12) var(--hg-space-5) var(--hg-space-6); }
            .footer-grid { grid-template-columns:1fr;gap:24px; }
            .footer-bottom { flex-direction:column;gap:12px;text-align:center; }
            .footer-legal { flex-wrap:wrap;justify-content:center; }
            .footer-subscribe form { flex-direction:column; }
        }