作品集A4排版移动端一致性+侧签重叠修复+字号体系统一

作品集这次迎来大升级~双指捏一捏就能放大缩小看作品细节,翻页自动恢复正常大小。A4模式下手机和电脑排版完全一致——作品信息不再跑到图片底部,奇数页信息栏正确跟随侧签方向,目录每页条目数也和电脑端一样了。侧签和目录不再重叠,字号体系统一走缩放体系,排版整齐美观,跟PDF打印效果一模一样。
[修复] 【书笙OS作品集】-全端 封面翻页黑屏/空白:翻开作品集封面时先空白再显示第二页——翻页引擎硬页模式(backface-visibility:hidden)导致封面旋转过程中页面背面不可见且内联背景被cssText覆盖丢失,现已将封面/封底改为soft密度翻页,丝滑无空白class="update-log">

[优化] 【书笙OS作品集】-全端 A4模式移动端排版一致性修复

手机上访问A4模式作品集时,@media(max-width:600px)的移动端样式会覆盖A4横排布局,导致作品信息被挤到图片底部而非旁边。现已将移动端上下布局样式限定为仅非A4模式生效(#book-wrap:not(.a4-mode)),A4模式下无论手机还是电脑都保持横排布局(图片+信息栏并排),与A4打印结果完全一致。

[修复] 【书笙OS作品集】-全端 A4模式移动端排版全面一致性修复

①奇数页作品信息栏未跟随侧签方向:原@media(min-width:601px)中的flex-direction:row-reverse在手机(≤600px)不生效,A4模式下奇数页信息栏未镜像到左缘。已提取为无条件全局样式,A4模式不论屏幕宽度都生效。②目录每页数量不一致:buildTOCPageswindow.innerWidth<600在A4模式移动端仍触发fixedPerPage=26,导致目录条目数与PC端(动态计算55~62条)不一致。已改为A4模式优先判断走动态计算。③所有移动端排版样式(page-face padding/封面字号/扉页目录padding字号等)全部加#book-wrap:not(.a4-mode)限定,A4模式下不生效。

[修复] 【书笙OS作品集】-全端 侧签与目录重叠修复+字号体系统一

①侧签字号/宽度/padding改为calc(Npx*var(--fs,1))缩放,与目录/作品页字号体系统一;②目录页padding从48px增大到56px,给侧签更多空间避免视觉重叠;③作品页padding从22px增大到36px,与侧签实际宽度匹配避免重叠;④重新应用修复记录57/58的A4模式移动端排版一致性。