feat(web): revamp style modal UI with grid cards, thumbnails, and dual-view

Redesign the painting-style picker inspired by Pollo AI: widen modal to
1400px, show styles as square thumbnail cards in a 4-column grid with
name labels below, add ember glow hover effect, and split custom-style
editing into its own view. Simplify style names (e.g. "京阿尼细腻日常" →
"京阿尼"), add 22 .webp preview thumbnails, and remove the per-preset
override mechanism in favor of a cleaner grid + custom flow.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
yuanzonghao
2026-06-06 20:45:08 +08:00
parent aed05a0512
commit 31ce3f1d40
24 changed files with 300 additions and 416 deletions
+20 -15
View File
@@ -9,22 +9,27 @@ export const GENDERS = ["男性向", "女性向"] as const;
export const ART_STYLES = [
"自动",
"自定义",
"京阿尼细腻日常",
"新海诚唯美光影",
"Galgame CG",
"3D 动漫电影",
"自定义风格",
"京阿尼",
"新海诚",
"吉卜力",
"3D 动",
"真实",
"赛博朋克",
"蒸汽波",
"吉卜力治愈手绘",
"哥特庄园",
"废土科幻",
// 以下为小众/区域性画风,留作长尾选项
"古典厚涂油画",
"极简中国水墨",
"浮世绘木刻",
"莫高窟壁画",
"波斯细密画",
"哥特",
"废土",
"像素风",
"古典油画",
"莫奈",
"水彩",
"水墨",
"浮世绘",
"彩铅",
"手绘素描",
"黑白漫画",
"儿童绘本",
"儿童涂鸦",
"黏土手工",
] as const;
export const PLOT_STYLES = ["平铺直叙", "多线转折", "悬疑烧脑", "治愈日常"] as const;