[fix]更新导航栏,在鼠标移动上去的hover效果,删除字体加粗的效果,会导致布局错位混乱,删除LOGO副标题的字体Hover效果,保留手势

2.更新字体镜像源,从谷歌字体调整为国内镜像字体,保证国内访问的稳定性
dev-about
huyuanxiang 1 month ago
parent 1ffc0e9be6
commit 4d21ab4c19

@ -213,7 +213,7 @@ img {
} }
} }
/* /*
* Banner * Banner
*/ */
@ -250,7 +250,7 @@ img {
.banner-title { .banner-title {
font-size: 3rem; font-size: 3rem;
font-weight: bold;
margin-bottom: 1rem; margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
} }
@ -289,22 +289,22 @@ img {
.nenghui-banner { .nenghui-banner {
height: 400px; height: 400px;
} }
.banner-title { .banner-title {
font-size: 2rem; font-size: 2rem;
} }
.banner-description { .banner-description {
font-size: 1rem; font-size: 1rem;
} }
.banner-btn { .banner-btn {
padding: 10px 25px; padding: 10px 25px;
font-size: 1rem; font-size: 1rem;
} }
} }
/* /*
* Futures * Futures
*/ */
@ -416,7 +416,7 @@ img {
animation-name: fadeInUp; animation-name: fadeInUp;
} }
/* /*
* News * News
*/ */
.news-container { .news-container {
@ -434,7 +434,8 @@ img {
} }
.news-title { .news-title {
font-size: 42px; font-size: 48px;
font-weight: bold;
color: #333; color: #333;
letter-spacing: 2px; letter-spacing: 2px;
} }
@ -563,9 +564,9 @@ img {
} }
} }
/* /*
* Tabs * Tabs
*/ */
.nenghui-container { .nenghui-container {
max-width: 80%; max-width: 80%;
@ -720,7 +721,7 @@ img {
padding: 40px 15px; padding: 40px 15px;
border-radius: 20px; border-radius: 20px;
} }
.main-content { .main-content {
gap: 40px; gap: 40px;
padding: 40px; padding: 40px;
@ -732,7 +733,7 @@ img {
padding: 30px 15px; padding: 30px 15px;
border-radius: 15px; border-radius: 15px;
} }
.main-content { .main-content {
flex-direction: column; flex-direction: column;
padding: 30px 20px; padding: 30px 20px;
@ -755,7 +756,7 @@ img {
font-size: 13px; font-size: 13px;
padding: 10px 18px; padding: 10px 18px;
} }
.tab-image { .tab-image {
height: 250px; height: 250px;
} }
@ -765,43 +766,43 @@ img {
.nenghui-container { .nenghui-container {
padding: 20px 10px; padding: 20px 10px;
} }
.main-content { .main-content {
padding: 20px 15px; padding: 20px 15px;
} }
.main-title { .main-title {
font-size: 28px; font-size: 28px;
} }
.nenghui-tab { .nenghui-tab {
font-size: 12px; font-size: 12px;
padding: 8px 16px; padding: 8px 16px;
} }
.learn-more-btn { .learn-more-btn {
padding: 12px 24px; padding: 12px 24px;
font-size: 14px; font-size: 14px;
} }
.tab-image { .tab-image {
height: 200px; height: 200px;
} }
} }
/* /*
* Footer * Footer
*/ */
.main-footer { .main-footer {
background-color: #fff !important; background-color: #fff !important;
padding: 60px 0 30px; padding: 60px 0 30px;
border-top: 1px solid #e9ecef; border-top: 1px solid #e9ecef;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.footer-container { .footer-container {
max-width: 1320px; max-width: 1390px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
} }
@ -844,13 +845,13 @@ img {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 50%; border-radius: 50%;
/* 默认状态:深色图标,浅色背景 */ /* 默认状态:深色图标,浅色背景 */
background: #ffffff; /* 纯白背景 */ background: #ffffff; /* 纯白背景 */
border: 1px solid rgba(13, 27, 23, 0.1); /* 极淡的深色边框 */ border: 1px solid rgba(13, 27, 23, 0.1); /* 极淡的深色边框 */
color: #0d1b17; /* 深绿色/黑色图标,确保可见性 */ color: #0d1b17; /* 深绿色/黑色图标,确保可见性 */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* 轻微阴影增加层次感 */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* 轻微阴影增加层次感 */
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
@ -1062,12 +1063,12 @@ img {
gap: 40px; gap: 40px;
text-align: center; text-align: center;
} }
.footer-nav { .footer-nav {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 40px; gap: 40px;
} }
.footer-subscribe { .footer-subscribe {
align-items: center; align-items: center;
} }
@ -1078,16 +1079,16 @@ img {
padding: 40px 0 20px; padding: 40px 0 20px;
margin-top: 60px; margin-top: 60px;
} }
.article-content { .article-content {
width: 90%; width: 90%;
padding: 20px 10px; padding: 20px 10px;
} }
.footer-container { .footer-container {
padding: 0 15px; padding: 0 15px;
} }
.footer-main { .footer-main {
gap: 30px; gap: 30px;
} }
@ -1095,22 +1096,22 @@ img {
.footer-logo { .footer-logo {
justify-content: center; justify-content: center;
} }
.footer-nav { .footer-nav {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 30px; gap: 30px;
} }
.footer-bottom { .footer-bottom {
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
gap: 15px; gap: 15px;
} }
.footer-links { .footer-links {
gap: 20px; gap: 20px;
} }
.subscribe-form { .subscribe-form {
max-width: 100%; max-width: 100%;
} }
@ -1120,22 +1121,22 @@ img {
.footer-links { .footer-links {
gap: 10px; gap: 10px;
} }
.footer-social { .footer-social {
justify-content: center; justify-content: center;
} }
.subscribe-form { .subscribe-form {
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
} }
.subscribe-input { .subscribe-input {
border-radius: 4px; border-radius: 4px;
border-right: 1px solid #dee2e6; border-right: 1px solid #dee2e6;
} }
.subscribe-btn { .subscribe-btn {
border-radius: 4px; border-radius: 4px;
} }
} }

@ -5,7 +5,7 @@
<!-- Logo 和公司信息 --> <!-- Logo 和公司信息 -->
<div class="footer-brand"> <div class="footer-brand">
<div class="footer-logo"> <div class="footer-logo">
<h3 class="text-[#111318] dark:text-white text-3xl md:text-2xl leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400"> Follow NENGHUI</h3> <h3 class="font-display text-[#111318] dark:text-white text-3xl md:text-2xl leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400"> Follow NENGHUI</h3>
<!-- <img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="<?php bloginfo('name'); ?>" style=" height: 32px;" class="logo-img"> --> <!-- <img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="<?php bloginfo('name'); ?>" style=" height: 32px;" class="logo-img"> -->
</div> </div>
@ -49,8 +49,9 @@
<h3 class="footer-nav-title">ABOUT US</h3> <h3 class="footer-nav-title">ABOUT US</h3>
<ul class="footer-nav-list"> <ul class="footer-nav-list">
<li><a href="/about-us">Company Profile</a></li> <li><a href="/about-us">Company Profile</a></li>
<li><a href="/story">Brand Story</a></li>
<li><a href="/contact-us">Contact Nenghui</a></li> <li><a href="/contact-us">Contact Nenghui</a></li>
<li><a href="/honor">Certifications & Accreditations</a></li>
<li><a href="/news">News</a></li> <li><a href="/news">News</a></li>
</ul> </ul>
@ -59,8 +60,8 @@
<div class="footer-nav-column"> <div class="footer-nav-column">
<h3 class="footer-nav-title">PRODUCTS & SOLUTIONS</h3> <h3 class="footer-nav-title">PRODUCTS & SOLUTIONS</h3>
<ul class="footer-nav-list"> <ul class="footer-nav-list">
<li><a href="/pros/">Products</a></li> <li><a href="/pros/">Energy Storage Systems</a></li>
<li><a href="/epc-solutions">EPC & Energy Solutions</a></li> <li><a href="/epc-emc">EPC&EMC/PPA Solution</a></li>
<li><a href="/microgrid">Microgrids</a></li> <li><a href="/microgrid">Microgrids</a></li>
</ul> </ul>
</div> </div>
@ -71,7 +72,7 @@
</ul> </ul>
</div> </div>
<div class="footer-nav-column"> <div class="footer-nav-column">
<h3 class="footer-nav-title">SERVICE & SUPPURT</h3> <h3 class="footer-nav-title">SERVICE & SUPPORT</h3>
<ul class="footer-nav-list"> <ul class="footer-nav-list">
<li><a href="/download-center/">Download Center</a></li> <li><a href="/download-center/">Download Center</a></li>
<li><a href="/support/">Service</a></li> <li><a href="/support/">Service</a></li>
@ -79,7 +80,6 @@
</ul> </ul>
</div> </div>
</div> </div>
<!-- 订阅区域 --> <!-- 订阅区域 -->
<!-- <div class="footer-subscribe"> <!-- <div class="footer-subscribe">
<?php echo do_shortcode('[fluentform id="3"]'); ?> <?php echo do_shortcode('[fluentform id="3"]'); ?>
@ -114,8 +114,6 @@
<?php wp_footer(); ?> <?php wp_footer(); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
<script> <script>
AOS.init({ AOS.init({
duration: 800, // 动画持续时间 duration: 800, // 动画持续时间

@ -7,14 +7,16 @@
<meta name="google-site-verification" content="4-DXQwmh6Tn_4TiIaslQa4L-xJTXT0XBVn2dCB_A7F8" /> <meta name="google-site-verification" content="4-DXQwmh6Tn_4TiIaslQa4L-xJTXT0XBVn2dCB_A7F8" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?> <?php wp_head(); ?>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/> <link href="https://fonts.loli.net/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/> <link href="https://fonts.loli.net" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/> <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu Jian Mao Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/> <link href="https://fonts.loli.net/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu Jian Mao Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" />
<!-- AOS Animation Library --> <!-- AOS Animation Library -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
<!-- Tailwind & Config --> <!-- Tailwind & Config -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script> <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
@ -31,13 +33,13 @@
"silver-accent": "#e2e8f0", "silver-accent": "#e2e8f0",
"about-us": "#ff6b00", "about-us": "#ff6b00",
"primary-dark": "#0da670", // Added for contrast on light mode "primary-dark": "#0da670", // Added for contrast on light mode
"accent": "#ff6b00" "accent": "#ff6b00"
}, },
fontFamily: { fontFamily: {
"display": ["Montserrat", "sans-serif"], "display": ["Montserrat", "sans-serif"],
"sans": ["Montserrat", "sans-serif"], "sans": ["Montserrat", "sans-serif"],
"mono": ["JetBrains Mono", "Montserrat"], "mono": ["JetBrains Mono", "monospace"],
"inter": ["Inter", "Montserrat"], "inter": ["Inter", "monospace"],
}, },
borderRadius: { borderRadius: {
"DEFAULT": "0.5rem", "DEFAULT": "0.5rem",
@ -52,7 +54,7 @@
'glass-gradient': 'linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%)', 'glass-gradient': 'linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%)',
'aurora': 'linear-gradient(135deg, rgba(19,236,164,0.1) 0%, rgba(13,166,112,0.05) 50%, rgba(248,252,250,0) 100%)', 'aurora': 'linear-gradient(135deg, rgba(19,236,164,0.1) 0%, rgba(13,166,112,0.05) 50%, rgba(248,252,250,0) 100%)',
'mesh': 'radial-gradient(at 40% 20%, rgba(19,236,164,0.08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(16,34,28,0.05) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(19,236,164,0.05) 0px, transparent 50%)', 'mesh': 'radial-gradient(at 40% 20%, rgba(19,236,164,0.08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(16,34,28,0.05) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(19,236,164,0.05) 0px, transparent 50%)',
}, },
boxShadow: { boxShadow: {
// 将光效统一映射为 primary 颜色 (13eca4 的 RGBA) // 将光效统一映射为 primary 颜色 (13eca4 的 RGBA)
@ -87,18 +89,18 @@
'100%': { boxShadow: '0 0 0px rgba(19,236,164,0)' }, '100%': { boxShadow: '0 0 0px rgba(19,236,164,0)' },
}, },
// 高级交互动画 // 高级交互动画
pulseGlow: { pulseGlow: {
'0%': { textShadow: '0 0 10px rgba(19, 236, 164, 0.4)' }, '0%': { textShadow: '0 0 10px rgba(19, 236, 164, 0.4)' },
'100%': { textShadow: '0 0 30px #ff6b00' } '100%': { textShadow: '0 0 30px #ff6b00' }
}, },
sweep: { '100%': { left: '200%' } }, sweep: { '100%': { left: '200%' } },
cardFlip: { cardFlip: {
'0%': { opacity: '0', transform: 'rotateY(-90deg) translateZ(50px)' }, '0%': { opacity: '0', transform: 'rotateY(-90deg) translateZ(50px)' },
'100%': { opacity: '1', transform: 'rotateY(0deg) translateZ(0)' } '100%': { opacity: '1', transform: 'rotateY(0deg) translateZ(0)' }
}, },
floatY: { floatY: {
'0%, 100%': { transform: 'translateY(0)' }, '0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-15px)' } '50%': { transform: 'translateY(-15px)' }
}, },
textShimmer: { textShimmer: {
'0%': { backgroundPosition: '0% 50%' }, '0%': { backgroundPosition: '0% 50%' },
@ -106,8 +108,8 @@
}, },
blobSpin: { blobSpin: {
'0%': { transform: 'rotate(0deg) scale(1)' }, '0%': { transform: 'rotate(0deg) scale(1)' },
'50%': { transform: 'rotate(180deg) translate(-80%, 50%) scale(1.1)' }, '50%': { transform: 'rotate(180deg) scale(1.1)' },
'100%': { transform: 'rotate(360deg) translate(0) scale(1)' }, '100%': { transform: 'rotate(360deg) scale(1)' },
} }
}, },
animation: { animation: {
@ -131,7 +133,7 @@
</script> </script>
<!-- Tailwind 基础样式注入 --> <!-- Tailwind 基础样式注入 -->
<style type="text/tailwindcss"> <style type="text/tailwindcss">
@layer utilities { @layer utilities {
/* contact us */ /* contact us */
#contact-us .focus-group:hover > div:not(:hover) { #contact-us .focus-group:hover > div:not(:hover) {
@ -152,7 +154,7 @@
@keyframes pulse3d { @keyframes pulse3d {
0% { 0% {
text-shadow: text-shadow:
/* 左上高光 */ /* 左上高光 */
-1px -1px 0px rgba(255, 255, 255, 0.5), -1px -1px 0px rgba(255, 255, 255, 0.5),
/* 右下厚度 (深翠绿色系) */ /* 右下厚度 (深翠绿色系) */
@ -165,7 +167,7 @@
0px 0px 10px rgba(224, 114, 12, 0.3); 0px 0px 10px rgba(224, 114, 12, 0.3);
} }
100% { 100% {
text-shadow: text-shadow:
-1px -1px 0px rgba(255, 255, 255, 0.7), -1px -1px 0px rgba(255, 255, 255, 0.7),
1px 1px 0px #cc7e19, 1px 1px 0px #cc7e19,
2px 2px 0px #e2d921, 2px 2px 0px #e2d921,
@ -176,9 +178,9 @@
0px 0px 50px rgba(195, 159, 16, 0.6); 0px 0px 50px rgba(195, 159, 16, 0.6);
} }
} }
.text-3d { .text-3d {
text-shadow: text-shadow:
0 1px 0 #e2e8f0, /* 亮银色顶边 */ 0 1px 0 #e2e8f0, /* 亮银色顶边 */
0 2px 0 #cbd5e1, 0 2px 0 #cbd5e1,
0 3px 0 #94a3b8, 0 3px 0 #94a3b8,
@ -192,7 +194,7 @@
.-ultra { .-ultra {
color: #ffffff; color: #ffffff;
/* 1. 顶部左侧的亮色高光切割边 */ /* 1. 顶部左侧的亮色高光切割边 */
text-shadow: text-shadow:
-1px -1px 1px rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(255, 255, 255, 0.3),
/* 2. 右下角 45度 斜向挤压厚度 (融入您的深墨绿环境色) */ /* 2. 右下角 45度 斜向挤压厚度 (融入您的深墨绿环境色) */
1px 1px 0px #0d1e18, 1px 1px 0px #0d1e18,
@ -211,7 +213,7 @@
10px 10px 40px rgba(19, 236, 164, 0.25); 10px 10px 40px rgba(19, 236, 164, 0.25);
} }
/* Tab 状态管控:选中时变为 primary 背景与深色字体 */ /* Tab 状态管控:选中时变为 primary 背景与深色字体 */
#tech-landing-wrapper .tab-content { @apply hidden; } #tech-landing-wrapper .tab-content { @apply hidden; }
#tech-landing-wrapper .tab-content.active { @apply grid; } #tech-landing-wrapper .tab-content.active { @apply grid; }
} }
@ -220,29 +222,29 @@
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<nav class="main-nav"> <nav class="main-nav">
<div class="nav-container"> <div class="nav-container">
<div class="nav-logo flex items-center"> <div class="nav-logo flex">
<a class="flex flex-col" href="<?php echo home_url(); ?>"> <a class="flex flex-col" href="<?php echo home_url(); ?>">
<?php <?php
$logo = get_theme_mod('site_logo'); $logo = get_theme_mod('site_logo');
if ($logo): ?> if ($logo): ?>
<img src="<?php echo esc_url($logo); ?>" alt="<?php bloginfo('name'); ?>"> <img src="<?php echo esc_url($logo); ?>" alt="<?php bloginfo('name'); ?>">
<?php else: ?> <?php else: ?>
<img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="logo"> <img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="logo">
<?php endif; ?> <?php endif; ?>
<p data-no-translation class="text-[12px] text-[#517bb9] text-justify pl-1 max-w-[12rem] hover:text-normal">Cleaner Energy. Greater Value. </p> <p class="text-[12px] text-[#517bb9] hover:font-normal text-justify pl-1 ">Cleaner Energy. Greater Value.</p>
</a> </a>
<a href="https://cn.nenghui.com/" class="ml-[2rem] text-[#295ca8] cursor-pointer relative group hover:text-[#295ca8]" data-no-translation> <a href="https://cn.nenghui.com/" class="ml-[2rem] text-[#295ca8] cursor-pointer relative group hover:text-[#295ca8]" data-no-translation>
中国版 中国版
<div class="absolute bottom-0 left-0 w-0 h-[2px] bg-[#295ca8] transition-all duration-300 group-hover:w-full"></"></div> <div class="absolute bottom-0 left-0 w-0 h-[2px] bg-[#295ca8] transition-all duration-300 group-hover:w-full"></"></div>
</a> </a>
</div> </div>
<button class="menu-toggle" aria-label="菜单"> <button class="menu-toggle" aria-label="菜单">
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
</button> </button>
<div class="nav-menu"> <div class="nav-menu">
<?php <?php
wp_nav_menu(array( wp_nav_menu(array(
@ -257,4 +259,4 @@
?> ?>
</div> </div>
</div> </div>
</nav> </nav>

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save