本页持续记录拾一谷前台样式的定制改动,新的记录加在前面。所有改动都通过首页挂件里的自定义 CSS 实现,不碰主题文件,删掉对应样式块即可整体回退。
2026-11-07|简报归档页宽度对齐明细页
简报归档页宽度对齐:简报归档页(/category/briefing/)此前跟随列表页用满 98% 视口宽(1440 屏约 1411px),而简报明细页正文是 860px,两处阅读宽度落差很大。现将归档页整块(最新一期卡+往期归档+分页)收窄到 860px 居中,与明细页正文对齐;改的是「简报归档页定制」片段样式段的一条规则,同日又把该页容器层的主题原生灰底(#efebe9)改为白底,与明细页完全统一;其它列表页(首页、藏书等)的灰底不变,回退=删除该条规则。
*其它列表页(首页、藏书、标签、搜索等)维持原网格版式不变;单篇正文宽度 860 不变。
2026-11-07|简报正文恢复原生版式
简报正文恢复原生版式:上一条只挡住了悬停变色,但正文底色仍是主题强加的白底+灰边框+灰条纹,不好看。进一步把主题表格样式对简报正文的干扰整体清掉:表格边框、单元格底色(含悬停变灰与条纹)全部清零,再按模板内联值原样回填——报头蓝色渐变、六个栏目色标、价格速览表的浅蓝网格、条目分隔线、「来源」链接蓝色全部恢复。样式块 syg-briefing-no-rowhover 已由 syg-briefing-native-look 取代。
*技术备注:主题表格样式全是 !important,内联样式压不过它,所以只能「清零+按值回填」(属性选择器匹配内联值);模板未来若新增内联颜色/边框色,需在样式块里补对应选择器。回退 = 删除该样式块。
2026-11-07|简报明细页正文行悬停变色移除
行悬停变色移除:简报明细页的正文整篇是布局表格,鼠标移到任意一段上,主题会把所在行整块压成灰色(#dddddd),读起来一惊一乍。新增样式块 syg-briefing-no-rowhover:悬停时把单元格底色还原成常态值(奇数行白底、偶数行浅灰条纹),效果等于「悬停不再变色」。只作用于简报正文这类 role=”presentation” 布局表格,其它文章不受影响。
*技术备注:元凶是主题规则 .magpal-table-css-active table tr:hover td{background:#dddddd !important},且 !important 连单元格内联底色一起压掉。回退 = 删除该样式块。
2026-10-24|无特色图默认图替换
默认图替换:文章卡片没有特色图时,主题会填一张灰色占位图(no-image),太素了。换成一张书房照片(书架+长桌+旋梯),正好贴「拾一谷」的气质。原图 1440×1080、243KB,压到 480×360、38KB(要求 80KB 以内)。
*技术备注:图传到媒体库(#3201)。主题的资源文件动不了,所以走 CSS:新增样式块 `syg-noimg-replace`,用 `:has()` 选中含 no-image 的卡片缩略图,原图 `visibility:hidden` 保位、容器铺新图背景,相关文章区和首页网格的无图卡片同时生效。不支持 `:has()` 的老浏览器自动退回原图。回退=删除该样式块。*
2026-10-24|手机端相关文章两列
相关文章两列:文章页底部的 Related Articles,在手机和小屏上只剩一列,图大空多,改成至少两列。排查过主题:MagPal 定制器里没有相关文章列数的选项,列宽和首页网格共用同一个「Grid Item Width」(180px),直接调小会把桌面端也牵连,所以走了 CSS。
*技术备注:新增样式块 `syg-rgrid-2cols`,仅在 ≤429px 视口把相关文章卡片和列宽 sizer 改为 min(180px, 43.5vw)。实测 320/360/390px 视口均为 2 列(卡宽 139/157/170px),430px 及以上不受影响,桌面端零变化。回退=删除该样式块。*
2026-10-24|简报页卡片悬停特效移除
悬停特效移除:简报归档页的卡片,鼠标移上去时缩略图会变暗到 80%、同时放大 1.1 倍,嫌太花哨,全部去掉——现在悬停不再有暗化/缩放变化。
*技术备注:新增样式块 `syg-no-hover-dim`,仅对简报分类页(body.category-briefing)生效,首页及其它归档页保持主题原有效果。*
2026-10-19|文章页标题区与图片
标题配色:文章页大标题的胶囊底色和下方小箭头,从定制器里的电光蓝 `#0029ff` 改成深墨蓝 `#2e3d52`、白字——原来的蓝太扎眼,和全站素雅的浅底深字不搭。
标题区间距:日期、分类、Likes、Views 那行 meta 信息,比主题默认位置上移 8px,与下方特色图之间留 8px 空隙。
图片宽度:正文图片和页顶特色图统一为最宽 240px、居中显示。文章页正文列实际宽 860px,而我的图源多为 480px,与其拉宽发虚,不如固定小图居中。
*技术备注:载体是首页 Top Full Width Widgets 区的 HTML 挂件(custom_html-2),本次新增两个样式块:`syg-post-title`(标题配色与间距)、`syg-img-width`(图片宽度)。*
