01 · 手机375 – 430px
竖屏刷得顺手
页头与栏目条一起吸顶，首页各区块变成可以手指左右滑动的海报横排，屏幕右边会露出半张，提示还能继续往后翻。按钮和可点区域都留足了高度，单手也不容易点错。
- 栏目条常驻可见，不用展开菜单
- 海报横滑，一屏露出半张提示
- 卡片两列，标题最多两行
ANY DEVICE
黄豆短剧多端浏览
这里只有网页版，没有要装的东西。同一个网址，手机、平板、电脑打开都能正常排布，栏目入口一直看得见，进度和节奏跟着屏幕走。
02 · 平板768 – 1024px
一次看到更多
海报从横排换成网格，每行三到四张，剧名、题材和一句话看点排得开，也比手机多出一整行的信息。侧栏内容会在平板宽度下收到文末，阅读不被切碎。
- 网格三到四列
- 封面比例固定为 3:4
- 文字不会挤压到边线
03 · 电脑1024 – 1440px
海报墙铺开
内容居中在 1280px 以内，两侧留出呼吸空间。首页每个区块第一张卡横跨两列并带导读，其余是标准海报卡；鼠标悬停时封面轻微放大，底部浮出剧名和查看详情。
- 首屏大字排版搭配海报拼贴
- 悬停放大 1.04 倍并浮出详情
- 区块之间用发丝线分隔
浏览小技巧
- 手机端栏目条可以左右滑，七个入口都能直接点到。
- 想看某一类题材，就在栏目页顶部点标签，内容会就地切换。
- 详情页的「本剧看点」和「相似好剧」可以直接跳到本页对应区块。