全新UI自适应地址发布页面源码，HTML单页，轻巧好看发布单页

1. 主题系统：通过 Tailwind 的 darkMode: 'class' 实现浅色 / 深色模式切换，点击右上角按钮可切换
   ，且会记住用户的主题偏好（本地存储）。

2. 布局结构：核心卡片采用 max-w-md 限制宽度，适配移动端和桌面端；列表项用 flex 实现 “名称 + 链接 + 状态按钮” 的横向布局 。

3. 样式细节：

• 配色匹配图片中的蓝 、绿
  、红主色 ，浅色 / 深色模式的背景、文字 、边框**分明显；

• 加入轻微阴影（card-shadow）提升卡片立体感；

• 按钮、输入框
  、列表项统一圆角（rounded-btn）
  ，视觉更协调
  。

4. 交互细节：链接可点击跳转，主题切换有过渡动画（transition-colors） ，按钮有 hover 效果。

运行说明

1. 直接将代码复制到文本编辑器（如 VS Code）
   ，保存为 .html 文件（如 address-page.html）；

2. 用浏览器打开该文件即可看到效果；

3. 无需额外安装依赖（Tailwind 和 Font Awesome 均通过 CDN 引入） 。