@charset "UTF-8";
/* 银幕: compact video pages, with all presentation owned by this template. */
:root{--paper:#f2f3f5;--paper-dark:#e9ebee;--white:#fff;--ink:#25282d;--body-text:#484c52;--muted:#73777d;--green:#c45824;--gold:#a84a1c;--line:#e3e5e8;--radius:5px;--section-gap:16px;--reading-width:850px;--font-body:15px;--font-small:14px;--font-caption:13px}
html{background:var(--paper);scroll-padding-top:16px}
body{background:var(--paper);color:var(--ink);font-size:15px;line-height:1.8}
::selection{background:#f6d6c6;color:#7d3515}
button:focus-visible,a:focus-visible,video:focus-visible,summary:focus-visible{outline:2px solid #c45824;outline-offset:3px}
.shell,.watch-page .shell{width:min(1180px,calc(100% - 48px))}
.skip-link{background:#c45824;color:#fff}
.site-header.shell,.watch-page .site-header.shell{display:flex;position:static;align-items:center;gap:4px 28px;width:100%;min-height:70px;margin:0;padding:8px max(24px,calc((100% - 1180px)/2));border:0;border-bottom:3px solid #c45824;border-radius:0;background:#24272d;box-shadow:none}
.brand,.watch-page .brand{display:inline-flex;gap:9px;min-height:44px;margin:0;flex:0 1 auto}
.brand-icon,.watch-page .brand-icon{width:31px;height:31px;border-radius:4px;background:#c45824;color:#fff}
.brand-icon .icon{width:20px;height:20px;transform:none}
.brand-name,.watch-page .brand-name{max-width:320px;font-size:22px;font-weight:650;letter-spacing:0;color:#fff}
.main-nav,.watch-page .watch-nav{display:flex;flex:1 1 520px;width:auto;max-width:100%;margin:0 0 0 auto;padding:0;gap:0 2px;justify-content:flex-end;flex-wrap:wrap;background:transparent;font-size:14px}
.main-nav a,.watch-page .watch-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 10px;border:0;border-radius:3px;color:#dedfe2;white-space:normal;overflow-wrap:anywhere}
.main-nav a:hover,.watch-page .watch-nav a:hover{background:#373b43;color:#fff}
.main-nav a:after{display:none}
.preview-banner{background:#f8e8df;color:#783819;border-bottom:1px solid #e7cbbc}
.hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 26px;align-items:start;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:none;overflow:visible}
.hero-visual{order:0;grid-column:1;grid-row:1/span 2;min-width:0;padding:0;margin:0}
.poster-stage{width:100%;height:auto;max-height:none;aspect-ratio:5/7;min-height:0;border:1px solid #e3e5e8;border-radius:4px;background:#eceef1;box-shadow:none;overflow:hidden}
.hero-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}
.poster-stage:hover .hero-poster{transform:none}
.hero-copy{grid-column:2;order:0;min-width:0;display:block;padding:0;background:transparent}
.hero h1{margin:0 0 7px;font-size:30px;font-weight:650;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}
.hero-subtitle{font-family:inherit;font-size:14px;line-height:1.6;margin:0 0 6px;letter-spacing:0;color:var(--muted)}
.hero-meta{margin:0 0 10px;font-size:13px;line-height:1.65;color:var(--muted)}
.hero-meta span+span:before{background:#a8abb0;margin:0 9px}
.hero-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px;max-width:760px;margin:0;font-size:14px;line-height:1.7}
.hero-details>div{display:flex;gap:12px;min-width:0;align-items:baseline}
.hero-details>div:nth-child(n+3),.hero-details>[data-hero-cast]{grid-column:1/-1}
.hero-details dt{flex:0 0 2em;color:var(--muted)}
.hero-details dd{min-width:0;margin:0;color:var(--body-text);overflow-wrap:anywhere}
[data-hero-actor]{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.hero-summary{grid-column:2;margin:0;max-width:none;padding-top:9px;border-top:1px solid #eceef0;font-size:14px;line-height:1.85;color:var(--body-text);overflow-wrap:anywhere}
.hero-actions,.hero>.continue-card,.demo-note{grid-column:1/-1}
.hero-actions{gap:8px 12px;padding-top:2px}
.demo-note{margin:0;font-size:13px;color:var(--muted)}
.button{min-height:44px;padding:9px 16px;border-radius:4px;letter-spacing:0;font-weight:500;box-shadow:none;transition:background .15s}
.button:hover{transform:none}
.button-dark{background:#c45824;border-color:#c45824;color:#fff;box-shadow:none}
.button-dark:hover{background:#ab481b}
.button-light{background:#f5f6f7;border-color:#d9dde2;color:#454a52}
.button-light:hover{background:#e9ebef}
.bookmark-button{min-height:44px;padding:8px 13px;border:1px solid #d9dde2;border-radius:4px;background:#fff;color:#555b65}
.bookmark-button:hover,.bookmark-button.is-saved{background:#fff2ea;border-color:#e4b296;color:#a94a1e}
.section-space,.story-section,.cast-section{margin-top:var(--section-gap)}
.episodes-section,.story-section,.episode-stories-section,.reviews-section,.short-comments-section,.faqs-section,.cast-section{padding:16px 20px 18px;border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:none}
.section-heading{display:flex;gap:6px 16px;align-items:center;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--line);background:transparent}
.section-heading h2,.story-main h2,.watch-page .section-heading h2,.watch-page .story-main h2{margin:0;font-size:21px;font-weight:600;line-height:1.5;letter-spacing:0}
.section-heading h2>span,.story-main h2>span{position:relative;display:inline-block}
.section-heading h2>span:after,.story-main h2>span:after{content:"";position:absolute;left:0;bottom:-11px;width:28px;height:2px;background:#c45824}
.heading-dot{display:none}
.section-description,.section-description[data-section-description]{margin:5px 0 0;font-size:13px;line-height:1.75;color:var(--muted)}
.section-heading:has(.section-description) h2>span:after{bottom:-3px;height:1px}
.section-aside{padding:0;color:var(--muted)}
.source-toolbar,.watch-page .source-toolbar{padding:0;margin:0 0 12px;border:0;border-radius:0;background:transparent}
.source-tabs,.watch-page .source-tabs{gap:8px;flex-wrap:wrap}
.source-tab,.watch-page .source-tab{min-height:44px;padding:9px 13px;border:1px solid #dfe2e6;border-radius:4px;background:#f7f8fa;color:#50565f}
.source-tab.is-active{background:#c45824;border-color:#c45824;color:#fff;box-shadow:none}
.source-tab:hover:not(.is-active){background:#fceee6;border-color:#e7b89e;color:#a24a20}
.source-hint{color:var(--muted)}
.episode-grid{gap:8px}
.episode,.watch-page .episode{min-height:44px;padding:9px 8px;border:1px solid #e2e5e9;border-radius:4px;background:#f7f8fa;color:#4d535c}
.episode:hover{background:#fff1e8;border-color:#dfab8e;color:#a94a1e}
.episode.is-current{background:#c45824;border-color:#c45824;color:#fff}
.empty-list{padding:18px 14px;border:1px dashed #d5d9df;border-radius:4px;background:#f8f9fb;color:var(--muted)}
.empty-list h3{color:#50565f}
.story-section{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.story-main h2{margin-bottom:0;padding:0 0 10px;border-bottom:1px solid var(--line);background:transparent}
.story-main>.section-description{margin-top:8px}
.story-summary{margin-top:12px;max-width:var(--reading-width);font-size:15px;line-height:1.9;color:var(--body-text)}
.detail-card{margin:0;padding:13px 15px;border:1px solid #e5e7eb;border-radius:4px;background:#f7f8fa}
.detail-heading{margin-bottom:8px}
.detail-heading h3{font-size:15px;color:#464b53}
.detail-heading .icon{color:#6b727d}
.detail-card dl{display:block;margin:0}
.detail-card dl>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;font-size:13px;padding:4px 0}
.detail-card dd{color:var(--body-text)}
.text-link,.episode-story-number{color:#b44e1e}
.text-link:hover{color:#8f3711}
.episode-story-list,.reviews-section .review-list,.faqs-section .faq-list{gap:0}
.episode-story-card,.review-card,.faq-item{border:0;border-radius:0;background:transparent;box-shadow:none}
.episode-story-card+.episode-story-card,.review-card+.review-card,.faq-item+.faq-item{border-top:1px solid var(--line)}
.episode-story-card summary,.review-summary,.faq-item summary{padding:12px 0}
.episode-story-card summary:hover,.review-summary:hover,.faq-item summary:hover{background:#faf7f4}
.episode-story-card summary:focus-visible,.review-summary:focus-visible,.faq-item summary:focus-visible{outline-color:#c45824}
.episode-story-card>h3{padding:0}
.episode-story-body,.review-body,.faq-answer{padding:0 0 12px;color:var(--body-text)}
.episode-story-highlights{background:transparent;border:0}
.review-body{border:0}
.review-expand{right:0}
.review-excerpt,.short-comment-body{color:var(--body-text)}
.short-comment-list{gap:10px 24px}
.short-comment-card{padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.short-comment-spoiler{background:#f2ece7;color:#8a6550;border-radius:3px}
.cast-grid{gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}
.cast-profile-card{display:block;padding:0;border:0;border-radius:0;background:transparent}
.cast-portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:4px;background:#eceef1;color:#b5bac2}
.cast-portrait.cast-color-1,.cast-portrait.cast-color-2,.cast-portrait.cast-color-3{background:#eceef1;color:#b5bac2}
.cast-profile-info{padding:7px 0 0}
.cast-profile-card h3{font-size:15px}
.cast-role,.cast-credit{margin:3px 0 0;font-size:13px;color:var(--body-text)}
.cast-role>span{color:var(--muted)}
.closing-note{justify-content:flex-end;gap:0;margin-top:6px;padding:0;border:0;border-radius:0;background:transparent}
.closing-note>a{display:inline-flex;gap:5px;min-height:44px;min-width:44px;width:auto;height:auto;margin-left:auto;padding:8px 0;border:0;border-radius:0;background:transparent;font-size:13px;color:var(--muted)}
.closing-note>a:hover{background:transparent;color:#b44e1e}
.site-footer{padding:12px 0 18px;border-top:1px solid #dedfe3}
.footer-brand{color:#4d535b}
.site-footer p,.site-footer>span{color:var(--muted)}
.toast{background:#30343a;color:#fff;border-radius:4px;box-shadow:none}
.continue-card{margin-top:0;padding:10px 14px;border:1px solid #ecd0c1;border-radius:4px;background:#fff6f0}
.continue-label{color:#99431c}
.continue-note{color:#856c5e}
.continue-clear{color:var(--muted)}
.continue-clear:hover{background:#f6e7dc}
.watch-page .watch-player{margin-top:18px;padding:16px 20px 18px;border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:none}
.watch-page .watch-heading{margin-bottom:12px}
.watch-page .watch-heading h1{font-size:25px;font-weight:600;letter-spacing:0}
.watch-page .watch-subtitle{color:var(--muted)}
.watch-page .watch-jump{border-color:#dce0e5;border-radius:4px;background:#f6f7f9;color:#5a606a}
.watch-page .watch-jump:hover{background:#edeff3}
.player-box,.watch-page .player-box{border-color:#1d2026;border-radius:4px;background:#090b0f;box-shadow:none}
.native-player,.watch-page .native-player{background:#090b0f}
.player-empty,.player-fallback{background:#20242b;color:#e0e3e8}
.player-empty-icon{background:transparent;border-color:#69727f;color:#e0e3e8}
.player-empty .player-message-title,.player-fallback .player-message-title{color:#f1f3f6}
.player-empty p:not(.player-message-title),.player-fallback p:not(.player-message-title){color:#bfc6cf}
.player-caption>span:first-child span{color:#b44e1e}
.playback-note{color:var(--muted)}
.watch-page .playback-control{color:#545b65}
.watch-page .playback-switch{background:#c9ced5;border-color:#a6adb7}
.watch-page .playback-switch:before{background:#fff}
.watch-page .playback-switch:checked{background:#c45824;border-color:#c45824}
.watch-page .playback-switch:focus-visible{outline-color:#c45824}
.watch-page .episode-step,.watch-page .episode-overview{border-color:#dfe2e7;border-radius:4px;background:#f7f8fa;color:#535a64}
.watch-page a.episode-step:hover,.watch-page .episode-overview:hover{background:#fff0e6;border-color:#e2b499}
.watch-page span.episode-step{background:#fafafb;border-color:#e6e8ec;color:#8c939c}
.error-page{background:#f2f3f5}
.error-card{width:min(500px,100%);max-width:500px;padding:28px;text-align:left;border:1px solid #e0e3e8;border-top:3px solid #c45824;border-radius:5px;background:#fff;box-shadow:none}
.error-status{margin:0 0 8px;font-size:16px;color:#b44e1e}
.error-card h1{font-size:28px;font-weight:600}
.error-actions{justify-content:flex-start;margin-top:20px}
@media(max-width:1023px){[data-hero-actor]:nth-child(n+7){display:none}.cast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header.shell,.watch-page .site-header.shell{gap:2px 20px}.main-nav,.watch-page .watch-nav{flex-basis:100%;justify-content:flex-start}.hero{grid-template-columns:162px minmax(0,1fr);column-gap:22px}.story-section{grid-template-columns:minmax(0,1fr) 235px;gap:20px}}
@media(max-width:760px){
:root{--section-gap:12px}
.shell,.watch-page .shell{width:calc(100% - 24px)}
.site-header.shell,.watch-page .site-header.shell{display:block;min-height:0;padding:7px 12px 0;border-bottom-width:2px}
.brand,.watch-page .brand{margin-bottom:2px}
.brand-name,.watch-page .brand-name{font-size:20px;max-width:100%}
.main-nav,.watch-page .watch-nav{width:100%;padding:0;gap:0;flex-wrap:wrap;margin:0;justify-content:flex-start}
.main-nav a,.watch-page .watch-nav a{min-height:44px;padding:9px 9px;font-size:13px}
.hero{grid-template-columns:110px minmax(0,1fr);gap:12px 14px;margin-top:12px;padding:14px}
.hero-visual{grid-row:auto}
.hero-copy{grid-column:2;padding:0}
.hero h1{margin:0 0 5px;font-size:24px;line-height:1.3;letter-spacing:0}
.hero-subtitle{font-size:12px;margin:0 0 4px}
.hero-meta{font-size:12px;margin:0 0 7px;line-height:1.6}
.hero-meta span+span:before{margin:0 6px}
.hero-details{grid-template-columns:1fr;gap:4px;font-size:13px;line-height:1.65}
.hero-details>div{gap:8px}
.hero-details>div:nth-child(n+3),.hero-details>[data-hero-cast]{grid-column:auto}
.hero-details dt{flex-basis:2em}
.hero-summary,.hero-actions,.hero>.continue-card,.demo-note{grid-column:1/-1}
.hero-summary{font-size:14px;margin:0;padding-top:10px;line-height:1.85}
.hero-actions{gap:8px;padding-top:0}
.hero .button,.hero .bookmark-button{min-height:44px;font-size:13px;padding:8px 12px}
.episodes-section,.story-section,.episode-stories-section,.reviews-section,.short-comments-section,.faqs-section,.cast-section{padding:13px 14px 14px}
.section-heading{padding:0 0 9px;margin-bottom:11px}
.section-heading h2,.story-main h2,.watch-page .section-heading h2,.watch-page .story-main h2{font-size:19px;line-height:1.5}
.section-heading h2>span:after,.story-main h2>span:after{bottom:-10px}
.story-main h2{padding:0 0 9px}
.section-description,.section-description[data-section-description]{font-size:13px}
.source-tabs,.watch-page .source-tabs{gap:6px;flex-wrap:wrap;overflow:visible}
.source-tab,.watch-page .source-tab{min-height:44px;font-size:13px;padding:8px 10px}
.episode-grid,.watch-page .episode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.episode,.watch-page .episode{min-height:44px;padding:8px 5px;font-size:13px}
.story-section{display:block}
.story-summary{font-size:15px;line-height:1.9;margin-top:10px}
.detail-card{margin-top:12px;padding:12px}
.detail-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
.detail-card dl>div{grid-template-columns:28px minmax(0,1fr);gap:8px}
.detail-card dl>div:last-child{grid-column:auto}
.episode-story-card summary,.review-summary,.faq-item summary{padding:10px 0}
.episode-story-card>h3{padding:0}
.episode-story-body,.review-body,.faq-answer{padding:0 0 10px;font-size:15px;line-height:1.85}
.review-summary h3{font-size:17px}
.review-excerpt,.short-comment-body{font-size:15px;line-height:1.85}
.review-expand{right:0}
.short-comment-card{padding:10px 0}
.cast-profile-info{padding:6px 0 0}
.cast-profile-card h3{font-size:14px}
.cast-role,.cast-credit{font-size:12px}
.watch-page .watch-player{margin-top:12px;padding:12px 14px 14px}
.watch-page .watch-heading h1{font-size:21px}
.watch-page .watch-jump{font-size:13px;padding:8px}
.watch-page .episode-navigation{gap:7px}
.watch-page .episode-step,.watch-page .episode-overview{font-size:13px;padding:8px 5px}
.site-footer{gap:10px;padding:10px 0 16px}
.error-card{padding:22px}
}
@media(max-width:767px){[data-hero-actor]:nth-child(n+4){display:none}.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:360px){
.shell,.watch-page .shell{width:calc(100% - 20px)}
.site-header.shell,.watch-page .site-header.shell{padding-inline:10px}
.hero{grid-template-columns:92px minmax(0,1fr);gap:10px 12px;padding:12px}
.hero h1{font-size:22px}
.hero-details{font-size:12px}
.hero-details>div{gap:6px}
.hero-meta span+span:before{margin:0 5px}
.episodes-section,.story-section,.episode-stories-section,.reviews-section,.short-comments-section,.faqs-section,.cast-section{padding-inline:12px}
.detail-card dl{grid-template-columns:1fr}
.episode-grid,.watch-page .episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.watch-page .watch-player{padding-inline:12px}
}

/* 影集：清晰的资料分区，便于阅读和选集。 */
:root{--paper:#f4f4f7;--paper-dark:#e9e8ee;--white:#fff;--ink:#292832;--body-text:#494953;--muted:#70707d;--green:#625b81;--gold:#625b81;--line:#dedee6;--radius:2px;--section-gap:0px;--reading-width:900px}
html,body{background:var(--paper);color:var(--ink)}
::selection{background:#e4e0f0;color:#393354}
button:focus-visible,a:focus-visible,video:focus-visible,summary:focus-visible{outline-color:#625b81}
.skip-link{background:#625b81}
.shell,.watch-page .shell{width:min(1080px,calc(100% - 48px))}
.site-header.shell,.watch-page .site-header.shell{display:block;width:100%;min-height:0;margin:0;padding:0 max(24px,calc((100% - 1080px)/2));border:0;background:#fff;box-shadow:0 1px 0 #dcdce4}
.brand,.watch-page .brand{min-height:64px;margin:0;gap:10px}
.brand-icon,.watch-page .brand-icon{width:30px;height:30px;border-radius:2px;background:#625b81}
.brand-name,.watch-page .brand-name{color:#302d3c;font-size:20px}
.main-nav,.watch-page .watch-nav{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;margin:0;padding:0;gap:0;border-top:1px solid #ededf1;font-size:14px}
.main-nav a,.watch-page .watch-nav a{min-height:44px;padding:9px 16px 9px 0;margin-right:10px;color:#555462;border-radius:0}
.main-nav a:hover,.watch-page .watch-nav a:hover{background:transparent;color:#625b81;text-decoration:underline;text-underline-offset:5px}
.preview-banner{background:#ece9f4;color:#494062;border-color:#d9d3e7}
.hero{grid-template-columns:200px minmax(0,1fr);gap:12px 28px;align-items:start;margin-top:22px;padding:22px;border:0;border-radius:0;background:#e9e7f0}
.hero-visual{grid-row:1/span 2}
.poster-stage{border:0;border-radius:0;background:#d6d4df;box-shadow:none}
.hero h1{margin-bottom:10px;font-size:32px;color:#302d3c}
.hero-meta{margin-bottom:15px;color:#686574}
.hero-details{grid-template-columns:1fr;gap:7px;max-width:none}
.hero-details>div:nth-child(n+3),.hero-details>[data-hero-cast]{grid-column:auto}
.hero-details dt{color:#727080}
.hero-summary{grid-column:2;padding-top:12px;border-color:#d5d2df;max-width:850px}
.hero-actions,.hero>.continue-card,.demo-note{grid-column:1/-1}
.button-dark{background:#625b81;border-color:#625b81;color:#fff}
.button-dark:hover{background:#4f496b}
.button-light,.bookmark-button{background:#fff;border-color:#d3d1dc;color:#4f4c5b}
.button-light:hover,.bookmark-button:hover,.bookmark-button.is-saved{background:#f0edf6;border-color:#aaa4bf;color:#51496f}
.section-space,.story-section,.cast-section{margin-top:0}
.episodes-section,.story-section,.episode-stories-section,.reviews-section,.short-comments-section,.faqs-section,.cast-section{padding:24px 0;border:0;border-bottom:1px solid #dedee6;border-radius:0;background:transparent;box-shadow:none}
.section-heading{margin-bottom:15px;padding:0;border:0;align-items:baseline}
.section-heading h2,.story-main h2,.watch-page .section-heading h2,.watch-page .story-main h2{font-size:20px;font-weight:650;line-height:1.5;color:#302d3c}
.section-heading h2>span:after,.story-main h2>span:after{display:none}
.section-description,.section-description[data-section-description]{margin-top:5px;color:#70707d}
.source-toolbar,.watch-page .source-toolbar{margin-bottom:12px}
.source-tabs,.watch-page .source-tabs{gap:6px}
.source-tab,.watch-page .source-tab{border-color:#d8d7e1;border-radius:2px;background:#fff;color:#555261}
.source-tab.is-active{border-color:#625b81;background:#625b81;color:#fff}
.source-tab:hover:not(.is-active){border-color:#aaa4bf;background:#eeebf3;color:#51496f}
.episode,.watch-page .episode{border-color:#dedee6;border-radius:2px;background:#fff;color:#4e4c59}
.episode:hover{border-color:#aaa4bf;background:#eeebf3;color:#51496f}
.episode.is-current{border-color:#625b81;background:#625b81;color:#fff}
.story-section{grid-template-columns:minmax(0,1fr) 240px;gap:32px}
.story-section-home{display:block}
.story-main h2{padding:0;border:0}
.story-main>.section-description{margin-top:5px}
.story-summary{margin-top:15px}
.detail-card{padding:13px 16px;border:0;border-left:3px solid #c1bbd2;border-radius:0;background:#ecebf1}
.detail-heading h3{color:#494555}
.text-link,.episode-story-number{color:#625b81}
.text-link:hover{color:#413a5d}
.episode-story-card summary:hover,.review-summary:hover,.faq-item summary:hover{background:#ecebf1}
.episode-story-card summary:focus-visible,.review-summary:focus-visible,.faq-item summary:focus-visible{outline-color:#625b81}
.short-comment-spoiler{background:#e8e5ee;color:#625b81}
.cast-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.cast-portrait{border-radius:0;background:#e1e0e6}
.cast-portrait.cast-color-1,.cast-portrait.cast-color-2,.cast-portrait.cast-color-3{background:#e1e0e6}
.closing-note>a:hover{color:#625b81}
.site-footer{border-color:#dedee6}
.continue-card{border-color:#d7d2e5;background:#f0edf6}
.continue-label{color:#51496f}.continue-note{color:#6b6677}.continue-clear:hover{background:#e6e2ee}
.watch-page .watch-player{margin-top:22px;padding:20px 0;border:0;border-radius:0;background:transparent}
.watch-page .watch-heading h1{color:#302d3c}
.watch-page .watch-jump,.watch-page .episode-step,.watch-page .episode-overview{border-color:#d8d7e1;border-radius:2px;background:#fff;color:#555261}
.watch-page .watch-jump:hover,.watch-page a.episode-step:hover,.watch-page .episode-overview:hover{border-color:#aaa4bf;background:#eeebf3}
.player-caption>span:first-child span{color:#625b81}
.watch-page .playback-switch:checked{background:#625b81;border-color:#625b81}
.watch-page .playback-switch:focus-visible{outline-color:#625b81}
.error-page{background:#f4f4f7}.error-card{border:0;border-left:4px solid #625b81;border-radius:0;background:#fff}.error-status{color:#625b81}
@media(max-width:1023px){
.hero{grid-template-columns:170px minmax(0,1fr);column-gap:24px}
.story-section{grid-template-columns:minmax(0,1fr) 220px;gap:24px}
.cast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
.shell,.watch-page .shell{width:calc(100% - 28px)}
.site-header.shell,.watch-page .site-header.shell{padding:0 14px;border:0}
.brand,.watch-page .brand{min-height:54px;margin:0}
.brand-name,.watch-page .brand-name{font-size:19px}
.main-nav,.watch-page .watch-nav{padding:0;margin:0;gap:0}
.main-nav a,.watch-page .watch-nav a{min-height:44px;margin-right:10px;padding:8px 4px 8px 0;font-size:13px}
.hero{grid-template-columns:108px minmax(0,1fr);gap:12px 14px;margin-top:14px;padding:14px}
.hero-visual{grid-row:auto}
.hero h1{font-size:23px;margin-bottom:5px}
.hero-meta{margin-bottom:8px}
.hero-details{gap:4px}
.hero-summary{grid-column:1/-1;padding-top:10px}
.episodes-section,.story-section,.episode-stories-section,.reviews-section,.short-comments-section,.faqs-section,.cast-section{padding:18px 0}
.section-heading{margin-bottom:12px;padding:0}
.section-heading h2,.story-main h2,.watch-page .section-heading h2,.watch-page .story-main h2{font-size:19px}
.story-section{display:block}
.story-main h2{padding:0}
.detail-card{margin-top:12px;padding:12px}
.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.watch-page .watch-player{margin-top:14px;padding:12px 0 14px}
}
@media(min-width:761px) and (max-width:767px){.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:360px){
.shell,.watch-page .shell{width:calc(100% - 20px)}
.site-header.shell,.watch-page .site-header.shell{padding-inline:10px}
.hero{grid-template-columns:92px minmax(0,1fr);gap:10px 12px;padding:12px}
.hero h1{font-size:22px}
.episodes-section,.story-section,.episode-stories-section,.reviews-section,.short-comments-section,.faqs-section,.cast-section{padding-inline:0}
.watch-page .watch-player{padding-inline:0}
}
