/* 粵語字幕庫 - Series Page Styles */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, 'Noto Sans SC', sans-serif; max-width: 1100px; margin: 0 auto; padding: 20px; background: #1a1a2e; color: #e0e0e0; }
h1 { color: #e94560; margin-bottom: 5px; font-size: 24px; display: flex; align-items: center; gap: 12px; }

.title-cover {
  max-height: 100px;
  max-width: 75px;
  height: auto;
  width: auto;
  object-fit: contain;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
h2 { color: #e94560; margin: 20px 0 10px; font-size: 20px; }
a { color: #00b4d8; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { display: inline-block; margin-bottom: 20px; color: #888; font-size: 14px; }
.stats-bar { display: flex; gap: 20px; margin: 15px 0; color: #888; font-size: 14px; }
.stats-bar strong { color: #e0e0e0; }
.show-poster { width: 200px; border-radius: 8px; margin: 15px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.4); }

.season-section { margin-bottom: 10px; border: 1px solid #2a2a4a; border-radius: 8px; overflow: hidden; }
.season-header { background: #16213e; padding: 12px 16px; cursor: pointer; font-weight: 600; font-size: 16px; color: #e94560; user-select: none; }
.season-header:hover { background: #1c2a4a; }
.season-count { color: #888; font-size: 13px; font-weight: normal; margin-left: 8px; }

table { width: 100%; border-collapse: collapse; }
thead th { background: #0f0f23; padding: 8px 12px; text-align: left; color: #888; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
tbody td { padding: 8px 12px; border-bottom: 1px solid #1a1a3e; font-size: 14px; }
tbody tr:hover { background: rgba(233,69,96,0.05); }
.ep-num { width: 40px; color: #666; text-align: center; }
.ep-name { color: #e0e0e0; }
.ep-links { white-space: nowrap; }
.ep-links a { margin-right: 10px; font-size: 13px; padding: 3px 8px; border-radius: 4px; background: #16213e; }
.ep-links a:hover { background: #e94560; color: #fff; text-decoration: none; }
.ep-status { font-size: 11px; margin-left: 6px; }
.ep-pending { color: #ffc107; }

.updated { color: #555; font-size: 12px; margin-top: 30px; text-align: center; }

@media (max-width: 640px) {
  body { padding: 12px; }
  .show-poster { width: 150px; }
  .ep-links a { margin-right: 5px; padding: 2px 6px; font-size: 12px; }
  .ep-name { font-size: 12px; }
}