0408更新版本2

main
huyuanxiang 2 weeks ago
parent 92b8f73ec6
commit 3b51e3e4f0

@ -7,7 +7,7 @@
<!-- 新闻搜索功能模块 -->
<section class="mt-[80px] relative w-full h-[45vh] min-h-[400px] max-h-[500px] flex flex-col justify-center overflow-hidden bg-slate-50 border-b border-slate-200/60">
<section class="mt-[80px] relative w-full h-[52vh] md:h-[45vh] min-h-[400px] max-h-[500px] flex flex-col justify-center overflow-hidden bg-slate-50 border-b border-slate-200/60">
<!-- 背景网格特效 -->
<div class="absolute inset-0 opacity-[0.03] pointer-events-none" style="background-image: linear-gradient(#10b981 1px, transparent 1px), linear-gradient(90deg, #10b981 1px, transparent 1px); background-size: 32px 32px;"></div>

@ -82,7 +82,49 @@
[data-aos] {
transition-property: all !important;
}
}
@layer base {
/* ==========================================
1. Firefox 浏览器的滚动条支持 (极简模式)
========================================== */
html {
scrollbar-width: thin; /* 细滚动条 */
/* 滑块颜色(半透明灰) | 轨道颜色(全透明) */
scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
}
/* ==========================================
2. WebKit 浏览器 (Chrome, Edge, Safari) 悬浮感设计
========================================== */
/* 整体宽度缩小,显得更精致 */
::-webkit-scrollbar {
width: 5px;
height: 6px;
}
/* 轨道 (Track) - 设置为全透明,彻底消除突兀的边界感 */
::-webkit-scrollbar-track {
background: transparent;
}
/* 滑块 (Thumb) - 默认状态 */
::-webkit-scrollbar-thumb {
background: rgba(148, 163, 184, 0.4); /* Slate-400 加 40% 透明度,低调且不刺眼 */
border-radius: 8px; /* 圆润的胶囊形 */
}
/* 滑块悬停状态 (Hover) - 鼠标放上去时,平滑过渡到您的主题绿 */
::-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) 实色 */
}
}
</style>
</head>
<body <?php body_class('no-js'); ?>>

@ -17,7 +17,7 @@ wp_enqueue_script('about-features-js', get_template_directory_uri() . '/assets/j
<div class="relative page-full-width mt-[80px] bg-slate-50 border-slate-200/60">
<!-- 关于能辉Banner -->
<section class="relative w-full flex flex-col items-center justify-center z-10 border-slate-100">
<div class="about-banner-content !pb-[5rem]">
<div class="about-banner-content !pb-[5rem] !pt-[8rem]">
<h2 class="font-display text-[2.66rem] font-black text-slate-800 tracking-widest leading-[1.2] mb-2">公司介绍</h1>
<div class="w-20 h-1.5 bg-gradient-to-r from-primary to-teal-400 mx-auto mt-6 rounded-full"></div>
@ -26,7 +26,6 @@ wp_enqueue_script('about-features-js', get_template_directory_uri() . '/assets/j
<div class="absolute inset-0 opacity-[0.03] pointer-events-none" style="background-image: linear-gradient(#10b981 1px, transparent 1px), linear-gradient(90deg, #10b981 1px, transparent 1px); background-size: 32px 32px;"></div>
<div class="absolute top-0 left-0 w-[600px] h-[600px] bg-primary-light/40 rounded-full mix-blend-multiply filter blur-[100px] opacity-70 -translate-x-1/2 -translate-y-1/2 pointer-events-none"></div>
<div class="absolute bottom-0 right-0 w-[500px] h-[500px] bg-accent-light/20 rounded-full mix-blend-multiply filter blur-[80px] opacity-60 translate-x-1/3 translate-y-1/3 pointer-events-none"></div>
<!-- 页面内容区域 -->
<!-- ===================== 模块:企业简介 ===================== -->
<section id="section-about" class="scroll-section relative w-full px-6 lg:px-16 xl:px-24 py-24 border-b border-slate-200/60 scroll-mt-0">

@ -4,7 +4,7 @@
*/
?>
<?php get_header(); ?>
<section class="mt-[80px] relative w-full h-[45vh] min-h-[400px] max-h-[500px] flex flex-col justify-center overflow-hidden bg-slate-50 border-b border-slate-200/60">
<section class="mt-[80px] relative w-full h-[52vh] md:h-[45vh] min-h-[400px] max-h-[500px] flex flex-col justify-center overflow-hidden bg-slate-50 border-b border-slate-200/60">
<!-- 背景网格特效 -->
<div class="absolute inset-0 opacity-[0.03] pointer-events-none" style="background-image: linear-gradient(#10b981 1px, transparent 1px), linear-gradient(90deg, #10b981 1px, transparent 1px); background-size: 32px 32px;"></div>

Loading…
Cancel
Save