/* Figma 54/56/58/60/134/135/136. Native player, source/reward/progress hooks are unchanged. */
.owj-ui .owj-media-series{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:24px 20px 32px!important;background:#f5f7f2;color:#203d32;font-size:14px;line-height:23px}
.owj-ui .bch5-main .owj-media-series>section.container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:none!important;min-width:0;margin:0!important;padding:0!important}
.owj-ui .owj-media-series>section>.row,.owj-ui .owj-media-series>section>.row>.col-lg-8,.owj-ui .owj-media-series .bionovo-drama-sidebar,.owj-ui .owj-media-series .bionovo-drama-now{display:contents}
.owj-ui .owj-media-series [hidden]{display:none!important}
.owj-ui .owj-media-series :is(h1,h2,h3,p){margin:0!important;max-width:100%;overflow-wrap:anywhere;text-shadow:none!important}
.owj-ui .owj-media-series .bionovo-drama-back,.owj-ui .owj-media-series .bionovo-drama-step>a,.owj-ui .owj-media-series .bionovo-drama-reward>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;height:auto;margin:0;padding:12px 20px;border:1px solid #205642;border-radius:8px;background:#fff;color:#205642!important;font-size:14px;line-height:22px;font-weight:500;text-decoration:none;text-align:center;white-space:normal;box-shadow:none}
.owj-ui .owj-media-series .bionovo-drama-back{order:0}
.owj-ui .owj-media-series .bionovo-drama-sidebar>h2{order:1;font-size:26px!important;line-height:38px!important;font-weight:700!important;color:#203d32!important}
.owj-ui .owj-media-series .bionovo-drama-video{order:2;width:100%;max-width:100%;min-height:0;margin:0!important;padding:0!important;overflow:hidden;border:0;border-radius:12px;background:#1f1f1f;box-shadow:none}
.owj-ui .owj-media-series .bionovo-drama-video video{display:block;width:100%;height:auto;aspect-ratio:350/253;max-height:72vh;object-fit:contain;background:#1f1f1f}
.owj-ui .owj-media-series .bionovo-drama-video.is-portrait video{aspect-ratio:9/16;max-height:72vh}
.owj-ui .owj-media-series .bionovo-drama-video.is-portrait{align-self:center;width:min(100%,350px)}
.owj-ui .owj-media-series .bionovo-drama-video.is-audio{display:block;background:#1f1f1f}
.owj-ui .owj-media-series .bionovo-drama-video audio{display:block;width:100%;max-width:100%;height:54px;margin:0}
.owj-ui .owj-media-series .bionovo-drama-playback-notice{order:3;display:flex;flex-direction:column;gap:8px;min-height:0;margin:0;padding:0;font-size:14px;line-height:23px;color:#66756b}
.owj-ui .owj-media-series .bionovo-drama-playback-notice:not(:has(>span:not([hidden]):not(:empty))){display:none}
.owj-ui .owj-media-series .bionovo-drama-playback-notice>span:not([hidden]){display:block;position:relative;margin:0;padding:16px 16px 16px 52px;border:0;border-radius:12px;background:#eaf0e4;color:#205642}
.owj-ui .owj-media-series .bionovo-drama-playback-notice>span:not([hidden])::before{content:"";position:absolute;left:16px;top:16px;width:24px;height:24px;background:url('/bionovo_consumer_h5/static/src/img/owj/media/pending.svg') center/contain no-repeat}
.owj-ui .owj-media-series .owj-media-current{order:4;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:4px;min-width:0}
.owj-ui .owj-media-series .owj-media-current>h1{display:none}
.owj-ui .owj-media-series .owj-media-current>small,.owj-ui .owj-media-series .owj-media-current>h2{color:#203d32!important;font-size:20px!important;line-height:30px!important;font-weight:700!important}
.owj-ui .owj-media-series .owj-media-current>small::after{content:" ·"}
.owj-ui .owj-media-series .bionovo-drama-now>p{order:5;color:#66756b;font-size:14px;line-height:23px}
.owj-ui .owj-media-series .owj-media-author{order:6;color:#66756b;font-size:14px;line-height:23px}
.owj-ui .owj-media-series .owj-media-author>strong{color:inherit!important;font-weight:500}
.owj-ui .owj-media-series .bionovo-drama-reward{order:7;display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.owj-ui .owj-media-series .owj-media-reward-card{display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;min-width:0;padding:16px;border:0;border-radius:12px;background:#fff}
.owj-ui .owj-media-series .owj-media-reward-card>i{display:block;flex:0 0 28px;width:28px;height:28px;margin:0;border-radius:0;background:url('/bionovo_consumer_h5/static/src/img/owj/media/reward.svg') left top/24px 24px no-repeat;font-size:0;color:transparent}
.owj-ui .owj-media-series .owj-media-reward-card>i::before{display:none}
.owj-ui .owj-media-series .owj-media-reward-card>div{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.owj-ui .owj-media-series .owj-media-reward-card strong{font-size:17px;line-height:27px;font-weight:500;color:#203d32!important}
.owj-ui .owj-media-series .owj-media-reward-card span{font-size:14px;line-height:22px;color:#66756b}
.owj-ui .owj-media-series .bionovo-drama-step{order:8;display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0}
.owj-ui .owj-media-series .bionovo-drama-step>span,.owj-ui .owj-media-series .bionovo-drama-step:not(:has(>a)){display:none}
.owj-ui .owj-media-series .bionovo-drama-step>a.is-ready{background:#205642;color:#fff!important}
.owj-ui .owj-media-series .owj-media-intro-title{order:9;font-size:20px!important;line-height:30px!important;font-weight:700!important;color:#203d32!important}
.owj-ui .owj-media-series .owj-media-intro{order:10;color:#66756b;font-size:16px;line-height:29px}
.owj-ui .owj-media-series .owj-media-count{order:11;color:#66756b;font-size:14px;line-height:23px}
.owj-ui .owj-media-series .owj-media-count>strong{font-weight:500;color:inherit!important}
.owj-ui .owj-media-series .owj-media-episodes-title{order:12;font-size:20px!important;line-height:30px!important;font-weight:700!important;color:#203d32!important}
.owj-ui .owj-media-series .owj-media-label-chapters{display:none}
.owj-ui .owj-media-series .owj-media-episodes-title:has(+.bionovo-episode-list:empty),.owj-ui .owj-media-series .bionovo-episode-list:empty{display:none}
.owj-ui .owj-media-series .bionovo-episode-list{order:13;display:flex;flex-direction:column;gap:24px;margin:0;padding:0}
.owj-ui .owj-media-series .bionovo-episode-list>a{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:start;min-width:0;min-height:88px;margin:0;padding:16px;border:0;border-radius:12px;background:#fff;color:#203d32;text-decoration:none;overflow:hidden}
.owj-ui .owj-media-series .bionovo-episode-list>a::before{content:"";grid-column:1;grid-row:1/3;display:block;width:28px;height:28px;background:url('/bionovo_consumer_h5/static/src/img/owj/media/episode-video.svg') left top/24px 24px no-repeat}
.owj-ui .owj-media-series .bionovo-episode-list>a.is-active{background:#eaf0e4;border-color:transparent}
.owj-ui .owj-media-series .bionovo-episode-list>a>span{grid-column:2;display:block;min-width:0;color:#203d32;font-size:17px;line-height:27px;font-weight:500}
.owj-ui .owj-media-series .bionovo-episode-list strong,.owj-ui .owj-media-series .bionovo-episode-list small{display:inline;font-size:inherit;line-height:inherit;color:inherit!important;font-weight:500;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
.owj-ui .owj-media-series .bionovo-episode-list strong::after{content:" · "}
.owj-ui .owj-media-series .bionovo-episode-list em{grid-column:2;font-size:14px;line-height:22px;color:#66756b;white-space:normal;font-style:normal}
.owj-ui .owj-media-series .bionovo-episode-list>a.is-active em::before{content:"当前 · "}
.owj-ui .owj-media-series .bionovo-episode-list>a>i{height:3px;background:#b88d40}
.owj-ui .owj-media-series .bionovo-drama-type,.owj-ui .owj-media-series .bionovo-drama-tagline,.owj-ui .owj-media-series .bionovo-drama-slogan{display:none}
.owj-ui .owj-media-series .col-lg-8>.alert{order:2;position:relative;margin:0;padding:16px 16px 16px 52px;min-height:88px;border:0;border-radius:12px;background:#eaf0e4;color:#205642;font-size:17px;line-height:27px;font-weight:500}
.owj-ui .owj-media-series .col-lg-8>.alert::before{content:"";position:absolute;left:16px;top:16px;width:24px;height:24px;background:url('/bionovo_consumer_h5/static/src/img/owj/media/pending.svg') center/contain no-repeat}
.owj-ui .owj-media-series .bionovo-drama-reward-toast{position:fixed;z-index:1100;right:16px;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:calc(100vw - 32px);max-width:360px;margin:0;padding:16px;border-radius:12px;background:#205642;color:#fff;box-shadow:0 4px 24px #203d3220}
.owj-ui .owj-media-series .bionovo-drama-reward-toast a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:underline}
.owj-ui .owj-media-series[data-owj-media-kind="audio"] .bionovo-episode-list>a::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/media/episode-audio.svg');background-size:28px 28px}
/* Long-form serial keeps complete dynamic rich text and uses a comfortable reading measure. */
.owj-ui .owj-media-series[data-owj-media-kind="serial"] .bionovo-drama-sidebar>h2{display:none}
.owj-ui .owj-media-series .bionovo-serial-heading{order:1;display:flex;flex-direction:column;gap:12px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.owj-ui .owj-media-series .bionovo-serial-heading>small{font-size:14px;line-height:23px;letter-spacing:0;color:#66756b;font-weight:500}
.owj-ui .owj-media-series .bionovo-serial-heading h1{font-size:26px!important;line-height:38px!important;font-weight:700!important;color:#203d32!important}
.owj-ui .owj-media-series .bionovo-serial-heading h2{font-size:20px!important;line-height:33px!important;font-weight:700!important;color:#203d32!important}
.owj-ui .owj-media-series .bionovo-serial-heading p{font-size:14px;line-height:23px;color:#66756b}
.owj-ui .owj-media-series .bionovo-serial-reading{order:2;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#203d32;font-size:16px;line-height:29px;box-shadow:none;overflow-wrap:anywhere}
.owj-ui .owj-media-series .bionovo-serial-reading p{margin:0 0 20px!important;font-size:inherit!important;line-height:inherit!important;color:inherit}
.owj-ui .owj-media-series .bionovo-serial-reading h2,.owj-ui .owj-media-series .bionovo-serial-reading h3{margin:24px 0 16px!important;font-size:20px!important;line-height:33px!important;color:#203d32!important}
.owj-ui .owj-media-series .bionovo-serial-reading img{max-width:100%;height:auto}
.owj-ui .owj-media-series[data-owj-media-kind="serial"] .owj-media-label-episodes{display:none}
.owj-ui .owj-media-series[data-owj-media-kind="serial"] .owj-media-label-chapters{display:inline}
.owj-ui .owj-media-series[data-owj-media-kind="serial"] .bionovo-episode-list{gap:0}
.owj-ui .owj-media-series[data-owj-media-kind="serial"] .bionovo-episode-list>a{padding:20px 0;border-bottom:1px solid #e1e7dd;border-radius:0;background:transparent}
.owj-ui .owj-media-series[data-owj-media-kind="serial"] .bionovo-episode-list>a::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/media/episode-serial.svg');background-size:28px 28px}
.owj-ui .owj-media-series a:focus-visible{outline:2px solid #205642;outline-offset:3px}
@media(min-width:768px){.owj-ui .owj-media-series{max-width:800px;margin:0 auto;padding:32px!important}.owj-ui .owj-media-series .bionovo-drama-video video{max-height:560px}.owj-ui .owj-media-series .bionovo-serial-reading{font-size:17px;line-height:31px}}
/* Native audio controls own their rounded surface; keep video-only background intact. */
.owj-ui .owj-media-series .bionovo-drama-video.is-audio:has(>audio){background:transparent}