下面每一张卡片点进去，就是那个版式用在真实内容上的样子。
所有版式用的都是同一批字段：封面图、标题、摘要、时间、阅读量， 有几套还用了内容模型里的自定义字段（比如音视频那套的时长与清晰度）。 换版式不碰数据 —— 换的只是主题目录下的一个模板文件。
列表版式
同一批内容，11 种排法
下面每一张卡片点进去就是那个栏目。版式只改模板文件，内容一条都不用动。
LAYOUT 01 · 网格
音视频（网格）
三列封面 + 播放角标 + 时长角标 + 类型徽章。靠内容模型的「媒体类型 / 时长」两个字段。
适合视频栏目、课程、播客 LAYOUT 02 · 列表横排列表（3:2 宽图）
图左文右、一行一条，摘要有地方展开。信息密度最高的一种。
适合案例、新闻、深度文章 LAYOUT 03 · 网格网格（3:2 宽图）
三列，图上文下，最通用的图版。视觉整齐、不挑素材。
适合图集、产品、团队 LAYOUT 04 · 网格 + 遮罩网格（3:4 长图 + 遮罩标题）
竖版海报，标题压在图上（底部渐变遮罩保证文字始终可读）。
适合作品集、活动、影视 LAYOUT 05 · 网格网格（3:4 长图）
与上一套同样比例，但标题在图下 —— 图片本身不需要加遮罩时才用它。
适合人像、竖版摄影 LAYOUT 06 · 网格 + 遮罩网格（4:3 宽图 + 遮罩标题）
两列大图，比 3:2 更"重"，适合一屏只放得下四五条的情形。
适合专题、栏目头图 LAYOUT 07 · 宽幅网格（21:9 宽图）
影院比例横幅，一列一张。要宽素材，但气势是别的比例给不了的。
适合发布会、活动预告 LAYOUT 08 · 缩略墙网格（6 列）
紧凑缩略图墙，不出摘要 —— 一屏看几十条，靠图片本身辨识。
适合素材库、图库、贴纸 LAYOUT 09 · 网格 + 遮罩网格（3 列 + 遮罩）
与 3:2 版式同样三列，差别只在标题压在图上，少一行文字高度。
适合服务项、入口导航卡 LAYOUT 10 · 纯文字纯标题列表
日期 + 标题 + 浏览量，一条一行。没有图，也没有摘要。
适合公告、归档、更新记录 LAYOUT 11 · 默认默认列表（list.html）
不绑模板时的样子。任何新栏目默认就是这个版式。
适合杂项、临时栏目
详情版式
点进任意一篇看看详情页也能换
列表版式是「一个栏目一个模板」，详情版式同理 —— 而且多一层：单篇内容还能自己覆盖栏目。
DETAIL A · 主内容 + 侧栏
资源详情（tab + 购买区）
资源卡 + tab 切「资源详情 / 下载说明 / 评论」+ 右侧栏，右侧栏放资源信息与相关推荐。
点进去直接看这一套 DETAIL B · 播放 + 合集视频详情（含合集剧集）
真的能播的播放器 + 本合集剧集列表。合集与剧集走「关联内容」，不为剧集另造表。
一个 6 集的合集 DETAIL C · 图集为主图集详情
整页以图集网格为主体（图集存在独立表里，可排序、带 alt）。
6 张图的图集 DETAIL D · 大图头图大图头图
宽幅首图 + 标题压在图下 + 单栏正文。没有价格区、没有侧栏。
适合图文报道、品牌内容 DETAIL E · 杂志双栏杂志双栏
宽幅首图 + 正文双栏排版。只适合纯文字长文 —— 栏里塞宽图会把分栏切乱。
适合行业观察类长文 DETAIL F · 下载页下载页（下载优先）
大按钮在最上面，下面依次是文件信息、版本记录、说明 —— 用户进来就是要拿文件，别让他先读文章。
适合素材、软件、模板 DETAIL G · 带侧栏目录长文 + 章节目录
侧栏列正文里的 h2/h3，点了跳到对应段落。锚点由内核给正文标题加上。
适合帮助文档、长文 DETAIL H · 极简极简（只有标题与正文）
公告类内容用它：不套大图、不放侧栏、也不放评论区。
适合公告、条款、说明 DETAIL I · 默认默认详情（detail.html）
没指定详情模板时的样子。任何新内容默认就是这一套。
不挑内容，通用
取用方式
六种「免费 / 付费 / 会员」各做一个真例子
都是真实数据驱动的页面，不是说明文字 —— 点进去就能看到价格、购买按钮、解锁区分别长什么样。
◆ 免费
免费 + 下载
不付费、不登录，正文给文件说明与下载入口。
◆ 付费 · 折扣付费 + 折扣 + 下载
原价 + 各等级价格摆在一张表里，买完才能在下载区拿到文件。
◆ 会员会员专属 + 下载
不单独收钱，但要求等级；未达标时正文在服务端就不下发。
◆ 付费 · 隐藏内容付费 + 查看隐藏内容
正文免费读，其中一段结论付款后才出现。
◆ 付费 · 视频付费 + 视频播放
播放器只在付款后出现；地址不在正文里，未付款时页面源码里也搜不到。
◆ 免费 · 视频免费 + 播放视频
打开就能播，地址直接填在内容字段里 —— 这是它的定义，不是漏洞。
会员价与折扣：会员权益 页列了三档会员（9.5 折 / 5 折 / 免费）。
商品页显示的价格**已经是你等级对应的价格**，下单按同一个价格收款。
未登录时你能看到"各档各多少钱"，登录后标「当前」的那一行就是你的价。
同一栏目下的内容各用各的详情版式：案例研究 这一栏整体是资源详情，
但第一篇是视频案例，单独换成了视频详情 —— 后台内容编辑页的「详情页模板」下拉里选的。
换版式要做什么
只是把一个栏目绑到另一个模板
后台 → 栏目管理 → 编辑栏目 → 「页面模板」下拉里选一个文件。内容、地址、SEO、评论全都不动。
版式在模板文件里
一套版式 = 主题目录下的一个 .html。改版式不用改程序，也不会动到别的栏目。
栏目各用各的
同一批内容风格差别大时，与其在一个模板里堆满判断，不如各给一个模板 —— 这也正是栏目可以绑模板的原因。
详情还能再细一层
详情页模板的取值顺序是「内容 → 栏目 → 默认」。单篇内容换了，不影响同栏目其它文章。