diff --git a/.superpowers/prototype/screens/icons.js b/.superpowers/prototype/screens/icons.js index 7d784f0..750f36e 100644 --- a/.superpowers/prototype/screens/icons.js +++ b/.superpowers/prototype/screens/icons.js @@ -1,8 +1,8 @@ // 图标 sprite —— 单一真源(Lucide 官方图标,ISC 许可) // 所有屏用 引用;改此处一个 symbol,全局生效。 -// 共 97 个,源自 lucide-static。新增图标先在此登记 symbol,再用 use 引用。 +// 共 100 个:97 个源自 lucide-static,另有平台品牌图标 i-apple / i-android(simple-icons,填充式,path 自带 fill 覆盖描边样式)与 i-tablet-smartphone(lucide)。新增图标先在此登记 symbol,再用 use 引用。 (function(){ - var SPRITE=''; + var SPRITE=''; function inject(){ if(document.getElementById('ym-icon-sprite'))return; var d=document.createElement('div'); d.id='ym-icon-sprite'; d.style.cssText='position:absolute;width:0;height:0'; d.innerHTML=SPRITE; document.body.insertBefore(d,document.body.firstChild); } if(document.readyState!=='loading')inject(); else document.addEventListener('DOMContentLoaded',inject); })(); diff --git a/web/_includes/icons.njk b/web/_includes/icons.njk index c9b0911..41ae96c 100644 --- a/web/_includes/icons.njk +++ b/web/_includes/icons.njk @@ -1,3 +1,3 @@ {# 图标雪碧图 — 单一真相源:自 .superpowers/prototype/screens/icons.js 提取(lucide 同源), 页面用 引用;修改图标请先改原型再同步 #} - + diff --git a/web/download.njk b/web/download.njk index 8b5702d..78ffbf9 100644 --- a/web/download.njk +++ b/web/download.njk @@ -3,15 +3,19 @@ layout: base.njk title: 下载 description: 下载岩美酒库管理系统客户端:Windows、macOS、Android、iOS 与免安装 Web 版。 pageStyle: | - .dl-hero{background:var(--mk-hero-grad); color:var(--on-accent); padding:64px 0 72px; text-align:center;} + .dl-hero{background:var(--mk-hero-grad); color:var(--on-accent); padding:64px 0 88px; text-align:center;} .dl-hero h1{color:var(--on-accent); font-size:var(--mk-h2); font-weight:800;} .dl-hero p{color:var(--on-accent-faint); margin:12px auto 0; max-width:36em;} - .detect{max-width:640px; margin:-40px auto 0; position:relative; z-index:2;} - .detect .card{display:flex; align-items:center; gap:18px; box-shadow:var(--sh-2); padding:20px 22px;} - .detect .icbox{width:44px; height:44px; border-radius:var(--r-lg); flex:none; display:flex; align-items:center; justify-content:center;} - .detect .icbox .ic{width:22px; height:22px;} - .detect b{display:block; color:var(--heading); font-size:16px;} - .detect span{color:var(--muted); font-size:var(--fs-sm);} + .detect{max-width:720px; margin:-56px auto 0; position:relative; z-index:2;} + .detect .card{display:flex; align-items:center; gap:26px; box-shadow:var(--sh-2); padding:34px 36px;} + .detect .icbox{width:84px; height:84px; border-radius:var(--r-lg); flex:none; display:flex; align-items:center; justify-content:center;} + .detect .icbox .ic{width:42px; height:42px;} + .detect .detect-info{flex:1; min-width:0;} + .detect .detect-eyebrow{color:var(--primary); font-size:var(--fs-xs); font-weight:800; letter-spacing:1px; margin-bottom:5px;} + .detect .detect-title{display:flex; align-items:center; gap:10px; margin-bottom:7px; flex-wrap:wrap;} + .detect b{color:var(--heading); font-size:22px; font-weight:800; line-height:1.3;} + .detect .detect-ver{font-family:var(--font-mono); font-size:var(--fs-xs); font-weight:700; color:var(--primary); background:var(--info-soft); padding:3px 10px; border-radius:var(--r-pill);} + .detect .detect-desc{display:block; color:var(--text); font-size:15px; line-height:1.7;} .detect .btn{margin-left:auto; flex:none;} .dl-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:46px;} .dl-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:20px 18px; display:flex; flex-direction:column; text-align:center;} @@ -35,7 +39,7 @@ pageStyle: | .changelog-body ul{margin:0; padding-left:20px; color:var(--muted); font-size:14px; line-height:1.8;} .changelog-intro{color:var(--muted); font-size:14px; margin:0 0 4px;} @media (max-width:900px){ .dl-grid{grid-template-columns:repeat(2,1fr);} } - @media (max-width:600px){ .dl-grid{grid-template-columns:1fr;} .detect .card{flex-wrap:wrap;} .changelog-entry{grid-template-columns:1fr;} } + @media (max-width:600px){ .dl-grid{grid-template-columns:1fr;} .detect .card{flex-wrap:wrap; padding:26px 22px; gap:18px;} .detect .btn{margin-left:0; width:100%;} .changelog-entry{grid-template-columns:1fr;} } ---
@@ -48,11 +52,15 @@ pageStyle: |
-
- Web 版 - 已自动识别你的设备,推荐以下版本。 +
+
已识别你的设备 · 为你推荐
+
+ Web 版 + v{{ changelog[0].version }} +
+ 浏览器直接访问,功能完整,无需下载安装。
- 立即使用 + 立即使用
@@ -67,7 +75,7 @@ pageStyle: | 下载
-
+

macOS

Apple Silicon / Intel
✓ 已签名公证
@@ -81,14 +89,14 @@ pageStyle: | 立即使用
-
+

Android

Android 6.0 及以上
✓ APK 直装
下载
-
+

iOS

iPhone / iPad
TestFlight 内测中
@@ -137,7 +145,7 @@ pageStyle: |