PingCat

/* 11. === 仪表盘进度环“霓虹光管化” === */ /* 让原本扁平的纯色进度条，变成带有立体光晕的霓虹灯管 */ .recharts-radial-bar-sector { filter: brightness(1.2) drop-shadow(0 0 6px rgba(255, 255, 255, 0.4)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.8)) !important; } /* 将进度条的底槽变暗并增加内凹感，仿佛嵌在黑玻璃内部的轨道 */ .recharts-radial-bar-background-sector { fill: rgba(0, 0, 0, 0.3) !important; stroke: rgba(255, 255, 255, 0.05) !important; stroke-width: 1px !important; } /* 12. === 顶部导航栏右侧图标“水晶按键化” === */ /* 把右上角的月亮/太阳、调色盘等按钮变成精致的圆形水晶薄片 */ nav.sticky button[data-slot="button"] { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 50% !important; /* 强制雕琢成完美圆形 */ color: rgba(255, 255, 255, 0.8) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* 悬浮时，水晶按键会被“点亮”并轻轻弹起 */ nav.sticky button[data-slot="button"]:hover { background: rgba(255, 255, 255, 0.2) !important; border-color: rgba(255, 255, 255, 0.3) !important; color: #ffffff !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4), 0 0 12px rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important; transform: translateY(-2px); } /* 给图标本身加一点阴影，防止在亮色背景下隐身 */ nav.sticky button[data-slot="button"] svg { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5)); } /* 13. === 网络上下行箭头荧光化 === */ /* 让微小的上下箭头自带赛博发光属性 */ .lucide-arrow-up { color: #4ade80 !important; filter: drop-shadow(0 0 4px rgba(74, 222, 128, 0.6)); } .lucide-arrow-down { color: #60a5fa !important; filter: drop-shadow(0 0 4px rgba(96, 165, 250, 0.6)); }