*, *::before, *::after {box-sizing:border-box}
* {margin:0;padding:0}
html {-webkit-text-size-adjust:100%}
body {
  background:#1b2224;
  color:#c9d3d2;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
img, video {display:block;max-width:100%}
a {color:inherit;text-decoration:none}
ul, ol {list-style:none}
button {font:inherit;color:inherit;background:none;border:none;cursor:pointer}
h1, h2, h3 {font-weight:800;line-height:1.15}
dl, dd, dt {margin:0}
:root {
  --ink:#1b2224;
  --ink-2:#232c2e;
  --ink-3:#2c3739;
  --slate:#46565a;
  --slate-2:#5c6f72;
  --mist:#8fa0a0;
  --paper:#c9d3d2;
  --paper-dim:#96a4a3;
  --wood:#b07a45;
  --wood-2:#8a5c30;
  --wood-soft:#3a3128;
  --brick:#a63b28;
  --brick-2:#c14a33;
  --rule:rgba(176,122,69,.28);
  --rule-dim:rgba(143,160,160,.16);
}
.site-header {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:9px 18px;
  background:#161c1e;
  border-bottom:1px solid var(--rule);
  position:sticky;
  top:0;
  z-index:60;
}
a[data-contract="site-name"] {
  color:var(--wood);
  font-size:19px;
  font-weight:800;
  letter-spacing:.06em;
  text-decoration:none;
  transform:skewX(-4deg);
  display:inline-block;
}
a[data-contract="site-name"]:hover {color:#d4975a}
.category-bar {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
}
a.runtime-category {
  color:var(--paper-dim);
  text-decoration:none;
  font-size:12px;
  line-height:1;
  padding:6px 10px;
  white-space:nowrap;
  border:1px solid var(--rule-dim);
  background:rgba(176,122,69,.06);
  transform:skewX(-4deg);
  display:inline-block;
}
a.runtime-category:hover {
  color:#f0e6da;
  background:var(--wood-2);
  border-color:var(--wood);
}
.page-main {
  display:block;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 16px 46px;
}
.hero {
  padding-top:16px;
  margin-bottom:34px;
}
.hero-stage {
  display:grid;
  grid-template-columns:minmax(0,0.86fr) minmax(0,1.14fr);
  gap:14px;
  align-items:start;
}
.hero-media {
  position:relative;
  display:flex;
  flex-direction:column;
  background:#101617;
  border:1px solid var(--rule);
  overflow:hidden;
}
.hero-poster {
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
  filter:saturate(.82) contrast(1.06);
}
.hero-table-shadow {
  position:relative;
  background:linear-gradient(180deg,#141a1b 0%,#1d2527 100%);
  padding:11px 13px 13px;
  border-top:2px solid var(--wood-2);
  box-shadow:inset 0 12px 20px -14px rgba(0,0,0,.95);
}
.hero-title {
  font-size:clamp(22px,3.2vw,34px);
  color:#e7ded1;
  letter-spacing:.05em;
  text-shadow:0 2px 0 #0c1112;
  transform:skewX(-3deg);
}
.hero-tagline {
  margin-top:5px;
  font-size:12.5px;
  color:var(--wood);
  letter-spacing:.14em;
  border-left:3px solid var(--brick);
  padding-left:8px;
  line-height:1.4;
}
.hero-player-shell {
  position:relative;
  display:block;
  width:100%;
  background:#0e1314;
  border:1px solid var(--rule);
  padding:0;
}
.hero-player-shell video {
  display:block;
  width:100%;
  background:#000;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  padding:6px;
  background:#151c1e;
  border-top:1px solid var(--rule-dim);
}
.player-controls button {
  font-size:11.5px;
  line-height:1;
  padding:6px 9px;
  color:var(--paper-dim);
  background:rgba(143,160,160,.07);
  border:1px solid var(--rule-dim);
  transform:skewX(-4deg);
  letter-spacing:.04em;
}
.player-controls button:hover {
  color:#f2e9dc;
  background:rgba(176,122,69,.24);
  border-color:var(--wood-2);
}
.player-controls button.is-active {
  color:#fff2e2;
  background:var(--wood-2);
  border-color:var(--wood);
}
.player-controls button.is-muted {
  color:#ffd9cd;
  background:rgba(166,59,40,.42);
  border-color:var(--brick-2);
}
.hero-player-shell.theater-mode {
  grid-column:1 / -1;
  width:100%;
}
.hero-player-shell.theater-mode video {
  max-height:82vh;
  object-fit:contain;
  background:#000;
}
.hero-player-shell.lights-off {
  background:#050708;
  box-shadow:0 0 0 1px rgba(166,59,40,.5),0 0 34px -6px rgba(0,0,0,.95);
}
.hero-player-shell.lights-off .player-controls {
  background:#0a0e0f;
  border-top-color:rgba(166,59,40,.4);
}
.hero-player-shell .player.play, .hero-player-shell .player.pause, .hero-player-shell .player.mute, .hero-player-shell .player.volume, .hero-player-shell .player.progress, .hero-player-shell .player.speed, .hero-player-shell .player.pip, .hero-player-shell .player.fullscreen, .hero-player-shell .player.theater, .hero-player-shell .player.light, .hero-player-shell .player.click {
  color:#fff2e2;
}
.hero-player-shell .player.pause, .hero-player-shell .player.mute, .hero-player-shell .player.light {
  border-color:var(--wood);
}
.overview-body {
  margin-top:20px;
}
.seo-description {
  font-size:13.5px;
  line-height:1.62;
  color:#a9b6b5;
  max-width:74ch;
  padding:11px 13px;
  background:rgba(143,160,160,.05);
  border-left:3px solid var(--slate);
}
.episode-status {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:stretch;
  margin-top:14px;
}
.status-total, .status-current {
  font-size:12px;
  line-height:1;
  padding:8px 11px;
  letter-spacing:.05em;
  white-space:nowrap;
}
.status-total {
  color:var(--mist);
  border:1px solid var(--rule-dim);
  background:rgba(143,160,160,.06);
  transform:skewX(-4deg);
}
.status-current {
  color:#ffe9db;
  background:var(--brick);
  border:1px solid var(--brick-2);
  font-weight:700;
  transform:skewX(-4deg);
}
.cast {
  margin-top:22px;
}
.cast-heading, .synopsis-heading, .details-heading, .timeline-heading, .episodes-heading, .comments-heading, .recommend-heading {
  font-size:15px;
  letter-spacing:.16em;
  color:#e2d8c9;
  padding-bottom:6px;
  margin-bottom:11px;
  border-bottom:1px solid var(--rule);
  position:relative;
  transform:skewX(-3deg);
}
.cast-heading::after, .synopsis-heading::after, .details-heading::after, .timeline-heading::after, .episodes-heading::after, .comments-heading::after, .recommend-heading::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:46px;
  height:2px;
  background:var(--brick);
}
.cast-list {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
}
.cast-card {
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:96px;
  padding:7px;
  background:linear-gradient(165deg,#39454a 0%,#242d30 55%,#1c2426 100%);
  border:1px solid var(--rule-dim);
  overflow:hidden;
}
.cast-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(27,34,36,0) 34%,rgba(11,15,16,.92) 100%);
}
.cast-card::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:var(--wood-2);
  transform:skewX(-14deg);
  transform-origin:left top;
}
.cast-card:hover {
  border-color:var(--wood);
}
.cast-card:hover::after {background:var(--brick-2)}
.cast-name {
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.04em;
  color:#f0e7d9;
  padding-top:22px;
  line-height:1.2;
  text-shadow:0 1px 3px rgba(0,0,0,.9);
}
.synopsis {
  margin-top:22px;
}
.synopsis-para {
  font-size:13px;
  line-height:1.66;
  color:#a7b3b2;
  padding-left:11px;
  border-left:2px solid var(--slate);
  margin-bottom:8px;
}
.synopsis-para:last-child {margin-bottom:0}
.details {
  margin-top:22px;
}
.details-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  background:rgba(143,160,160,.05);
  border:1px solid var(--rule-dim);
  border-top:2px solid var(--wood-2);
}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:7px;
  padding:7px 11px;
  border-bottom:1px solid var(--rule-dim);
  border-right:1px solid var(--rule-dim);
}
.detail-key {
  font-size:11.5px;
  color:var(--wood);
  letter-spacing:.06em;
  white-space:nowrap;
  flex:0 0 auto;
}
.detail-value {
  font-size:12.5px;
  color:#c3cecd;
  line-height:1.4;
}
.timeline {
  margin-top:36px;
}
.timeline-track {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  padding-left:24px;
}
.timeline-track::before {
  content:"";
  position:absolute;
  left:6px;
  top:4px;
  bottom:4px;
  width:2px;
  background:linear-gradient(180deg,var(--wood-2) 0%,var(--slate) 48%,var(--slate-2) 100%);
}
.timeline-item {
  position:relative;
  margin-bottom:8px;
  display:flex;
  justify-content:flex-start;
}
.timeline-item:nth-child(even) {justify-content:flex-end}
.timeline-item::before {
  content:"";
  position:absolute;
  left:-22px;
  top:13px;
  width:9px;
  height:9px;
  background:var(--slate);
  border:1px solid #0e1314;
  transform:skewX(-14deg);
}
.timeline-item-current::before {
  background:var(--brick-2);
  transform:skewX(-14deg) scale(1.35);
}
.timeline-card {
  width:min(100%,560px);
  background:#212a2c;
  border:1px solid var(--rule-dim);
  border-left:3px solid var(--slate);
  padding:8px 11px;
}
.timeline-item:nth-child(even) .timeline-card {
  border-left:1px solid var(--rule-dim);
  border-right:3px solid var(--slate);
  text-align:right;
}
.timeline-item-current .timeline-card {
  background:#2b1f1b;
  border-color:var(--brick);
  border-left-color:var(--brick-2);
  box-shadow:0 0 0 1px rgba(166,59,40,.28);
}
.timeline-item-current:nth-child(even) .timeline-card {
  border-right-color:var(--brick-2);
  border-left-color:var(--brick);
}
.timeline-timecode {
  display:block;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--mist);
  margin-bottom:3px;
  white-space:nowrap;
}
.timeline-item-current .timeline-timecode {color:var(--brick-2);font-weight:700}
.timeline-label {
  font-size:12.5px;
  line-height:1.48;
  color:#b6c1c0;
}
.timeline-item-current .timeline-label {color:#e8d9cc}
.episodes {
  margin-top:36px;
}
.episode-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  align-items:start;
}
.episode-cell {
  display:block;
}
.episode-card {
  display:block;
  height:100%;
  padding:8px 10px 9px;
  background:#212a2c;
  border:1px solid var(--rule-dim);
  border-top:2px solid var(--slate);
  position:relative;
  overflow:hidden;
}
.episode-card::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-style:solid;
  border-width:0 12px 12px 0;
  border-color:transparent var(--ink) transparent transparent;
}
.episode-card:hover {
  background:#263032;
  border-color:var(--wood-2);
  border-top-color:var(--wood);
}
.episode-number {
  display:inline-block;
  font-size:10.5px;
  line-height:1;
  letter-spacing:.08em;
  color:var(--mist);
  padding:3px 6px;
  background:rgba(143,160,160,.1);
  border:1px solid var(--rule-dim);
  transform:skewX(-6deg);
  margin-bottom:6px;
}
.episode-title {
  font-size:13px;
  color:#e0d6c7;
  line-height:1.3;
  margin-bottom:4px;
  letter-spacing:.02em;
}
.episode-summary {
  font-size:11.5px;
  line-height:1.46;
  color:#8e9c9b;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.episode-duration {
  display:block;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--wood);
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:max-height .22s ease,opacity .22s ease,margin-top .22s ease;
  margin-top:0;
}
.episode-card:hover .episode-duration, .episode-card:focus-within .episode-duration {
  max-height:24px;
  opacity:1;
  margin-top:5px;
}
.episode-cell-current .episode-card {
  background:#2c1f1a;
  border-color:var(--brick);
  border-top-color:var(--brick-2);
}
.episode-cell-current .episode-card::after {
  border-color:transparent #3a1f18 transparent transparent;
}
.episode-cell-current .episode-number {
  color:#ffd9cb;
  background:var(--brick);
  border-color:var(--brick-2);
}
.episode-cell-current .episode-title {color:#f4e5d8}
.episode-cell-current .episode-summary {color:#c0a99c}
.episode-cell-current .episode-duration {color:#e6805f}
.comments {
  margin-top:36px;
}
.comment-board {
  columns:2;
  column-gap:9px;
}
.comment-note {
  break-inside:avoid;
  display:block;
  margin-bottom:9px;
  padding:9px 11px 10px;
  border:1px solid var(--rule-dim);
  position:relative;
  transform:skewX(-1.4deg);
}
.comment-note::before {
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  width:11px;
  height:11px;
  border-top:2px solid var(--wood);
  border-left:2px solid var(--wood);
}
.comment-note:nth-child(odd) {
  background:#222b2d;
  border-left:3px solid var(--slate);
}
.comment-note:nth-child(even) {
  background:#2a2521;
  border-left:3px solid var(--wood-2);
}
.comment-note:hover {
  border-color:var(--wood);
}
.comment-nickname {
  display:block;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--wood);
  margin-bottom:4px;
}
.comment-text {
  font-size:12.5px;
  line-height:1.52;
  color:#b3bfbe;
}
.recommend-region {
  margin-top:32px;
}
.recommend-heading {
  display:flex;
  align-items:baseline;
  gap:9px;
}
.recommend-heading::before {
  content:"";
  width:3px;
  height:14px;
  background:var(--brick);
  transform:skewX(-14deg);
  flex:0 0 auto;
}
.recommend-strip {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  align-items:start;
}
a[data-runtime="recommendation"] {
  display:block;
  color:var(--paper-dim);
  text-decoration:none;
  background:#212a2c;
  border:1px solid var(--rule-dim);
  padding:0 0 7px;
  overflow:hidden;
  position:relative;
}
a[data-runtime="recommendation"]::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--wood-2);
  transform:skewX(-14deg);
  transform-origin:left top;
}
a[data-runtime="recommendation"]:hover {
  color:#efe6d8;
  border-color:var(--wood);
  background:#263032;
}
a[data-runtime="recommendation"]:hover::after {background:var(--brick-2)}
[data-runtime="recommendation"] img {
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  height:auto;
  object-fit:cover;
  background:#141a1b;
}
[data-runtime="recommendation"] [data-runtime="name"] {
  display:block;
  font-size:12.5px;
  font-weight:700;
  line-height:1.3;
  padding:6px 8px 0;
  color:#e0d6c7;
  letter-spacing:.02em;
}
[data-runtime="recommendation"] [data-runtime="blurb"] {
  display:block;
  font-size:11px;
  line-height:1.4;
  padding:3px 8px 0;
  color:#8b9998;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.site-footer {
  background:#141a1c;
  border-top:1px solid var(--rule);
  padding:16px 18px 22px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:10px 20px;
}
.footer-nav {
  display:flex;
  gap:9px;
  align-items:center;
  flex:0 0 auto;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  color:var(--wood);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.06em;
  padding:5px 9px;
  border:1px solid var(--rule);
  transform:skewX(-4deg);
  display:inline-block;
  white-space:nowrap;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:#fff2e2;
  background:var(--wood-2);
  border-color:var(--wood);
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 6px;
  flex:1 1 320px;
  min-width:0;
}
.friend-links-label {
  font-size:11px;
  letter-spacing:.12em;
  color:var(--slate-2);
  margin-right:3px;
  white-space:nowrap;
}
a.runtime-friend-link {
  color:#8b9998;
  text-decoration:none;
  font-size:11.5px;
  line-height:1;
  padding:4px 7px;
  border:1px solid var(--rule-dim);
  background:rgba(143,160,160,.05);
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
a.runtime-friend-link:hover {
  color:#f0e6da;
  border-color:var(--wood-2);
  background:rgba(176,122,69,.2);
}
.footer-disclaimer {
  flex:1 1 100%;
  font-size:11px;
  line-height:1.5;
  color:#6d7c7c;
  padding-top:9px;
  border-top:1px solid var(--rule-dim);
}
a:focus-visible, button:focus-visible {
  outline:2px solid var(--wood);
  outline-offset:2px;
}
@media (max-width:1000px){.hero-stage {
    grid-template-columns:minmax(0,1fr);
  }
.hero-media {
    max-width:420px;
  }
.cast-list {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
.episode-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
.recommend-strip {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
.details-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }}
@media (max-width:720px){.page-main {padding:0 12px 38px}
.hero {padding-top:12px;margin-bottom:26px}
.hero-media {max-width:100%}
.episode-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.recommend-strip {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.cast-list {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
.cast-card {min-height:78px}
.timeline-track {padding-left:20px}
.timeline-item, .timeline-item:nth-child(even) {justify-content:flex-start}
.timeline-item:nth-child(even) .timeline-card {
    border-right:1px solid var(--rule-dim);
    border-left:3px solid var(--slate);
    text-align:left;
  }
.timeline-item-current .timeline-card {
    border-left-color:var(--brick-2);
  }
.timeline-item-current:nth-child(even) .timeline-card {
    border-right-color:var(--brick);
    border-left-color:var(--brick-2);
  }
.timeline-card {width:100%}
.comment-board {columns:1}
.site-footer {padding:13px 12px 18px}}
@media (max-width:480px){body {font-size:13.5px}
.episode-grid {
    grid-template-columns:minmax(0,1fr);
  }
.cast-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.details-list {
    grid-template-columns:minmax(0,1fr);
  }
.recommend-strip {
    grid-template-columns:minmax(0,1fr);
  }
.player-controls button {
    font-size:11px;
    padding:6px 7px;
  }
.hero-title {
    font-size:24px;
  }
.status-total, .status-current {
    font-size:11.5px;
    padding:7px 9px;
  }
a.runtime-category {
    font-size:11.5px;
    padding:5px 8px;
  }}
@media (min-width:1400px){.page-main {max-width:1280px}
.episode-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.recommend-strip {grid-template-columns:repeat(5,minmax(0,1fr))}}

footer{text-align:center!important}
footer *{justify-content:center!important}
footer :is(div,nav,ul,ol,p,section,address){margin-left:auto!important;margin-right:auto!important}