/* Theme Name: Zeroy Theme URI: https://zeroy.dev Author: Zeroy Team Author URI: https://zeroy.dev Description: 极简 WordPress 主题，集成 Tailwind CSS v4，零干扰设计 Version: 1.0.4 License: GPL v2 or later Text Domain: zeroy */ /* 主题样式将通过 Tailwind CSS 提供 */ /* ========================================================================== ⚡️ 闪灵科技 - 全新高级控制台数据大盘专属样式 ========================================================================== */ /* ============================================================ 💎 闪灵科技 (SHANLING TECH) 全局页眉穿透与防抖规范样式 ============================================================ */ /* 1. 全局规整：彻底根除切换栏目时的滚动条左右抖动、闪烁 */ html { overflow-y: auto; scrollbar-gutter: stable !important; /* 无论有没有滚动条，永久保留右侧宽度占位 */ } body { min-height: 100vh; } /* 2. 隐藏原版顶开大图的白色占位层（让所有页面的全屏大图全部实现向上穿透） */ .shanling-header-spacer { display: none !important; } /* 3. 初始透明穿透状态：只带有一层隐形的空气感暗色渐变衬底，确保在黑底上白字高亮清晰 */ #shanling-header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: linear-gradient(to bottom, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.1) 70%, rgba(0, 0, 0, 0) 100%) !important; border-bottom: 1px solid transparent !important; box-shadow: none !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; /* 彻底斩断大框架的所有 transition 动画过渡，切换时瞬间直达，绝不黏糊闪烁 */ transition: none !important; } /* 初始透明时：所有的导航字样、Logo全部使用优雅的纯白色 */ #shanling-header .header-logo .logo-text { color: #ffffff !important; } #shanling-header .header-logo .logo-text span { color: rgba(255, 255, 255, 0.6) !important; } #shanling-header .header-logo .logo-icon { background: #ffffff !important; } #shanling-header .header-logo .logo-icon svg { fill: #000000 !important; } #shanling-header .header-nav ul li a { color: #ffffff !important; opacity: 0.85; transition: none !important; } #shanling-header .header-nav ul li a:hover { opacity: 1; background: rgba(255, 255, 255, 0.1); } #shanling-header .header-nav ul li.is-active a { opacity: 1; font-weight: 600; background: rgba(255, 255, 255, 0.15); } #shanling-header .hamburger-btn svg { stroke: #ffffff !important; } /* 🌟【最高层级地毯式拦截】双重防线：即便原生 CSS 还有残留，第一像素也直接洗白 */ .btn-contact, .btn-account, a.btn-contact, a.btn-account { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; transition: none !important; } /* 🌟【状态 A：未滚动状态】一进页面时，右侧两个按钮完美展现你最满意的透明白色玻璃舱风 */ #shanling-header div .header-actions a.btn-account, #shanling-header div .header-actions a.btn-contact, #shanling-header .header-actions .btn-account, #shanling-header .header-actions .btn-contact, #shanling-header .btn-account, #shanling-header .btn-contact { color: #ffffff !important; background: rgba(255, 255, 255, 0.12) !important; background-color: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; /* 带有极细的高光微白框线 */ border-radius: 980px !important; padding: 6px 16px !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 4px 12px rgba(0, 0, 0, 0.05) !important; opacity: 1 !important; mix-blend-mode: normal !important; font-weight: 500 !important; display: inline-flex; align-items: center; gap: 6px; height: auto; transition: none !important; } #shanling-header .btn-account:hover, #shanling-header .btn-contact:hover { background: rgba(255, 255, 255, 0.22) !important; background-color: rgba(255, 255, 255, 0.22) !important; border-color: rgba(255, 255, 255, 0.45) !important; } /* 4. ⚡ 鼠标下滚状态（加了 .is-scrolled 类名）：大背景变成浅色磨砂白 ============================================================ */ #shanling-header.is-scrolled { background: rgba(255, 255, 255, 0.78) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02) !important; backdrop-filter: blur(24px) saturate(180%) !important; -webkit-backdrop-filter: blur(24px) saturate(180%) !important; transition: none !important; } /* 滚动变白底后文字、图标反色控制 */ #shanling-header.is-scrolled .header-logo .logo-text { color: #1d1d1f !important; } #shanling-header.is-scrolled .header-logo .logo-text span { color: #86868b !important; } #shanling-header.is-scrolled .header-logo .logo-icon { background: #000000 !important; } #shanling-header.is-scrolled .header-logo .logo-icon svg { fill: #ffffff !important; } #shanling-header.is-scrolled .header-nav ul li a { color: #1d1d1f !important; opacity: 0.8; transition: none !important; } #shanling-header.is-scrolled .header-nav ul li a:hover { opacity: 1; background: rgba(0, 0, 0, 0.04); } #shanling-header.is-scrolled .header-nav ul li.is-active a { opacity: 1; background: rgba(0, 0, 0, 0.06); color: #0071e3 !important; } #shanling-header.is-scrolled .hamburger-btn svg { stroke: #1d1d1f !important; } /* 🌟【状态 B：滚轮下拉】下拉滚轮时，右侧按钮要求纯透色，不带任何白灰色 */ #shanling-header.is-scrolled div .header-actions a.btn-account, #shanling-header.is-scrolled div .header-actions a.btn-contact, #shanling-header.is-scrolled .header-actions .btn-account, #shanling-header.is-scrolled .header-actions .btn-contact, #shanling-header.is-scrolled .btn-account, #shanling-header.is-scrolled .btn-contact { color: #1d1d1f !important; background: transparent !important; /* 锁死为透明背景，绝不要灰色块 */ background-color: transparent !important; border: 1px solid rgba(29, 29, 31, 0.15) !important; /* 用极其纤细的清透细线圈出圆角 */ box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transition: none !important; } /* 下拉透明状态下的悬停微调 */ #shanling-header.is-scrolled .btn-account:hover, #shanling-header.is-scrolled .btn-contact:hover { background: rgba(0, 0, 0, 0.04) !important; background-color: rgba(0, 0, 0, 0.04) !important; border-color: rgba(29, 29, 31, 0.3) !important; }