* {margin:0;padding:0;box-sizing:border-box}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
body {
  font-family:"Songti SC","SimSun","Noto Serif SC",serif;
  font-size:14px;
  line-height:1.28;
  color:#3a2416;
  background-color:#e9c66b;
  background-image:
    repeating-linear-gradient(0deg,rgba(120,80,30,.06) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(120,80,30,.05) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 12% 6%,rgba(255,231,160,.55),transparent 42%),
    radial-gradient(circle at 88% 30%,rgba(178,58,38,.10),transparent 50%);
  background-attachment:fixed;
  overflow-x:hidden;
}
img {max-width:100%;display:block}
ul, ol {list-style:none}
a {color:#8c2f1c;text-decoration:none}
button, input {font:inherit;color:inherit}
h1, h2, h3 {font-family:"PingFang SC","Heiti SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:.02em;line-height:1.15}
::selection {background:#b23a26;color:#fdf3d8}
.site-header {
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:8px 16px;
  background:linear-gradient(180deg,#7a2e1a,#5d2113);
  border-bottom:3px solid #e9c66b;
  box-shadow:0 3px 0 rgba(58,36,22,.5),0 8px 18px rgba(58,36,22,.28);
}
.header-brand {display:flex;align-items:center;min-width:0}
a[data-contract="site-name"] {
  display:inline-block;
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:900;font-size:19px;letter-spacing:.08em;
  color:#fdeec2;text-decoration:none;
  padding:2px 10px 3px;
  border:2px solid #e9c66b;border-radius:3px;
  background:repeating-linear-gradient(45deg,rgba(233,198,107,.16) 0 4px,transparent 4px 8px);
  transform:rotate(-1deg);
}
.header-categories {
  display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;
  min-width:0;
}
a.runtime-category {
  white-space:nowrap;
  display:inline-block;
  font-size:12px;font-weight:700;letter-spacing:.06em;
  color:#fdeec2;text-decoration:none;
  padding:3px 10px;border-radius:999px;
  border:1px solid rgba(253,238,194,.55);
  background:rgba(58,36,22,.35);
  transition:background .15s,color .15s;
}
a.runtime-category:hover {background:#e9c66b;color:#5d2113;border-color:#e9c66b}
.page-main {
  display:block;
  padding:14px 16px 26px;
  max-width:1180px;
  margin:0 auto;
}
.section-heading {
  font-size:16px;
  color:#fdf3d8;
  background:linear-gradient(90deg,#7a2e1a,#a8451f 60%,#b23a26);
  display:inline-block;
  padding:4px 14px 5px 12px;
  border-left:6px solid #e9c66b;
  box-shadow:3px 3px 0 rgba(58,36,22,.35);
  margin-bottom:10px;
  transform:rotate(-.5deg);
}
.subheading {
  font-size:13px;color:#5d2113;
  border-bottom:2px dotted #b23a26;
  padding-bottom:3px;margin-bottom:6px;
  display:inline-block;
}
section+section {margin-top:22px}
.slogan-hero {
  position:relative;
  overflow:hidden;
  border:3px solid #5d2113;
  background:
    linear-gradient(160deg,#f3d888 0%,#e9c66b 45%,#d9a94e 100%);
  box-shadow:6px 6px 0 rgba(93,33,19,.35);
  padding:16px 16px 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:16px;
  align-items:center;
  min-height:280px;
}
.hero-figure {
  position:relative;z-index:3;
  align-self:end;
  display:flex;justify-content:center;
  filter:drop-shadow(5px 8px 0 rgba(93,33,19,.35));
}
.hero-portrait {
  width:100%;
  max-width:260px;
  height:auto;
  object-fit:cover;
  border:3px solid #5d2113;
  background:#fdeec2;
  transform:rotate(-1.2deg);
}
.hero-bamboo-lines {
  position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg,transparent 0 46px,rgba(93,33,19,.35) 46px 49px,transparent 49px 92px),
    repeating-linear-gradient(90deg,transparent 0 22px,rgba(93,33,19,.12) 22px 23px,transparent 23px 47px);
  background-size:100% 100%;
  opacity:.55;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));
}
.hero-neon-signs {
  position:absolute;right:8px;top:10px;bottom:10px;width:46%;
  z-index:2;pointer-events:none;
  background-image:
    linear-gradient(0deg,rgba(178,58,38,.85) 0 12px,transparent 12px),
    linear-gradient(0deg,rgba(58,88,52,.85) 0 10px,transparent 10px),
    linear-gradient(0deg,rgba(178,58,38,.6) 0 8px,transparent 8px),
    linear-gradient(0deg,rgba(58,88,52,.7) 0 14px,transparent 14px);
  background-repeat:no-repeat;
  background-size:70% 12px,52% 10px,84% 8px,40% 14px;
  background-position:right 0,right 34px,right 70px,right 110px;
  opacity:.5;
  filter:blur(.4px);
}
.hero-copy {position:relative;z-index:4;min-width:0}
.hero-title {
  font-size:30px;
  color:#7a2e1a;
  text-shadow:2px 2px 0 #fdeec2,4px 4px 0 rgba(93,33,19,.28);
  margin-bottom:6px;
  transform:rotate(-1deg);
}
.hero-tagline {
  display:inline-block;
  font-size:14px;font-weight:700;
  color:#fdf3d8;
  background:#3a5834;
  padding:3px 10px;
  border-left:5px solid #e9c66b;
  margin-bottom:8px;
  letter-spacing:.04em;
}
.hero-seo {
  font-size:12.5px;
  line-height:1.28;
  color:#4a2c1a;
  border-top:1px dashed rgba(93,33,19,.45);
  padding-top:7px;
  max-width:52ch;
}
.player-shell {
  position:relative;
  margin-top:22px;
  border:3px solid #3a2416;
  background:#1c120b;
  box-shadow:6px 6px 0 rgba(93,33,19,.35);
  padding:6px;
}
.player-shell.theater-mode {
  border-color:#e9c66b;
  box-shadow:0 0 0 4px rgba(233,198,107,.35),0 12px 30px rgba(0,0,0,.5);
}
.player-shell.lights-off {background:#000}
.player-shell.lights-off .main-player {filter:brightness(.72)}
.main-player {
  display:block;
  width:100%;
  background:#000;
  border:1px solid #5d2113;
}
.player-controls {
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  padding:6px 4px 2px;
  background:linear-gradient(180deg,#2a1a10,#160e08);
  border-top:2px solid #5d2113;
  margin-top:6px;
}
.ctrl {
  font-size:12px;font-weight:700;letter-spacing:.04em;
  color:#fdeec2;
  background:#4a2c1a;
  border:2px solid #7a2e1a;
  border-radius:3px;
  padding:4px 9px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .13s,color .13s,border-color .13s,transform .1s;
}
.ctrl:hover {background:#7a2e1a;border-color:#e9c66b}
.ctrl:active {transform:translateY(1px)}
.ctrl-progress {
  flex:1 1 160px;
  min-width:120px;
  height:16px;
  padding:0;
  background:transparent;
  border:0;
  accent-color:#e9c66b;
  cursor:pointer;
  appearance:none;-webkit-appearance:none;
}
.ctrl-progress::-webkit-slider-runnable-track {
  height:7px;border-radius:2px;
  background:repeating-linear-gradient(90deg,#8c2f1c 0 6px,#5d2113 6px 12px);
  border:1px solid #e9c66b;
}
.ctrl-progress::-webkit-slider-thumb {
  -webkit-appearance:none;appearance:none;
  width:14px;height:16px;margin-top:-5px;
  background:#e9c66b;border:2px solid #3a2416;border-radius:2px;cursor:pointer;
}
.ctrl-progress::-moz-range-track {height:7px;background:#5d2113;border:1px solid #e9c66b;border-radius:2px}
.ctrl-progress::-moz-range-thumb {width:14px;height:16px;background:#e9c66b;border:2px solid #3a2416;border-radius:2px;cursor:pointer}
.ctrl-volume {
  flex:0 1 90px;min-width:64px;height:16px;padding:0;
  background:transparent;border:0;cursor:pointer;
  accent-color:#3a5834;
  appearance:none;-webkit-appearance:none;
}
.ctrl-volume::-webkit-slider-runnable-track {height:7px;background:#3a2416;border:1px solid #3a5834;border-radius:2px}
.ctrl-volume::-webkit-slider-thumb {
  -webkit-appearance:none;appearance:none;
  width:11px;height:15px;margin-top:-5px;
  background:#8fae70;border:2px solid #3a2416;border-radius:2px;cursor:pointer;
}
.ctrl-volume::-moz-range-track {height:7px;background:#3a2416;border:1px solid #3a5834;border-radius:2px}
.ctrl-volume::-moz-range-thumb {width:11px;height:15px;background:#8fae70;border:2px solid #3a2416;border-radius:2px}
.ctrl-play.is-playing {background:#3a5834;border-color:#8fae70}
.ctrl-mute.is-muted {background:#8c2f1c;border-color:#e9c66b;color:#ffe9a8}
.ctrl-speed.speed-0-5, .ctrl-speed.speed-1-25, .ctrl-speed.speed-1-5, .ctrl-speed.speed-2 {background:#3a5834;border-color:#8fae70;color:#fdf3d8}
.ctrl-pip.is-active, .ctrl-fullscreen.is-active, .ctrl-theater.is-active, .ctrl-light.is-active {background:#e9c66b;color:#5d2113;border-color:#3a2416}
.player-shell .player-controls .ctrl[data-player-action="light"].is-active {background:#fdeec2}
.timeline-track {
  overflow-x:auto;
  overflow-y:hidden;
  padding:12px 10px 14px;
  border:3px solid #5d2113;
  background:
    repeating-linear-gradient(90deg,rgba(93,33,19,.08) 0 2px,transparent 2px 26px),
    linear-gradient(180deg,#f6e3ab,#e2bd6b);
  box-shadow:5px 5px 0 rgba(93,33,19,.3);
  scrollbar-color:#8c2f1c #f0d99a;
  scrollbar-width:thin;
}
.timeline-track::-webkit-scrollbar {height:9px}
.timeline-track::-webkit-scrollbar-track {background:#f0d99a;border:1px solid #b23a26}
.timeline-track::-webkit-scrollbar-thumb {background:#8c2f1c;border:1px solid #5d2113}
.timeline-list {
  display:flex;
  align-items:flex-start;
  gap:0;
  min-width:min-content;
  position:relative;
  padding-top:6px;
}
.timeline-list::before {
  content:"";
  position:absolute;left:0;right:0;top:26px;height:3px;
  background:repeating-linear-gradient(90deg,#8c2f1c 0 12px,#e9c66b 12px 18px);
  z-index:0;
}
.timeline-node {
  position:relative;z-index:1;
  flex:0 0 178px;
  width:178px;
  padding:0 10px;
  display:flex;flex-direction:column;align-items:flex-start;
}
.timeline-slipper {
  font-size:22px;line-height:1;
  background:#fdeec2;
  border:2px solid #5d2113;
  border-radius:50%;
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:2px 2px 0 rgba(93,33,19,.35);
}
.timeline-time {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:900;font-size:14px;
  color:#fdf3d8;background:#b23a26;
  padding:1px 7px;margin-top:6px;
  border-left:4px solid #e9c66b;
  letter-spacing:.05em;
}
.timeline-label {
  font-size:12px;line-height:1.26;
  color:#4a2c1a;
  margin-top:6px;
  border-left:2px solid rgba(140,47,28,.4);
  padding-left:6px;
}
.episodes-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.episode-card {
  border:2px solid #5d2113;
  background:linear-gradient(170deg,#fdf3d8,#f0d99a);
  box-shadow:4px 4px 0 rgba(93,33,19,.3);
  padding:9px 11px 10px;
  position:relative;
  transition:transform .15s,box-shadow .15s;
}
.episode-card::after {
  content:"";
  position:absolute;top:6px;right:6px;
  width:9px;height:9px;
  background:#b23a26;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.episode-card:hover {transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(93,33,19,.42)}
.episode-card-head {display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin-bottom:5px}
.episode-number {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:900;font-size:12px;
  color:#fdf3d8;background:#3a5834;
  padding:2px 7px;
  border-left:4px solid #e9c66b;
  white-space:nowrap;
}
.episode-title {
  font-size:15px;color:#7a2e1a;flex:1 1 auto;min-width:0;
}
.episode-summary {
  font-size:12.5px;line-height:1.28;color:#4a2c1a;
  border-top:1px dashed rgba(93,33,19,.35);
  padding-top:5px;
}
.episode-duration {
  display:inline-block;
  margin-top:6px;
  font-size:11px;font-weight:700;
  color:#5d2113;
  background:rgba(233,198,107,.7);
  border:1px solid #b23a26;
  padding:1px 7px;
}
.cast-strip-section {margin-top:22px}
.cast-strip {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:9px;
  align-items:start;
}
.cast-card {
  display:flex;flex-direction:column;align-items:center;
  gap:5px;
  padding:9px 8px 10px;
  border:2px solid #5d2113;
  background:linear-gradient(180deg,#f6e3ab,#e2bd6b);
  box-shadow:3px 3px 0 rgba(93,33,19,.3);
  text-align:center;
  transition:transform .15s;
}
.cast-card:nth-child(even) {transform:rotate(.7deg)}
.cast-card:nth-child(odd) {transform:rotate(-.7deg)}
.cast-card:hover {transform:translateY(-3px) rotate(0)}
.cast-avatar {
  width:54px;height:54px;
  border-radius:50%;
  border:3px solid #5d2113;
  background:
    radial-gradient(circle at 50% 38%,#3a2416 0 9px,transparent 9px),
    radial-gradient(circle at 50% 82%,#8c2f1c 0 17px,transparent 17px),
    linear-gradient(180deg,#e9c66b,#c98f3c);
  box-shadow:inset 0 0 0 2px #fdeec2,2px 2px 0 rgba(93,33,19,.35);
}
.cast-name {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:800;font-size:13.5px;color:#3a2416;
}
.cast-quote {
  font-size:11.5px;line-height:1.24;color:#7a2e1a;
  border-top:1px dashed rgba(93,33,19,.4);
  padding-top:4px;
  width:100%;
}
.episode-detail-stack {
  margin-top:22px;
  position:relative;
  padding-bottom:26px;
}
.detail-slip {
  position:relative;
  border:2px solid #5d2113;
  background:linear-gradient(165deg,#fdf3d8,#edd79f);
  box-shadow:4px 5px 0 rgba(93,33,19,.32);
  padding:9px 12px 10px 14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:11px;
  align-items:start;
  margin-top:-14px;
}
.detail-slip:first-of-type {margin-top:0}
.detail-slip:nth-child(2) {transform:rotate(-.5deg);z-index:2}
.detail-slip:nth-child(3) {transform:rotate(.6deg);z-index:3}
.detail-slip:nth-child(4) {transform:rotate(-.35deg);z-index:4}
.detail-slip:nth-child(5) {transform:rotate(.45deg);z-index:5}
.detail-slip-index {
  grid-row:1 / span 2;
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:900;font-size:26px;line-height:1;
  color:#e9c66b;
  -webkit-text-stroke:1.5px #7a2e1a;
  text-shadow:2px 2px 0 rgba(93,33,19,.35);
  padding-top:2px;
}
.detail-slip-title {
  font-size:14.5px;color:#7a2e1a;
  margin-bottom:3px;
}
.detail-slip-text {
  grid-column:2;
  font-size:12.5px;line-height:1.28;color:#4a2c1a;
}
.comment-stack {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
  align-items:start;
  padding:4px 2px;
}
.comment-card {
  border:2px solid #5d2113;
  background:
    repeating-linear-gradient(0deg,rgba(93,33,19,.05) 0 1px,transparent 1px 4px),
    linear-gradient(170deg,#fdf3d8,#f2dfa6);
  box-shadow:3px 4px 0 rgba(93,33,19,.3);
  padding:8px 10px 9px;
  transition:transform .18s,box-shadow .18s;
}
.comment-card:nth-child(1) {transform:rotate(-1.1deg)}
.comment-card:nth-child(2) {transform:rotate(.8deg)}
.comment-card:nth-child(3) {transform:rotate(-.6deg)}
.comment-card:nth-child(4) {transform:rotate(1.2deg)}
.comment-card:nth-child(5) {transform:rotate(-.9deg)}
.comment-card:hover {transform:rotate(0) translateY(-3px);box-shadow:5px 7px 0 rgba(93,33,19,.4);z-index:3}
.comment-head {
  display:flex;align-items:center;gap:6px;
  border-bottom:1px dotted rgba(93,33,19,.5);
  padding-bottom:4px;margin-bottom:5px;
}
.comment-head::before {
  content:"";
  width:10px;height:10px;flex:0 0 10px;
  background:#b23a26;border-radius:50% 50% 50% 0;
  box-shadow:inset 0 0 0 2px #fdeec2;
}
.comment-nickname {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:800;font-size:12px;color:#3a5834;
  letter-spacing:.03em;
}
.comment-text {font-size:12.5px;line-height:1.3;color:#4a2c1a}
.movie-overview {
  margin-top:24px;
  display:grid;
  grid-template-columns:minmax(0,230px) minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:14px;
  border:3px solid #3a2416;
  background:
    repeating-linear-gradient(0deg,rgba(93,33,19,.05) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#f7e6b4,#e6c877);
  box-shadow:6px 6px 0 rgba(93,33,19,.35);
}
.overview-poster-wrap {
  align-self:start;
  width:100%;
  border:3px solid #5d2113;
  background:#fdeec2;
  padding:5px;
  box-shadow:4px 4px 0 rgba(93,33,19,.35);
  transform:rotate(-.8deg);
}
.overview-poster {
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid #b23a26;
}
.overview-info {
  min-width:0;
  display:flex;flex-direction:column;gap:11px;
}
.overview-head {
  border-bottom:3px solid #7a2e1a;
  padding-bottom:7px;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;
}
.overview-title {
  font-size:23px;color:#7a2e1a;
  text-shadow:2px 2px 0 #fdeec2;
}
.overview-tagline {
  font-size:12.5px;font-weight:700;color:#fdf3d8;
  background:#3a5834;padding:2px 8px;
  border-left:4px solid #e9c66b;
}
.overview-synopsis, .overview-cast, .overview-episode-status, .overview-details {
  border-top:1px dashed rgba(93,33,19,.4);
  padding-top:8px;
}
.overview-synopsis {border-top:0;padding-top:0}
.synopsis-paragraph {
  font-size:12.5px;line-height:1.3;color:#4a2c1a;
  margin-bottom:5px;
  text-indent:2em;
}
.synopsis-paragraph:last-child {margin-bottom:0}
.overview-cast .cast-list {
  display:flex;flex-wrap:wrap;gap:6px;
}
.cast-item {
  font-size:12px;color:#3a2416;
  background:rgba(253,238,194,.85);
  border:1px solid #b23a26;
  padding:2px 9px;
  box-shadow:2px 2px 0 rgba(93,33,19,.22);
}
.status-line {
  display:inline-block;
  font-size:12.5px;font-weight:700;color:#fdf3d8;
  background:#8c2f1c;
  padding:3px 11px;
  border-left:5px solid #e9c66b;
  letter-spacing:.03em;
}
.detail-list {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:3px 12px;
  align-items:start;
}
.detail-key {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:800;font-size:12px;color:#5d2113;
  background:rgba(233,198,107,.55);
  padding:1px 7px;
  white-space:nowrap;
}
.detail-value {
  font-size:12.5px;color:#3a2416;
  padding:1px 0;
  border-bottom:1px dotted rgba(93,33,19,.3);
}
.recommend-region {
  margin-top:20px;
  padding:12px 12px 14px;
  border:3px solid #5d2113;
  background:linear-gradient(180deg,#f6e3ab,#e0ba66);
  box-shadow:5px 5px 0 rgba(93,33,19,.3);
}
.region-classic {background:linear-gradient(180deg,#f7e5b0,#e3be6a)}
.region-hero {background:linear-gradient(180deg,#f2e2b6,#dcc07a);border-color:#3a5834}
.region-hero .section-heading {background:linear-gradient(90deg,#2f4a2b,#3a5834 60%,#5d7a4a)}
.region-nostalgia {background:linear-gradient(180deg,#f9e8bb,#e8c877);border-color:#8c2f1c}
.region-nostalgia .section-heading {background:linear-gradient(90deg,#5d2113,#8c2f1c 60%,#b23a26)}
.recommend-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:9px;
  align-items:start;
}
.recommend-item {min-width:0}
a.recommend-link {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:8px;
  align-items:start;
  padding:7px 8px 8px;
  border:2px solid #5d2113;
  background:linear-gradient(170deg,#fdf3d8,#f0dca6);
  box-shadow:3px 3px 0 rgba(93,33,19,.32);
  color:#3a2416;
  text-decoration:none;
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
a.recommend-link:hover {
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 rgba(93,33,19,.45);
  border-color:#b23a26;
}
.recommend-index {
  grid-row:1 / span 3;
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:900;font-size:20px;line-height:1;
  color:#e9c66b;
  -webkit-text-stroke:1.4px #7a2e1a;
  text-shadow:2px 2px 0 rgba(93,33,19,.3);
  padding-top:2px;
  min-width:20px;
}
[data-runtime="recommendation"] img {
  grid-column:2;
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  border:2px solid #5d2113;
  background:#c98f3c;
  margin-bottom:5px;
}
.recommend-name {
  grid-column:2;
  display:block;
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:800;font-size:13px;color:#7a2e1a;
  line-height:1.22;
  margin-bottom:3px;
}
.recommend-blurb {
  grid-column:2;
  display:block;
  font-size:11.5px;line-height:1.26;color:#4a2c1a;
  border-top:1px dashed rgba(93,33,19,.4);
  padding-top:4px;
}
.site-footer {
  margin-top:26px;
  background:
    repeating-linear-gradient(0deg,rgba(253,238,194,.06) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#4a2415,#2f160c);
  border-top:4px solid #e9c66b;
  color:#f0d99a;
  padding:16px 16px 22px;
}
.footer-inner {
  max-width:1180px;margin:0 auto;
  display:flex;flex-wrap:wrap;
  gap:12px 22px;
  align-items:flex-start;
}
.footer-disclaimer {
  flex:1 1 320px;min-width:0;
  font-size:11.5px;line-height:1.32;
  color:#e3bd7c;
  border-left:4px solid #8c2f1c;
  padding-left:10px;
}
.footer-nav {
  display:flex;flex-wrap:wrap;gap:8px;
  align-items:center;
}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:800;font-size:12.5px;letter-spacing:.05em;
  color:#fdeec2;
  text-decoration:none;
  border:1px solid rgba(233,198,107,.6);
  padding:3px 11px;
  border-radius:2px;
  background:rgba(233,198,107,.1);
  transition:background .15s,color .15s;
}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {background:#e9c66b;color:#4a2415}
.friend-links {
  flex:1 1 100%;
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  border-top:1px dashed rgba(233,198,107,.35);
  padding-top:11px;
}
.friend-links-label {
  font-family:"PingFang SC","Heiti SC",sans-serif;
  font-weight:900;font-size:12px;color:#e9c66b;
  letter-spacing:.08em;
  padding-right:6px;
  border-right:2px solid #8c2f1c;
}
a.runtime-friend-link {
  font-size:11.5px;
  color:#e3bd7c;
  text-decoration:none;
  padding:2px 8px;
  border:1px solid rgba(233,198,107,.3);
  border-radius:999px;
  white-space:nowrap;
  transition:background .15s,color .15s,border-color .15s;
}
a.runtime-friend-link:hover {
  background:#3a5834;
  color:#fdeec2;
  border-color:#8fae70;
}
@media (max-width:820px){.movie-overview {grid-template-columns:minmax(0,1fr);gap:13px}
.overview-poster-wrap {max-width:230px;margin:0 auto;transform:rotate(-.6deg)}
.hero-title {font-size:25px}
.slogan-hero {grid-template-columns:minmax(0,1fr);min-height:0}
.hero-portrait {max-width:210px;margin:0 auto}
.hero-neon-signs {width:60%;opacity:.35}}
@media (max-width:640px){.page-main {padding:12px 11px 20px}
.site-header {padding:7px 11px;gap:8px}
a[data-contract="site-name"] {font-size:16px}
.section-heading {font-size:14.5px}
.hero-title {font-size:22px}
.hero-tagline {font-size:12.5px}
.hero-seo {font-size:12px}
.episodes-grid {grid-template-columns:minmax(0,1fr)}
.cast-strip {grid-template-columns:repeat(2,minmax(0,1fr))}
.comment-stack {grid-template-columns:minmax(0,1fr)}
.recommend-list {grid-template-columns:minmax(0,1fr)}
.timeline-node {flex:0 0 158px;width:158px}
.overview-title {font-size:19px}
.detail-slip {padding:8px 10px 9px;grid-template-columns:auto minmax(0,1fr)}
.detail-slip-index {font-size:21px}
.player-controls {gap:5px}
.ctrl {font-size:11px;padding:4px 7px}
.ctrl-progress {flex:1 1 100%;order:9}
.footer-inner {gap:10px}}
@media (max-width:400px){.cast-strip {grid-template-columns:minmax(0,1fr)}
.hero-portrait {max-width:170px}
.hero-title {font-size:20px}}
@media (min-width:1000px){.episodes-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.cast-strip {grid-template-columns:repeat(6,minmax(0,1fr))}
.comment-stack {grid-template-columns:repeat(3,minmax(0,1fr))}
.recommend-list {grid-template-columns:repeat(2,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}
