/* 华非电力：国际工程企业视觉系统 - 图像主导、深蓝与暖白 */
:root { --navy:#102b43; --deep:#0c2336; --blue:#18679a; --cyan:#68b7d5; --ink:#162b3d; --muted:#647482; --line:#d9e0e3; --pale:#f5f6f4; --brand-red:#b41d28; }
body { background:#f7f7f5; color:var(--ink); }
.site-header { height:94px; background:rgba(9,22,32,.66); border-bottom:1px solid rgba(255,255,255,.22); box-shadow:none; backdrop-filter:blur(8px); }
.site-header .nav-wrap { height:94px; }.brand-wordmark { min-height:94px; font-family:'DM Sans','Noto Sans SC',sans-serif; }.brand-wordmark strong { color:#fff!important; font-size:28px; font-weight:500; letter-spacing:.11em; text-shadow:none; }
.brand-mark-link { min-height:94px; display:flex; align-items:center; gap:12px; }.brand-mark-link>img { display:block; width:48px; height:48px; object-fit:contain; }.brand-name-image { display:block; width:150px; height:31px; overflow:hidden; position:relative; }.brand-name-image img { display:block; width:150px; max-width:none; height:auto; transform:translateY(-94px); }
.site-header .nav-links { color:rgba(255,255,255,.88); gap:34px; }.site-header .nav-links a { padding:37px 0 35px; }.site-header .nav-links a:hover,.site-header .nav-links .active { color:#fff; border-color:#fff; }.site-header .lang,.site-header .menu-toggle { color:#fff; }
.hero { min-height:790px; color:#fff; background:linear-gradient(90deg,rgba(7,21,31,.83) 0%,rgba(9,29,42,.67) 43%,rgba(7,29,45,.32) 100%),url('assets/huafei-logo.jpg') center/cover no-repeat; }.hero:after { background:linear-gradient(0deg,rgba(5,17,25,.54),transparent 42%); }.hero-grid { opacity:.18; }.hero-content { padding-top:255px; }.hero .eyebrow { color:#d5e9ef; letter-spacing:3px; }.hero .eyebrow span { background:var(--brand-red); }.hero h1 { max-width:860px; color:#fff; font-size:clamp(48px,5.4vw,78px); font-weight:500; letter-spacing:-.035em; line-height:1.16; }.hero h1 em { color:#d8edf3; font-weight:400; }.hero-desc { color:#e0e8ea; max-width:525px; font-size:16px; }.button-primary { background:var(--brand-red); border:1px solid var(--brand-red); }.button-primary:hover { background:#98151e; }.button-ghost { border-color:rgba(255,255,255,.75); color:#fff; background:rgba(0,0,0,.08); }.button-ghost:hover { background:rgba(255,255,255,.13); border-color:#fff; }.hero-meta { color:#d0dee3; margin-top:75px; }.hero-meta i { background:var(--brand-red); }.scroll-cue { color:#d5e0e3; }
.stats-section { position:relative; z-index:4; width:min(1160px,calc(100% - 64px)); margin:-69px auto 0; background:#fff; border:1px solid rgba(220,228,231,.92); border-radius:2px; box-shadow:0 18px 45px rgba(12,31,44,.15); }.stats-section .container { width:100%; }.stats-grid { padding:32px 42px; }.stat { padding:0 34px; border-color:#dde3e4; }.stat strong { color:var(--blue); font-weight:500; }.stat strong span { color:var(--brand-red); }.stat p { color:var(--muted); }
.section { padding:128px 0; }.about-section { background:#fff; }.section-intro h2,.section-heading h2,.global-section h2,.capability-content h2,.contact-section h2 { font-weight:500; letter-spacing:-.03em; }.section-intro h2 em,.section-heading h2 em,.capability-content h2 em { color:var(--blue); }.eyebrow.dark { color:var(--blue); }.eyebrow.dark span { background:var(--brand-red); }.text-link { color:var(--brand-red); }.about-story { border-color:#d7e0e2; }.story-line { border-color:#e2e7e8; }.story-line.current span { color:var(--brand-red); }
.services-section { background:#eff2f1; }.section-heading>p { color:var(--muted); }.service-grid { gap:1px; background:#dce2e2; }.service-card { min-height:345px; border:0; background:#fff; border-top:4px solid transparent; }.service-card:hover { border-color:var(--brand-red); box-shadow:none; transform:none; }.service-card.featured { background:var(--navy); border-color:var(--navy); }.service-card.featured:hover { border-color:var(--brand-red); }.card-number,.service-icon,.service-card a { color:var(--blue); }.featured .card-number,.featured .service-icon,.featured a { color:#90cadf; }
.global-section { padding:128px 0; background:#183b54; }.global-section .eyebrow span { background:var(--brand-red); }.world-visual { background:radial-gradient(ellipse,rgba(121,192,211,.25),transparent 67%); }.map-pin { background:var(--brand-red); }.pin-hz { background:#fff; color:var(--navy); }
.capability-section { background:#fff; }.capability-art { background:#eef2f1; }.energy-core { background:var(--navy); color:#acd6e5; }.capability-list b { color:var(--brand-red); }.partners-section { padding:110px 0; background:#f3f4f2; }.partners-heading h2 { font-weight:500; letter-spacing:-.03em; }.partner-logo { border-color:#e0e4e3; background:#fff; }.partner-logo:hover { border-color:#b8cbd2; box-shadow:none; transform:translateY(-2px); }
.contact-section { padding:95px 0; background:linear-gradient(100deg,#183b54,#245776); }.contact-section .eyebrow span { background:var(--brand-red); }.button-light { color:var(--navy); }footer { background:#102b43; color:#fff; }.footer-brand { color:#fff; }.footer-info { color:#c1d0d6; }.footer-bottom { border-color:rgba(255,255,255,.15); color:#9eb1ba; }.icp-record { color:inherit; white-space:nowrap; }.icp-record:hover { color:#fff; text-decoration:underline; }
@media(max-width:850px){.site-header,.site-header .nav-wrap{height:78px}.brand-wordmark,.brand-mark-link{min-height:78px}.brand-mark-link>img{width:40px;height:40px}.brand-name-image{width:126px;height:27px}.brand-name-image img{width:126px;transform:translateY(-79px)}.site-header .nav-links.open{background:#102b43}.hero{min-height:690px}.hero-content{padding-top:165px}.stats-section{width:min(100% - 38px,600px);margin-top:-42px}.stats-grid{padding:26px 0}.section{padding:82px 0}}