🎨 整合您的样式片段
响应式Logo + 浮动窗口列表完全遵循您提供的CSS规则
:root --a rawng: #0873D6| A rilru a buai em em a, a rilru a hah em em bawk a. 媒体查询Logo自适应|A rilru a hah lutuk chuan a rilru a buai em em a. 浮动菜单Flex布局
📐 CSS 变量应用
全局主色 #0873D6 贯穿按钮,悬浮窗,链接悬停.
:root { --a rawng: #0873D6; } . 方便主题维护.
📱 响应式Logo规则 tih hi a ni
屏幕 1024px时 aia lian emaw, a tlukpui emaw,header .lu-logo tih a niA rilru a hah lutuk chuan a rilru a buai em em a. 最大高度95px;.chu-active a ni类后高度变为70px.(滚动时动态添加)
当前滚动超过80px即触发chu-active a niA rilru a hah lutuk chuan a rilru a buai em em a. 类,观察logo变化.
🧩 浮动窗口结构
完全匹配选择器 div.floatwindow_fd_main tih a ni a的flex布局,且内部 tih te hi a ni行高1.2.
点击右侧浮动按钮 =>A rilru a buai em em a, a rilru a hah em em bawk a. 展开/收起菜单,交互由纯JS实现.
