/* ===================================================== 璃叙剧情 · 移动端公共组件样式（lx- 前缀）依据 docs/design.md §2 设计系统 + §6 移动端差异移动端允许少量 @media（PC 端 style.css 禁止） ===================================================== */ body { -webkit-font-smoothing: antialiased; overflow-x: hidden; } /* 横滑容器隐藏滚动条 */ .lx-no-scrollbar::-webkit-scrollbar { display: none; } .lx-no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } /* 轮播轨道（移动切换更快） */ .lx-carousel-track { display: flex; height: 100%; transition: transform .45s ease; } .lx-carousel-slide { flex: 0 0 100%; position: relative; } /* 轮播圆点指示器 */ .lx-hero-dot { width: 6px; height: 6px; border-radius: 9999px; background: rgba(255,255,255,.5); transition: all .3s ease; flex: none; } .lx-hero-dot-on { width: 16px; background: #ffffff; } /* 榜单/台词序号（衬线数字） */ .lx-rank-num { font-family: Georgia, 'Times New Roman', serif; } /* 分类 chips：可视 34px 高，::after 扩展点击热区至 ≥44px（间距 12px，互不重叠） */ .lx-chip { position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 14px; border-radius: 9999px; border: 1px solid #e0e0e0; background: #ffffff; font-size: 13px; line-height: 1; color: #666666; } .lx-chip::after { content: ''; position: absolute; inset: -5px; } .lx-chip-on { background: #e01b3c; border-color: #e01b3c; color: #ffffff; font-weight: 500; } /* 首页海报流：手机 3 列，≥640px 4 列（列结构统一定义在 css，避免与工具类相互覆盖） */ .lx-drama-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (min-width: 640px) { .lx-drama-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } /* 底部 tabbar 当前项：由各页激活（纯 CSS，即时生效）键名：home 首页 / cate 分类 / search 搜索 / me 我的（内页不加 data-tab，四项全灰） */ body[data-tab="home"] a[data-tab="home"], body[data-tab="cate"] a[data-tab="cate"], body[data-tab="search"] a[data-tab="search"], body[data-tab="me"] a[data-tab="me"] { color: #e01b3c; } /* ============ 分集剧情正文（采集内容自带 article.epi_c 结构） ============ */ .epi_c { font-size: 14px; line-height: 1.8; } .epi_c p { text-indent: 2em; margin-bottom: 0.75em; } .epi_c p:last-child { margin-bottom: 0; }