From d054cf6320ccf4c91cf04679dcd7b2180ec9dc1c Mon Sep 17 00:00:00 2001 From: liushuang Date: Sun, 12 Oct 2025 14:43:27 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8A=9F=E8=83=BD=E5=AF=B9?= =?UTF-8?q?=E6=AF=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _config/css/styles.css | 121 ++++++++++++++++++++++++++++++++++++++--- _coverpage.md | 75 +++++++++++++++++++++++++ _media/svg/check.svg | 7 +++ _media/svg/close.svg | 7 +++ _media/svg/right.svg | 1 + 5 files changed, 202 insertions(+), 9 deletions(-) create mode 100644 _media/svg/check.svg create mode 100644 _media/svg/close.svg create mode 100644 _media/svg/right.svg diff --git a/_config/css/styles.css b/_config/css/styles.css index 666af0e..2a99f5b 100644 --- a/_config/css/styles.css +++ b/_config/css/styles.css @@ -74,14 +74,14 @@ section.cover ul { text-align: left; grid-column-gap: 16px; grid-row-gap: 20px; - grid-template-columns: repeat(2, 50%); + /* grid-template-columns: repeat(2, 50%); */ list-style: none; max-width: unset; margin: 1.5em 0; } section.cover ul li { - white-space: nowrap; + /* white-space: nowrap; */ } section.cover.show ~ .sidebar, @@ -378,14 +378,117 @@ body .sidebar-toggle span:nth-child(3) { } /****** FOOTER *******/ +.features-comparison { + width: 100%; + background-color: #f8f9fa; + padding: 60px 0; + margin: 40px 0; +} + +.comparison-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +.comparison-title { + text-align: center; + margin-bottom: 40px; + font-size: 28px; + color: #333; +} + +.comparison-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 30px; + margin-bottom: 40px; +} + +.comparison-card { + background: #fff; + border-radius: 16px; + padding: 30px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); + transition: transform 0.3s ease; +} + +.comparison-card:hover { + transform: translateY(-5px); +} + +.card-header { + text-align: center; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px solid #eee; +} + +.card-title { + font-size: 22px; + color: #333; + margin-bottom: 10px; +} + +.card-price { + font-size: 32px; + color: var(--theme-color); + font-weight: bold; +} + +.card-price span { + font-size: 16px; + color: #666; +} + +.feature-list { + list-style: none; + padding: 0; + margin: 0; +} + +.feature-list li { + display: flex; + align-items: flex-start; /* 改为顶部对齐 */ + margin-bottom: 15px; + color: #666; + font-size: 15px; + line-height: 1.4; /* 添加行高 */ +} + +.feature-list li:before { + content: ''; + flex: 0 0 20px; /* 固定宽度，防止被压缩 */ + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 2px; /* 微调图标位置，与文本第一行对齐 */ + background-image: url('/_media/svg/check.svg'); + background-size: contain; + background-repeat: no-repeat; +} + +.feature-list li.unavailable { + color: #999; + text-decoration: line-through; +} + +.feature-list li.unavailable:before { + background-image: url('/_media/svg/close.svg'); +} + +@media (max-width: 768px) { + .comparison-grid { + grid-template-columns: 1fr; + } + + .comparison-card { + margin-bottom: 20px; + } +} + .footer { color: #747a83; - /* position: fixed; - bottom: 10px; - z-index: 10; - left: 50%; - transform: translate(-50%, -50%); */ - z-index: 10; width: 100%; margin: 0 auto; @@ -541,7 +644,7 @@ body .sidebar-toggle span:nth-child(3) { margin-left: 12px; } -.skying-title,.screen-title { +.skying-title,.screen-title, .comparison-title { color: var(--theme-color); } diff --git a/_coverpage.md b/_coverpage.md index 40e0a39..71a952d 100644 --- a/_coverpage.md +++ b/_coverpage.md @@ -96,6 +96,81 @@ +
+
+

星空抽奖功能

+
+ +
+
+

网页版

+
免费
+
+
    +
  • 需要网络（仅加载静态资源）
    • +
  • 数据安全（浏览器本地存储）
    • +
  • 简单易用（excel导入数据）
    • +
  • 3D星空动画效果
    • +
  • 支持1万人+抽奖
    • +
  • 自定义Logo、背景（图片最大3M）
    • +
  • 中奖名单可Excel下载
    • +
  • 可投屏，全屏显示
    • +
  • 无时间次数限制
    • + +
+
+ +
+
+

安装版

+
49.9元/一个月
+
+
    +
  • 无需网络（U盘运行，完全离线）
    • +
  • 数据安全（数据存储在你电脑上）
    • +
  • 简单易用（Excel一键导入名单）
    • +
  • 3D星空动画效果
    • +
  • 支持1万人+抽奖
    • +
  • 自定义Logo、背景，音乐，字体，二维码（图片无大小限制）
    • +
  • 支持分批次抽奖
    • +
  • 支持取消中奖重新抽取
    • +
  • 支持外接抽奖按钮
    • +
  • 可投屏，全屏显示
    • +
  • 无次数机器限制
    • +
+
+ +
+
+

升级版

+
199.9元/一年
+
+
    +
  • 无需网络（U盘运行，完全离线）
    • +
  • 数据安全（数据存储在你电脑上）
    • +
  • 简单易用（Excel一键导入名单）
    • +
  • 3D星空动画效果
    • +
  • 支持1万人+抽奖
    • +
  • 自定义Logo、背景，音乐，字体，二维码（图片无大小限制）
    • +
  • 支持分批次抽奖
    • +
  • 支持取消中奖重新抽取
    • +
  • 支持外接抽奖按钮
    • +
  • 可投屏，全屏显示
    • +
  • 无次数机器限制
    • +
  • 无人数上限
    • +
  • 专属技术支持
    • +
  • 免费功能更新
    • +
  • 7*24售后服务
    • +
+
+
+
+
+