该文章详细介绍了一个支持浅色与深色主题切换的响应式网页样式设计。通过CSS变量统一管理颜色和布局尺寸，实现灵活适配不同屏幕。包含监控列表卡片布局、悬浮动画、进度条动画效果及状态徽章设计，增强视觉层次感和交互体验，且优化了移动端显示和性能。整体风格现代简洁，注重细节和可用性。

本文详细介绍了整体登录流程，包括后端组件如PreAuthLoginEndpoint、CryptoService、AuthProviderService等，以及前端与后端交互的关键点，如登录页面的构建、表单提交处理、认证过程和用户信息加载等。

安然无恙，各位； 最近也是终于舍得抽点时间出来折腾了，那就是折腾一下博客什么的。 把之前的水文删除了产出了本篇的海文-_-

冬日的风带着些许清冽，悄悄掠过羊城的街巷，却没吹散这座城市因十五运会而愈发炽热的活力。最近的日子，像被按下了慢放键又掺着快进的节拍——既有着筹备赛事的紧张与期待，又藏着亲友相聚的温热与绵长。那些散落在日常里的片段，如同冬阳下的光斑，拼凑出一段满是烟火气与仪式感的时光。 一、十五运会：城市新注脚，流动

本次重构从 9 月初开始，历时两个多月，完成了博客从 Hexo 到 Vue3 + Go 的整体迁移。外观保持原有风格，但内部结构已完全重塑，包括前端架构、后端 API 以及统计、评论、图床等功能的一体化整合。同时记录了放弃 Next.js 的原因、Vue3 方案下的 SEO 处理方式，以及上线后的整体情况。

在看电影那天，先去商场逛了逛，小和想吃新出的扶摇树下，于是在商场等了两个小时...... 等待途中在商场溜达溜达，去霸王茶姬坐一会，想着喝一杯奶茶，结果两个因为太无聊想着怎么能省钱。。。刚开始看团购没有，又去了闲鱼看了一圈，两个人捅咕半天，小和去隔壁奶茶店买了一个，我从霸王茶姬直接下了一单外卖。。。

十一月工作繁忙，完成客户项目，上线两个Halo插件，经历鼻炎手术，生活节奏放慢，感受忙碌与慢生活的交织。

前几天有位朋友想要我博客侧边栏的个人卡片样式和外挂标签，但由于我改动太多，一时间不好直接整理。正好周末有空，就顺手把相关内容重新梳理了一遍，并整理成了一篇简单易懂的教程，希望能对那位朋友有所帮助。这个方法适用于大部分类Butterfly主题。

好久没更新魔改主题的教程了，主要是目前整体已趋于稳定，加上我也有意转向动态框架。不过前些天发哥催我做一个打赏页面，那我可开心了。于是上周抽空逐步将其打磨完成，效果也让我十分满意。顺便写下这篇教程，希望能对大家有所帮助。