|
|
|
|
@ -8,13 +8,13 @@
|
|
|
|
|
<title><?php bloginfo('name'); ?></title>
|
|
|
|
|
<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 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"/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 引入 Swiper 与 AOS -->
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" />
|
|
|
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
|
|
|
|
@ -50,9 +50,9 @@
|
|
|
|
|
scroll: { '0%': { transform: 'translateX(0)' }, '100%': { transform: 'translateX(-50%)' } },
|
|
|
|
|
scrollLeft: { '0%': { transform: 'translateX(0)' }, '100%': { transform: 'translateX(-50%)' } },
|
|
|
|
|
scrollRight: { '0%': { transform: 'translateX(-50%)' }, '100%': { transform: 'translateX(0)' } },
|
|
|
|
|
flowMove: {
|
|
|
|
|
'0%': { transform: 'translateX(-100%)' },
|
|
|
|
|
'100%': { transform: 'translateX(600%)' }
|
|
|
|
|
flowMove: {
|
|
|
|
|
'0%': { transform: 'translateX(-100%)' },
|
|
|
|
|
'100%': { transform: 'translateX(600%)' }
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
animation: {
|
|
|
|
|
@ -62,14 +62,14 @@
|
|
|
|
|
'scroll-reverse': 'scroll-reverse 45s linear infinite',
|
|
|
|
|
'scroll-left': 'scrollLeft 40s linear infinite',
|
|
|
|
|
'scroll-right': 'scrollRight 45s linear infinite',
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style type="text/tailwindcss">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@layer utilities {
|
|
|
|
|
/* 隐藏滚动条 */
|
|
|
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
|
|
|
@ -82,7 +82,7 @@
|
|
|
|
|
[data-aos] {
|
|
|
|
|
transition-property: all !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
@layer base {
|
|
|
|
|
@ -92,7 +92,7 @@
|
|
|
|
|
html {
|
|
|
|
|
scrollbar-width: thin; /* 细滚动条 */
|
|
|
|
|
/* 滑块颜色(半透明灰) | 轨道颜色(全透明) */
|
|
|
|
|
scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
|
|
|
|
|
scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ==========================================
|
|
|
|
|
@ -100,13 +100,13 @@
|
|
|
|
|
========================================== */
|
|
|
|
|
/* 整体宽度缩小，显得更精致 */
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
width: 5px;
|
|
|
|
|
height: 6px;
|
|
|
|
|
width: 5px;
|
|
|
|
|
height: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 轨道 (Track) - 设置为全透明，彻底消除突兀的边界感 */
|
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
|
background: transparent;
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 滑块 (Thumb) - 默认状态 */
|
|
|
|
|
@ -119,7 +119,7 @@
|
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
background: rgba(16, 185, 129, 0.8); /* Primary Color (#10b981) 带有轻微透明度 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 滑块按下/拖动状态 (Active) - 颜色加深 */
|
|
|
|
|
::-webkit-scrollbar-thumb:active {
|
|
|
|
|
background: rgba(5, 150, 105, 1); /* Darker Green (#059669) 实色 */
|
|
|
|
|
@ -130,9 +130,9 @@
|
|
|
|
|
<body <?php body_class('no-js'); ?>>
|
|
|
|
|
<nav class="main-nav">
|
|
|
|
|
<div class="nav-container">
|
|
|
|
|
<div class="nav-logo">
|
|
|
|
|
<div class="nav-logo flex">
|
|
|
|
|
<a href="<?php echo home_url(); ?>">
|
|
|
|
|
<?php
|
|
|
|
|
<?php
|
|
|
|
|
$logo = get_theme_option('site_logo');
|
|
|
|
|
if ($logo): ?>
|
|
|
|
|
<img src="<?php echo esc_url($logo); ?>" alt="<?php bloginfo('name'); ?>">
|
|
|
|
|
@ -140,14 +140,17 @@
|
|
|
|
|
<img src="<?php bloginfo('template_url'); ?>/assets/images/logo-1.svg" alt="logo">
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://nenghui.com" class="ml-[2rem] text-[#295ca8] cursor-pointer relative group">
|
|
|
|
|
国际版
|
|
|
|
|
<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-right">
|
|
|
|
|
<div class="nav-menu">
|
|
|
|
|
<?php
|
|
|
|
|
@ -162,7 +165,7 @@
|
|
|
|
|
));
|
|
|
|
|
?>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 搜索按钮 -->
|
|
|
|
|
<div class="nav-search">
|
|
|
|
|
<button class="search-toggle" aria-label="搜索" id="searchToggle">
|
|
|
|
|
@ -175,7 +178,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 搜索框弹出层 -->
|
|
|
|
|
<div class="search-overlay" id="searchOverlay">
|
|
|
|
|
<div class="search-container">
|
|
|
|
|
@ -198,4 +201,4 @@
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
huyuanxiang
6 days ago