![On July 21, 2021, the International Olympic Committee announced that the host city of the 2032 Summer Olympics will be Brisbane, Australia. [11]. As of June 2022, 23 countries and 41 cities have hosted the Summer Olympics and Winter Olympics. [16]](/uploads/15419/banner/20240829065433539cf.jpg?size=1920x400)
🎨 整合您的样式片段
响应式Logo + 浮动窗口列表完全遵循您提供的CSS规则
:root --color: #0873D6 | 媒体查询Logo自适应 | 浮动菜单Flex布局
📐 CSS 变量应用
全局主色 #0873D6 贯穿按钮,悬浮窗,链接悬停.
:root { --color: #0873D6; } 方便主题维护.
📱 响应式Logo规则
屏幕≥1024px时,header .head-logo img 最大高度95px;添加.is-active类后高度变为70px.(滚动时动态添加)
当前滚动超过80px即触发 is-active 类,观察logo变化.
🧩 浮动窗口结构
完全匹配选择器 div.floatwindow_fd_main li a 的flex布局,且内部行高1.2.
点击右侧浮动按钮 => 展开/收起菜单,交互由纯JS实现.