全新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 引入） 。