@ -7,14 +7,16 @@
< meta name = "google-site-verification" content = "4-DXQwmh6Tn_4TiIaslQa4L-xJTXT0XBVn2dCB_A7F8" / >
< link rel = "stylesheet" href = " <?php bloginfo ( 'stylesheet_url' ); ?> " >
<?php wp_head (); ?>
< link href = "https://fonts. googleapis.com /css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel = "stylesheet" / >
< link href = "https://fonts. googleapis.com " rel = "preconnect" / >
< link href = "https://fonts. loli.net /css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel = "stylesheet" / >
< link href = "https://fonts. loli.net " 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" / >
<!-- AOS Animation Library -->
< 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 >
<!-- Tailwind & Config -->
< script src = "https://cdn.tailwindcss.com?plugins=forms,container-queries" > < / script >
@ -31,13 +33,13 @@
"silver-accent": "#e2e8f0",
"about-us": "#ff6b00",
"primary-dark": "#0da670", // Added for contrast on light mode
"accent": "#ff6b00"
"accent": "#ff6b00"
},
fontFamily: {
"display": ["Montserrat", "sans-serif"],
"sans": ["Montserrat", "sans-serif"],
"mono": ["JetBrains Mono", "Montserrat "],
"inter": ["Inter", "Montserrat "],
"mono": ["JetBrains Mono", "monospace "],
"inter": ["Inter", "monospace "],
},
borderRadius: {
"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%)',
'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%)',
},
boxShadow: {
// 将光效统一映射为 primary 颜色 (13eca4 的 RGBA)
@ -87,18 +89,18 @@
'100%': { boxShadow: '0 0 0px rgba(19,236,164,0)' },
},
// 高级交互动画
pulseGlow: {
'0%': { textShadow: '0 0 10px rgba(19, 236, 164, 0.4)' },
'100%': { textShadow: '0 0 30px #ff6b00' }
pulseGlow: {
'0%': { textShadow: '0 0 10px rgba(19, 236, 164, 0.4)' },
'100%': { textShadow: '0 0 30px #ff6b00' }
},
sweep: { '100%': { left: '200%' } },
cardFlip: {
'0%': { opacity: '0', transform: 'rotateY(-90deg) translateZ(50px)' },
'100%': { opacity: '1', transform: 'rotateY(0deg) translateZ(0)' }
cardFlip: {
'0%': { opacity: '0', transform: 'rotateY(-90deg) translateZ(50px)' },
'100%': { opacity: '1', transform: 'rotateY(0deg) translateZ(0)' }
},
floatY: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-15px)' }
floatY: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-15px)' }
},
textShimmer: {
'0%': { backgroundPosition: '0% 50%' },
@ -106,8 +108,8 @@
},
blobSpin: {
'0%': { transform: 'rotate(0deg) scale(1)' },
'50%': { transform: 'rotate(180deg) translate(-80%, 50%) scale(1.1)' },
'100%': { transform: 'rotate(360deg) translate(0) scale(1)' },
'50%': { transform: 'rotate(180deg) scale(1.1)' },
'100%': { transform: 'rotate(360deg) scale(1)' },
}
},
animation: {
@ -131,7 +133,7 @@
< / script >
<!-- Tailwind 基础样式注入 -->
< style type = "text/tailwindcss" >
@layer utilities {
/* contact us */
#contact-us .focus-group:hover > div:not(:hover) {
@ -152,7 +154,7 @@
@keyframes pulse3d {
0% {
text-shadow:
text-shadow:
/* 左上高光 */
-1px -1px 0px rgba(255, 255, 255, 0.5),
/* 右下厚度 (深翠绿色系) */
@ -165,7 +167,7 @@
0px 0px 10px rgba(224, 114, 12, 0.3);
}
100% {
text-shadow:
text-shadow:
-1px -1px 0px rgba(255, 255, 255, 0.7),
1px 1px 0px #cc7e19,
2px 2px 0px #e2d921,
@ -176,9 +178,9 @@
0px 0px 50px rgba(195, 159, 16, 0.6);
}
}
.text-3d {
text-shadow:
text-shadow:
0 1px 0 #e2e8f0, /* 亮银色顶边 */
0 2px 0 #cbd5e1,
0 3px 0 #94a3b8,
@ -192,7 +194,7 @@
.-ultra {
color: #ffffff;
/* 1. 顶部左侧的亮色高光切割边 */
text-shadow:
text-shadow:
-1px -1px 1px rgba(255, 255, 255, 0.3),
/* 2. 右下角 45度 斜向挤压厚度 (融入您的深墨绿环境色) */
1px 1px 0px #0d1e18,
@ -211,7 +213,7 @@
10px 10px 40px rgba(19, 236, 164, 0.25);
}
/* Tab 状态管控：选中时变为 primary 背景与深色字体 */
#tech-landing-wrapper .tab-content { @apply hidden; }
#tech-landing-wrapper .tab-content.active { @apply grid; }
}
@ -220,29 +222,29 @@
< body <?php body_class (); ?> >
< nav class = "main-nav" >
< 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 (); ?> " >
<?php
<?php
$logo = get_theme_mod('site_logo');
if ($logo): ?>
< img src = " <?php echo esc_url ( $logo ); ?> " alt = " <?php bloginfo ( 'name' ); ?> " >
<?php else : ?>
< img src = "https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt = "logo" >
<?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 = "text-[12px] text-[#517bb9] hover:font-normal text-justify pl-1 "> Cleaner Energy. Greater Value.< / p >
< / 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 >
< / a >
< / div >
< button class = "menu-toggle" aria-label = "菜单" >
< span > < / span >
< span > < / span >
< span > < / span >
< / button >
< div class = "nav-menu" >
<?php
wp_nav_menu(array(
@ -257,4 +259,4 @@
?>
< / div >
< / div >
< / nav >
< / nav >
huyuanxiang
1 month ago