/* 乐享影视电脑版 · 样式（float 布局，兼容 IE8+） */
body { margin:0; padding:0; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; background:#f6f8fb; color:#1f2937; }
a { color:#2563eb; text-decoration:none; }
.clear { clear:both; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* ---------- 顶栏 ---------- */
.topbar { background:#fff; border-bottom:1px solid #e5e7eb; }
.tb-inner { max-width:1180px; margin:0 auto; padding:0 16px; height:64px; position:relative; }
.logo { float:left; line-height:64px; font-size:20px; font-weight:bold; color:#1f2937; margin-right:16px; }
.logo i { display:inline-block; width:30px; height:30px; line-height:30px; margin-right:6px; text-align:center; font-style:normal; font-size:16px; color:#fff; background:#e11d48; border-radius:6px; vertical-align:middle; }
.search-inline { float:left; line-height:64px; }
.search-inline input { width:180px; padding:9px 12px; border:1px solid #d1d5db; border-radius:8px; font-size:14px; box-sizing:border-box; vertical-align:middle; }
.search-inline button { padding:9px 14px; margin-left:6px; border:none; border-radius:8px; background:#e11d48; color:#fff; font-size:14px; cursor:pointer; vertical-align:middle; }

/* 图标标签：上图标，下文字（不横向） */
.navtabs { float:left; margin-left:14px; height:64px; }
.nt { display:block; float:left; width:76px; text-align:center; padding:8px 0 0; height:56px; box-sizing:border-box; color:#4b5563; }
.nt i { display:block; width:32px; height:32px; line-height:32px; margin:0 auto 3px; text-align:center; font-style:normal; font-size:15px; color:#fff; background:#94a3b8; border-radius:8px; }
.nt span { display:block; font-size:12px; }
.nt:hover i { background:#fb7185; }
.nt.on { color:#e11d48; font-weight:bold; }
.nt.on i { background:#e11d48; }

/* 最右账号 */
.acct { float:right; line-height:64px; cursor:pointer; }
.acct .av { display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; font-size:15px; color:#fff; background:#3b82f6; border-radius:50%; vertical-align:middle; margin-right:8px; overflow:hidden; }
.acct .ac { font-size:13px; color:#374151; vertical-align:middle; }

/* ---------- 主体 ---------- */
.main { max-width:1180px; margin:0 auto; padding:18px 16px; }
.sidebar { float:left; width:210px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:8px 0; }
.sidebar a { display:block; padding:12px 20px; font-size:14px; color:#374151; border-left:3px solid transparent; cursor:pointer; }
.sidebar a:hover { background:#f3f4f6; color:#e11d48; }
.sidebar a.active { background:#fff1f2; color:#e11d48; border-left-color:#e11d48; font-weight:bold; }
.sidebar .grp { padding:10px 20px 4px; font-size:12px; color:#9ca3af; }
.content { margin-left:228px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:18px 20px; min-height:520px; }
.content h1 { font-size:20px; margin:0 0 14px; }
.sub { font-size:13px; color:#6b7280; margin:0 0 12px; }

/* ---------- 影片网格（每行自适应） ---------- */
.grid { margin:0 -6px; }
.cell { float:left; width:25%; box-sizing:border-box; padding:6px; }
@media (max-width:1000px) { .cell { width:33.33%; } }
@media (max-width:768px) { .cell { width:50%; } }
@media (max-width:480px) { .cell { width:100%; } }
.card { display:block; background:#fafbfc; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; cursor:pointer; }
.card:hover { border-color:#e11d48; background:#fff1f2; }
.poster { display:block; width:100%; height:210px; background:#eef2f7 center center no-repeat; background-size:cover; }
.card .meta { padding:8px 10px; }
.card .ttl { display:block; font-size:14px; color:#1f2937; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.card .rem { display:block; font-size:12px; color:#9ca3af; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* ---------- 标签 ---------- */
.cat-row { margin:6px 0 12px; }
.cat { display:inline-block; margin:4px 6px 4px 0; padding:6px 15px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; font-size:13px; color:#374151; cursor:pointer; }
.cat.on { background:#fff1f2; color:#e11d48; border-color:#e11d48; font-weight:bold; }

/* ---------- 服务器（可光标切换） ---------- */
.srv-list { border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; }
.srv-item { display:block; padding:12px 16px; font-size:14px; color:#374151; border-bottom:1px solid #f3f4f6; cursor:pointer; }
.srv-item:last-child { border-bottom:none; }
.srv-item:hover { background:#f3f4f6; }
.srv-item.on { background:#e11d48; color:#fff; font-weight:bold; }

/* ---------- 列表项 ---------- */
.row { background:#fafbfc; border:1px solid #e5e7eb; border-radius:10px; padding:10px; margin-bottom:10px; cursor:pointer; }
.row:hover { border-color:#e11d48; }
.row .thumb { float:left; width:92px; height:128px; background:#eef2f7 center center no-repeat; background-size:cover; border-radius:8px; }
.row .info { margin-left:104px; }
.row .info h3 { font-size:15px; margin:0 0 4px; }
.row .info .ln { font-size:12px; color:#6b7280; margin:0 0 4px; line-height:1.7; }
.row .clear { clear:both; }

/* ---------- 详情/播放 ---------- */
.detail-head { }
.detail-head .dp { float:left; width:130px; height:182px; background:#eef2f7 center center no-repeat; background-size:cover; border-radius:8px; }
.detail-head .dd { margin-left:146px; }
.detail-head .dd h1 { font-size:19px; margin:0 0 8px; }
.detail-head .dd .ln { font-size:13px; color:#6b7280; line-height:1.8; margin:0; }
.acts { margin:14px 0; }
.acts button { padding:10px 18px; margin:0 8px 8px 0; border:none; border-radius:8px; background:#e11d48; color:#fff; font-size:14px; cursor:pointer; }
.acts button.ghost { background:#fff; color:#374151; border:1px solid #d1d5db; }
.eps { margin:0 -4px; }
.eps .ep { float:left; width:12.5%; box-sizing:border-box; padding:4px; }
@media (max-width:768px) { .eps .ep { width:25%; } }
.eps .ep button { width:100%; padding:9px 4px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; color:#374151; font-size:13px; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.eps .ep button.cur { background:#e11d48; color:#fff; border-color:#e11d48; }
.src { display:inline-block; margin:4px 6px 4px 0; padding:7px 15px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; font-size:13px; color:#374151; cursor:pointer; }
.src.on { background:#e11d48; color:#fff; border-color:#e11d48; }
.player-wrap { background:#000; }
.player-wrap video { width:100%; display:block; background:#000; max-height:70vh; }

/* ---------- 分页 / 加载 ---------- */
.pager { text-align:center; padding:14px 0; }
.pager button { padding:9px 20px; margin:0 6px; border:1px solid #d1d5db; border-radius:8px; background:#fff; color:#374151; font-size:14px; cursor:pointer; }
.pager button:disabled { color:#cbd5e1; }
.pager .pi { font-size:13px; color:#6b7280; margin:0 8px; }
.loading { color:#6b7280; font-size:14px; padding:22px 0; text-align:center; }

/* ---------- 页脚 / toast ---------- */
.footer { max-width:1180px; margin:0 auto; padding:10px 16px 30px; }
.footer .foot-inner { background:#111827; color:#9ca3af; text-align:center; padding:20px 14px; font-size:13px; border-radius:8px; }
.footer .beian { margin-top:6px; }
.footer .beian a { color:#9ca3af; margin:0 8px; }
.toast { position:fixed; left:50%; bottom:40px; margin-left:-15%; width:30%; min-width:220px; background:rgba(17,24,39,.92); color:#fff; font-size:14px; padding:12px 16px; border-radius:8px; text-align:center; display:none; z-index:200; }
.toast.on { display:block; }

@media (max-width:900px) { .sidebar { display:none; } .content { margin-left:0; } .acct .ac { display:none; } }