可通过四种方式将B站电视剧页面调整为单列纵向布局：一、网页端用开发者工具临时修改CSS；二、安装Stylus插件部署持久化样式；三、安卓端用Auto.js脚本重设RecyclerView方向；四、App内启用官方“修仙模式”。
如果您在B站浏览电视剧专区时发现内容以多列网格或横向滑动形式展示，影响观看聚焦或操作习惯，则可通过非官方但稳定生效的方式对页面布局进行定制化调整。以下是实现电视剧页面单列、紧凑、纵向流式布局的多种操作路径：
一、网页端通过开发者工具临时修改CSS样式
该方法不依赖插件或账号权限，直接作用于当前页面DOM结构，适用于快速验证单列效果或临时使用。修改后刷新即失效，无持久影响。
1、打开B站官网，登录账号后进入https://www.bilibili.com/bangumi/或任意电视剧专题页。
2、按下F12或右键选择“检查”，切换至“Elements”标签页。
3、使用元素选择器（左上角箭头图标）点击页面中电视剧海报列表区域，定位其父容器，常见类名包括bangumi-list、list-wrap或grid-layout。
4、在右侧Styles面板中，右键对应CSS规则，选择“Add new style rule”，输入以下声明：
.bangumi-list, .list-wrap, .grid-layout { display: block !important; } .bangumi-item, .grid-item { width: 100% !important; margin: 8px auto !important; }
5、按Enter确认，页面将立即重排为垂直单列结构。
二、安装Stylus插件并部署持久化样式规则
此方案适用于长期固定使用单列布局的用户，样式自动注入每次访问，兼容B站后续前端迭代，且不影响其他网站功能。
1、在Chrome或Edge浏览器中，前往扩展商店搜索并安装Stylus（非Stylish，因后者存在隐私风险）。
2、安装完成后点击地址栏右侧Stylus图标，选择“管理样式” → “创建新样式”。
3、在“适用网址”栏粘贴：https://www.bilibili.com/bangumi/* 及 https://www.bilibili.com/anime/*。
4、在CSS编辑区粘贴以下完整规则：
.bangumi-list, .grid-layout { display: flex !important; flex-direction: column !important; align-items: center !important; } .bangumi-item, .grid-item { width: 96% !important; max-width: 820px !important; margin: 12px auto !important; }
5、点击右上角“保存”，随后刷新电视剧页面即可生效。
三、手机端借助Auto.js脚本模拟单列视觉流
安卓设备可在无需Root前提下，利用无障碍服务监听B站App界面变化，并动态注入布局指令，使电视剧卡片强制垂直堆叠，规避原生横向滑动限制。
1、从F-Droid或Auto.js官网下载安装Auto.js Pro v9.3.8+（需开启“无障碍服务”及“显示悬浮窗”权限）。
2、新建脚本，粘贴以下核心逻辑代码段：
className("android.widget.HorizontalScrollView").findOne().setScrollY(0); className("androidx.recyclerview.widget.RecyclerView").findOne().setOrientation(1);
3、在脚本顶部添加包名白名单：packageName("tv.danmaku.bili").waitFor();
4、运行脚本后，手动打开B站App并进入电视剧详情页或番剧分区，脚本将自动识别并重设RecyclerView方向为纵向（orientation=1）。
四、启用B站内置“修仙模式”简化追剧视图
该模式由B站官方提供，虽非严格意义的“单列布局”，但能大幅收窄信息密度、隐藏推荐模块、强化剧集条目纵向节奏，属于最轻量级的界面净化方案。
1、打开B站App，点击右下角【我的】进入个人中心。
2、点击右上角【设置】图标，进入系统设置页。
3、向下滚动并点击【追番/追剧设置】。
4、找到并开启【修仙模式】开关，页面将自动切换为极简纵向列表，仅保留封面、标题、更新状态与进度条。
