From 755ca63e4d37c1a54db7fc6475152319a4e46ceb Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sun, 28 Jun 2026 20:53:56 +0800
Subject: [PATCH] Freeze 8.1.7 colorful theme tuning
---
src/Apptag/Localization/ar.json | 9
src/Apptag/Localization/sv.json | 9
src/Apptag/Localization/th.json | 9
src/Apptag/Localization/nn.json | 9
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-烟紫星尘.png | 0
src/CHANGELOG.md | 12
src/Apptag/Info.plist | 4
src/Apptag/Localization/cs.json | 9
src/Apptag/Localization/da.json | 9
src/Apptag/Localization/id.json | 9
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-暗林极光.svg | 438 ++++
src/Apptag/PreferencesView.swift | 123
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.svg | 2207 ++++++++++++++++++++
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-极夜孔雀.png | 0
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-碳夜电蓝.svg | 438 ++++
src/Scripts/theme_settings_qa.sh | 27
src/Apptag/Localization/pt-BR.json | 9
src/Docs/Requirements/2026-06-25-colorful-flow-background-prd.md | 776 +++++++
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-黑曜玫瑰.png | 0
src/Apptag/Localization/ko.json | 9
src/Apptag/Localization/no.json | 9
src/Apptag/ContentView.swift | 26
src/Apptag/Localization/nl.json | 9
src/Apptag/Localization/fr.json | 9
src/Apptag/Localization/ru.json | 9
src/Apptag/Localization/ro.json | 9
src/Apptag/Localization/en.json | 9
src/Release/AppStore-8.1.7-20260628.2035/Archive/TagLauncher-8.1.7-build20260628.2035.dmg | 0
src/Apptag/Localization/zh-Hant.json | 9
src/Apptag/Localization/pl.json | 9
src/Apptag/Localization/es.json | 9
src/Apptag/ProEntitlement.swift | 36
src/Apptag/Localization/ms.json | 9
src/Release/AppStore-8.1.7-20260628.2035/SHA256SUMS.txt | 1
src/Apptag/Localization/it.json | 9
src/Apptag/Localization/tr.json | 9
src/Scripts/pro_feature_gate_qa.sh | 4
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.png | 0
src/Apptag/Localization/ja.json | 9
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-暗林极光.png | 0
src/Apptag/AppDefaults.swift | 4
src/Apptag/Localization/de.json | 9
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-烟紫星尘.svg | 438 ++++
src/Docs/Requirements/2026-06-27-pro-theme-preview-countdown-prd.md | 76
src/Apptag/AppGridTheme.swift | 300 ++
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-极夜孔雀.svg | 438 ++++
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-黑曜玫瑰.svg | 438 ++++
CODEGRAPH.md | 10
src/Release/AppStore-8.1.7-20260628.2035/QA_RELEASE_EVIDENCE.md | 27
src/Apptag/Localization/ar-Najdi.json | 9
src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-碳夜电蓝.png | 0
src/Apptag/Localization/nb.json | 9
src/Release/AppStore-8.1.7-20260628.2035/RELEASE_MANIFEST.md | 19
src/Docs/Requirements/Assets/8.1.7-theme-concepts/generate_dark_colorful_concepts.js | 295 ++
src/Apptag/Localization/sr-Cyrl.json | 9
src/Apptag/Localization/zh-Hans.json | 9
src/Apptag/Localization/uk.json | 9
src/Apptag/Localization/vi.json | 9
58 files changed, 6,259 insertions(+), 139 deletions(-)
diff --git a/CODEGRAPH.md b/CODEGRAPH.md
index 60ce67c..cd8b190 100644
--- a/CODEGRAPH.md
+++ b/CODEGRAPH.md
@@ -27,14 +27,14 @@
- `OverlayPanel` / `OverlayWindowController`：AppGrid 浮层窗口与显示/隐藏控制。
- `src/Apptag/ContentView.swift`
- `ContentView`：AppGrid 主界面、标签导航、编辑模式、拖拽处理、Quick Search 数据刷新、使用技巧浮层入口。
- - 读取 `appGridThemeID` 并负责 AppGrid 全屏主题背景渲染。
+ - 读取 `appGridThemeID` 和炫彩主题调色值，并负责 AppGrid 全屏主题背景渲染。
- 编辑模式使用 runtime theme override：任何主题下进入编辑都临时显示默认浅色毛玻璃。
- 使用最近一次完整 `AppLibrarySnapshot` 先渲染 AppGrid，再后台刷新，避免启动/重开时立刻显示转圈。
- 使用技巧关闭提醒由 `ContentView` 统一弹 modal 并写入 `hideUsageTips` / `skipUsageTipsCloseReminder`。
- Quick Search 点击 TagLauncher 自身结果时只关闭当前浮层，不走外部自启动，避免 AppGrid 被重新拉起。
- `src/Apptag/PreferencesView.swift`
- `PreferencesView`：设置窗口、语言、通用、主题、快捷键、标签、数据、关于等设置页。
- - Theme tab 只写视觉偏好 `appGridThemeID`，不得改变标签、排序、备注或分类数据。
+ - Theme tab 只写视觉偏好 `appGridThemeID` 和炫彩主题调色值，炫彩滑轨只能影响 AppGrid 背景，不得改变标签、排序、备注或分类数据。
- 免费用户预览 Pro 主题时，Theme tab 状态行和当前预览主题卡片显示基于 `ProThemePreviewState.endsAt` 推导的 `MM:SS` 倒计时；倒计时到期只退出预览，不弹阻塞提示。
- Pro 升级 / 权益卡位于 About tab；Data tab 只承载分类方案、导入导出和气泡显示位置等数据管理入口。
@@ -49,13 +49,14 @@
- 不拥有 AppGrid 全屏渐变背景，只接收 theme 推导出的玻璃和文本可读性 token。
- 样式 2 / 样式 3 的瀑布流容器布局会把未分类和 Mac 自带作为底部特殊容器：未分类倒数第二、Mac 自带最后，二者横向占满；普通列末尾会补齐到特殊容器上沿，避免底部参差空隙。
- `src/Apptag/AppGridTheme.swift`
- - AppGrid 主题事实源：theme id、localization key、设置页 swatch、全屏渐变背景、玻璃明暗、编辑模式 token。
- - 持久化 key：`appGridThemeID`。
+ - AppGrid 主题事实源：theme id、localization key、设置页 swatch、全屏渐变背景、炫彩主题调色板、玻璃明暗、编辑模式 token。
+ - 持久化 key：`appGridThemeID`；暗色 / 亮色炫彩额外使用各自的调色值 key。
- 主题是否需要 Pro 只通过 `ProEntitlementConfig.freeThemes` 判断，不在主题 UI 中散落规则。
- `src/Apptag/ProEntitlement.swift`
- `ProEntitlementCenter`：StoreKit 2 当前权益、购买、恢复、交易更新、离线缓存和 QA 状态注入。
- `ProEntitlementPolicy`：数据层可同步调用的 Pro 门禁；覆盖主题、导入 / 导出、备注额度和应用排序持久化。
- `ProEntitlementConfig`：一次性买断商品 ID、免费 + Pro 首个版本、免费主题集合、免费备注额度和 QA 环境变量的单一配置点。
+ - `ProThemePreviewState` 可携带临时炫彩调色值；免费预览期间只写全局快照，不写真实 `UserDefaults`。
- `src/Apptag/ProAccessViews.swift`
- `ProStatusPill`：高级功能入口的小型 Pro 胶囊；Pro / 已锁定高级功能使用金色皇冠体系，免费状态使用中性胶囊。
- `ProUpgradePromptView`：功能被锁时的统一解锁提示，购买 / 恢复动作由调用方闭包绑定。
@@ -81,6 +82,7 @@
- 持有最近一次完整 `AppLibrarySnapshot`，供新建 overlay 立即复用。
- `src/Apptag/AppDefaults.swift`
- UserDefaults 默认值注册与 schema 默认处理。
+ - 新安装默认图标大小为 `56`；已有用户的持久化图标大小不做迁移覆盖。
- 旧 `useDarkAppGrid=true` 在没有新 theme key 时迁移到 `appGridThemeID=deepBlue`。
- `hideUsageTips` 默认 `false`；`skipUsageTipsCloseReminder` 默认 `false`。
diff --git a/src/Apptag/AppDefaults.swift b/src/Apptag/AppDefaults.swift
index 47f9c8a..fe71510 100644
--- a/src/Apptag/AppDefaults.swift
+++ b/src/Apptag/AppDefaults.swift
@@ -5,7 +5,7 @@
static let currentSchemaVersion = 3
static let tagFontSize: Double = 22
- static let iconSize: Double = 64
+ static let iconSize: Double = 56
static let tagPosition = "right"
static let displayMode = "coloredGridContainer"
static let hideAppNames = true
@@ -29,6 +29,8 @@
"showUncommonAppBubbles": showUncommonAppBubbles,
"hideUsageTips": hideUsageTips,
AppGridTheme.storageKey: appGridThemeID,
+ AppGridTheme.deepBlueTuningStorageKey: AppGridTheme.deepBlue.defaultColorTuning,
+ AppGridTheme.colorfulTuningStorageKey: AppGridTheme.colorful.defaultColorTuning,
"useAppKitTagNavigation": useAppKitTagNavigation,
"skipTagRemovalDropConfirm": false,
"skipUncategorizedDropConfirm": false,
diff --git a/src/Apptag/AppGridTheme.swift b/src/Apptag/AppGridTheme.swift
index f345a5c..052d1ee 100644
--- a/src/Apptag/AppGridTheme.swift
+++ b/src/Apptag/AppGridTheme.swift
@@ -1,6 +1,46 @@
import SwiftUI
import AppKit
+private struct AppGridThemeColor {
+ let red: Double
+ let green: Double
+ let blue: Double
+
+ func color(opacity: Double = 1) -> Color {
+ Color(red: red, green: green, blue: blue).opacity(opacity)
+ }
+
+ static func mix(_ lhs: AppGridThemeColor, _ rhs: AppGridThemeColor, amount: Double) -> AppGridThemeColor {
+ AppGridThemeColor(
+ red: lhs.red + (rhs.red - lhs.red) * amount,
+ green: lhs.green + (rhs.green - lhs.green) * amount,
+ blue: lhs.blue + (rhs.blue - lhs.blue) * amount
+ )
+ }
+}
+
+private struct AppGridThemeStop {
+ let color: AppGridThemeColor
+ let opacity: Double
+
+ func swiftUIColor() -> Color {
+ color.color(opacity: opacity)
+ }
+
+ static func mix(_ lhs: AppGridThemeStop, _ rhs: AppGridThemeStop, amount: Double) -> AppGridThemeStop {
+ AppGridThemeStop(
+ color: .mix(lhs.color, rhs.color, amount: amount),
+ opacity: lhs.opacity + (rhs.opacity - lhs.opacity) * amount
+ )
+ }
+}
+
+private struct AppGridThemePalette {
+ let base: [AppGridThemeStop]
+ let accent: [AppGridThemeStop]
+ let preview: [AppGridThemeStop]
+}
+
enum AppGridTheme: String, CaseIterable, Identifiable {
case defaultLight
case deepBlue
@@ -12,7 +52,19 @@
case colorful
static let storageKey = "appGridThemeID"
+ static let deepBlueTuningStorageKey = "appGridThemeTuning.deepBlue"
+ static let colorfulTuningStorageKey = "appGridThemeTuning.colorful"
static let fallback = AppGridTheme.defaultLight
+ static let settingsDisplayOrder: [AppGridTheme] = [
+ .defaultLight,
+ .black,
+ .pink,
+ .green,
+ .purple,
+ .blue,
+ .deepBlue,
+ .colorful
+ ]
static var freeThemes: [AppGridTheme] {
allCases.filter(\.isFreeTheme)
}
@@ -164,7 +216,44 @@
Color.white
}
+ var supportsColorTuning: Bool {
+ self == .deepBlue || self == .colorful
+ }
+
+ var defaultColorTuning: Double {
+ switch self {
+ case .deepBlue:
+ return 0
+ case .colorful:
+ return 0
+ case .defaultLight, .black, .pink, .purple, .green, .blue:
+ return 0.5
+ }
+ }
+
+ var tuningStorageKey: String? {
+ switch self {
+ case .deepBlue:
+ return Self.deepBlueTuningStorageKey
+ case .colorful:
+ return Self.colorfulTuningStorageKey
+ case .defaultLight, .black, .pink, .purple, .green, .blue:
+ return nil
+ }
+ }
+
+ func normalizedTuning(_ value: Double?) -> Double {
+ min(1, max(0, value ?? defaultColorTuning))
+ }
+
var backgroundBaseColors: [Color] {
+ backgroundBaseColors(tuning: nil)
+ }
+
+ func backgroundBaseColors(tuning: Double?) -> [Color] {
+ if supportsColorTuning {
+ return tunedPalette(tuning: tuning).base.map { $0.swiftUIColor() }
+ }
switch self {
case .defaultLight:
return [
@@ -207,16 +296,18 @@
Color(red: 0.45, green: 0.96, blue: 1.00)
]
case .colorful:
- return [
- Color(red: 0.10, green: 0.78, blue: 1.00),
- Color(red: 0.34, green: 0.96, blue: 0.94),
- Color(red: 0.73, green: 0.78, blue: 1.00),
- Color(red: 1.00, green: 0.58, blue: 0.94)
- ]
+ return tunedPalette(tuning: tuning).base.map { $0.swiftUIColor() }
}
}
var backgroundAccentColors: [Color] {
+ backgroundAccentColors(tuning: nil)
+ }
+
+ func backgroundAccentColors(tuning: Double?) -> [Color] {
+ if supportsColorTuning {
+ return tunedPalette(tuning: tuning).accent.map { $0.swiftUIColor() }
+ }
switch self {
case .defaultLight:
return [Color.clear, Color.clear]
@@ -256,16 +347,18 @@
Color(red: 0.00, green: 0.90, blue: 1.00).opacity(0.18)
]
case .colorful:
- return [
- Color.white.opacity(0.16),
- Color(red: 0.00, green: 0.78, blue: 1.00).opacity(0.22),
- Color(red: 1.00, green: 0.45, blue: 0.95).opacity(0.22),
- Color(red: 0.35, green: 1.00, blue: 0.92).opacity(0.18)
- ]
+ return tunedPalette(tuning: tuning).accent.map { $0.swiftUIColor() }
}
}
var previewColors: [Color] {
+ previewColors(tuning: nil)
+ }
+
+ func previewColors(tuning: Double?) -> [Color] {
+ if supportsColorTuning {
+ return tunedPalette(tuning: tuning).preview.map { $0.swiftUIColor() }
+ }
switch self {
case .defaultLight:
return [Color.white, Color(red: 0.88, green: 0.90, blue: 0.92)]
@@ -282,12 +375,183 @@
case .blue:
return [Color(red: 0.70, green: 0.91, blue: 1.00), Color(red: 0.22, green: 0.58, blue: 1.00)]
case .colorful:
- return [
- Color(red: 0.10, green: 0.78, blue: 1.00),
- Color(red: 0.34, green: 0.96, blue: 0.94),
- Color(red: 0.75, green: 0.82, blue: 1.00),
- Color(red: 1.00, green: 0.56, blue: 0.94)
- ]
+ return tunedPalette(tuning: tuning).preview.map { $0.swiftUIColor() }
}
}
+
+ private func tunedPalette(tuning: Double?) -> AppGridThemePalette {
+ let palettes = self == .deepBlue ? Self.darkColorfulPalettes : Self.lightColorfulPalettes
+ let normalized = normalizedTuning(tuning)
+ guard palettes.count > 1 else {
+ return palettes[0]
+ }
+ let scaled = normalized * Double(palettes.count - 1)
+ let lowerIndex = min(palettes.count - 1, max(0, Int(floor(scaled))))
+ let upperIndex = min(palettes.count - 1, lowerIndex + 1)
+ let amount = scaled - Double(lowerIndex)
+ guard lowerIndex != upperIndex else {
+ return palettes[lowerIndex]
+ }
+ return Self.mixPalettes(palettes[lowerIndex], palettes[upperIndex], amount: amount)
+ }
+
+ private static func mixPalettes(_ lhs: AppGridThemePalette, _ rhs: AppGridThemePalette, amount: Double) -> AppGridThemePalette {
+ AppGridThemePalette(
+ base: zip(lhs.base, rhs.base).map { .mix($0.0, $0.1, amount: amount) },
+ accent: zip(lhs.accent, rhs.accent).map { .mix($0.0, $0.1, amount: amount) },
+ preview: zip(lhs.preview, rhs.preview).map { .mix($0.0, $0.1, amount: amount) }
+ )
+ }
+}
+
+private extension AppGridTheme {
+ static let darkColorfulPalettes: [AppGridThemePalette] = [
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.01, green: 0.03, blue: 0.08), opacity: 0.98),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.13, blue: 0.20), opacity: 0.96),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.28, blue: 0.28), opacity: 0.88),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.06, green: 0.08, blue: 0.18), opacity: 0.94)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.88, blue: 0.78), opacity: 0.22),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.10, green: 0.54, blue: 1.00), opacity: 0.18),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.08, green: 0.78, blue: 0.44), opacity: 0.16),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.45, green: 0.22, blue: 0.92), opacity: 0.12)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.01, green: 0.06, blue: 0.12), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.42, blue: 0.38), opacity: 1)
+ ]
+ ),
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.03, green: 0.02, blue: 0.08), opacity: 0.98),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.17, green: 0.04, blue: 0.19), opacity: 0.95),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.28, green: 0.04, blue: 0.20), opacity: 0.88),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.05, green: 0.06, blue: 0.16), opacity: 0.96)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.22, blue: 0.62), opacity: 0.18),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.70, green: 0.20, blue: 1.00), opacity: 0.17),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.10, green: 0.72, blue: 1.00), opacity: 0.13),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.58, blue: 0.82), opacity: 0.12)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.05, green: 0.03, blue: 0.10), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.44, green: 0.06, blue: 0.32), opacity: 1)
+ ]
+ ),
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.02, blue: 0.08), opacity: 0.99),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.08, blue: 0.22), opacity: 0.97),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.22, blue: 0.36), opacity: 0.88),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.03, green: 0.04, blue: 0.13), opacity: 0.96)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.62, blue: 1.00), opacity: 0.20),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.24, green: 0.34, blue: 1.00), opacity: 0.18),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 1.00, blue: 0.92), opacity: 0.12),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.52, green: 0.20, blue: 1.00), opacity: 0.12)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.03, blue: 0.10), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.30, blue: 0.52), opacity: 1)
+ ]
+ ),
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.01, green: 0.04, blue: 0.04), opacity: 0.99),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.14, blue: 0.10), opacity: 0.95),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.30, blue: 0.17), opacity: 0.86),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.04, green: 0.07, blue: 0.14), opacity: 0.96)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.42, green: 1.00, blue: 0.52), opacity: 0.16),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.88, blue: 0.78), opacity: 0.15),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.24, green: 0.44, blue: 1.00), opacity: 0.13),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.80, green: 0.80, blue: 0.28), opacity: 0.10)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.01, green: 0.06, blue: 0.05), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.03, green: 0.34, blue: 0.18), opacity: 1)
+ ]
+ ),
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.02, blue: 0.07), opacity: 0.98),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.10, green: 0.05, blue: 0.22), opacity: 0.95),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.18, green: 0.08, blue: 0.35), opacity: 0.86),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.02, green: 0.08, blue: 0.16), opacity: 0.96)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.72, green: 0.48, blue: 1.00), opacity: 0.17),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.26, green: 0.86, blue: 1.00), opacity: 0.15),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.52, blue: 0.86), opacity: 0.13),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.18, green: 0.92, blue: 0.76), opacity: 0.10)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.03, green: 0.02, blue: 0.08), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.24, green: 0.10, blue: 0.48), opacity: 1)
+ ]
+ )
+ ]
+
+ static let lightColorfulPalettes: [AppGridThemePalette] = [
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.10, green: 0.78, blue: 1.00), opacity: 0.95),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.34, green: 0.96, blue: 0.94), opacity: 0.92),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.73, green: 0.78, blue: 1.00), opacity: 0.90),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.58, blue: 0.94), opacity: 0.86)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 1.00, blue: 1.00), opacity: 0.16),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.78, blue: 1.00), opacity: 0.22),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.45, blue: 0.95), opacity: 0.22),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.35, green: 1.00, blue: 0.92), opacity: 0.18)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.10, green: 0.78, blue: 1.00), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.56, blue: 0.94), opacity: 1)
+ ]
+ ),
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.72, green: 0.98, blue: 0.72), opacity: 0.94),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.48, green: 0.88, blue: 1.00), opacity: 0.92),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.88, blue: 0.42), opacity: 0.84),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.62, blue: 0.82), opacity: 0.84)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 1.00, blue: 1.00), opacity: 0.20),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.20, green: 0.92, blue: 0.64), opacity: 0.20),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.66, blue: 0.20), opacity: 0.16),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.50, green: 0.52, blue: 1.00), opacity: 0.16)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.50, green: 0.92, blue: 1.00), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.78, blue: 0.38), opacity: 1)
+ ]
+ ),
+ AppGridThemePalette(
+ base: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.78, green: 0.90, blue: 1.00), opacity: 0.95),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.56, green: 0.72, blue: 1.00), opacity: 0.90),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.78, green: 0.65, blue: 1.00), opacity: 0.86),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.72, blue: 0.96), opacity: 0.84)
+ ],
+ accent: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 1.00, blue: 1.00), opacity: 0.18),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.00, green: 0.70, blue: 1.00), opacity: 0.18),
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.82, green: 0.36, blue: 1.00), opacity: 0.18),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.48, blue: 0.74), opacity: 0.16)
+ ],
+ preview: [
+ AppGridThemeStop(color: AppGridThemeColor(red: 0.62, green: 0.80, blue: 1.00), opacity: 1),
+ AppGridThemeStop(color: AppGridThemeColor(red: 1.00, green: 0.70, blue: 0.96), opacity: 1)
+ ]
+ )
+ ]
}
diff --git a/src/Apptag/ContentView.swift b/src/Apptag/ContentView.swift
index 2560bb9..743ec5f 100644
--- a/src/Apptag/ContentView.swift
+++ b/src/Apptag/ContentView.swift
@@ -448,6 +448,8 @@
@AppStorage("showUncommonAppBubbles") private var showUncommonAppBubbles = AppDefaults.showUncommonAppBubbles
@AppStorage("hideUsageTips") private var hideUsageTips = AppDefaults.hideUsageTips
@AppStorage(AppGridTheme.storageKey) private var appGridThemeID = AppDefaults.appGridThemeID
+ @AppStorage(AppGridTheme.deepBlueTuningStorageKey) private var deepBlueThemeTuning = AppGridTheme.deepBlue.defaultColorTuning
+ @AppStorage(AppGridTheme.colorfulTuningStorageKey) private var colorfulThemeTuning = AppGridTheme.colorful.defaultColorTuning
@AppStorage("useAppKitTagNavigation") private var useAppKitTagNavigation = AppDefaults.useAppKitTagNavigation
@AppStorage("skipTagRemovalDropConfirm") private var skipTagRemovalDropConfirm = false
@AppStorage("skipUncategorizedDropConfirm") private var skipUncategorizedDropConfirm = false
@@ -487,6 +489,25 @@
editPhase == .none
? ProEntitlementPolicy.effectiveTheme(for: appGridTheme)
: .defaultLight
+ }
+
+ private var renderedAppGridThemeTuning: Double? {
+ guard editPhase == .none else { return nil }
+ return ProEntitlementPolicy.effectiveThemeTuning(
+ for: appGridTheme,
+ storedTuning: storedThemeTuning(for: appGridTheme)
+ )
+ }
+
+ private func storedThemeTuning(for theme: AppGridTheme) -> Double? {
+ switch theme {
+ case .deepBlue:
+ return deepBlueThemeTuning
+ case .colorful:
+ return colorfulThemeTuning
+ case .defaultLight, .black, .pink, .purple, .green, .blue:
+ return nil
+ }
}
private var isSideLayout: Bool {
@@ -992,6 +1013,7 @@
private var appGridBackground: some View {
let theme = renderedAppGridTheme
+ let tuning = renderedAppGridThemeTuning
return ZStack {
if theme.usesVisualEffectBackdrop {
VisualEffectView(
@@ -1004,12 +1026,12 @@
}
if !theme.isDefaultLight {
LinearGradient(
- colors: theme.backgroundBaseColors,
+ colors: theme.backgroundBaseColors(tuning: tuning),
startPoint: .topLeading,
endPoint: .bottomTrailing
)
LinearGradient(
- colors: theme.backgroundAccentColors,
+ colors: theme.backgroundAccentColors(tuning: tuning),
startPoint: .topTrailing,
endPoint: .bottomLeading
)
diff --git a/src/Apptag/Info.plist b/src/Apptag/Info.plist
index f8b2ea1..2367075 100644
--- a/src/Apptag/Info.plist
+++ b/src/Apptag/Info.plist
@@ -19,7 +19,7 @@
<key>CFBundlePackageType</key>
<string>APPL</string>
<key>CFBundleShortVersionString</key>
- <string>8.1.6</string>
+ <string>8.1.7</string>
<key>CFBundleURLTypes</key>
<array>
<dict>
@@ -32,7 +32,7 @@
</dict>
</array>
<key>CFBundleVersion</key>
- <string>20260628.0230</string>
+ <string>20260628.2035</string>
<key>LSApplicationCategoryType</key>
<string>public.app-category.utilities</string>
<key>LSMinimumSystemVersion</key>
diff --git a/src/Apptag/Localization/ar-Najdi.json b/src/Apptag/Localization/ar-Najdi.json
index 3f06a59..fd46812 100644
--- a/src/Apptag/Localization/ar-Najdi.json
+++ b/src/Apptag/Localization/ar-Najdi.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "تلميحة 8 - تعديل الملاحظات",
"usageTips.tip8.detail": "انقر يمين على التطبيق, اكتب ملاحظة.",
"theme.default": "الافتراضية",
- "theme.deepBlue": "أزرق عميق",
+ "theme.deepBlue": "ملوّن داكن",
"theme.black": "أسود",
"theme.pink": "وردي",
"theme.purple": "بنفسجي",
"theme.green": "أخضر",
"theme.blue": "أزرق",
- "theme.colorful": "ملوّن",
+ "theme.colorful": "ملوّن فاتح",
"usageTips.closeReminder.title": "إظهار التلميحات بعدين",
"usageTips.closeReminder.message": "تقدر ترجع تعرض التلميحات من الإعدادات > عام بإلغاء تحديد “إخفاء نصائح الاستخدام”.",
"usageTips.closeReminder.doNotRemind": "تم. لا تذكرني مرة ثانية إذا سكرت التلميحات.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "المواضيع المجانية جاهزة الآن. فتح Pro للحفاظ على كل موضوع متقدم.",
"pro.theme.status.preview": "معاينة موضوع برو. قم بإلغاء تأمين Pro للاحتفاظ به بعد انتهاء المعاينة.",
"pro.theme.status.previewCountdown": "قيد التجربة · باقي %time%",
- "pro.theme.status.unlocked": "تم فتح جميع السمات على جهاز Mac هذا."
+ "pro.theme.status.unlocked": "تم فتح جميع السمات على جهاز Mac هذا.",
+ "theme.tuning.dark": "ضبط الملوّن الداكن",
+ "theme.tuning.light": "ضبط الملوّن الفاتح",
+ "theme.tuning.desc": "اضبط تدفق الألوان السائل. السمة تبقى على أسلوبها الفاتح أو الداكن الحالي. السمات تغيّر خلفية شبكة التطبيقات فقط. الحاويات تبقى بسطح زجاجي موحّد."
}
diff --git a/src/Apptag/Localization/ar.json b/src/Apptag/Localization/ar.json
index 224c707..69dec92 100644
--- a/src/Apptag/Localization/ar.json
+++ b/src/Apptag/Localization/ar.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "النصيحة 8 - تحرير الملاحظات",
"usageTips.tip8.detail": "انقر بزر الماوس الأيمن على تطبيق, أدخل ملاحظة.",
"theme.default": "الافتراضية",
- "theme.deepBlue": "أزرق عميق",
+ "theme.deepBlue": "ملوّن داكن",
"theme.black": "أسود",
"theme.pink": "وردي",
"theme.purple": "بنفسجي",
"theme.green": "أخضر",
"theme.blue": "أزرق",
- "theme.colorful": "ملوّن",
+ "theme.colorful": "ملوّن فاتح",
"usageTips.closeReminder.title": "إظهار التلميحات لاحقًا",
"usageTips.closeReminder.message": "يمكنك إظهار التلميحات مرة أخرى من الإعدادات > عام عبر إلغاء تحديد “إخفاء نصائح الاستخدام”.",
"usageTips.closeReminder.doNotRemind": "فهمت. لا تذكرني مرة أخرى عند إغلاق التلميحات.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "المواضيع المجانية جاهزة الآن. فتح Pro للحفاظ على كل موضوع متقدم.",
"pro.theme.status.preview": "معاينة موضوع برو. قم بإلغاء تأمين Pro للاحتفاظ به بعد انتهاء المعاينة.",
"pro.theme.status.previewCountdown": "قيد المعاينة · متبقٍ %time%",
- "pro.theme.status.unlocked": "تم فتح جميع السمات على جهاز Mac هذا."
+ "pro.theme.status.unlocked": "تم فتح جميع السمات على جهاز Mac هذا.",
+ "theme.tuning.dark": "ضبط الملوّن الداكن",
+ "theme.tuning.light": "ضبط الملوّن الفاتح",
+ "theme.tuning.desc": "اضبط تدفق الألوان السائل. تحافظ السمة على أسلوبها الفاتح أو الداكن الحالي. تغيّر السمات خلفية شبكة التطبيقات فقط. تبقى الحاويات بسطح زجاجي موحّد."
}
diff --git a/src/Apptag/Localization/cs.json b/src/Apptag/Localization/cs.json
index 3790773..024296e 100644
--- a/src/Apptag/Localization/cs.json
+++ b/src/Apptag/Localization/cs.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tip 8 - Upravit poznámky",
"usageTips.tip8.detail": "Klikněte na aplikaci pravým tlačítkem, zadejte poznámku.",
"theme.default": "Výchozí",
- "theme.deepBlue": "Tmavě modrý",
+ "theme.deepBlue": "Tmavě barevné",
"theme.black": "Černý",
"theme.pink": "Růžový",
"theme.purple": "Fialový",
"theme.green": "Zelený",
"theme.blue": "Modrý",
- "theme.colorful": "Barevný",
+ "theme.colorful": "Světle barevné",
"usageTips.closeReminder.title": "Zobrazit tipy později znovu",
"usageTips.closeReminder.message": "Tipy můžete znovu zobrazit v Nastavení > Obecné zrušením volby „Skrýt tipy k používání“.",
"usageTips.closeReminder.doNotRemind": "Rozumím. Při příštím zavření tipů už nepřipomínat.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Volná témata jsou nyní připravena. Odemkněte Pro, abyste zachovali každé pokročilé téma.",
"pro.theme.status.preview": "Zobrazení náhledu motivu Pro. Odemkněte Pro, abyste si jej ponechali i po skončení náhledu.",
"pro.theme.status.previewCountdown": "Náhled · zbývá %time%",
- "pro.theme.status.unlocked": "Všechna témata jsou na tomto Macu odemčená."
+ "pro.theme.status.unlocked": "Všechna témata jsou na tomto Macu odemčená.",
+ "theme.tuning.dark": "Ladění tmavě barevného",
+ "theme.tuning.light": "Ladění světle barevného",
+ "theme.tuning.desc": "Upravte tekoucí barevný přechod. Motiv zachová svůj světlý nebo tmavý styl. Motivy mění jen pozadí mřížky aplikací. Kontejnery si ponechají jednotný skleněný povrch."
}
diff --git a/src/Apptag/Localization/da.json b/src/Apptag/Localization/da.json
index 3ef0339..978ea2c 100644
--- a/src/Apptag/Localization/da.json
+++ b/src/Apptag/Localization/da.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tip 8 - Rediger noter",
"usageTips.tip8.detail": "Højreklik på en app, indtast en note.",
"theme.default": "Standard",
- "theme.deepBlue": "Dyb blå",
+ "theme.deepBlue": "Mørk farverig",
"theme.black": "Sort",
"theme.pink": "Pink",
"theme.purple": "Lilla",
"theme.green": "Grøn",
"theme.blue": "Blå",
- "theme.colorful": "Farverig",
+ "theme.colorful": "Lys farverig",
"usageTips.closeReminder.title": "Vis tips igen senere",
"usageTips.closeReminder.message": "Du kan vise tips igen i Indstillinger > Generelt ved at fjerne markeringen af “Skjul brugstips”.",
"usageTips.closeReminder.doNotRemind": "Forstået. Mind mig ikke om det igen, når jeg lukker tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Gratis temaer er klar nu. Lås Pro op for at beholde alle avancerede temaer.",
"pro.theme.status.preview": "Forhåndsvisning af et Pro-tema. Lås Pro op for at beholde den, når forhåndsvisningen slutter.",
"pro.theme.status.previewCountdown": "Forhåndsvisning · %time% tilbage",
- "pro.theme.status.unlocked": "Alle temaer er låst op på denne Mac."
+ "pro.theme.status.unlocked": "Alle temaer er låst op på denne Mac.",
+ "theme.tuning.dark": "Juster mørk farverig",
+ "theme.tuning.light": "Juster lys farverig",
+ "theme.tuning.desc": "Juster det flydende farveforløb. Temaet bevarer sin lyse eller mørke stil. Temaer ændrer kun baggrunden i appgitteret. Containere beholder en ensartet glasflade."
}
diff --git a/src/Apptag/Localization/de.json b/src/Apptag/Localization/de.json
index b108400..0eeb0c2 100644
--- a/src/Apptag/Localization/de.json
+++ b/src/Apptag/Localization/de.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tipp 8 - Notizen bearbeiten",
"usageTips.tip8.detail": "Rechtsklick auf App, Notiz eingeben.",
"theme.default": "Standard",
- "theme.deepBlue": "Tiefblau",
+ "theme.deepBlue": "Dunkel bunt",
"theme.black": "Schwarz",
"theme.pink": "Pink",
"theme.purple": "Violett",
"theme.green": "Grün",
"theme.blue": "Blau",
- "theme.colorful": "Bunt",
+ "theme.colorful": "Hell bunt",
"usageTips.closeReminder.title": "Tipps später wieder anzeigen",
"usageTips.closeReminder.message": "Du kannst die Tipps später unter Einstellungen > Allgemein wieder anzeigen, indem du „Nutzungstipps ausblenden“ deaktivierst.",
"usageTips.closeReminder.doNotRemind": "Verstanden. Beim Schließen der Tipps nicht mehr erinnern.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Kostenlose Themes sind jetzt fertig. Schalten Sie Pro frei, um alle erweiterten Themes beizubehalten.",
"pro.theme.status.preview": "Vorschau eines Pro-Themes. Schalten Sie Pro frei, um es nach Ende der Vorschau zu behalten.",
"pro.theme.status.previewCountdown": "Vorschau · noch %time%",
- "pro.theme.status.unlocked": "Alle Themes sind auf diesem Mac freigeschaltet."
+ "pro.theme.status.unlocked": "Alle Themes sind auf diesem Mac freigeschaltet.",
+ "theme.tuning.dark": "Dunkel bunt abstimmen",
+ "theme.tuning.light": "Hell bunt abstimmen",
+ "theme.tuning.desc": "Passe den fließenden Farbeindruck an. Das helle oder dunkle Design bleibt erhalten. Designs ändern nur den Hintergrund des App-Rasters. Container behalten eine einheitliche Glasfläche."
}
diff --git a/src/Apptag/Localization/en.json b/src/Apptag/Localization/en.json
index 72c4c0d..59f580a 100644
--- a/src/Apptag/Localization/en.json
+++ b/src/Apptag/Localization/en.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tip 8 - Edit notes",
"usageTips.tip8.detail": "Right-click an app, enter a note.",
"theme.default": "Default",
- "theme.deepBlue": "Deep Blue",
+ "theme.deepBlue": "Dark Colorful",
"theme.black": "Black",
"theme.pink": "Pink",
"theme.purple": "Purple",
"theme.green": "Green",
"theme.blue": "Blue",
- "theme.colorful": "Colorful",
+ "theme.colorful": "Light Colorful",
"usageTips.closeReminder.title": "Show tips again later",
"usageTips.closeReminder.message": "You can show tips again later in Settings > General by clearing “Hide usage tips”.",
"usageTips.closeReminder.doNotRemind": "Got it. Don’t remind me next time I close tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Free themes are ready now. Unlock Pro to keep every advanced theme.",
"pro.theme.status.preview": "Previewing a Pro theme. Unlock Pro to keep it after the preview ends.",
"pro.theme.status.previewCountdown": "Previewing · %time% left",
- "pro.theme.status.unlocked": "All themes are unlocked on this Mac."
+ "pro.theme.status.unlocked": "All themes are unlocked on this Mac.",
+ "theme.tuning.dark": "Dark colorful tuning",
+ "theme.tuning.light": "Light colorful tuning",
+ "theme.tuning.desc": "Adjust the liquid color flow. The theme keeps its current light or dark style. Themes only change the App Grid background. Containers keep one consistent glass surface."
}
diff --git a/src/Apptag/Localization/es.json b/src/Apptag/Localization/es.json
index df496e0..7bc2511 100644
--- a/src/Apptag/Localization/es.json
+++ b/src/Apptag/Localization/es.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Consejo 8 - Editar notas",
"usageTips.tip8.detail": "Clic derecho en una app, escriba una nota.",
"theme.default": "Predeterminado",
- "theme.deepBlue": "Azul profundo",
+ "theme.deepBlue": "Colorido oscuro",
"theme.black": "Negro",
"theme.pink": "Rosa",
"theme.purple": "Morado",
"theme.green": "Verde",
"theme.blue": "Azul",
- "theme.colorful": "Colorido",
+ "theme.colorful": "Colorido claro",
"usageTips.closeReminder.title": "Volver a ver los consejos más tarde",
"usageTips.closeReminder.message": "Puedes volver a ver los consejos en Ajustes > General desmarcando “Ocultar consejos de uso”.",
"usageTips.closeReminder.doNotRemind": "Entendido. No volver a recordármelo al cerrar los consejos.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Los temas gratuitos ya están listos. Desbloquea Pro para conservar todos los temas avanzados.",
"pro.theme.status.preview": "Vista previa de un tema Pro. Desbloquea Pro para conservarlo después de que finalice la vista previa.",
"pro.theme.status.previewCountdown": "Vista previa · quedan %time%",
- "pro.theme.status.unlocked": "Todos los temas están desbloqueados en esta Mac."
+ "pro.theme.status.unlocked": "Todos los temas están desbloqueados en esta Mac.",
+ "theme.tuning.dark": "Ajuste colorido oscuro",
+ "theme.tuning.light": "Ajuste colorido claro",
+ "theme.tuning.desc": "Ajusta el flujo líquido de color. El tema conserva su estilo claro u oscuro. Los temas solo cambian el fondo de la cuadrícula de apps. Los contenedores mantienen una superficie de cristal uniforme."
}
diff --git a/src/Apptag/Localization/fr.json b/src/Apptag/Localization/fr.json
index e9adb97..28fc489 100644
--- a/src/Apptag/Localization/fr.json
+++ b/src/Apptag/Localization/fr.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Astuce 8 - Modifier les notes",
"usageTips.tip8.detail": "Clic droit sur une app, saisissez une note.",
"theme.default": "Par défaut",
- "theme.deepBlue": "Bleu profond",
+ "theme.deepBlue": "Coloré sombre",
"theme.black": "Noir",
"theme.pink": "Rose",
"theme.purple": "Violet",
"theme.green": "Vert",
"theme.blue": "Bleu",
- "theme.colorful": "Coloré",
+ "theme.colorful": "Coloré clair",
"usageTips.closeReminder.title": "Retrouver les astuces plus tard",
"usageTips.closeReminder.message": "Vous pourrez revoir les astuces dans Réglages > Général en décochant « Masquer les astuces d’utilisation ».",
"usageTips.closeReminder.doNotRemind": "Compris. Ne plus me le rappeler quand je ferme les astuces.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Les thèmes gratuits sont prêts maintenant. Débloquez Pro pour conserver tous les thèmes avancés.",
"pro.theme.status.preview": "Prévisualisation d'un thème Pro. Déverrouillez Pro pour le conserver une fois l'aperçu terminé.",
"pro.theme.status.previewCountdown": "Aperçu · %time% restantes",
- "pro.theme.status.unlocked": "Tous les thèmes sont débloqués sur ce Mac."
+ "pro.theme.status.unlocked": "Tous les thèmes sont débloqués sur ce Mac.",
+ "theme.tuning.dark": "Réglage coloré sombre",
+ "theme.tuning.light": "Réglage coloré clair",
+ "theme.tuning.desc": "Ajustez le flux de couleurs liquide. Le style clair ou sombre du thème reste conservé. Les thèmes ne modifient que l’arrière-plan de la grille d’apps. Les conteneurs gardent une surface vitrée uniforme."
}
diff --git a/src/Apptag/Localization/id.json b/src/Apptag/Localization/id.json
index 7944e87..8c0cb11 100644
--- a/src/Apptag/Localization/id.json
+++ b/src/Apptag/Localization/id.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tips 8 - Edit catatan",
"usageTips.tip8.detail": "Klik kanan app, masukkan catatan.",
"theme.default": "Default",
- "theme.deepBlue": "Biru Tua",
+ "theme.deepBlue": "Warna gelap",
"theme.black": "Hitam",
"theme.pink": "Merah Muda",
"theme.purple": "Ungu",
"theme.green": "Hijau",
"theme.blue": "Biru",
- "theme.colorful": "Berwarna",
+ "theme.colorful": "Warna terang",
"usageTips.closeReminder.title": "Tampilkan tips lagi nanti",
"usageTips.closeReminder.message": "Kamu dapat menampilkan tips lagi di Pengaturan > Umum dengan menghapus centang “Sembunyikan tips penggunaan”.",
"usageTips.closeReminder.doNotRemind": "Mengerti. Jangan ingatkan lagi saat saya menutup tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Tema gratis sudah siap sekarang. Buka kunci Pro untuk mempertahankan setiap tema lanjutan.",
"pro.theme.status.preview": "Pratinjau tema Pro. Buka kunci Pro untuk menyimpannya setelah pratinjau berakhir.",
"pro.theme.status.previewCountdown": "Pratinjau · tersisa %time%",
- "pro.theme.status.unlocked": "Semua tema tidak terkunci di Mac ini."
+ "pro.theme.status.unlocked": "Semua tema tidak terkunci di Mac ini.",
+ "theme.tuning.dark": "Setelan warna gelap",
+ "theme.tuning.light": "Setelan warna terang",
+ "theme.tuning.desc": "Atur aliran warna cair. Tema tetap mempertahankan gaya terang atau gelapnya. Tema hanya mengubah latar belakang grid app. Kontainer tetap memakai permukaan kaca yang konsisten."
}
diff --git a/src/Apptag/Localization/it.json b/src/Apptag/Localization/it.json
index 5bca6ba..ee6ca19 100644
--- a/src/Apptag/Localization/it.json
+++ b/src/Apptag/Localization/it.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Suggerimento 8 - Modificare note",
"usageTips.tip8.detail": "Fai clic destro su un’app, inserisci una nota.",
"theme.default": "Predefinito",
- "theme.deepBlue": "Blu profondo",
+ "theme.deepBlue": "Colorato scuro",
"theme.black": "Nero",
"theme.pink": "Rosa",
"theme.purple": "Viola",
"theme.green": "Verde",
"theme.blue": "Blu",
- "theme.colorful": "Colorato",
+ "theme.colorful": "Colorato chiaro",
"usageTips.closeReminder.title": "Rivedere i suggerimenti più tardi",
"usageTips.closeReminder.message": "Puoi mostrarli di nuovo in Impostazioni > Generali disattivando “Nascondi suggerimenti d’uso”.",
"usageTips.closeReminder.doNotRemind": "Ho capito. Non ricordarmelo più quando chiudo i suggerimenti.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "I temi gratuiti sono pronti ora. Sblocca Pro per mantenere tutti i temi avanzati.",
"pro.theme.status.preview": "Anteprima di un tema Pro. Sblocca Pro per conservarlo al termine dell'anteprima.",
"pro.theme.status.previewCountdown": "Anteprima · %time% rimasti",
- "pro.theme.status.unlocked": "Tutti i temi sono sbloccati su questo Mac."
+ "pro.theme.status.unlocked": "Tutti i temi sono sbloccati su questo Mac.",
+ "theme.tuning.dark": "Regola colorato scuro",
+ "theme.tuning.light": "Regola colorato chiaro",
+ "theme.tuning.desc": "Regola il flusso liquido dei colori. Il tema mantiene lo stile chiaro o scuro corrente. I temi cambiano solo lo sfondo della griglia delle app. I contenitori mantengono una superficie in vetro uniforme."
}
diff --git a/src/Apptag/Localization/ja.json b/src/Apptag/Localization/ja.json
index 3538026..7e60a2f 100644
--- a/src/Apptag/Localization/ja.json
+++ b/src/Apptag/Localization/ja.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "ヒント8 - メモを編集",
"usageTips.tip8.detail": "アプリを右クリック, メモを入力します。",
"theme.default": "デフォルト",
- "theme.deepBlue": "ディープブルー",
+ "theme.deepBlue": "ダークカラフル",
"theme.black": "ブラック",
"theme.pink": "ピンク",
"theme.purple": "パープル",
"theme.green": "グリーン",
"theme.blue": "ブルー",
- "theme.colorful": "カラフル",
+ "theme.colorful": "ライトカラフル",
"usageTips.closeReminder.title": "あとでヒントをもう一度見る",
"usageTips.closeReminder.message": "設定 > 一般で「使用ヒントを隠す」のチェックを外すと、ヒントを再表示できます。",
"usageTips.closeReminder.doNotRemind": "了解しました。次回ヒントを閉じるときは表示しません。",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "無料のテーマが準備完了です。 Pro のロックを解除して、すべての高度なテーマを保持します。",
"pro.theme.status.preview": "Pro テーマをプレビューしています。プレビュー終了後も保持するには、Pro のロックを解除してください。",
"pro.theme.status.previewCountdown": "プレビュー中 · 残り %time%",
- "pro.theme.status.unlocked": "この Mac ではすべてのテーマのロックが解除されています。"
+ "pro.theme.status.unlocked": "この Mac ではすべてのテーマのロックが解除されています。",
+ "theme.tuning.dark": "ダークカラフル調整",
+ "theme.tuning.light": "ライトカラフル調整",
+ "theme.tuning.desc": "液体のような色の流れを調整します。テーマの明暗スタイルは保たれます。テーマはアプリグリッドの背景だけを変更します。コンテナは統一されたガラス面のままです。"
}
diff --git a/src/Apptag/Localization/ko.json b/src/Apptag/Localization/ko.json
index 64ed521..dbb3adf 100644
--- a/src/Apptag/Localization/ko.json
+++ b/src/Apptag/Localization/ko.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "팁 8 - 메모 편집",
"usageTips.tip8.detail": "앱을 오른쪽 클릭, 메모 입력.",
"theme.default": "기본",
- "theme.deepBlue": "딥 블루",
+ "theme.deepBlue": "어두운 컬러풀",
"theme.black": "검정",
"theme.pink": "분홍",
"theme.purple": "보라",
"theme.green": "초록",
"theme.blue": "파랑",
- "theme.colorful": "컬러풀",
+ "theme.colorful": "밝은 컬러풀",
"usageTips.closeReminder.title": "나중에 팁 다시 보기",
"usageTips.closeReminder.message": "설정 > 일반에서 “사용 팁 숨기기”를 해제하면 팁을 다시 볼 수 있습니다.",
"usageTips.closeReminder.doNotRemind": "알겠습니다. 다음에 팁을 닫을 때 다시 알리지 마세요.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "무료 테마가 이제 준비되었습니다. 모든 고급 테마를 유지하려면 Pro을(를) 잠금 해제하세요.",
"pro.theme.status.preview": "Pro 테마를 미리 보는 중입니다. 미리보기가 끝난 후에도 유지하려면 Pro을(를) 잠금 해제하세요.",
"pro.theme.status.previewCountdown": "미리보기 중 · %time% 남음",
- "pro.theme.status.unlocked": "모든 테마는 이 Mac에서 잠금 해제됩니다."
+ "pro.theme.status.unlocked": "모든 테마는 이 Mac에서 잠금 해제됩니다.",
+ "theme.tuning.dark": "어두운 컬러풀 조정",
+ "theme.tuning.light": "밝은 컬러풀 조정",
+ "theme.tuning.desc": "흐르는 액체 색감을 조정합니다. 테마의 밝기 스타일은 유지됩니다. 테마는 앱 그리드 배경만 바꿉니다. 컨테이너는 일관된 유리 표면을 유지합니다."
}
diff --git a/src/Apptag/Localization/ms.json b/src/Apptag/Localization/ms.json
index d36d461..cd70337 100644
--- a/src/Apptag/Localization/ms.json
+++ b/src/Apptag/Localization/ms.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Petua 8 - Edit nota",
"usageTips.tip8.detail": "Klik kanan app, masukkan nota.",
"theme.default": "Lalai",
- "theme.deepBlue": "Biru Gelap",
+ "theme.deepBlue": "Berwarna gelap",
"theme.black": "Hitam",
"theme.pink": "Merah Jambu",
"theme.purple": "Ungu",
"theme.green": "Hijau",
"theme.blue": "Biru",
- "theme.colorful": "Berwarna-warni",
+ "theme.colorful": "Berwarna cerah",
"usageTips.closeReminder.title": "Tunjukkan petua lagi kemudian",
"usageTips.closeReminder.message": "Anda boleh menunjukkan petua semula dalam Tetapan > Umum dengan menyahtanda “Sembunyikan petua penggunaan”.",
"usageTips.closeReminder.doNotRemind": "Faham. Jangan ingatkan lagi apabila saya menutup petua.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Tema percuma sudah sedia sekarang. Buka kunci Pro untuk mengekalkan setiap tema lanjutan.",
"pro.theme.status.preview": "Mempratonton tema Pro. Buka kunci Pro untuk menyimpannya selepas pratonton tamat.",
"pro.theme.status.previewCountdown": "Pratonton · %time% lagi",
- "pro.theme.status.unlocked": "Semua tema dibuka kunci pada Mac ini."
+ "pro.theme.status.unlocked": "Semua tema dibuka kunci pada Mac ini.",
+ "theme.tuning.dark": "Larasan berwarna gelap",
+ "theme.tuning.light": "Larasan berwarna cerah",
+ "theme.tuning.desc": "Laraskan aliran warna cecair. Tema mengekalkan gaya cerah atau gelap semasa. Tema hanya menukar latar belakang grid app. Kontainer kekal dengan permukaan kaca yang konsisten."
}
diff --git a/src/Apptag/Localization/nb.json b/src/Apptag/Localization/nb.json
index 6a09b1c..b770cf1 100644
--- a/src/Apptag/Localization/nb.json
+++ b/src/Apptag/Localization/nb.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tips 8 - Rediger notater",
"usageTips.tip8.detail": "Høyreklikk på en app, skriv inn et notat.",
"theme.default": "Standard",
- "theme.deepBlue": "Dyp blå",
+ "theme.deepBlue": "Mørk fargerik",
"theme.black": "Svart",
"theme.pink": "Rosa",
"theme.purple": "Lilla",
"theme.green": "Grønn",
"theme.blue": "Blå",
- "theme.colorful": "Fargerik",
+ "theme.colorful": "Lys fargerik",
"usageTips.closeReminder.title": "Vis tips igjen senere",
"usageTips.closeReminder.message": "Du kan vise tips igjen i Innstillinger > Generelt ved å fjerne avmerkingen for «Skjul brukstips».",
"usageTips.closeReminder.doNotRemind": "Skjønner. Ikke minn meg på dette neste gang jeg lukker tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Gratis temaer er klare nå. Lås opp Pro for å beholde alle avanserte temaer.",
"pro.theme.status.preview": "Forhåndsvisning av et Pro-tema. Lås opp Pro for å beholde den etter at forhåndsvisningen er ferdig.",
"pro.theme.status.previewCountdown": "Forhåndsvisning · %time% igjen",
- "pro.theme.status.unlocked": "Alle temaer er låst opp på denne Mac."
+ "pro.theme.status.unlocked": "Alle temaer er låst opp på denne Mac.",
+ "theme.tuning.dark": "Juster mørk fargerik",
+ "theme.tuning.light": "Juster lys fargerik",
+ "theme.tuning.desc": "Juster den flytende fargeflyten. Temaet beholder sin lyse eller mørke stil. Temaer endrer bare bakgrunnen i app-rutenettet. Beholdere har én konsekvent glassflate."
}
diff --git a/src/Apptag/Localization/nl.json b/src/Apptag/Localization/nl.json
index c438d8e..ae3e0dd 100644
--- a/src/Apptag/Localization/nl.json
+++ b/src/Apptag/Localization/nl.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tip 8 - Notities bewerken",
"usageTips.tip8.detail": "Klik met rechts op een app, voer een notitie in.",
"theme.default": "Standaard",
- "theme.deepBlue": "Diepblauw",
+ "theme.deepBlue": "Donker kleurrijk",
"theme.black": "Zwart",
"theme.pink": "Roze",
"theme.purple": "Paars",
"theme.green": "Groen",
"theme.blue": "Blauw",
- "theme.colorful": "Kleurrijk",
+ "theme.colorful": "Licht kleurrijk",
"usageTips.closeReminder.title": "Tips later opnieuw tonen",
"usageTips.closeReminder.message": "Je kunt tips opnieuw tonen via Instellingen > Algemeen door “Gebruikstips verbergen” uit te schakelen.",
"usageTips.closeReminder.doNotRemind": "Begrepen. Niet meer herinneren wanneer ik tips sluit.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Gratis thema's zijn nu klaar. Ontgrendel Pro om elk geavanceerd thema te behouden.",
"pro.theme.status.preview": "Een voorbeeld bekijken van een Pro thema. Ontgrendel Pro om deze te behouden nadat de preview is afgelopen.",
"pro.theme.status.previewCountdown": "Voorvertoning · nog %time%",
- "pro.theme.status.unlocked": "Alle thema's zijn ontgrendeld op deze Mac."
+ "pro.theme.status.unlocked": "Alle thema's zijn ontgrendeld op deze Mac.",
+ "theme.tuning.dark": "Donker kleurrijk afstellen",
+ "theme.tuning.light": "Licht kleurrijk afstellen",
+ "theme.tuning.desc": "Pas de vloeiende kleurstroom aan. Het thema behoudt zijn lichte of donkere stijl. Thema’s wijzigen alleen de achtergrond van het app-raster. Containers behouden één consistente glaslaag."
}
diff --git a/src/Apptag/Localization/nn.json b/src/Apptag/Localization/nn.json
index 4a6f3d4..c1766ce 100644
--- a/src/Apptag/Localization/nn.json
+++ b/src/Apptag/Localization/nn.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tips 8 - Rediger notater",
"usageTips.tip8.detail": "Høgreklikk på ein app, skriv inn eit notat.",
"theme.default": "Standard",
- "theme.deepBlue": "Djup blå",
+ "theme.deepBlue": "Mørk fargerik",
"theme.black": "Svart",
"theme.pink": "Rosa",
"theme.purple": "Lilla",
"theme.green": "Grøn",
"theme.blue": "Blå",
- "theme.colorful": "Fargerik",
+ "theme.colorful": "Lys fargerik",
"usageTips.closeReminder.title": "Vis tips att seinare",
"usageTips.closeReminder.message": "Du kan vise tips att i Innstillingar > Generelt ved å fjerne avmerkinga for «Skjul brukstips».",
"usageTips.closeReminder.doNotRemind": "Greitt. Ikkje minn meg på dette neste gong eg lukkar tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Gratis temaer er klare nå. Lås opp Pro for å beholde alle avanserte temaer.",
"pro.theme.status.preview": "Forhåndsvisning av et Pro-tema. Lås opp Pro for å beholde den etter at forhåndsvisningen er ferdig.",
"pro.theme.status.previewCountdown": "Førehandsvising · %time% att",
- "pro.theme.status.unlocked": "Alle temaer er låst opp på denne Mac."
+ "pro.theme.status.unlocked": "Alle temaer er låst opp på denne Mac.",
+ "theme.tuning.dark": "Juster mørk fargerik",
+ "theme.tuning.light": "Juster lys fargerik",
+ "theme.tuning.desc": "Juster den flytande fargeflyten. Temaet held på den lyse eller mørke stilen. Tema endrar berre bakgrunnen i apprutenettet. Behaldarane har éi jamn glasflate."
}
diff --git a/src/Apptag/Localization/no.json b/src/Apptag/Localization/no.json
index 6a09b1c..b770cf1 100644
--- a/src/Apptag/Localization/no.json
+++ b/src/Apptag/Localization/no.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tips 8 - Rediger notater",
"usageTips.tip8.detail": "Høyreklikk på en app, skriv inn et notat.",
"theme.default": "Standard",
- "theme.deepBlue": "Dyp blå",
+ "theme.deepBlue": "Mørk fargerik",
"theme.black": "Svart",
"theme.pink": "Rosa",
"theme.purple": "Lilla",
"theme.green": "Grønn",
"theme.blue": "Blå",
- "theme.colorful": "Fargerik",
+ "theme.colorful": "Lys fargerik",
"usageTips.closeReminder.title": "Vis tips igjen senere",
"usageTips.closeReminder.message": "Du kan vise tips igjen i Innstillinger > Generelt ved å fjerne avmerkingen for «Skjul brukstips».",
"usageTips.closeReminder.doNotRemind": "Skjønner. Ikke minn meg på dette neste gang jeg lukker tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Gratis temaer er klare nå. Lås opp Pro for å beholde alle avanserte temaer.",
"pro.theme.status.preview": "Forhåndsvisning av et Pro-tema. Lås opp Pro for å beholde den etter at forhåndsvisningen er ferdig.",
"pro.theme.status.previewCountdown": "Forhåndsvisning · %time% igjen",
- "pro.theme.status.unlocked": "Alle temaer er låst opp på denne Mac."
+ "pro.theme.status.unlocked": "Alle temaer er låst opp på denne Mac.",
+ "theme.tuning.dark": "Juster mørk fargerik",
+ "theme.tuning.light": "Juster lys fargerik",
+ "theme.tuning.desc": "Juster den flytende fargeflyten. Temaet beholder sin lyse eller mørke stil. Temaer endrer bare bakgrunnen i app-rutenettet. Beholdere har én konsekvent glassflate."
}
diff --git a/src/Apptag/Localization/pl.json b/src/Apptag/Localization/pl.json
index b6ef136..174a4af 100644
--- a/src/Apptag/Localization/pl.json
+++ b/src/Apptag/Localization/pl.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Wskazówka 8 - Edytuj notatki",
"usageTips.tip8.detail": "Kliknij aplikację prawym przyciskiem, wpisz notatkę.",
"theme.default": "Domyślny",
- "theme.deepBlue": "Głęboki niebieski",
+ "theme.deepBlue": "Ciemny kolorowy",
"theme.black": "Czarny",
"theme.pink": "Różowy",
"theme.purple": "Fioletowy",
"theme.green": "Zielony",
"theme.blue": "Niebieski",
- "theme.colorful": "Kolorowy",
+ "theme.colorful": "Jasny kolorowy",
"usageTips.closeReminder.title": "Pokaż wskazówki ponownie później",
"usageTips.closeReminder.message": "Możesz ponownie wyświetlić wskazówki w Ustawienia > Ogólne, odznaczając „Ukryj wskazówki użycia”.",
"usageTips.closeReminder.doNotRemind": "Rozumiem. Nie przypominaj ponownie, gdy zamknę wskazówki.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Darmowe motywy są już gotowe. Odblokuj Pro, aby zachować każdy zaawansowany motyw.",
"pro.theme.status.preview": "Podgląd motywu Pro. Odblokuj Pro, aby zachować go po zakończeniu podglądu.",
"pro.theme.status.previewCountdown": "Podgląd · zostało %time%",
- "pro.theme.status.unlocked": "Wszystkie motywy są odblokowane na tym Mac."
+ "pro.theme.status.unlocked": "Wszystkie motywy są odblokowane na tym Mac.",
+ "theme.tuning.dark": "Regulacja ciemnego kolorowego",
+ "theme.tuning.light": "Regulacja jasnego kolorowego",
+ "theme.tuning.desc": "Dostosuj płynny przepływ kolorów. Motyw zachowuje jasny lub ciemny styl. Motywy zmieniają tylko tło siatki aplikacji. Kontenery zachowują jednolitą szklaną powierzchnię."
}
diff --git a/src/Apptag/Localization/pt-BR.json b/src/Apptag/Localization/pt-BR.json
index b6f35a4..80a9121 100644
--- a/src/Apptag/Localization/pt-BR.json
+++ b/src/Apptag/Localization/pt-BR.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Dica 8 - Editar notas",
"usageTips.tip8.detail": "Clique com o botão direito em um app, digite uma nota.",
"theme.default": "Padrão",
- "theme.deepBlue": "Azul profundo",
+ "theme.deepBlue": "Colorido escuro",
"theme.black": "Preto",
"theme.pink": "Rosa",
"theme.purple": "Roxo",
"theme.green": "Verde",
"theme.blue": "Azul",
- "theme.colorful": "Colorido",
+ "theme.colorful": "Colorido claro",
"usageTips.closeReminder.title": "Ver dicas novamente depois",
"usageTips.closeReminder.message": "Você pode mostrar as dicas novamente em Ajustes > Geral desmarcando “Ocultar dicas de uso”.",
"usageTips.closeReminder.doNotRemind": "Entendi. Não lembrar de novo quando eu fechar as dicas.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Os temas gratuitos estão prontos agora. Desbloqueie Pro para manter todos os temas avançados.",
"pro.theme.status.preview": "Visualizando um tema Pro. Desbloqueie Pro para mantê-lo após o término da visualização.",
"pro.theme.status.previewCountdown": "Prévia · faltam %time%",
- "pro.theme.status.unlocked": "Todos os temas são desbloqueados neste Mac."
+ "pro.theme.status.unlocked": "Todos os temas são desbloqueados neste Mac.",
+ "theme.tuning.dark": "Ajuste colorido escuro",
+ "theme.tuning.light": "Ajuste colorido claro",
+ "theme.tuning.desc": "Ajuste o fluxo líquido de cores. O tema mantém o estilo claro ou escuro atual. Os temas mudam apenas o fundo da grade de apps. Os contêineres mantêm uma superfície de vidro consistente."
}
diff --git a/src/Apptag/Localization/ro.json b/src/Apptag/Localization/ro.json
index a0fedd2..aafe575 100644
--- a/src/Apptag/Localization/ro.json
+++ b/src/Apptag/Localization/ro.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Sfat 8 - Editează notițe",
"usageTips.tip8.detail": "Click dreapta pe o aplicație, introdu o notiță.",
"theme.default": "Implicită",
- "theme.deepBlue": "Albastru profund",
+ "theme.deepBlue": "Colorat întunecat",
"theme.black": "Negru",
"theme.pink": "Roz",
"theme.purple": "Mov",
"theme.green": "Verde",
"theme.blue": "Albastru",
- "theme.colorful": "Colorată",
+ "theme.colorful": "Colorat luminos",
"usageTips.closeReminder.title": "Afișează sfaturile mai târziu",
"usageTips.closeReminder.message": "Poți afișa din nou sfaturile în Setări > General debifând „Ascunde sfaturile de utilizare”.",
"usageTips.closeReminder.doNotRemind": "Am înțeles. Nu-mi mai aminti când închid sfaturile.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Temele gratuite sunt gata acum. Deblocați Pro pentru a păstra fiecare temă avansată.",
"pro.theme.status.preview": "Previzualizarea unei teme Pro. Deblocați Pro pentru a-l păstra după terminarea previzualizării.",
"pro.theme.status.previewCountdown": "Previzualizare · %time% rămase",
- "pro.theme.status.unlocked": "Toate temele sunt deblocate pe acest Mac."
+ "pro.theme.status.unlocked": "Toate temele sunt deblocate pe acest Mac.",
+ "theme.tuning.dark": "Ajustare colorat întunecat",
+ "theme.tuning.light": "Ajustare colorat luminos",
+ "theme.tuning.desc": "Ajustează fluxul lichid de culori. Tema păstrează stilul luminos sau întunecat curent. Temele schimbă doar fundalul grilei de aplicații. Containerele păstrează o suprafață de sticlă uniformă."
}
diff --git a/src/Apptag/Localization/ru.json b/src/Apptag/Localization/ru.json
index 3238dd8..02d79d1 100644
--- a/src/Apptag/Localization/ru.json
+++ b/src/Apptag/Localization/ru.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Совет 8 — Редактировать заметки",
"usageTips.tip8.detail": "Щелкните приложение правой кнопкой, введите заметку.",
"theme.default": "По умолчанию",
- "theme.deepBlue": "Глубокий синий",
+ "theme.deepBlue": "Тёмный цветной",
"theme.black": "Чёрный",
"theme.pink": "Розовый",
"theme.purple": "Фиолетовый",
"theme.green": "Зелёный",
"theme.blue": "Синий",
- "theme.colorful": "Цветной",
+ "theme.colorful": "Светлый цветной",
"usageTips.closeReminder.title": "Показать советы позже",
"usageTips.closeReminder.message": "Советы можно снова включить в Настройки > Общие, сняв флажок «Скрывать советы по использованию».",
"usageTips.closeReminder.doNotRemind": "Понятно. Больше не напоминать при закрытии советов.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Бесплатные темы уже готовы. Разблокируйте Pro, чтобы сохранить все расширенные темы.",
"pro.theme.status.preview": "Предварительный просмотр темы Pro. Разблокируйте Pro, чтобы сохранить его после завершения предварительного просмотра.",
"pro.theme.status.previewCountdown": "Предпросмотр · осталось %time%",
- "pro.theme.status.unlocked": "На этом Mac разблокированы все темы."
+ "pro.theme.status.unlocked": "На этом Mac разблокированы все темы.",
+ "theme.tuning.dark": "Настройка тёмного цветного",
+ "theme.tuning.light": "Настройка светлого цветного",
+ "theme.tuning.desc": "Настройте текучий цветовой переход. Тема сохраняет свой светлый или тёмный стиль. Темы меняют только фон сетки приложений. Контейнеры сохраняют единый стеклянный вид."
}
diff --git a/src/Apptag/Localization/sr-Cyrl.json b/src/Apptag/Localization/sr-Cyrl.json
index 13ae31b..e658111 100644
--- a/src/Apptag/Localization/sr-Cyrl.json
+++ b/src/Apptag/Localization/sr-Cyrl.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Савет 8 - Уреди белешке",
"usageTips.tip8.detail": "Кликните десним тастером на апликацију, унесите белешку.",
"theme.default": "Подразумевана",
- "theme.deepBlue": "Дубока плава",
+ "theme.deepBlue": "Тамно шарено",
"theme.black": "Црна",
"theme.pink": "Розе",
"theme.purple": "Љубичаста",
"theme.green": "Зелена",
"theme.blue": "Плава",
- "theme.colorful": "Шарена",
+ "theme.colorful": "Светло шарено",
"usageTips.closeReminder.title": "Поново прикажи савете касније",
"usageTips.closeReminder.message": "Савете можеш поново приказати у Подешавања > Опште тако што ћеш искључити „Сакриј савете за коришћење”.",
"usageTips.closeReminder.doNotRemind": "Разумем. Не подсећај ме следећи пут када затворим савете.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Бесплатне теме су сада спремне. Откључајте Pro да бисте задржали сваку напредну тему.",
"pro.theme.status.preview": "Прегледате Pro тему. Откључајте Pro да бисте је задржали након завршетка прегледа.",
"pro.theme.status.previewCountdown": "Преглед · преостало %time%",
- "pro.theme.status.unlocked": "Све теме су откључане на овом Mac-у."
+ "pro.theme.status.unlocked": "Све теме су откључане на овом Mac-у.",
+ "theme.tuning.dark": "Подешавање тамно шареног",
+ "theme.tuning.light": "Подешавање светло шареног",
+ "theme.tuning.desc": "Подесите течни прелаз боја. Тема задржава свој светли или тамни стил. Теме мењају само позадину мреже апликација. Контејнери задржавају једноличну стаклену површину."
}
diff --git a/src/Apptag/Localization/sv.json b/src/Apptag/Localization/sv.json
index 66c6569..17ec54d 100644
--- a/src/Apptag/Localization/sv.json
+++ b/src/Apptag/Localization/sv.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Tips 8 - Redigera anteckningar",
"usageTips.tip8.detail": "Högerklicka på en app, skriv en anteckning.",
"theme.default": "Standard",
- "theme.deepBlue": "Djupblå",
+ "theme.deepBlue": "Mörkt färgstark",
"theme.black": "Svart",
"theme.pink": "Rosa",
"theme.purple": "Lila",
"theme.green": "Grön",
"theme.blue": "Blå",
- "theme.colorful": "Färgstark",
+ "theme.colorful": "Ljust färgstark",
"usageTips.closeReminder.title": "Visa tips igen senare",
"usageTips.closeReminder.message": "Du kan visa tips igen i Inställningar > Allmänt genom att avmarkera “Dölj användningstips”.",
"usageTips.closeReminder.doNotRemind": "Jag förstår. Påminn mig inte igen när jag stänger tips.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Gratis teman är klara nu. Lås upp Pro för att behålla alla avancerade teman.",
"pro.theme.status.preview": "Förhandsgranskning av ett Pro-tema. Lås upp Pro för att behålla den efter att förhandsvisningen är slut.",
"pro.theme.status.previewCountdown": "Förhandsvisning · %time% kvar",
- "pro.theme.status.unlocked": "Alla teman är upplåsta på denna Mac."
+ "pro.theme.status.unlocked": "Alla teman är upplåsta på denna Mac.",
+ "theme.tuning.dark": "Justera mörkt färgstark",
+ "theme.tuning.light": "Justera ljust färgstark",
+ "theme.tuning.desc": "Justera det flytande färgflödet. Temat behåller sin ljusa eller mörka stil. Teman ändrar bara bakgrunden i apprutnätet. Behållare har en enhetlig glasyta."
}
diff --git a/src/Apptag/Localization/th.json b/src/Apptag/Localization/th.json
index ab3adea..2f8a2aa 100644
--- a/src/Apptag/Localization/th.json
+++ b/src/Apptag/Localization/th.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "เคล็ดลับ 8 - แก้ไขโน้ต",
"usageTips.tip8.detail": "คลิกขวาที่แอป, ป้อนโน้ต",
"theme.default": "ค่าเริ่มต้น",
- "theme.deepBlue": "น้ำเงินเข้ม",
+ "theme.deepBlue": "สีสันโทนมืด",
"theme.black": "ดำ",
"theme.pink": "ชมพู",
"theme.purple": "ม่วง",
"theme.green": "เขียว",
"theme.blue": "น้ำเงิน",
- "theme.colorful": "หลากสี",
+ "theme.colorful": "สีสันโทนสว่าง",
"usageTips.closeReminder.title": "ดูเคล็ดลับอีกครั้งภายหลัง",
"usageTips.closeReminder.message": "คุณสามารถแสดงเคล็ดลับอีกครั้งได้ใน การตั้งค่า > ทั่วไป โดยเอาเครื่องหมายถูกออกจาก “ซ่อนเคล็ดลับการใช้งาน”",
"usageTips.closeReminder.doNotRemind": "เข้าใจแล้ว ไม่ต้องเตือนอีกเมื่อฉันปิดเคล็ดลับ",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "ธีมฟรีพร้อมใช้งานแล้ว ปลดล็อก Pro เพื่อเก็บธีมขั้นสูงไว้ทุกอัน",
"pro.theme.status.preview": "การดูตัวอย่างธีม Pro ปลดล็อก Pro เพื่อเก็บไว้หลังจากการดูตัวอย่างสิ้นสุดลง",
"pro.theme.status.previewCountdown": "กำลังดูตัวอย่าง · เหลือ %time%",
- "pro.theme.status.unlocked": "ปลดล็อคธีมทั้งหมดแล้วใน Mac นี้"
+ "pro.theme.status.unlocked": "ปลดล็อคธีมทั้งหมดแล้วใน Mac นี้",
+ "theme.tuning.dark": "ปรับสีสันโทนมืด",
+ "theme.tuning.light": "ปรับสีสันโทนสว่าง",
+ "theme.tuning.desc": "ปรับการไหลของสีแบบของเหลว โดยยังคงสไตล์สว่างหรือมืดของธีมไว้ ธีมจะเปลี่ยนเฉพาะพื้นหลังของกริดแอป คอนเทนเนอร์ยังคงเป็นพื้นผิวกระจกแบบเดียวกัน"
}
diff --git a/src/Apptag/Localization/tr.json b/src/Apptag/Localization/tr.json
index ff2491e..5aee1c6 100644
--- a/src/Apptag/Localization/tr.json
+++ b/src/Apptag/Localization/tr.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "İpucu 8 - Notları düzenle",
"usageTips.tip8.detail": "Bir uygulamaya sağ tıklayın, not girin.",
"theme.default": "Varsayılan",
- "theme.deepBlue": "Derin Mavi",
+ "theme.deepBlue": "Koyu renkli",
"theme.black": "Siyah",
"theme.pink": "Pembe",
"theme.purple": "Mor",
"theme.green": "Yeşil",
"theme.blue": "Mavi",
- "theme.colorful": "Renkli",
+ "theme.colorful": "Açık renkli",
"usageTips.closeReminder.title": "İpuçlarını daha sonra tekrar göster",
"usageTips.closeReminder.message": "İpuçlarını Ayarlar > Genel bölümünde “Kullanım ipuçlarını gizle” seçimini kaldırarak tekrar gösterebilirsin.",
"usageTips.closeReminder.doNotRemind": "Anladım. İpuçlarını kapatırken tekrar hatırlatma.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Ücretsiz temalar artık hazır. Tüm gelişmiş temaları korumak için Pro'nun kilidini açın.",
"pro.theme.status.preview": "Bir Pro temasının önizlenmesi. Önizleme sona erdikten sonra onu korumak için Pro kilidini açın.",
"pro.theme.status.previewCountdown": "Önizleme · %time% kaldı",
- "pro.theme.status.unlocked": "Bu Mac üzerinde tüm temaların kilidi açıldı."
+ "pro.theme.status.unlocked": "Bu Mac üzerinde tüm temaların kilidi açıldı.",
+ "theme.tuning.dark": "Koyu renk ayarı",
+ "theme.tuning.light": "Açık renk ayarı",
+ "theme.tuning.desc": "Akışkan renk geçişini ayarlayın. Tema mevcut açık veya koyu stilini korur. Temalar yalnızca uygulama ızgarası arka planını değiştirir. Kapsayıcılar tutarlı bir cam yüzey olarak kalır."
}
diff --git a/src/Apptag/Localization/uk.json b/src/Apptag/Localization/uk.json
index ebba9f2..c2a6a03 100644
--- a/src/Apptag/Localization/uk.json
+++ b/src/Apptag/Localization/uk.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Порада 8 — Редагувати нотатки",
"usageTips.tip8.detail": "Клацніть програму правою кнопкою, введіть нотатку.",
"theme.default": "Типова",
- "theme.deepBlue": "Глибокий синій",
+ "theme.deepBlue": "Темний кольоровий",
"theme.black": "Чорна",
"theme.pink": "Рожева",
"theme.purple": "Фіолетова",
"theme.green": "Зелена",
"theme.blue": "Синя",
- "theme.colorful": "Барвиста",
+ "theme.colorful": "Світлий кольоровий",
"usageTips.closeReminder.title": "Показати поради пізніше",
"usageTips.closeReminder.message": "Поради можна знову показати в Параметри > Загальні, знявши позначку «Приховувати поради з використання».",
"usageTips.closeReminder.doNotRemind": "Зрозуміло. Більше не нагадувати, коли я закриваю поради.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "безкоштовні теми готові. Розблокуйте Pro, щоб зберегти всі розширені теми.",
"pro.theme.status.preview": "попередній перегляд теми Pro. Розблокуйте Pro, щоб зберегти його після закінчення попереднього перегляду.",
"pro.theme.status.previewCountdown": "Попередній перегляд · залишилось %time%",
- "pro.theme.status.unlocked": "усі теми розблоковано на цьому Mac."
+ "pro.theme.status.unlocked": "усі теми розблоковано на цьому Mac.",
+ "theme.tuning.dark": "Налаштування темного кольорового",
+ "theme.tuning.light": "Налаштування світлого кольорового",
+ "theme.tuning.desc": "Налаштуйте плавний потік кольорів. Тема зберігає свій світлий або темний стиль. Теми змінюють лише тло сітки програм. Контейнери зберігають єдину скляну поверхню."
}
diff --git a/src/Apptag/Localization/vi.json b/src/Apptag/Localization/vi.json
index 638562d..2c06142 100644
--- a/src/Apptag/Localization/vi.json
+++ b/src/Apptag/Localization/vi.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "Mẹo 8 - Chỉnh sửa ghi chú",
"usageTips.tip8.detail": "Nhấp chuột phải vào ứng dụng, nhập ghi chú.",
"theme.default": "Mặc định",
- "theme.deepBlue": "Xanh lam đậm",
+ "theme.deepBlue": "Đa sắc tối",
"theme.black": "Đen",
"theme.pink": "Hồng",
"theme.purple": "Tím",
"theme.green": "Xanh lá",
"theme.blue": "Xanh lam",
- "theme.colorful": "Nhiều màu",
+ "theme.colorful": "Đa sắc sáng",
"usageTips.closeReminder.title": "Xem lại mẹo sau",
"usageTips.closeReminder.message": "Bạn có thể xem lại mẹo trong Cài đặt > Chung bằng cách bỏ chọn “Ẩn mẹo sử dụng”.",
"usageTips.closeReminder.doNotRemind": "Đã hiểu. Đừng nhắc lại khi tôi đóng mẹo.",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "Các chủ đề miễn phí hiện đã sẵn sàng. Mở khóa Pro để giữ mọi chủ đề nâng cao.",
"pro.theme.status.preview": "Xem trước chủ đề Pro. Mở khóa Pro để giữ nó sau khi bản xem trước kết thúc.",
"pro.theme.status.previewCountdown": "Đang xem thử · còn %time%",
- "pro.theme.status.unlocked": "Tất cả chủ đề đều được mở khóa trên Mac này."
+ "pro.theme.status.unlocked": "Tất cả chủ đề đều được mở khóa trên Mac này.",
+ "theme.tuning.dark": "Tinh chỉnh đa sắc tối",
+ "theme.tuning.light": "Tinh chỉnh đa sắc sáng",
+ "theme.tuning.desc": "Điều chỉnh dòng màu dạng lỏng. Chủ đề vẫn giữ phong cách sáng hoặc tối hiện tại. Chủ đề chỉ thay đổi nền của lưới ứng dụng. Các khung giữ một bề mặt kính thống nhất."
}
diff --git a/src/Apptag/Localization/zh-Hans.json b/src/Apptag/Localization/zh-Hans.json
index 3ca718d..235c207 100644
--- a/src/Apptag/Localization/zh-Hans.json
+++ b/src/Apptag/Localization/zh-Hans.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "技巧8-编辑备注",
"usageTips.tip8.detail": "在应用上点击右键 > 输入内容",
"theme.default": "默认",
- "theme.deepBlue": "深蓝",
+ "theme.deepBlue": "暗色炫彩",
"theme.black": "黑色",
"theme.pink": "粉色",
"theme.purple": "紫色",
"theme.green": "绿色",
"theme.blue": "蓝色",
- "theme.colorful": "炫彩",
+ "theme.colorful": "亮色炫彩",
"usageTips.closeReminder.title": "以后还能重新查看使用技巧",
"usageTips.closeReminder.message": "后续可在「设置 > 通用」去掉「隐藏使用技巧」的勾选，再次查看 tips。",
"usageTips.closeReminder.doNotRemind": "知道了，下次关闭时不要再提醒我",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "免费主题已经可用。解锁 Pro 后可长期使用全部高级主题。",
"pro.theme.status.preview": "正在预览 Pro 主题。解锁 Pro 后可在预览结束后继续保留。",
"pro.theme.status.previewCountdown": "体验中 · 剩余 %time%",
- "pro.theme.status.unlocked": "这台 Mac 上的全部主题都已解锁。"
+ "pro.theme.status.unlocked": "这台 Mac 上的全部主题都已解锁。",
+ "theme.tuning.dark": "暗色炫彩调色",
+ "theme.tuning.light": "亮色炫彩调色",
+ "theme.tuning.desc": "调整背景的液体流动色彩，主题会保持当前的明暗风格。主题只改变应用网格背景。容器保持统一的玻璃面板。"
}
diff --git a/src/Apptag/Localization/zh-Hant.json b/src/Apptag/Localization/zh-Hant.json
index a2d562b..fb09627 100644
--- a/src/Apptag/Localization/zh-Hant.json
+++ b/src/Apptag/Localization/zh-Hant.json
@@ -238,13 +238,13 @@
"usageTips.tip8.title": "技巧8-編輯備註",
"usageTips.tip8.detail": "在應用程式上按右鍵 > 輸入內容",
"theme.default": "預設",
- "theme.deepBlue": "深藍",
+ "theme.deepBlue": "暗色炫彩",
"theme.black": "黑色",
"theme.pink": "粉紅",
"theme.purple": "紫色",
"theme.green": "綠色",
"theme.blue": "藍色",
- "theme.colorful": "炫彩",
+ "theme.colorful": "亮色炫彩",
"usageTips.closeReminder.title": "之後還能重新查看使用技巧",
"usageTips.closeReminder.message": "之後可在「設定 > 通用」取消勾選「隱藏使用技巧」，再次查看 tips。",
"usageTips.closeReminder.doNotRemind": "知道了，下次關閉時不要再提醒我",
@@ -294,5 +294,8 @@
"pro.theme.status.free": "免費主題已可使用。解鎖 Pro 後可長期使用全部進階主題。",
"pro.theme.status.preview": "正在預覽 Pro 主題。解鎖 Pro 後可在預覽結束後繼續保留。",
"pro.theme.status.previewCountdown": "體驗中 · 剩餘 %time%",
- "pro.theme.status.unlocked": "這台 Mac 上的全部主題都已解鎖。"
+ "pro.theme.status.unlocked": "這台 Mac 上的全部主題都已解鎖。",
+ "theme.tuning.dark": "暗色炫彩調色",
+ "theme.tuning.light": "亮色炫彩調色",
+ "theme.tuning.desc": "調整背景的液體流動色彩，主題會保持目前的明暗風格。主題只會改變應用程式網格背景。容器會保持一致的玻璃面板。"
}
diff --git a/src/Apptag/PreferencesView.swift b/src/Apptag/PreferencesView.swift
index 97c2152..53d9dee 100644
--- a/src/Apptag/PreferencesView.swift
+++ b/src/Apptag/PreferencesView.swift
@@ -69,6 +69,8 @@
@AppStorage("showUncommonAppBubbles") private var showUncommonAppBubbles = AppDefaults.showUncommonAppBubbles
@AppStorage("hideUsageTips") private var hideUsageTips = AppDefaults.hideUsageTips
@AppStorage(AppGridTheme.storageKey) private var appGridThemeID = AppDefaults.appGridThemeID
+ @AppStorage(AppGridTheme.deepBlueTuningStorageKey) private var deepBlueThemeTuning = AppGridTheme.deepBlue.defaultColorTuning
+ @AppStorage(AppGridTheme.colorfulTuningStorageKey) private var colorfulThemeTuning = AppGridTheme.colorful.defaultColorTuning
@AppStorage("mainHotkeyRegistrationState") private var mainHotkeyRegistrationState = LauncherHotkeyRegistrationState.active.rawValue
@AppStorage("quickSearchHotkeyRegistrationState") private var quickSearchHotkeyRegistrationState = LauncherHotkeyRegistrationState.active.rawValue
@ObservedObject private var proEntitlement = ProEntitlementCenter.shared
@@ -637,7 +639,59 @@
appGridThemeID = theme.rawValue
return
}
- proEntitlement.startThemePreview(for: theme)
+ proEntitlement.startThemePreview(for: theme, tuning: currentThemeTuning(for: theme))
+ }
+
+ private var activeColorTuningTheme: AppGridTheme? {
+ let theme = effectiveAppGridTheme
+ return theme.supportsColorTuning ? theme : nil
+ }
+
+ private func currentThemeTuning(for theme: AppGridTheme) -> Double {
+ if let preview = proEntitlement.themePreviewState,
+ preview.theme == theme {
+ return theme.normalizedTuning(preview.themeTuning)
+ }
+ switch theme {
+ case .deepBlue:
+ return theme.normalizedTuning(deepBlueThemeTuning)
+ case .colorful:
+ return theme.normalizedTuning(colorfulThemeTuning)
+ case .defaultLight, .black, .pink, .purple, .green, .blue:
+ return theme.defaultColorTuning
+ }
+ }
+
+ private func persistThemeTuning(_ tuning: Double?, for theme: AppGridTheme) {
+ let normalized = theme.normalizedTuning(tuning)
+ switch theme {
+ case .deepBlue:
+ deepBlueThemeTuning = normalized
+ case .colorful:
+ colorfulThemeTuning = normalized
+ case .defaultLight, .black, .pink, .purple, .green, .blue:
+ break
+ }
+ }
+
+ private func updateThemeTuning(_ value: Double, for theme: AppGridTheme) {
+ let normalized = theme.normalizedTuning(value)
+ if proEntitlement.isUnlocked || theme.isFreeTheme {
+ persistThemeTuning(normalized, for: theme)
+ return
+ }
+ if proEntitlement.themePreviewState?.theme == theme {
+ proEntitlement.updateThemePreviewTuning(normalized, for: theme)
+ } else {
+ proEntitlement.startThemePreview(for: theme, tuning: normalized)
+ }
+ }
+
+ private func themeTuningBinding(for theme: AppGridTheme) -> Binding<Double> {
+ Binding(
+ get: { currentThemeTuning(for: theme) },
+ set: { updateThemeTuning($0, for: theme) }
+ )
}
private func themeOptionAccessory(for theme: AppGridTheme) -> ThemeOptionAccessory {
@@ -686,10 +740,53 @@
guard newState.isUnlocked else { return }
if let preview = proEntitlement.themePreviewState {
appGridThemeID = preview.theme.rawValue
+ persistThemeTuning(preview.themeTuning, for: preview.theme)
proEntitlement.stopThemePreview()
}
if settingsProPromptFeature != nil {
dismissSettingsProPrompt()
+ }
+ }
+
+ @ViewBuilder
+ private var themeColorTuningSection: some View {
+ if let theme = activeColorTuningTheme {
+ VStack(alignment: .leading, spacing: 8) {
+ HStack(alignment: .firstTextBaseline, spacing: 10) {
+ Label(
+ tr(theme == .deepBlue ? "theme.tuning.dark" : "theme.tuning.light"),
+ systemImage: "slider.horizontal.3"
+ )
+ .font(.system(size: 13, weight: .semibold))
+ .foregroundStyle(.primary)
+
+ Spacer(minLength: 12)
+
+ Text("\(Int(round(currentThemeTuning(for: theme) * 100)))")
+ .font(.system(size: 12, weight: .semibold, design: .monospaced))
+ .foregroundStyle(.secondary)
+ }
+
+ Slider(value: themeTuningBinding(for: theme), in: 0...1)
+ .controlSize(.regular)
+ .accessibilityLabel(tr(theme == .deepBlue ? "theme.tuning.dark" : "theme.tuning.light"))
+
+ Text(tr("theme.tuning.desc"))
+ .font(.caption)
+ .foregroundStyle(.secondary)
+ .fixedSize(horizontal: false, vertical: true)
+ }
+ .padding(14)
+ .frame(maxWidth: .infinity, alignment: .leading)
+ .background(
+ RoundedRectangle(cornerRadius: 10, style: .continuous)
+ .fill(Color(nsColor: .controlBackgroundColor).opacity(0.82))
+ )
+ .overlay(
+ RoundedRectangle(cornerRadius: 10, style: .continuous)
+ .stroke(Color.secondary.opacity(0.18), lineWidth: 1)
+ )
+ .transition(.opacity.combined(with: .move(edge: .top)))
}
}
@@ -854,11 +951,6 @@
.lineSpacing(2)
.fixedSize(horizontal: false, vertical: true)
- if let price = proEntitlement.priceDisplayText, !proEntitlement.isUnlocked {
- Text(price)
- .font(.system(size: 12, weight: .semibold))
- .foregroundStyle(Color.accentColor)
- }
}
Spacer(minLength: 16)
@@ -1110,22 +1202,15 @@
case .theme:
ScrollView(.vertical, showsIndicators: true) {
VStack(alignment: .leading, spacing: 18) {
- VStack(alignment: .leading, spacing: 6) {
- Text(tr("settings.theme"))
- .font(.headline)
- Text(tr("settings.themeDesc"))
- .font(.caption)
- .foregroundStyle(.secondary)
- }
-
themeProStatusRow
LazyVGrid(columns: themeColumns, alignment: .leading, spacing: 12) {
- ForEach(AppGridTheme.allCases) { theme in
+ ForEach(AppGridTheme.settingsDisplayOrder) { theme in
ThemeOptionButton(
theme: theme,
title: tr(theme.titleKey),
isSelected: effectiveAppGridTheme == theme,
+ previewTuning: currentThemeTuning(for: theme),
accessory: themeOptionAccessory(for: theme)
) {
handleThemeSelection(theme)
@@ -1133,10 +1218,7 @@
}
}
- Text(tr("settings.themeScopeDesc"))
- .font(.caption)
- .foregroundStyle(.secondary)
- .fixedSize(horizontal: false, vertical: true)
+ themeColorTuningSection
}
.frame(maxWidth: generalContentWidth, alignment: .leading)
.padding(.horizontal)
@@ -1707,6 +1789,7 @@
let theme: AppGridTheme
let title: String
let isSelected: Bool
+ let previewTuning: Double
let accessory: ThemeOptionAccessory
let action: () -> Void
@@ -1716,7 +1799,7 @@
RoundedRectangle(cornerRadius: 8, style: .continuous)
.fill(
LinearGradient(
- colors: theme.previewColors,
+ colors: theme.previewColors(tuning: previewTuning),
startPoint: .topLeading,
endPoint: .bottomTrailing
)
diff --git a/src/Apptag/ProEntitlement.swift b/src/Apptag/ProEntitlement.swift
index 4841e55..7aa5e4a 100644
--- a/src/Apptag/ProEntitlement.swift
+++ b/src/Apptag/ProEntitlement.swift
@@ -95,6 +95,7 @@
struct ProThemePreviewState: Equatable {
let theme: AppGridTheme
+ let themeTuning: Double?
let startedAt: Date
let endsAt: Date
@@ -124,7 +125,7 @@
static let firstFreeProVersion = "8.1.0"
static let legacyFallbackOriginalPurchaseDateISO8601: String? = nil
- static let freeThemes: Set<AppGridTheme> = [.defaultLight, .deepBlue, .black]
+ static let freeThemes: Set<AppGridTheme> = [.defaultLight, .black]
static let freeNoteLimit = 5
static let defaultThemePreviewDuration: TimeInterval = 5 * 60
@@ -163,6 +164,7 @@
private struct ProEntitlementSnapshot {
var accessState: ProAccessState = .free
var previewThemeID: String? = nil
+ var previewThemeTuning: Double? = nil
}
private enum ProEntitlementSnapshotStore {
@@ -218,6 +220,19 @@
return .defaultLight
}
return storedTheme
+ }
+
+ static func effectiveThemeTuning(for storedTheme: AppGridTheme, storedTuning: Double?) -> Double? {
+ let snapshot = ProEntitlementSnapshotStore.read()
+ if let previewID = snapshot.previewThemeID,
+ let previewTheme = AppGridTheme(rawValue: previewID),
+ previewTheme.supportsColorTuning {
+ return previewTheme.normalizedTuning(snapshot.previewThemeTuning)
+ }
+ guard canUseTheme(storedTheme), storedTheme.supportsColorTuning else {
+ return nil
+ }
+ return storedTheme.normalizedTuning(storedTuning)
}
static func noteQuotaStatus(in store: TagDatabase.Store? = nil) -> ProNoteQuotaStatus {
@@ -401,7 +416,7 @@
}
}
- func startThemePreview(for theme: AppGridTheme) {
+ func startThemePreview(for theme: AppGridTheme, tuning: Double? = nil) {
guard !ProEntitlementConfig.freeThemes.contains(theme) else { return }
guard !accessState.isUnlocked else { return }
@@ -409,6 +424,7 @@
let preview = ProThemePreviewState(
theme: theme,
+ themeTuning: theme.supportsColorTuning ? theme.normalizedTuning(tuning) : nil,
startedAt: Date(),
endsAt: Date().addingTimeInterval(ProEntitlementConfig.themePreviewDuration)
)
@@ -420,6 +436,21 @@
guard !Task.isCancelled else { return }
self?.stopThemePreview()
}
+ }
+
+ func updateThemePreviewTuning(_ tuning: Double, for theme: AppGridTheme) {
+ guard let preview = themePreviewState,
+ preview.theme == theme,
+ theme.supportsColorTuning,
+ !accessState.isUnlocked
+ else { return }
+ let updatedPreview = ProThemePreviewState(
+ theme: preview.theme,
+ themeTuning: theme.normalizedTuning(tuning),
+ startedAt: preview.startedAt,
+ endsAt: preview.endsAt
+ )
+ applyThemePreview(updatedPreview)
}
func stopThemePreview() {
@@ -559,6 +590,7 @@
themePreviewState = preview
ProEntitlementSnapshotStore.update { snapshot in
snapshot.previewThemeID = preview?.theme.rawValue
+ snapshot.previewThemeTuning = preview?.themeTuning
}
}
diff --git a/src/CHANGELOG.md b/src/CHANGELOG.md
index 0ecfb57..41220d8 100644
--- a/src/CHANGELOG.md
+++ b/src/CHANGELOG.md
@@ -2,6 +2,18 @@
## [Unreleased]
+## [8.1.7] — 2026-06-28
+
+- 主题页新增可调的“暗色炫彩”和“亮色炫彩”主题：`深蓝`更名为`暗色炫彩`，`炫彩`更名为`亮色炫彩`，两者都纳入 Pro 主题范围并复用现有免费预览倒计时
+- `暗色炫彩`默认采用方案 1「极夜孔雀」视觉：深青黑底、孔雀蓝和冷翠绿液体光带；滑轨拖动只在暗色可读范围内改变背景液体流动色彩
+- `亮色炫彩`保留明亮年轻的彩色方向，默认滑轨位置固定为最左端；滑轨拖动只在亮色可读范围内改变背景色彩
+- 主题页中两个炫彩主题固定在最后一排左右对称显示，选中后下方出现整行调色滑轨；顶部不再重复显示“主题”和说明短文案，减少纵向空间浪费
+- 免费用户调色只作用于本次 Pro 预览，不写入真实主题设置；Pro 用户调色会持久化并在重启后恢复
+- About 页 Pro 升级卡片不再直接展示本地价格，购买价格交由 App Store 标准购买弹窗展示
+- 新用户首次安装默认图标大小调整为 `56`；已有用户保存过的图标大小不迁移、不覆盖
+- 补齐 29 个语种的“暗色炫彩 / 亮色炫彩”和调色滑轨文案，并更新主题 QA 门禁
+- 版本号更新为 `8.1.7`，Build 更新为 `20260628.2035`
+
## [8.1.6] — 2026-06-28
- Pro 主题免费体验增加可见倒计时：主题页状态行显示剩余时间，当前预览主题卡片显示 `MM:SS`，体验到期后静默恢复到用户真实可用主题
diff --git a/src/Docs/Requirements/2026-06-25-colorful-flow-background-prd.md b/src/Docs/Requirements/2026-06-25-colorful-flow-background-prd.md
new file mode 100644
index 0000000..97cce02
--- /dev/null
+++ b/src/Docs/Requirements/2026-06-25-colorful-flow-background-prd.md
@@ -0,0 +1,776 @@
+# PRD：炫彩流动背景控制
+
+日期：2026-06-25
+状态：可进入研发评审
+目标分支：`codex/dark-glass-8.0.0`
+目标范围：8.0 视觉 / 主题系统
+最低系统：macOS 14.0
+
+## 1. 摘要
+
+为现有 `Colorful` App Grid 主题增加一个紧凑控制项。用户可以拖动滑杆，改变炫彩背景的空间分布，效果类似在多个液体流动状态之间取样。
+
+这个滑杆不是亮度滑杆，也不是自由配色编辑器。它是一个确定性的“流动分布”控制，只作用于最底层背景。
+
+本功能必须保持所有前景容器表面不变：
+
+- App Grid 分组容器
+- 玻璃面板材质
+- 卡片边框
+- 卡片阴影
+- 卡片圆角
+- App 图标布局
+- 文本颜色
+- 选中状态
+- 拖拽 / 投放命中测试
+
+只有容器后面的最后一层背景可以变化。
+
+## 2. 分支上下文
+
+正确的实现基线是 `codex/dark-glass-8.0.0`，不是 `main`，也不是更早的 App Grid 分支。
+
+已核实的分支事实：
+
+- 主题模型位于 `src/Apptag/AppGridTheme.swift`。
+- `AppGridTheme` 已包含 `.colorful`。
+- 主题设置页位于 `src/Apptag/PreferencesView.swift`。
+- Theme 页签使用 `AppGridTheme.allCases` 和 `ThemeOptionButton`。
+- 主题选择通过 `AppGridTheme.storageKey` 存储，当前 key 为 `appGridThemeID`。
+- App Grid 背景在 `src/Apptag/ContentView.swift` 的 `appGridBackground` 中渲染。
+- 当前炫彩背景由固定 `LinearGradient` 层构成：
+ - `theme.backgroundBaseColors`
+ - `theme.backgroundAccentColors`
+
+本 PRD 假设功能基于该分支实现。
+
+## 3. 产品目标
+
+### 3.1 用户价值
+
+用户喜欢当前 `Colorful` 主题。目标是在不把设置页变成设计工具的前提下，让用户探索更多丰富、细腻的炫彩背景氛围。
+
+用户应该感受到：
+
+- 主题更有深度和个性。
+- 拖动滑杆会呈现不同的流体色彩分布。
+- App Grid 仍然清晰、克制、可读。
+- 前景玻璃容器保持一致。
+
+### 3.2 产品定位
+
+这是一个受控的视觉自定义能力，不是完整主题编辑器。
+
+应该做：
+
+- 一个紧凑滑杆。
+- 两个分支：亮色和暗色。
+- 只改变卡片背后的流体色彩场。
+- 视觉状态确定、可重复。
+
+不应该做：
+
+- 色轮。
+- 多个颜色 stop 编辑。
+- 随机按钮。
+- 角度选择器。
+- 模糊半径选择器。
+- 动画速度控制。
+- 背景图片导入。
+- 任何会改变前景容器的设置。
+
+## 4. 不做范围
+
+本需求不实现：
+
+- 默认动态流动动画。
+- 每次启动实时随机生成。
+- 用户自选颜色。
+- 用户自选图片。
+- 每个卡片不同主题。
+- 修改 `AppGridCollectionView` 的容器绘制。
+- 修改 App Grid 布局算法。
+- 修改 Quick Search 样式。
+- 修改标签颜色调色板。
+- 修改 `TagDatabase`。
+- 只支持 macOS 15+ 或 macOS 26+ 的 API。
+- 私有 AppKit API。
+
+## 5. 定义
+
+### 5.1 炫彩主题
+
+现有 `AppGridTheme.colorful`。
+
+### 5.2 流动分布
+
+指背景中彩色柔光色块的空间排列。
+
+包括：
+
+- 色块中心位置。
+- 色块半径。
+- 色块透明度。
+- 色块颜色混合。
+- 基础渐变平衡。
+- 亮色 / 暗色分支的覆盖层。
+
+不包括：
+
+- 单纯整体亮度。
+- 单纯整体饱和度。
+- 前景容器材质。
+
+### 5.3 流动滑杆
+
+一个将 `0...1` 映射到确定性炫彩分布状态序列的单一滑杆。
+
+拖动滑杆时，用户应该感觉像在一个流体色彩场中移动。色彩区域会漂移、扩散、收缩、混合。松手后，选定状态保持静态。
+
+### 5.4 分支
+
+两个视觉分支：
+
+- `light`：明亮、通透、低对比的炫彩色场。
+- `dark`：暗色、极光感、低亮度的炫彩色场。
+
+分支不是简单的亮度滤镜。两个分支应有各自的调色板和分布锚点。
+
+## 6. 交互需求
+
+### 6.1 放置位置
+
+在 Theme 页签中，只有当用户选择 `Colorful` 时，才显示额外控制项。
+
+推荐布局放在主题网格下方：
+
+```text
+炫彩流动 亮色 | 暗色 [ slider ]
+```
+
+如果横向空间不足：
+
+```text
+炫彩流动 亮色 | 暗色
+[ slider full width ]
+```
+
+不要把滑杆放进 `Colorful` 卡片内部。主题卡片只承担主题选择职责。
+
+### 6.2 控件
+
+必需控件：
+
+- 一个分段控制：
+ - `亮色`
+ - `暗色`
+- 一个滑杆：
+ - 标签：`流动`
+
+首版不做但可作为后续选项：
+
+- 跟随系统外观。
+- 额外内部预设。
+
+首版不要增加按钮：
+
+- 随机
+- 重置
+- 保存
+- 更多
+- 高级
+- Shuffle
+
+### 6.3 默认值
+
+推荐默认值：
+
+- 主题：不变；只有用户选择 `Colorful` 时才看到新控件。
+- 分支：首次使用时跟随当前系统外观。
+ - 系统为浅色：`light`。
+ - 系统为深色：`dark`。
+- 流动滑杆：`0.45`。
+
+如果产品需要与系统外观无关的固定默认值：
+
+- 分支：`light`。
+- 流动滑杆：`0.45`。
+
+### 6.4 滑杆范围
+
+UI 范围：
+
+- `0.0...1.0`
+
+两端不是“关闭”和“最大亮度”。两端都是有效的分布状态。
+
+推荐视觉语义：
+
+- `0.00`：平静、疏朗的分布。
+- `0.25`：偏冷、扩散的分布。
+- `0.50`：平衡的炫彩分布。
+- `0.75`：偏暖、较密集的分布。
+- `1.00`：更有动势但仍保持对比安全的分布。
+
+范围内任何点都不能破坏前景可读性。
+
+### 6.5 辅助功能
+
+滑杆辅助功能标签：
+
+- 中文：`调整炫彩背景流动`
+- 英文：`Adjust colorful background flow`
+
+滑杆值描述：
+
+- 可以暴露百分比，例如 `45%`。
+- 不要描述为亮度。
+
+键盘：
+
+- 滑杆必须可获得焦点。
+- 方向键必须能调整值。
+- 调整后的值必须持久保存。
+
+## 7. 视觉需求
+
+### 7.1 总体视觉规则
+
+炫彩色场必须位于所有前景表面之后。它应该提供氛围，而不是和内容竞争注意力。
+
+前景容器仍然是视觉阅读层。
+
+### 7.2 亮色分支
+
+亮色分支应像明亮基底上的彩色空气。
+
+基底：
+
+- 接近白色。
+- 允许轻微蓝灰、青色或暖白色倾向。
+- 近似感知亮度：96%-99%。
+
+色块调色板：
+
+- 青色。
+- 蓝色。
+- 柔和紫色。
+- 粉色。
+- 薄荷绿。
+
+分布：
+
+- 大面积、柔和色块。
+- 没有硬边。
+- 没有高对比条纹。
+- 避免高饱和颜色直接出现在密集文字背后。
+
+禁止：
+
+- 糖果感高饱和。
+- 大块热粉色居中。
+- 两色线性渐变铺满全屏。
+- 强烈色彩接缝穿过容器边框。
+
+### 7.3 暗色分支
+
+暗色分支应像玻璃下安静的极光。
+
+基底：
+
+- 深蓝黑。
+- 黑紫色。
+- 深绿黑。
+- 近似感知亮度：6%-16%。
+
+色块调色板：
+
+- 青蓝。
+- 紫罗兰。
+- 低饱和洋红。
+- 绿蓝。
+- 钴蓝。
+
+分布：
+
+- 低亮度、中等饱和的光场。
+- 边缘压暗比亮色分支更强。
+- 较亮区域应尽量避开主要文字和密集 UI 区域。
+
+禁止：
+
+- 霓虹壁纸感。
+- 全屏高饱和。
+- 明亮中心直接位于主要卡片背后。
+- 玻璃面板边界消失。
+
+### 7.4 流动行为
+
+滑杆应改变分布，而不是只改变强度。
+
+拖动时：
+
+- 色块中心移动。
+- 色块半径变化。
+- 色块透明度适度变化。
+- 冷暖色主导关系切换。
+- 背景应该呈现沿滑杆“流动”的感觉。
+
+松手后：
+
+- 所选状态保持静态。
+- 重新打开 App 后恢复完全相同状态。
+
+首版不要求逐帧动画。
+
+## 8. 技术需求
+
+### 8.1 推荐架构
+
+为炫彩流动增加专用背景渲染器。
+
+推荐新增类型：
+
+```swift
+struct ColorfulFlowBackground: View {
+ let branch: ColorfulFlowBranch
+ let flow: Double
+}
+```
+
+推荐枚举：
+
+```swift
+enum ColorfulFlowBranch: String {
+ case light
+ case dark
+}
+```
+
+推荐存储 key：
+
+```swift
+appGridColorfulFlowBranch
+appGridColorfulFlowValue
+```
+
+推荐默认值：
+
+```swift
+appGridColorfulFlowValue = 0.45
+```
+
+分支默认值只在没有已存储值时，才根据系统外观解析。
+
+### 8.2 确定性锚点
+
+不要使用运行时随机值。
+
+使用确定性的流动锚点，并在锚点之间插值。
+
+概念模型示例：
+
+```swift
+struct ColorfulFlowAnchor {
+ let base: [ColorStopSpec]
+ let blobs: [ColorBlobSpec]
+ let overlayOpacity: Double
+ let vignetteOpacity: Double
+}
+
+struct ColorBlobSpec {
+ let color: Color
+ let center: CGPoint // normalized 0...1
+ let radius: CGFloat
+ let opacity: Double
+}
+```
+
+滑杆映射到锚点：
+
+```text
+0.00 -> Anchor A
+0.25 -> Anchor B
+0.50 -> Anchor C
+0.75 -> Anchor D
+1.00 -> Anchor E
+```
+
+锚点之间可以线性插值，也可以使用 smoothstep 曲线。
+
+推荐插值：
+
+```swift
+let t = smoothstep(localProgress)
+```
+
+Smoothstep：
+
+```swift
+t * t * (3 - 2 * t)
+```
+
+### 8.3 渲染策略
+
+macOS 14 兼容的首版应使用 SwiftUI 渐变。
+
+推荐层级结构：
+
+```text
+基础 material / 基础色
+低对比基础线性渐变
+径向色块 1
+径向色块 2
+径向色块 3
+可选的分支专属 veil
+可选的 vignette
+```
+
+可使用：
+
+- `LinearGradient`
+- `RadialGradient`
+- `Color`
+- `opacity`
+- `blur`，前提是性能可接受
+
+避免使用：
+
+- Metal shader。
+- Timeline 动画。
+- 高频重绘的 Canvas。
+- 大尺寸 bitmap 生成。
+- 运行时随机生成。
+
+### 8.4 接入点
+
+在 `ContentView.appGridBackground` 中：
+
+当前分支行为使用：
+
+```swift
+LinearGradient(colors: theme.backgroundBaseColors, ...)
+LinearGradient(colors: theme.backgroundAccentColors, ...)
+```
+
+新行为：
+
+```swift
+if theme == .colorful {
+ ColorfulFlowBackground(
+ branch: colorfulFlowBranch,
+ flow: colorfulFlowValue
+ )
+} else {
+ existing theme background behavior
+}
+```
+
+保持：
+
+- `.ignoresSafeArea()`
+- `.allowsHitTesting(false)`
+- 现有 Quick Search 可见性行为。
+
+### 8.5 AppStorage 接线
+
+在以下两个位置增加 AppStorage：
+
+- `ContentView`
+- `PreferencesView`
+
+示例：
+
+```swift
+@AppStorage("appGridColorfulFlowBranch") private var colorfulFlowBranchRaw = ...
+@AppStorage("appGridColorfulFlowValue") private var colorfulFlowValue = AppDefaults.appGridColorfulFlowValue
+```
+
+防御性限制数值范围：
+
+```swift
+min(max(value, 0), 1)
+```
+
+未知分支 raw value fallback：
+
+- 浅色外观下使用 `light`。
+- 深色外观下使用 `dark`。
+
+### 8.6 持久化
+
+已选流动分支和滑杆值必须在以下场景中保持：
+
+- 关闭 Settings。
+- 重新打开 Settings。
+- 关闭 App。
+- 重新启动 App。
+- 从 Colorful 切换到其它主题后再切回。
+
+其它主题不应受到已存储炫彩流动值影响。
+
+### 8.7 向后兼容
+
+没有这些 key 的现有用户：
+
+- 保持现有选中主题。
+- 如果当前主题不是 `Colorful`，没有可见变化。
+- 如果当前主题是 `Colorful`，使用新的默认分支和流动值。
+
+无效存储值：
+
+- 无效分支 -> 回退到系统外观。
+- NaN 或 infinite flow -> 回退到 `0.45`。
+- 超出范围 -> clamp 到 `0...1`。
+
+### 8.8 Kill Switch
+
+推荐内部 kill switch：
+
+```swift
+appGridColorfulFlowEnabled
+```
+
+默认：
+
+- 发布决策通过后为 `true`。
+
+如果关闭：
+
+- `Colorful` 回退到当前固定炫彩渐变。
+- 设置控件隐藏或禁用。
+
+## 9. UI 实现需求
+
+### 9.1 主题页
+
+在 `PreferencesView` 中，现有主题网格下方：
+
+- 显示主题作用范围说明。
+- 如果选中主题是 `.colorful`，显示流动控制区。
+
+建议顺序：
+
+```text
+主题标题
+主题说明
+主题网格
+炫彩流动控制，仅 Colorful 选中时显示
+主题作用范围说明
+```
+
+### 9.2 紧凑控制布局
+
+优先布局：
+
+```text
+[炫彩流动] [亮色 | 暗色] [---------------- slider ----------------]
+```
+
+尺寸要求：
+
+- 最大宽度与主题网格对齐。
+- 不让主题卡片变高。
+- 不新增卡片套卡片。
+- 空间允许时使用一行。
+- 本地化文本较长时使用两行。
+
+### 9.3 预览行为
+
+滑杆变化时：
+
+- 如果可行，选中的 `Colorful` 主题预览色块应同步更新。
+- 如果主 App Grid 当前可见，背景应实时更新。
+- 如果 App Grid 当前不可见，不要自动打开 App Grid。
+- 不要触发 App Grid collection reload。
+
+### 9.4 本地化 key
+
+为所有本地化文件新增 key。
+
+推荐 key：
+
+```json
+"theme.colorfulFlow": "Colorful Flow",
+"theme.colorfulFlowDesc": "Adjust the colorful background distribution.",
+"theme.colorfulFlowLight": "Light",
+"theme.colorfulFlowDark": "Dark",
+"theme.colorfulFlowAccessibility": "Adjust colorful background flow"
+```
+
+中文草案：
+
+```json
+"theme.colorfulFlow": "炫彩流动",
+"theme.colorfulFlowDesc": "调整炫彩背景的流体分布。",
+"theme.colorfulFlowLight": "亮色",
+"theme.colorfulFlowDark": "暗色",
+"theme.colorfulFlowAccessibility": "调整炫彩背景流动"
+```
+
+文案要面向用户且简单。不要暴露 “seed”“blob”“opacity”“gradient stop”“phase” 等技术词。
+
+## 10. QA 需求
+
+### 10.1 P0 需求
+
+P0-1：前景容器不得变化。
+
+以下内容必须保持视觉不变：
+
+- 容器表面。
+- 容器透明度。
+- 边框。
+- 阴影。
+- 圆角。
+- 文本颜色。
+- 图标位置。
+- App Grid 间距。
+- 拖拽 / 投放命中测试。
+
+P0-2：辅助功能模式必须保持可读。
+
+必须通过：
+
+- Reduce Transparency。
+- Increase Contrast。
+- 浅色外观。
+- 深色外观。
+
+P0-3：持久化必须是确定性的。
+
+同一分支 + 同一 flow 值，在重启后必须渲染出相同背景。
+
+### 10.2 视觉 QA 矩阵
+
+必须截图：
+
+- Theme 页，Colorful 选中，亮色分支，flow `0.00`。
+- Theme 页，Colorful 选中，亮色分支，flow `0.50`。
+- Theme 页，Colorful 选中，亮色分支，flow `1.00`。
+- Theme 页，Colorful 选中，暗色分支，flow `0.00`。
+- Theme 页，Colorful 选中，暗色分支，flow `0.50`。
+- Theme 页，Colorful 选中，暗色分支，flow `1.00`。
+- 主 App Grid，亮色分支，flow `0.00`。
+- 主 App Grid，亮色分支，flow `0.50`。
+- 主 App Grid，亮色分支，flow `1.00`。
+- 主 App Grid，暗色分支，flow `0.00`。
+- 主 App Grid，暗色分支，flow `0.50`。
+- 主 App Grid，暗色分支，flow `1.00`。
+
+必须覆盖系统上下文：
+
+- macOS 14 浅色外观。
+- macOS 14 深色外观。
+- Reduce Transparency ON。
+- Increase Contrast ON。
+- Fullscreen Space。
+- Split View。
+- 如可用，覆盖多显示器。
+
+### 10.3 交互 QA
+
+测试：
+
+- 选择 `Colorful`。
+- 滑杆出现。
+- 切换亮色 / 暗色分支。
+- 慢速拖动滑杆。
+- 快速拖动滑杆。
+- 点击滑杆轨道。
+- 用键盘调整滑杆。
+- 切换到其它主题。
+- 再切回 `Colorful`。
+- 关闭 Settings 后重新打开。
+- 重启 App。
+
+预期：
+
+- 滑杆只影响炫彩背景分布。
+- 其它主题不受影响。
+- 无闪烁。
+- 无白屏闪烁。
+- 无布局位移。
+- 无 App Grid reload。
+- 无拖拽 / 投放回归。
+
+### 10.4 截图 Diff 规则
+
+前后对比时：
+
+- 背景区域允许变化。
+- 前景容器区域应基本不变。
+
+如果前景卡片出现颜色变化、边框变化、阴影变化或布局位移，QA 应判定构建不通过。
+
+## 11. 研发验收标准
+
+只有全部满足时，才可认为实现合格：
+
+1. `Colorful` 有两个分支：亮色和暗色。
+2. 滑杆改变炫彩分布，而不是只改变亮度。
+3. 滑杆状态确定且可持久化。
+4. 非 Colorful 主题不变化。
+5. 前景容器渲染未被改动。
+6. App Grid 布局和 hit testing 未被改动。
+7. macOS 14 构建通过。
+8. 所有本地化文件包含新增 key。
+9. Reduce Transparency 和 Increase Contrast 下有可读 fallback。
+10. 可以安全回退到当前固定 `Colorful` 渐变。
+
+## 12. 建议实施计划
+
+### Phase 1：数据与渲染器
+
+- 新增 `ColorfulFlowBranch`。
+- 新增存储 key 和默认值。
+- 新增 `ColorfulFlowBackground`。
+- 新增确定性的亮色 / 暗色 flow anchors。
+- 只在 `ContentView.appGridBackground` 中为 `.colorful` 接入。
+- 如有需要，本阶段先隐藏 Settings UI。
+
+### Phase 2：Theme 页控件
+
+- 在主题网格下方新增紧凑控制项。
+- 仅在 `selectedAppGridTheme == .colorful` 时显示。
+- 接入亮色 / 暗色分段控制。
+- 接入 flow slider。
+- 新增本地化 key。
+
+### Phase 3：QA 与视觉调参
+
+- 截取要求的截图。
+- 调整 anchors，不调整前景容器。
+- 验证 macOS 14。
+- 验证辅助功能模式。
+- 验证持久化和 fallback。
+
+### Phase 4：可选后续扩展
+
+仅在用户反馈后考虑：
+
+- 新增 2-3 个命名内部炫彩预设。
+- 新增跟随系统外观分支模式。
+- 改进静态预览色块。
+
+除非产品策略变化，不要增加自由配色编辑。
+
+## 13. 待确认决策
+
+需要产品负责人确认：
+
+1. 首版是否暴露 `亮色 / 暗色`，还是默认跟随系统外观并隐藏分支控制？
+2. 滑杆默认值使用 `0.45`，还是尽量贴近当前用户喜欢的固定炫彩外观？
+3. 8.0 是否把 `Colorful` 改成新用户默认主题，还是继续作为用户手动选择项？
+4. Reduce Transparency fallback 使用当前固定炫彩渐变，还是使用简化不透明版本？
+
+推荐答案：
+
+1. 首版暴露 `亮色 / 暗色`，因为用户明确要求两个分支。
+2. 使用最接近当前受欢迎炫彩效果的值；从 `0.45` 开始评估。
+3. 本 PR 不改变新用户默认主题。
+4. 使用简化的分支专属不透明背景，而不是完全动态渐变。
+
+## 14. 最终产品表述
+
+在 TagLauncher 8.0 中，`Colorful` 从固定渐变演进为一个受控的流体背景模板。用户可以选择亮色或暗色分支，并拖动一个 Flow 滑杆，在确定性的、液体感的炫彩分布之间切换。前景玻璃容器保持不变，从而保留可读性和现有 App Grid 交互模型。
diff --git a/src/Docs/Requirements/2026-06-27-pro-theme-preview-countdown-prd.md b/src/Docs/Requirements/2026-06-27-pro-theme-preview-countdown-prd.md
index 25a452c..f583073 100644
--- a/src/Docs/Requirements/2026-06-27-pro-theme-preview-countdown-prd.md
+++ b/src/Docs/Requirements/2026-06-27-pro-theme-preview-countdown-prd.md
@@ -1,7 +1,7 @@
# PRD：Pro 主题体验倒计时
日期：2026-06-27
-状态：已按 8.1.6 落地并进入 QA 回归
+状态：8.1.7 已确认方案，进入实现与 QA 回归
目标分支：`codex/appgrid-usage-tips`
目标范围：免费版 + Pro 主题体验
最低系统：macOS 14.0
@@ -13,6 +13,80 @@
- 倒计时文案不写死 5 分钟，从 `ProThemePreviewState.endsAt` 推导真实剩余时间。
- 29 个语言文件新增 `pro.theme.status.previewCountdown`，统一保留 `%time%` 占位符。
+## 0.1 8.1.7 实验增补：暗色炫彩 / 亮色炫彩可调背景
+
+本增补是 8.1.7 的新实验需求。它建立在 8.1.6 的 Pro 主题体验倒计时之上，不改变倒计时、购买、恢复购买、旧付费用户自动获得 Pro、免费预览不写入真实设置等既有口径。
+
+### 0.1.1 产品目标
+
+- 把现有“深蓝”主题升级为更现代的暗色液体渐变视觉，显示名称改为“暗色炫彩”。
+- 把现有“炫彩”主题显示名称改为“亮色炫彩”，保留当前明亮、年轻、彩色的初始视觉方向。
+- “暗色炫彩”和“亮色炫彩”都纳入 Pro 主题范围，继续复用现有 Pro 预览倒计时和解锁逻辑。
+- 两个炫彩主题被选中时，在主题网格下方显示整行调色滑轨。用户拖动滑轨时，只改变 App Grid 背景的液体渐变色彩状态，不改变容器玻璃、图标、标签、拖拽、备注、布局、Pro 状态或购买逻辑。
+
+### 0.1.2 命名与兼容
+
+- UI 显示名变更：
+ - `深蓝` -> `暗色炫彩`
+ - `炫彩` -> `亮色炫彩`
+- 如现有代码已有稳定主题内部 ID，应优先保留内部 ID，只改显示名和视觉 token，避免破坏用户已保存主题、QA 脚本、旧偏好值和回滚路径。
+- 多语言必须同步新增或更新 29 个语言的主题显示名。译文应短、自然、可放进主题卡片；长语言允许最多两行，但不得挤掉 Pro 标识和选中状态。
+
+### 0.1.3 调色滑轨
+
+- 滑轨只在选中 `暗色炫彩` 或 `亮色炫彩` 时显示。
+- 滑轨位置：主题卡片网格下方的 full-width 附加控制区，不嵌入单个主题卡片，不改变两列卡片高度。
+- 滑轨区域建议高度控制在 44-56pt，底部保留至少 24pt 安全空白，不贴近设置窗口底部圆角。
+- `暗色炫彩` 的滑轨只能在暗色可读范围内变化：无论拖到哪里，整体仍是深色背景，容器标题、标签、按钮和图标都保持足够对比。
+- `亮色炫彩` 的滑轨只能在亮色可读范围内变化：无论拖到哪里，整体仍是明亮、干净、年轻的背景，不退化成暗黑主题。
+- 免费用户体验这两个 Pro 主题时，滑轨调整只影响本次临时预览；未解锁 Pro 前不得把滑轨值写入真实持久化设置。
+- Pro 用户或旧付费自动 Pro 用户调整滑轨后，滑轨值可以作为真实主题配置持久化。
+
+### 0.1.4 视觉方向
+
+- `暗色炫彩`：深色基底 + 多色液体流动感。它不是纯深蓝，也不是单一紫蓝渐变；应有高级、冷静、现代的色彩层次。
+- `暗色炫彩` 默认初始视觉采用方案 1「极夜孔雀」：深青黑底，孔雀蓝与冷翠绿液体光带。滑轨初始位置应对应这套初始状态。
+- `亮色炫彩`：明亮基底 + 多色液体流动感。它服务年轻、轻快、漂亮的审美，不应变成暗黑或低饱和灰脏效果。
+- 单个容器继续保持统一玻璃面板，不在每个容器内部各自做强烈渐变；渐变主要属于整个 App Grid 背景。
+- hover、选中、Pro 标识和滑轨 thumb 的颜色必须跟随主题适配，但不能牺牲可读性。
+
+### 0.1.5 设置页布局调整
+
+- 内容区顶部不再重复显示“主题”标题和“选择应用网格的背景主题。”短说明；Tab 已经表达当前位置，主题卡片和 Pro 状态行应整体上移，减少不必要的纵向滚动。
+- 主题页内容整体上移，为底部滑轨留出空间。
+- 主题说明文案保持简短，避免在 29 种语言下挤压主题卡片和滑轨。
+- 主题卡片网格中，`暗色炫彩` 和 `亮色炫彩` 固定放在最下方最后一排：左侧为 `暗色炫彩`，右侧为 `亮色炫彩`。这两个可调主题在视觉上形成对称分组，下方整行滑轨自然归属于这一组。
+- Pro 标识、主题名、选中勾三者不能互相挤压；长语言下优先保护主题名和选中状态。
+
+### 0.1.6 不做范围
+
+- 不改变 App Grid 的布局算法。
+- 不改变容器玻璃的独立深浅开关。
+- 不改变 Pro 购买流程、价格、恢复购买或旧用户权益。
+- 不改变 8.1.6 已落地的倒计时机制。
+- 方案确认前不直接落 App 代码；产品已选择方案 1「极夜孔雀」作为默认起点后，本阶段进入实现与 QA。
+
+### 0.1.6a 同批小需求：新用户默认图标大小
+
+- 初次安装、没有已有 `iconSize` 偏好的新用户，默认图标大小改为 `56`。
+- 已有用户如果已经保存过图标大小，不做迁移、不覆盖、不重置。
+- 该需求与 8.1.7 同批实现和回归，避免为小需求单独走一轮发布级 QA。
+
+### 0.1.7 验收标准
+
+- `PTC-16`：主题页中 `深蓝` 已显示为 `暗色炫彩`，`炫彩` 已显示为 `亮色炫彩`，29 种语言都不存在旧显示名遗漏。
+- `PTC-17`：`暗色炫彩` 和 `亮色炫彩` 都按 Pro 主题处理，免费用户仍走 8.1.6 的预览倒计时。
+- `PTC-18`：只有选中两个炫彩主题时才显示调色滑轨；其它主题不显示且不占位。
+- `PTC-18a`：主题网格最后一排固定为左 `暗色炫彩`、右 `亮色炫彩`，其它主题不会插入这两个卡片之间。
+- `PTC-19`：`暗色炫彩` 滑轨任何位置都保持暗色风格和足够文字对比。
+- `PTC-20`：`亮色炫彩` 滑轨任何位置都保持亮色风格和足够文字对比。
+- `PTC-21`：免费预览期间调色不写入真实主题设置；预览结束或切回免费主题后不残留脏数据。
+- `PTC-22`：Pro 用户调色后可持久化，重启 App 后仍保持所选主题和滑轨状态。
+- `PTC-23`：macOS 14 下主题页布局不裁切、不出现底部贴边、不因长语言挤压滑轨。
+- `PTC-24`：已有保存为旧 `深蓝` / `炫彩` 的用户偏好仍能映射到新显示名和新视觉，不出现空主题或回退默认。
+- `PTC-25`：新安装默认 `iconSize=56`；已有 `iconSize` 的用户不被覆盖。
+- `PTC-26`：`亮色炫彩` 的默认滑轨位置为最左端；新用户、首次切到该主题、未保存过调色偏好的用户都从最左端初始视觉开始。
+
## 1. 摘要
为 Pro 主题的免费体验状态增加可见倒计时。
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-\346\236\201\345\244\234\345\255\224\351\233\200.png" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-\346\236\201\345\244\234\345\255\224\351\233\200.png"
new file mode 100644
index 0000000..c496abe
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-\346\236\201\345\244\234\345\255\224\351\233\200.png"
Binary files differ
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-\346\236\201\345\244\234\345\255\224\351\233\200.svg" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-\346\236\201\345\244\234\345\255\224\351\233\200.svg"
new file mode 100644
index 0000000..fc76cc2
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-01-\346\236\201\345\244\234\345\255\224\351\233\200.svg"
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-01" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#06191d"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-01" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#12c7d8" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#34f0a4" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#12c7d8" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-01" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#4157ff" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#12c7d8" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#4157ff" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-01" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#12c7d8"/>
+ <stop offset="58%" stop-color="#34f0a4"/>
+ <stop offset="86%" stop-color="#4157ff"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-01" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-01" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-01" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-01)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-01)" filter="url(#softBlur-01)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-01)" filter="url(#softBlur-01)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#12c7d8" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-01)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 极夜孔雀</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-01" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#12c7d8"/>
+ <stop offset="68%" stop-color="#34f0a4"/>
+ <stop offset="100%" stop-color="#06191d"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-01" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-01)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-01)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-01)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-01)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="706.4000000000001" cy="977" r="18" fill="#fff" stroke="#12c7d8" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">01. 极夜孔雀</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">深青黑底，孔雀蓝与冷翠绿液体光带</text>
+</svg>
\ No newline at end of file
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-\351\273\221\346\233\234\347\216\253\347\221\260.png" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-\351\273\221\346\233\234\347\216\253\347\221\260.png"
new file mode 100644
index 0000000..b5698dc
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-\351\273\221\346\233\234\347\216\253\347\221\260.png"
Binary files differ
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-\351\273\221\346\233\234\347\216\253\347\221\260.svg" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-\351\273\221\346\233\234\347\216\253\347\221\260.svg"
new file mode 100644
index 0000000..1b54fda
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-02-\351\273\221\346\233\234\347\216\253\347\221\260.svg"
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-02" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#101014"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-02" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#d9368b" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#6d3bff" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#d9368b" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-02" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#ff6a52" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#d9368b" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#ff6a52" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-02" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#d9368b"/>
+ <stop offset="58%" stop-color="#6d3bff"/>
+ <stop offset="86%" stop-color="#ff6a52"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-02" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-02" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-02" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-02)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-02)" filter="url(#softBlur-02)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-02)" filter="url(#softBlur-02)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#d9368b" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-02)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 黑曜玫瑰</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-02" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#d9368b"/>
+ <stop offset="68%" stop-color="#6d3bff"/>
+ <stop offset="100%" stop-color="#101014"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-02" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-02)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-02)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-02)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-02)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="829.5999999999999" cy="977" r="18" fill="#fff" stroke="#d9368b" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">02. 黑曜玫瑰</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">黑曜灰底，暗玫红与烟紫低亮度流动</text>
+</svg>
\ No newline at end of file
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-\347\242\263\345\244\234\347\224\265\350\223\235.png" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-\347\242\263\345\244\234\347\224\265\350\223\235.png"
new file mode 100644
index 0000000..a71a7dd
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-\347\242\263\345\244\234\347\224\265\350\223\235.png"
Binary files differ
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-\347\242\263\345\244\234\347\224\265\350\223\235.svg" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-\347\242\263\345\244\234\347\224\265\350\223\235.svg"
new file mode 100644
index 0000000..5c45091
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-03-\347\242\263\345\244\234\347\224\265\350\223\235.svg"
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-03" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#080d13"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-03" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#159cff" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#2ff4ff" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#159cff" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-03" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#7d6cff" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#159cff" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#7d6cff" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-03" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#159cff"/>
+ <stop offset="58%" stop-color="#2ff4ff"/>
+ <stop offset="86%" stop-color="#7d6cff"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-03" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-03" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-03" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-03)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-03)" filter="url(#softBlur-03)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-03)" filter="url(#softBlur-03)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#159cff" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-03)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 碳夜电蓝</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-03" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#159cff"/>
+ <stop offset="68%" stop-color="#2ff4ff"/>
+ <stop offset="100%" stop-color="#080d13"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-03" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-03)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-03)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-03)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-03)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="970.4" cy="977" r="18" fill="#fff" stroke="#159cff" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">03. 碳夜电蓝</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">碳黑底，电蓝、青蓝与冰白高光</text>
+</svg>
\ No newline at end of file
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-\346\232\227\346\236\227\346\236\201\345\205\211.png" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-\346\232\227\346\236\227\346\236\201\345\205\211.png"
new file mode 100644
index 0000000..d1397fa
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-\346\232\227\346\236\227\346\236\201\345\205\211.png"
Binary files differ
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-\346\232\227\346\236\227\346\236\201\345\205\211.svg" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-\346\232\227\346\236\227\346\236\201\345\205\211.svg"
new file mode 100644
index 0000000..4709a2e
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-04-\346\232\227\346\236\227\346\236\201\345\205\211.svg"
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-04" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#07130f"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-04" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#49e36d" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#20d6d0" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#49e36d" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-04" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#d2b64d" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#49e36d" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#d2b64d" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-04" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#49e36d"/>
+ <stop offset="58%" stop-color="#20d6d0"/>
+ <stop offset="86%" stop-color="#d2b64d"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-04" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-04" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-04" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-04)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-04)" filter="url(#softBlur-04)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-04)" filter="url(#softBlur-04)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#49e36d" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-04)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 暗林极光</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-04" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#49e36d"/>
+ <stop offset="68%" stop-color="#20d6d0"/>
+ <stop offset="100%" stop-color="#07130f"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-04" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-04)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-04)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-04)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-04)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="776.8" cy="977" r="18" fill="#fff" stroke="#49e36d" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">04. 暗林极光</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">深松绿底，苔绿、冰蓝与暗金绿极光</text>
+</svg>
\ No newline at end of file
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-\347\203\237\347\264\253\346\230\237\345\260\230.png" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-\347\203\237\347\264\253\346\230\237\345\260\230.png"
new file mode 100644
index 0000000..1b9eec9
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-\347\203\237\347\264\253\346\230\237\345\260\230.png"
Binary files differ
diff --git "a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-\347\203\237\347\264\253\346\230\237\345\260\230.svg" "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-\347\203\237\347\264\253\346\230\237\345\260\230.svg"
new file mode 100644
index 0000000..ec61aa6
--- /dev/null
+++ "b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-05-\347\203\237\347\264\253\346\230\237\345\260\230.svg"
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-05" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#120f1a"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-05" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#7a55ff" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#23c5ff" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#7a55ff" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-05" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#df4ec8" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#7a55ff" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#df4ec8" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-05" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#7a55ff"/>
+ <stop offset="58%" stop-color="#23c5ff"/>
+ <stop offset="86%" stop-color="#df4ec8"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-05" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-05" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-05" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-05)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-05)" filter="url(#softBlur-05)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-05)" filter="url(#softBlur-05)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#7a55ff" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-05)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 烟紫星尘</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-05" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#7a55ff"/>
+ <stop offset="68%" stop-color="#23c5ff"/>
+ <stop offset="100%" stop-color="#120f1a"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-05" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-05)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-05)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-05)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-05)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="1058.4" cy="977" r="18" fill="#fff" stroke="#7a55ff" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">05. 烟紫星尘</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">烟紫黑底，靛紫、蓝紫与暗洋红星云</text>
+</svg>
\ No newline at end of file
diff --git a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.png b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.png
new file mode 100644
index 0000000..e4f1354
--- /dev/null
+++ b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.png
Binary files differ
diff --git a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.svg b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.svg
new file mode 100644
index 0000000..d5684b4
--- /dev/null
+++ b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/8.1.7-dark-colorful-contact-sheet.svg
@@ -0,0 +1,2207 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="1800" height="1740" viewBox="0 0 1800 1740">
+ <rect width="1800" height="1740" fill="#f4f6f8"/>
+ <text x="56" y="76" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="42" font-weight="860" fill="#1f2328">暗色炫彩 5 个候选方向</text>
+ <text x="58" y="118" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" fill="#596069">同一设置页结构；底部最后一排左暗右亮；滑轨只控制液体渐变背景。</text>
+
+ <g transform="translate(52 160) scale(.46)">
+
+<svg x="0" y="0" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-01" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#06191d"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-01" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#12c7d8" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#34f0a4" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#12c7d8" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-01" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#4157ff" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#12c7d8" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#4157ff" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-01" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#12c7d8"/>
+ <stop offset="58%" stop-color="#34f0a4"/>
+ <stop offset="86%" stop-color="#4157ff"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-01" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-01" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-01" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-01)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-01)" filter="url(#softBlur-01)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-01)" filter="url(#softBlur-01)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#12c7d8" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-01)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 极夜孔雀</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-01" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#12c7d8"/>
+ <stop offset="68%" stop-color="#34f0a4"/>
+ <stop offset="100%" stop-color="#06191d"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-01" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-01)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-01)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-01)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-01)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="706.4000000000001" cy="977" r="18" fill="#fff" stroke="#12c7d8" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">01. 极夜孔雀</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">深青黑底，孔雀蓝与冷翠绿液体光带</text>
+</svg>
+ </g>
+ <g transform="translate(922 160) scale(.46)">
+
+<svg x="0" y="0" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-02" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#101014"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-02" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#d9368b" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#6d3bff" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#d9368b" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-02" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#ff6a52" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#d9368b" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#ff6a52" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-02" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#d9368b"/>
+ <stop offset="58%" stop-color="#6d3bff"/>
+ <stop offset="86%" stop-color="#ff6a52"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-02" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-02" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-02" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-02)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-02)" filter="url(#softBlur-02)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-02)" filter="url(#softBlur-02)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#d9368b" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-02)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 黑曜玫瑰</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-02" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#d9368b"/>
+ <stop offset="68%" stop-color="#6d3bff"/>
+ <stop offset="100%" stop-color="#101014"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-02" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-02)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-02)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-02)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-02)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="829.5999999999999" cy="977" r="18" fill="#fff" stroke="#d9368b" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">02. 黑曜玫瑰</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">黑曜灰底，暗玫红与烟紫低亮度流动</text>
+</svg>
+ </g>
+ <g transform="translate(52 670) scale(.46)">
+
+<svg x="0" y="0" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-03" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#080d13"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-03" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#159cff" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#2ff4ff" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#159cff" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-03" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#7d6cff" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#159cff" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#7d6cff" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-03" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#159cff"/>
+ <stop offset="58%" stop-color="#2ff4ff"/>
+ <stop offset="86%" stop-color="#7d6cff"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-03" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-03" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-03" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-03)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-03)" filter="url(#softBlur-03)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-03)" filter="url(#softBlur-03)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#159cff" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-03)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 碳夜电蓝</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-03" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#159cff"/>
+ <stop offset="68%" stop-color="#2ff4ff"/>
+ <stop offset="100%" stop-color="#080d13"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-03" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-03)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-03)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-03)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-03)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="970.4" cy="977" r="18" fill="#fff" stroke="#159cff" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">03. 碳夜电蓝</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">碳黑底，电蓝、青蓝与冰白高光</text>
+</svg>
+ </g>
+ <g transform="translate(922 670) scale(.46)">
+
+<svg x="0" y="0" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-04" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#07130f"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-04" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#49e36d" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#20d6d0" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#49e36d" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-04" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#d2b64d" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#49e36d" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#d2b64d" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-04" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#49e36d"/>
+ <stop offset="58%" stop-color="#20d6d0"/>
+ <stop offset="86%" stop-color="#d2b64d"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-04" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-04" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-04" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-04)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-04)" filter="url(#softBlur-04)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-04)" filter="url(#softBlur-04)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#49e36d" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-04)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 暗林极光</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-04" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#49e36d"/>
+ <stop offset="68%" stop-color="#20d6d0"/>
+ <stop offset="100%" stop-color="#07130f"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-04" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-04)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-04)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-04)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-04)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="776.8" cy="977" r="18" fill="#fff" stroke="#49e36d" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">04. 暗林极光</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">深松绿底，苔绿、冰蓝与暗金绿极光</text>
+</svg>
+ </g>
+ <g transform="translate(52 1180) scale(.46)">
+
+<svg x="0" y="0" width="1800" height="1120" viewBox="0 0 1800 1120">
+
+ <defs>
+ <linearGradient id="bg-05" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="#120f1a"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-05" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="#7a55ff" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="#23c5ff" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="#7a55ff" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-05" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="#df4ec8" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="#7a55ff" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="#df4ec8" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-05" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="#7a55ff"/>
+ <stop offset="58%" stop-color="#23c5ff"/>
+ <stop offset="86%" stop-color="#df4ec8"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-05" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-05" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-05" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="1800" height="1120" fill="url(#bg-05)"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-05)" filter="url(#softBlur-05)"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-05)" filter="url(#softBlur-05)"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="#7a55ff" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-05)"/>
+ <rect width="1800" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · 烟紫星尘</text>
+ <rect x="36" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="94" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Reading</text><rect x="168" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="226" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Design</text><rect x="300" y="66" width="116" height="38" rx="10" fill="#49a6f2" opacity=".92"/><text x="358" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">AI</text><rect x="432" y="66" width="116" height="38" rx="10" fill="#ff5b58" opacity=".92"/><text x="490" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Office</text><rect x="564" y="66" width="116" height="38" rx="10" fill="#8f9095" opacity=".92"/><text x="622" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Coding</text><rect x="696" y="66" width="116" height="38" rx="10" fill="#5bc462" opacity=".92"/><text x="754" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">Media</text><rect x="828" y="66" width="116" height="38" rx="10" fill="#b167ca" opacity=".92"/><text x="886" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">System</text>
+
+ <g>
+ <rect x="54" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="192" x2="234" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="192" x2="530" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Reading</text>
+
+ <g transform="translate(106 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(198 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(290 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(382 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="192" x2="764" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="192" x2="1060" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Design</text>
+
+ <g transform="translate(636 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="150" width="500" height="250" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="192" x2="1294" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="192" x2="1590" y2="192" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="200" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">AI Tools</text>
+
+ <g transform="translate(1166 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1258 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(1350 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(1442 242)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="472" x2="234" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="374" y1="472" x2="530" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="304" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Office & Docs</text>
+
+ <g transform="translate(106 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(198 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(290 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(382 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(106 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(198 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(290 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ </g>
+ <g>
+ <rect x="584" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="608" y1="472" x2="764" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="904" y1="472" x2="1060" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="834" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Coding</text>
+
+ <g transform="translate(636 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(728 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(820 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(912 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(636 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(728 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(820 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="430" width="500" height="282" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="472" x2="1294" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="472" x2="1590" y2="472" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="480" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Media</text>
+
+ <g transform="translate(1166 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 522)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(1166 614)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ </g>
+ <g>
+ <rect x="54" y="740" width="1028" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="78" y1="782" x2="498" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="638" y1="782" x2="1058" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="568" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">System Tools</text>
+
+ <g transform="translate(106 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(198 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(290 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(382 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(474 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ <g transform="translate(566 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#007aff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">N</text>
+ </g>
+ <g transform="translate(658 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff9f0a" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">I</text>
+ </g>
+ <g transform="translate(750 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#af52de" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">C</text>
+ </g>
+ <g transform="translate(842 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#ff2d55" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(934 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ </g>
+ <g>
+ <rect x="1114" y="740" width="500" height="260" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="1138" y1="782" x2="1294" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="1434" y1="782" x2="1590" y2="782" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="1364" y="790" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">Uncategorized</text>
+
+ <g transform="translate(1166 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#64d2ff" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+ </g>
+ <g transform="translate(1258 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#34c759" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">D</text>
+ </g>
+ <g transform="translate(1350 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#5856d6" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">V</text>
+ </g>
+ <g transform="translate(1442 832)">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="#28c840" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">R</text>
+ </g>
+ </g>
+
+ <defs>
+ <linearGradient id="swatch-dark-05" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="#7a55ff"/>
+ <stop offset="68%" stop-color="#23c5ff"/>
+ <stop offset="100%" stop-color="#120f1a"/>
+ </linearGradient>
+ <linearGradient id="swatch-light-05" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-05)">
+ <rect x="240" y="140" width="1320" height="860" rx="28" fill="#ffffff"/>
+ <rect x="240" y="140" width="1320" height="78" rx="28" fill="#ffffff"/>
+ <path d="M240 190 v28 h1320 v-28" fill="#fff"/>
+ <circle cx="270" cy="168" r="11" fill="#ff5f57"/>
+ <circle cx="298" cy="168" r="11" fill="#d7d7d7"/>
+ <circle cx="326" cy="168" r="11" fill="#d7d7d7"/>
+ <text x="364" y="176" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="240" y1="218" x2="1560" y2="218" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="600" y="295" text-anchor="middle" fill="#777">通用</text>
+ <rect x="710" y="244" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="778" y="295" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="956" y="295" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="1134" y="295" text-anchor="middle" fill="#777">标签</text>
+ <text x="1312" y="295" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="240" y1="358" x2="1560" y2="358" stroke="#e4e4e4"/>
+ <text x="410" y="420" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="410" y="450" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="436" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="514" y="492" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="1226" y="464" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="1292" y="490" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+
+ <g>
+ <rect x="410" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="568" width="112" height="68" rx="12" fill="url(#swatch-default)"/>
+ <text x="564" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">默认</text>
+
+ <circle cx="802" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="550" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="568" width="112" height="68" rx="12" fill="url(#swatch-black)"/>
+ <text x="1064" y="611" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">黑色</text>
+
+ <circle cx="1302" cy="602" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="430" y="690" width="112" height="68" rx="12" fill="url(#swatch-pink)"/>
+ <text x="564" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">粉色</text>
+ <rect x="728" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="910" y="672" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="690" width="112" height="68" rx="12" fill="url(#swatch-green)"/>
+ <text x="1064" y="733" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">绿色</text>
+ <rect x="1228" y="705" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="727" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="724" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+
+ <g>
+ <rect x="410" y="794" width="430" height="104" rx="16" fill="#eaf2ff" stroke="#93c5ff" stroke-width="2.5"/>
+ <rect x="430" y="812" width="112" height="68" rx="12" fill="url(#swatch-dark-05)"/>
+ <text x="564" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">暗色炫彩</text>
+ <rect x="728" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="766" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="802" cy="846" r="15" fill="#007aff"/><path d="M795 846 l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>
+ </g>
+
+ <g>
+ <rect x="910" y="794" width="430" height="104" rx="16" fill="#ffffff" stroke="#e4e7eb" stroke-width="1.4"/>
+ <rect x="930" y="812" width="112" height="68" rx="12" fill="url(#swatch-light-05)"/>
+ <text x="1064" y="855" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">亮色炫彩</text>
+ <rect x="1228" y="827" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="1266" y="849" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>
+ <circle cx="1302" cy="846" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>
+ </g>
+ <g>
+ <text x="416" y="946" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="url(#slider-05)"/>
+ <rect x="460" y="970" width="880" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="1058.4" cy="977" r="18" fill="#fff" stroke="#7a55ff" stroke-width="4"/>
+ <text x="1360" y="983" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">05. 烟紫星尘</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">烟紫黑底，靛紫、蓝紫与暗洋红星云</text>
+</svg>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/src/Docs/Requirements/Assets/8.1.7-theme-concepts/generate_dark_colorful_concepts.js b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/generate_dark_colorful_concepts.js
new file mode 100644
index 0000000..a80e413
--- /dev/null
+++ b/src/Docs/Requirements/Assets/8.1.7-theme-concepts/generate_dark_colorful_concepts.js
@@ -0,0 +1,295 @@
+const fs = require("fs");
+const path = require("path");
+
+const outDir = __dirname;
+
+const variants = [
+ {
+ id: "01",
+ name: "极夜孔雀",
+ subtitle: "深青黑底，孔雀蓝与冷翠绿液体光带",
+ base: "#06191d",
+ accent: "#12c7d8",
+ accent2: "#34f0a4",
+ accent3: "#4157ff",
+ glow: "#12c7d8",
+ sliderX: 0.28,
+ },
+ {
+ id: "02",
+ name: "黑曜玫瑰",
+ subtitle: "黑曜灰底，暗玫红与烟紫低亮度流动",
+ base: "#101014",
+ accent: "#d9368b",
+ accent2: "#6d3bff",
+ accent3: "#ff6a52",
+ glow: "#d9368b",
+ sliderX: 0.42,
+ },
+ {
+ id: "03",
+ name: "碳夜电蓝",
+ subtitle: "碳黑底，电蓝、青蓝与冰白高光",
+ base: "#080d13",
+ accent: "#159cff",
+ accent2: "#2ff4ff",
+ accent3: "#7d6cff",
+ glow: "#159cff",
+ sliderX: 0.58,
+ },
+ {
+ id: "04",
+ name: "暗林极光",
+ subtitle: "深松绿底，苔绿、冰蓝与暗金绿极光",
+ base: "#07130f",
+ accent: "#49e36d",
+ accent2: "#20d6d0",
+ accent3: "#d2b64d",
+ glow: "#49e36d",
+ sliderX: 0.36,
+ },
+ {
+ id: "05",
+ name: "烟紫星尘",
+ subtitle: "烟紫黑底，靛紫、蓝紫与暗洋红星云",
+ base: "#120f1a",
+ accent: "#7a55ff",
+ accent2: "#23c5ff",
+ accent3: "#df4ec8",
+ glow: "#7a55ff",
+ sliderX: 0.68,
+ },
+];
+
+const tagColors = ["#5bc462", "#b167ca", "#49a6f2", "#ff5b58", "#8f9095"];
+const appColors = ["#28c840", "#007aff", "#ff9f0a", "#af52de", "#ff2d55", "#64d2ff", "#34c759", "#5856d6"];
+const appNames = ["Reader", "Notes", "IDE", "Chat", "Design", "AI", "Docs", "Video"];
+
+function esc(text) {
+ return String(text).replace(/[&<>"]/g, (m) => ({ "&": "&", "<": "<", ">": ">", '"': """ }[m]));
+}
+
+function defs(v) {
+ return `
+ <defs>
+ <linearGradient id="bg-${v.id}" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="34%" stop-color="${v.base}"/>
+ <stop offset="68%" stop-color="#071327"/>
+ <stop offset="100%" stop-color="#020309"/>
+ </linearGradient>
+ <radialGradient id="liquid-a-${v.id}" cx="28%" cy="22%" r="72%">
+ <stop offset="0%" stop-color="${v.accent}" stop-opacity=".72"/>
+ <stop offset="38%" stop-color="${v.accent2}" stop-opacity=".22"/>
+ <stop offset="100%" stop-color="${v.accent}" stop-opacity="0"/>
+ </radialGradient>
+ <radialGradient id="liquid-b-${v.id}" cx="84%" cy="30%" r="78%">
+ <stop offset="0%" stop-color="${v.accent3}" stop-opacity=".62"/>
+ <stop offset="44%" stop-color="${v.accent}" stop-opacity=".18"/>
+ <stop offset="100%" stop-color="${v.accent3}" stop-opacity="0"/>
+ </radialGradient>
+ <linearGradient id="slider-${v.id}" x1="0" y1="0" x2="1" y2="0">
+ <stop offset="0%" stop-color="#061019"/>
+ <stop offset="28%" stop-color="${v.accent}"/>
+ <stop offset="58%" stop-color="${v.accent2}"/>
+ <stop offset="86%" stop-color="${v.accent3}"/>
+ <stop offset="100%" stop-color="#0a0d14"/>
+ </linearGradient>
+ <filter id="softBlur-${v.id}" x="-20%" y="-20%" width="140%" height="140%">
+ <feGaussianBlur stdDeviation="34"/>
+ </filter>
+ <filter id="shadow-${v.id}" x="-30%" y="-30%" width="160%" height="160%">
+ <feDropShadow dx="0" dy="18" stdDeviation="28" flood-color="#000000" flood-opacity=".36"/>
+ </filter>
+ <filter id="cardShadow-${v.id}" x="-20%" y="-20%" width="140%" height="140%">
+ <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#000000" flood-opacity=".24"/>
+ </filter>
+ </defs>`;
+}
+
+function appIcon(x, y, i) {
+ const color = appColors[i % appColors.length];
+ const label = appNames[i % appNames.length].slice(0, 1);
+ return `
+ <g transform="translate(${x} ${y})">
+ <rect x="0" y="0" width="52" height="52" rx="13" fill="${color}" filter="url(#cardShadow-current)"/>
+ <rect x="0.5" y="0.5" width="51" height="51" rx="12.5" fill="url(#iconGloss)" opacity=".28"/>
+ <text x="26" y="34" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="800" fill="#fff">${label}</text>
+ </g>`;
+}
+
+function container(x, y, w, h, title, iconCount) {
+ let icons = "";
+ const cols = Math.max(3, Math.floor((w - 64) / 92));
+ for (let i = 0; i < iconCount; i += 1) {
+ const ix = x + 52 + (i % cols) * 92;
+ const iy = y + 92 + Math.floor(i / cols) * 92;
+ if (iy + 56 < y + h - 20) icons += appIcon(ix, iy, i + title.length);
+ }
+ return `
+ <g>
+ <rect x="${x}" y="${y}" width="${w}" height="${h}" rx="22" fill="rgba(255,255,255,.105)" stroke="rgba(255,255,255,.22)" stroke-width="1.4"/>
+ <line x1="${x + 24}" y1="${y + 42}" x2="${x + w / 2 - 70}" y2="${y + 42}" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <line x1="${x + w / 2 + 70}" y1="${y + 42}" x2="${x + w - 24}" y2="${y + 42}" stroke="rgba(255,255,255,.22)" stroke-width="1"/>
+ <text x="${x + w / 2}" y="${y + 50}" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="800" fill="rgba(255,255,255,.72)">${esc(title)}</text>
+ ${icons}
+ </g>`;
+}
+
+function themeCard(x, y, w, h, label, selected, pro, swatchId) {
+ return `
+ <g>
+ <rect x="${x}" y="${y}" width="${w}" height="${h}" rx="16" fill="${selected ? "#eaf2ff" : "#ffffff"}" stroke="${selected ? "#93c5ff" : "#e4e7eb"}" stroke-width="${selected ? "2.5" : "1.4"}"/>
+ <rect x="${x + 20}" y="${y + 18}" width="112" height="68" rx="12" fill="url(#${swatchId})"/>
+ <text x="${x + 154}" y="${y + 61}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="25" font-weight="760" fill="#2a2d32">${esc(label)}</text>
+ ${pro ? `<rect x="${x + w - 112}" y="${y + 33}" width="76" height="32" rx="16" fill="#fff6e5" stroke="#f4c56f"/><text x="${x + w - 74}" y="${y + 55}" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="800" fill="#9a6500">♛ Pro</text>` : ""}
+ ${selected ? `<circle cx="${x + w - 38}" cy="${y + 52}" r="15" fill="#007aff"/><path d="M${x + w - 45} ${y + 52} l5 5 l9 -12" fill="none" stroke="#fff" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"/>` : `<circle cx="${x + w - 38}" cy="${y + 52}" r="14" fill="none" stroke="#c6c8cc" stroke-width="3"/>`}
+ </g>`;
+}
+
+function settingsWindow(v) {
+ const x = 240;
+ const y = 140;
+ const w = 1320;
+ const h = 860;
+ const leftX = x + 170;
+ const rightX = x + 670;
+ const cardW = 430;
+ const cardH = 104;
+ const darkSwatch = `swatch-dark-${v.id}`;
+ const lightSwatch = `swatch-light-${v.id}`;
+ const sliderWidth = 880;
+ const thumbX = x + 220 + sliderWidth * v.sliderX;
+ return `
+ <defs>
+ <linearGradient id="${darkSwatch}" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#02040a"/>
+ <stop offset="35%" stop-color="${v.accent}"/>
+ <stop offset="68%" stop-color="${v.accent2}"/>
+ <stop offset="100%" stop-color="${v.base}"/>
+ </linearGradient>
+ <linearGradient id="${lightSwatch}" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#3ae6f2"/>
+ <stop offset="45%" stop-color="#aee6ff"/>
+ <stop offset="100%" stop-color="#ff87dd"/>
+ </linearGradient>
+ </defs>
+ <g filter="url(#shadow-${v.id})">
+ <rect x="${x}" y="${y}" width="${w}" height="${h}" rx="28" fill="#ffffff"/>
+ <rect x="${x}" y="${y}" width="${w}" height="78" rx="28" fill="#ffffff"/>
+ <path d="M${x} ${y + 50} v28 h${w} v-28" fill="#fff"/>
+ <circle cx="${x + 30}" cy="${y + 28}" r="11" fill="#ff5f57"/>
+ <circle cx="${x + 58}" cy="${y + 28}" r="11" fill="#d7d7d7"/>
+ <circle cx="${x + 86}" cy="${y + 28}" r="11" fill="#d7d7d7"/>
+ <text x="${x + 124}" y="${y + 36}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="20" font-weight="740" fill="#696a6d">TagLauncher Settings</text>
+ <line x1="${x}" y1="${y + 78}" x2="${x + w}" y2="${y + 78}" stroke="#e7e7e7"/>
+ <g font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" font-weight="750">
+ <text x="${x + 360}" y="${y + 155}" text-anchor="middle" fill="#777">通用</text>
+ <rect x="${x + 470}" y="${y + 104}" width="136" height="88" rx="18" fill="#eaf2ff" stroke="#b7d4ff"/>
+ <text x="${x + 538}" y="${y + 155}" text-anchor="middle" fill="#007aff">主题</text>
+ <text x="${x + 716}" y="${y + 155}" text-anchor="middle" fill="#777">快捷键</text>
+ <text x="${x + 894}" y="${y + 155}" text-anchor="middle" fill="#777">标签</text>
+ <text x="${x + 1072}" y="${y + 155}" text-anchor="middle" fill="#777">关于</text>
+ </g>
+ <line x1="${x}" y1="${y + 218}" x2="${x + w}" y2="${y + 218}" stroke="#e4e4e4"/>
+ <text x="${x + 170}" y="${y + 280}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="19" font-weight="650" fill="#303236">选择应用网格背景主题。暗色炫彩与亮色炫彩支持调色。</text>
+ <rect x="${x + 170}" y="${y + 310}" width="980" height="66" rx="16" fill="#fafafa" stroke="#e5e5e5"/>
+ <text x="${x + 196}" y="${y + 352}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#9b6a00">♛ Pro</text>
+ <text x="${x + 274}" y="${y + 352}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="#6f7175">解锁后可长期使用全部高级主题。</text>
+ <rect x="${x + 986}" y="${y + 324}" width="132" height="38" rx="10" fill="#efefef"/>
+ <text x="${x + 1052}" y="${y + 350}" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="700" fill="#333">解锁 Pro</text>
+ ${themeCard(leftX, y + 410, cardW, cardH, "默认", false, false, "swatch-default")}
+ ${themeCard(rightX, y + 410, cardW, cardH, "黑色", false, false, "swatch-black")}
+ ${themeCard(leftX, y + 532, cardW, cardH, "粉色", false, true, "swatch-pink")}
+ ${themeCard(rightX, y + 532, cardW, cardH, "绿色", false, true, "swatch-green")}
+ ${themeCard(leftX, y + 654, cardW, cardH, "暗色炫彩", true, true, darkSwatch)}
+ ${themeCard(rightX, y + 654, cardW, cardH, "亮色炫彩", false, true, lightSwatch)}
+ <g>
+ <text x="${x + 176}" y="${y + 806}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" font-weight="650" fill="#51545a">暗色炫彩调色</text>
+ <rect x="${x + 220}" y="${y + 830}" width="${sliderWidth}" height="14" rx="7" fill="url(#slider-${v.id})"/>
+ <rect x="${x + 220}" y="${y + 830}" width="${sliderWidth}" height="14" rx="7" fill="none" stroke="#d4d8df"/>
+ <circle cx="${thumbX}" cy="${y + 837}" r="18" fill="#fff" stroke="${v.accent}" stroke-width="4"/>
+ <text x="${x + 1120}" y="${y + 843}" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="#777">始终保持暗色可读范围</text>
+ </g>
+ </g>`;
+}
+
+function svg(v, scale = 1) {
+ const width = 1800;
+ const height = 1120;
+ const containers = [
+ container(54, 150, 500, 250, "Reading", 4),
+ container(584, 150, 500, 250, "Design", 5),
+ container(1114, 150, 500, 250, "AI Tools", 6),
+ container(54, 430, 500, 282, "Office & Docs", 7),
+ container(584, 430, 500, 282, "Coding", 7),
+ container(1114, 430, 500, 282, "Media", 5),
+ container(54, 740, 1028, 260, "System Tools", 10),
+ container(1114, 740, 500, 260, "Uncategorized", 4),
+ ].join("");
+
+ const tags = ["Reading", "Design", "AI", "Office", "Coding", "Media", "System"];
+ const tagBar = tags.map((t, i) => {
+ const x = 36 + i * 132;
+ const c = tagColors[i % tagColors.length];
+ return `<rect x="${x}" y="66" width="116" height="38" rx="10" fill="${c}" opacity=".92"/><text x="${x + 58}" y="91" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="16" font-weight="760" fill="#fff">${esc(t)}</text>`;
+ }).join("");
+
+ return `<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="${width * scale}" height="${height * scale}" viewBox="0 0 ${width} ${height}">
+ ${defs(v)}
+ <defs>
+ <linearGradient id="iconGloss" x1="0" y1="0" x2="1" y2="1">
+ <stop offset="0%" stop-color="#ffffff"/>
+ <stop offset="48%" stop-color="#ffffff" stop-opacity=".28"/>
+ <stop offset="100%" stop-color="#000000" stop-opacity=".18"/>
+ </linearGradient>
+ <linearGradient id="swatch-default" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#f8fafc"/><stop offset="100%" stop-color="#e9edf2"/></linearGradient>
+ <linearGradient id="swatch-black" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#000"/><stop offset="100%" stop-color="#15171b"/></linearGradient>
+ <linearGradient id="swatch-pink" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#ffc1de"/><stop offset="100%" stop-color="#ff83bd"/></linearGradient>
+ <linearGradient id="swatch-green" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#bbf49a"/><stop offset="100%" stop-color="#37c75a"/></linearGradient>
+ <filter id="cardShadow-current" x="-40%" y="-40%" width="180%" height="180%">
+ <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000" flood-opacity=".28"/>
+ </filter>
+ </defs>
+ <rect width="${width}" height="${height}" fill="url(#bg-${v.id})"/>
+ <path d="M-80 846 C210 560 432 682 676 420 C932 146 1216 72 1902 220 L1902 1150 L-80 1150 Z" fill="url(#liquid-a-${v.id})" filter="url(#softBlur-${v.id})"/>
+ <path d="M510 1140 C760 760 884 822 1116 506 C1348 188 1548 182 1908 360 L1908 1140 Z" fill="url(#liquid-b-${v.id})" filter="url(#softBlur-${v.id})"/>
+ <path d="M-120 220 C220 112 396 330 704 212 C1048 80 1316 30 1920 112" fill="none" stroke="${v.accent}" stroke-opacity=".16" stroke-width="70" filter="url(#softBlur-${v.id})"/>
+ <rect width="${width}" height="42" fill="#000"/>
+ <text x="54" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="17" font-weight="760" fill="#fff">TagLauncher</text>
+ <text x="1650" y="28" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="15" fill="rgba(255,255,255,.72)">8.1.7 概念 · ${esc(v.name)}</text>
+ ${tagBar}
+ ${containers}
+ ${settingsWindow(v)}
+ <text x="58" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="24" font-weight="820" fill="#fff">${v.id}. ${esc(v.name)}</text>
+ <text x="236" y="1088" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="18" fill="rgba(255,255,255,.72)">${esc(v.subtitle)}</text>
+</svg>`;
+}
+
+function contactSheet() {
+ const w = 1800;
+ const h = 1740;
+ const cards = variants.map((v, i) => {
+ const col = i % 2;
+ const row = Math.floor(i / 2);
+ const x = 52 + col * 870;
+ const y = 160 + row * 510;
+ return `
+ <g transform="translate(${x} ${y}) scale(.46)">
+ ${svg(v).replace(/<\?xml[^>]*\?>/, "").replace(/<svg[^>]*>/, `<svg x="0" y="0" width="1800" height="1120" viewBox="0 0 1800 1120">`).replace("</svg>", "</svg>")}
+ </g>`;
+ }).join("");
+ return `<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 ${w} ${h}">
+ <rect width="${w}" height="${h}" fill="#f4f6f8"/>
+ <text x="56" y="76" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="42" font-weight="860" fill="#1f2328">暗色炫彩 5 个候选方向</text>
+ <text x="58" y="118" font-family="-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif" font-size="22" fill="#596069">同一设置页结构；底部最后一排左暗右亮；滑轨只控制液体渐变背景。</text>
+ ${cards}
+</svg>`;
+}
+
+for (const variant of variants) {
+ fs.writeFileSync(path.join(outDir, `8.1.7-dark-colorful-${variant.id}-${variant.name}.svg`), svg(variant));
+}
+fs.writeFileSync(path.join(outDir, "8.1.7-dark-colorful-contact-sheet.svg"), contactSheet());
diff --git a/src/Release/AppStore-8.1.7-20260628.2035/Archive/TagLauncher-8.1.7-build20260628.2035.dmg b/src/Release/AppStore-8.1.7-20260628.2035/Archive/TagLauncher-8.1.7-build20260628.2035.dmg
new file mode 100644
index 0000000..38d5bbf
--- /dev/null
+++ b/src/Release/AppStore-8.1.7-20260628.2035/Archive/TagLauncher-8.1.7-build20260628.2035.dmg
Binary files differ
diff --git a/src/Release/AppStore-8.1.7-20260628.2035/QA_RELEASE_EVIDENCE.md b/src/Release/AppStore-8.1.7-20260628.2035/QA_RELEASE_EVIDENCE.md
new file mode 100644
index 0000000..e990b0c
--- /dev/null
+++ b/src/Release/AppStore-8.1.7-20260628.2035/QA_RELEASE_EVIDENCE.md
@@ -0,0 +1,27 @@
+# QA Release Evidence - 8.1.7 Build 20260628.2035
+
+## Automated Checks
+
+- PASS `Scripts/pro_localization_qa.sh`
+- PASS `Scripts/pro_feature_gate_qa.sh`
+- PASS `Scripts/pro_theme_preview_countdown_qa.sh`
+- PASS `Scripts/theme_settings_qa.sh`
+- PASS `Scripts/macos14_build_metadata_qa.sh`
+- PASS `Scripts/macos14_availability_typecheck_qa.sh`
+
+## Build
+
+- PASS `bash build.sh`
+- App bundle: `build/TagLauncher.app`
+- Source version: 8.1.7 / 20260628.2035
+- Built bundle version: 8.1.7 / 20260628.2035
+
+## Package
+
+- PASS `bash make_dmg.sh`
+- DMG: `Archive/TagLauncher-8.1.7-build20260628.2035.dmg`
+
+## Notes
+
+- The About page Pro upgrade card no longer reads `priceDisplayText`, `displayPrice`, or localized price values from `PreferencesView.swift`.
+- Existing unrelated root `docs/` deletions and old release screenshot deletions were not included in this freeze.
diff --git a/src/Release/AppStore-8.1.7-20260628.2035/RELEASE_MANIFEST.md b/src/Release/AppStore-8.1.7-20260628.2035/RELEASE_MANIFEST.md
new file mode 100644
index 0000000..d8c9335
--- /dev/null
+++ b/src/Release/AppStore-8.1.7-20260628.2035/RELEASE_MANIFEST.md
@@ -0,0 +1,19 @@
+# TagLauncher 8.1.7 Build 20260628.2035
+
+## Scope
+
+- Version: 8.1.7
+- Build: 20260628.2035
+- Frozen from branch: codex/appgrid-usage-tips
+- Package: `Archive/TagLauncher-8.1.7-build20260628.2035.dmg`
+
+## Included Changes
+
+- Added dark colorful and light colorful theme variants with theme tuning controls.
+- Removed standalone theme intro text from the Theme settings page to reduce vertical scroll pressure.
+- Default new-user icon size is 56.
+- About page Pro card no longer displays localized IAP price directly; the App Store purchase sheet remains the source of truth for price.
+
+## QA Summary
+
+See `QA_RELEASE_EVIDENCE.md`.
diff --git a/src/Release/AppStore-8.1.7-20260628.2035/SHA256SUMS.txt b/src/Release/AppStore-8.1.7-20260628.2035/SHA256SUMS.txt
new file mode 100644
index 0000000..c46c4f9
--- /dev/null
+++ b/src/Release/AppStore-8.1.7-20260628.2035/SHA256SUMS.txt
@@ -0,0 +1 @@
+72f287a36e55898dfe4efa903e937f7cdcae32d2c488e655bbb208cd47bacf36 Archive/TagLauncher-8.1.7-build20260628.2035.dmg
diff --git a/src/Scripts/pro_feature_gate_qa.sh b/src/Scripts/pro_feature_gate_qa.sh
index 5ce6ff1..1a9447b 100755
--- a/src/Scripts/pro_feature_gate_qa.sh
+++ b/src/Scripts/pro_feature_gate_qa.sh
@@ -69,7 +69,7 @@
require(pro, 'static let firstFreeProVersion = "8.1.0"', "legacy unlock cutoff must be 8.1.0")
require(pro, 'static let qaStateEnvKey = "TAGLAUNCHER_QA_PRO_STATE"', "QA Pro-state override is missing")
require(pro, "static let freeNoteLimit = 5", "free note limit must remain explicit")
-require(pro, "static let freeThemes: Set<AppGridTheme> = [.defaultLight, .deepBlue, .black]", "free theme set must be default/deepBlue/black")
+require(pro, "static let freeThemes: Set<AppGridTheme> = [.defaultLight, .black]", "free theme set must be default/black")
require(pro, "Product.products(for: [ProEntitlementConfig.lifetimeProductID])", "StoreKit product lookup is missing")
require(pro, "Transaction.currentEntitlements", "current entitlement restore/read path is missing")
require(pro, "Transaction.updates", "transaction update listener is missing")
@@ -126,7 +126,7 @@
require(preferences, "ProStatusPill(text: tr(\"pro.card.badge\"), style: .locked, compact: true)", "locked data actions must show compact Pro pill")
require(preferences, "presentSettingsProPrompt(for: .premiumThemes)", "premium theme selection prompt is missing")
-require(preferences, "proEntitlement.startThemePreview(for: theme)", "premium theme free preview is missing")
+require(preferences, "proEntitlement.startThemePreview(for: theme, tuning:", "premium theme free preview is missing")
require(preferences, "proEntitlement.stopThemePreview()", "theme preview cleanup is missing")
require(pro, "func remainingSeconds(at date: Date = Date()) -> Int", "theme preview remaining-seconds helper is missing")
require(pro, "ceil(endsAt.timeIntervalSince(date))", "theme preview countdown must derive from endsAt")
diff --git a/src/Scripts/theme_settings_qa.sh b/src/Scripts/theme_settings_qa.sh
index bbc5896..8e64319 100755
--- a/src/Scripts/theme_settings_qa.sh
+++ b/src/Scripts/theme_settings_qa.sh
@@ -53,6 +53,26 @@
raise SystemExit("legacy dark preference migration is missing")
if "var usesVisualEffectBackdrop: Bool" not in theme_source:
raise SystemExit("theme visual-effect backdrop policy is missing")
+if "static let settingsDisplayOrder: [AppGridTheme]" not in theme_source:
+ raise SystemExit("settings theme display order is missing")
+if "var supportsColorTuning: Bool" not in theme_source:
+ raise SystemExit("colorful theme tuning policy is missing")
+if "func backgroundBaseColors(tuning: Double?)" not in theme_source or "func backgroundAccentColors(tuning: Double?)" not in theme_source:
+ raise SystemExit("tunable AppGrid background color functions are missing")
+if "AppGridTheme.settingsDisplayOrder" not in preferences_source:
+ raise SystemExit("Preferences theme grid does not use the curated theme order")
+if "themeColorTuningSection" not in preferences_source or "Slider(value: themeTuningBinding" not in preferences_source:
+ raise SystemExit("Preferences theme tuning slider is missing")
+if 'Text(tr("settings.theme"))\n .font(.headline)' in preferences_source:
+ raise SystemExit("Theme content area must not repeat the Theme heading")
+if 'Text(tr("settings.themeScopeDesc"))' in preferences_source:
+ raise SystemExit("Theme scope copy must be merged into the tuning description, not rendered as a standalone bottom line")
+if not re.search(r"case\s+\.colorful:\s*return\s+0\b", theme_source):
+ raise SystemExit("Light Colorful default tuning must start at the far left of the slider")
+if "AppGridTheme.deepBlueTuningStorageKey" not in defaults_source or "AppGridTheme.colorfulTuningStorageKey" not in defaults_source:
+ raise SystemExit("theme tuning defaults are missing")
+if "static let iconSize: Double = 56" not in defaults_source:
+ raise SystemExit("new-install default icon size must be 56")
if "var isPureBlackBackground: Bool" not in theme_source or "self == .black" not in theme_source:
raise SystemExit("pure black background policy is missing")
if "case .deepBlue, .black:" not in theme_source or "return true" not in theme_source:
@@ -94,6 +114,8 @@
raise SystemExit("edit mode must temporarily render with the default light AppGrid theme")
if "let theme = renderedAppGridTheme" not in content_source:
raise SystemExit("AppGrid background does not use the runtime rendered theme")
+if "let tuning = renderedAppGridThemeTuning" not in content_source:
+ raise SystemExit("AppGrid background does not use runtime theme tuning")
if "AppGridCollectionView(" in content_source and "appGridTheme: renderedAppGridTheme" not in content_source:
raise SystemExit("AppGridCollectionView is not passed the runtime rendered theme")
if "EditAppsHeaderView(" in content_source and "theme: renderedAppGridTheme" not in content_source:
@@ -117,6 +139,9 @@
"settings.theme",
"settings.themeDesc",
"settings.themeScopeDesc",
+ "theme.tuning.dark",
+ "theme.tuning.light",
+ "theme.tuning.desc",
"theme.default",
"theme.deepBlue",
"theme.black",
@@ -143,6 +168,8 @@
]
if raw_values:
raise SystemExit(f"{path.name} has raw key values: {raw_values}")
+ if data["settings.themeScopeDesc"].strip() not in data["theme.tuning.desc"]:
+ raise SystemExit(f"{path.name} theme tuning description must include the theme scope copy")
print("PASS theme settings QA: 8 themes, Theme tab, migration, AppGrid-only rendering, glass policy, edit-mode default-theme override, and 29-language keys are present")
PY
--
Gitblit v1.9.3