Playground

HOME GUIDE

首页导引形态试验场

真首页 / 不再是文章卡流，内容区顶部是一块站点导引——2026-10-16 定稿 A 入口格（2×2），B/C 保留为可切变体。上方的预览就是真实导引的 DOM 与样式（与首页同一套 §19 规则，入口数据同源：BILLETS · CHRONOLOGIE · STELLARIUM · MYOSOTIS）；点下方形态标签当场换装，点完到底部「应用」才写进这台浏览器。返回 Playground。

本页预览 · 三种导引形态

GUIDE · 站点导引

预览块为静态样张（入口指向真实页面）；真实首页上导引由 site-polish.js 按令牌属性现场构建，形态与本页所见同款。不 iframe、不开新窗。

形态切换

首页导引形态 home.guide读取中

点选只是试穿：上方预览当场换装，不落盘；到底部点「应用」才写进本浏览器偏好，回首页刷新即见。

三种形态的介绍与设计思路

与主站排版的联动

分段选择器 → 令牌 home.guide（enum：a / b / c → <html> 的 data-mc-home-guide）→ 主站落点：首页 / 的 #home-guide，由 source/js/site-polish.js 的 homeGuide() 读属性建 DOM（kicker + 形态节点），样式在 site-polish.css §19——A 为 2×2 玻璃入口格（kicker + KuaiLe 名称 + 一句描述 + 箭头联动，窄屏自动单列），B 为行式轻卡（kicker｜名称｜描述｜箭头基线排开），C 为简介块加药丸入口一排。

生效路径：本页点选即时写 <html>（试穿，预览当场换装）；点「应用」写 localStorage，首页刷新后由 boot 属性 + homeGuide() 现场重建；URL 直达（/?home.guide=c）不持久化，可用于验收。与其他令牌正交：column 布局（首页布局页的候选）沿用本令牌的入口形态，其余布局自带入口。