/* Approved life/theater Figma 05/52. Content records and native links are retained. */
.owj-ui :is(.owj-life,.owj-theater) { display:flex; flex-direction:column; width:100%; max-width:800px; margin:0 auto; padding:24px 20px 32px; color:var(--bch5-ink); background:var(--bch5-canvas); }
.owj-ui :is(.owj-life,.owj-theater) :is(h1,h2,h3,p) { margin:0; padding:0; font-family:inherit; letter-spacing:0; text-shadow:none!important; }
.owj-ui :is(.owj-life,.owj-theater) h1 { color:var(--bch5-ink)!important; font-size:26px!important; line-height:38px!important; font-weight:700!important; }
.owj-ui :is(.owj-life,.owj-theater) h2 { color:var(--bch5-ink)!important; font-size:20px!important; line-height:33px!important; font-weight:700!important; }
.owj-ui :is(.owj-life,.owj-theater) a { text-decoration:none; }
.owj-ui .owj-life .bch5-life-hero { display:block; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-life .bch5-life-hero::before,.owj-ui .owj-life .bch5-life-hero::after { content:none; }
.owj-ui .owj-life .bch5-life-hero-copy { position:static; inset:auto; display:flex; flex-direction:column; align-items:stretch; gap:24px; width:100%; max-width:none; margin:0; padding:0; background:transparent; }
.owj-ui .owj-life .bch5-life-hero-copy>small { display:block; color:var(--bch5-green); font-size:12px; line-height:20px; font-weight:400; letter-spacing:0; }
.owj-ui .owj-life .bch5-life-hero-copy>small::before { content:none; }
.owj-ui .owj-life .bch5-life-hero-copy h1 { margin-top:-8px; }
.owj-ui .owj-life .bch5-life-hero-copy h1 em { color:inherit; font:inherit!important; }
.owj-ui .owj-life .bch5-life-hero-copy>p { margin:0; max-width:none; color:var(--bch5-muted); font-size:14px; line-height:23px; }
.owj-ui .owj-life .owj-life-hero-image { display:block; width:100%; height:auto; aspect-ratio:350/196; object-fit:cover; border-radius:8px; margin:0; }
.owj-ui .owj-life .bch5-life-hero-copy>a,.owj-ui .owj-life .bch5-life-2051>div:not(.owj-life-story-cover)>a {
  display:flex; align-items:center; justify-content:center; min-height:48px; width:100%; gap:8px; margin:0; padding:12px 16px;
  border:1px solid var(--bch5-green); border-radius:8px; background:var(--bch5-green); color:#fff!important; font-size:14px; line-height:23px; font-weight:500; box-shadow:none;
}
.owj-ui .owj-life .bch5-life-hero-copy>a>i,.owj-ui .owj-life .bch5-life-2051>div>a>i { display:none; }
.owj-ui .owj-life .bch5-life-categories { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; width:100%; margin:12px 0 0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-life .bch5-life-categories>a { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; min-width:0; min-height:56px; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-life .bch5-life-categories i { display:block; width:28px; height:28px; margin:0; background:center/contain no-repeat; }
.owj-ui .owj-life .bch5-life-categories i::before { content:none; }
.owj-ui .owj-life .bch5-life-categories .fa-film { background-image:url('../img/owj/life/drama.svg'); }
.owj-ui .owj-life .bch5-life-categories .fa-music { background-image:url('../img/owj/life/music.svg'); }
.owj-ui .owj-life .bch5-life-categories .fa-headphones { background-image:url('../img/owj/life/audiobook.svg'); }
.owj-ui .owj-life .bch5-life-categories .fa-book { background-image:url('../img/owj/life/serial.svg'); }
.owj-ui .owj-life .bch5-life-categories .fa-cutlery { background-image:url('../img/owj/life/dining.svg'); }
.owj-ui .owj-life .bch5-life-categories strong { color:var(--bch5-ink); font-size:12px; line-height:20px; font-weight:400; white-space:normal; text-align:center; }
.owj-ui .owj-life .bch5-life-categories span { display:none; }
.owj-ui .owj-life .bch5-life-major-head,.owj-ui .owj-life .bch5-life-module>header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:0; margin:40px 0 24px; }
.owj-ui .owj-life :is(.bch5-life-major-head,.bch5-life-module>header) h2 { min-width:0; }
.owj-ui .owj-life :is(.bch5-life-major-head,.bch5-life-module>header) h2>i { display:none; }
.owj-ui .owj-life :is(.bch5-life-major-head,.bch5-life-module>header)>a { display:flex; align-items:center; gap:4px; min-height:44px; color:var(--bch5-green); font-size:13px; line-height:21px; white-space:nowrap; }
.owj-ui .owj-life .bch5-life-2051 { display:flex; flex-direction:column; align-items:stretch; gap:24px; min-height:0; padding:0; margin:0; border:0; border-radius:0; background:transparent url('../img/owj/life/carbon.png') center/0 0 no-repeat; box-shadow:none; }
.owj-ui .owj-life .bch5-life-2051>div { width:100%; max-width:none; }
.owj-ui .owj-life .bch5-life-2051>.owj-life-story-cover { display:block; width:100%; aspect-ratio:350/206; border-radius:8px; background-image:inherit; background-size:cover; background-position:center; background-repeat:no-repeat; }
.owj-ui .owj-life .bch5-life-2051[style]>.owj-life-story-cover { background-size:0 0,cover; }
.owj-ui .owj-life .bch5-life-2051>div:not(.owj-life-story-cover) { display:flex; flex-direction:column; gap:24px; padding:0; }
.owj-ui .owj-life .bch5-life-2051 small { margin:0; padding:0; border:0; border-radius:0; color:var(--bch5-muted); font-size:12px; line-height:20px; font-weight:400; }
.owj-ui .owj-life .bch5-life-2051 h2 { margin:-8px 0 0; font-size:24px!important; line-height:35px!important; }
.owj-ui .owj-life .bch5-life-2051 p { color:var(--bch5-muted); font-size:15px; line-height:24px; }
.owj-ui .owj-life .bch5-life-2051>div>strong { display:block; margin:0; color:var(--bch5-muted); font-size:12px; line-height:20px; font-weight:400; }
.owj-ui .owj-life .bch5-life-2051>nav { position:static; display:flex; align-items:center; gap:16px; margin:-12px 0 0; padding:0; }
.owj-ui .owj-life .bch5-life-2051>nav>a { display:flex; align-items:center; min-width:0; min-height:44px; margin:0; padding:8px 0; border:0; border-radius:0; background:transparent; backdrop-filter:none; color:var(--bch5-green)!important; font-size:14px; line-height:23px; font-weight:400; }
.owj-ui .owj-life .bch5-life-2051>nav i { display:none; }
.owj-ui .owj-life .bch5-life-section { display:flex; flex-direction:column; gap:0; margin:0; padding:0; }
.owj-ui .owj-life .bch5-life-module { display:block; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-life .bch5-life-module>header { margin:24px 0; }
.owj-ui .owj-life .bch5-life-module-card { display:grid; grid-template-columns:80px minmax(0,1fr) 18px; gap:12px; align-items:center; min-height:0; margin:0; padding:8px 0 24px; border:0; border-bottom:1px solid var(--bch5-line); border-radius:0; background:none; color:var(--bch5-ink); overflow:visible; }
.owj-ui .owj-life .bch5-life-module-card::before,.owj-ui .owj-life .bch5-life-module-card::after { content:none; }
.owj-ui .owj-life .bch5-life-module-card>span { display:flex; flex-direction:column; gap:8px; min-width:0; max-width:none; }
.owj-ui .owj-life .bch5-life-module-card>.owj-life-module-image { display:block; width:80px; height:80px; border-radius:8px; background-position:center; background-size:cover; }
.owj-ui .owj-life .bch5-life-module-card.is-drama { background-image:url('/bionovo_consumer_h5/static/src/img/home/medical-ecommerce-drama-v2.jpg'); background-size:0 0; background-repeat:no-repeat; }
.owj-ui .owj-life .bch5-life-module-card.is-drama>.owj-life-module-image { background-image:inherit; }
.owj-ui .owj-life .bch5-life-module-card.is-music>.owj-life-module-image { background-image:url('../img/owj/life/music.png'); }
.owj-ui .owj-life .bch5-life-module-card:is(.is-audio,.is-serial)>.owj-life-module-image { background-image:url('../img/owj/life/audio.png'); }
.owj-ui .owj-life .bch5-life-module-card.is-dining>.owj-life-module-image { background-image:url('../img/owj/life/dining.png'); }
.owj-ui .owj-life .bch5-life-module-card.is-knowledge>.owj-life-module-image { background-image:url('../img/owj/life/education.png'); }
.owj-ui .owj-life .bch5-life-module-card strong { display:block; -webkit-line-clamp:unset; max-height:none; height:auto; overflow:visible; white-space:normal; text-overflow:clip; font-family:inherit; color:var(--bch5-ink)!important; font-size:17px!important; line-height:29px!important; font-weight:400; text-shadow:none; }
.owj-ui .owj-life .bch5-life-module-card small { display:block; color:var(--bch5-muted); font-size:12px; line-height:20px; font-weight:400; }
.owj-ui .owj-life .bch5-life-module-card>i { position:static; display:block; width:18px; height:18px; padding:0; margin:0; border:0; border-radius:0; background:url('../img/owj/chevron.svg') center/contain no-repeat; }
.owj-ui .owj-life .bch5-life-module-card>i::before { content:none; }
.owj-ui .owj-life .bch5-life-closing { margin:0; padding:40px 0 0; border:0; border-radius:0; background:transparent; text-align:left; }
.owj-ui .owj-life .bch5-life-closing strong { display:block; font-family:inherit; font-size:20px; line-height:33px; color:var(--bch5-ink); }
.owj-ui .owj-life .bch5-life-closing span { display:none; }
/* Theater covers keep original dynamic expressions on dedicated image boxes. */
.owj-ui .owj-theater { gap:24px; }
.owj-ui .owj-theater>.bch5-context-back { display:flex; align-items:center; min-height:48px; margin:0; padding:0; color:var(--bch5-green); font-size:14px; line-height:22px; }
.owj-ui .owj-theater :is(.bch5-page-head,.bch5-section) { width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-theater .bch5-section-head { display:flex; flex-direction:column; align-items:stretch; gap:24px; margin:0 0 24px; padding:0; }
.owj-ui .owj-theater .bch5-section-head>a,.owj-ui .owj-theater .bch5-drama-card>em { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; margin:0; padding:12px 16px; border:1px solid var(--bch5-green); border-radius:8px; background:#fff; color:var(--bch5-green)!important; font-size:14px; line-height:22px; font-style:normal; font-weight:500; }
.owj-ui .owj-theater .bch5-theater-grid { display:flex; flex-direction:column; gap:24px; overflow:visible; margin:0; padding:0; }
.owj-ui .owj-theater .bch5-drama-card { display:flex; flex-direction:column; align-items:stretch; gap:12px; min-width:0; min-height:0; width:100%; margin:0; padding:0 16px 16px; border:0; border-radius:12px; background:#fff; color:var(--bch5-ink); box-shadow:none; overflow:hidden; }
.owj-ui .owj-theater .bch5-drama-card::before,.owj-ui .owj-theater .bch5-drama-card::after { content:none; }
.owj-ui .owj-theater .bch5-drama-card { background-size:0 0; background-repeat:no-repeat; }
.owj-ui .owj-theater .bch5-drama-card>.owj-theater-cover { display:block; position:static; flex-shrink:0; width:calc(100% + 32px); height:192px; margin:0 -16px; background-image:inherit; background-color:#fff; background-position:center; background-size:contain; background-repeat:no-repeat; }
.owj-ui .owj-theater .bch5-drama-card :is(.bch5-drama-shade,i) { display:none; }
.owj-ui .owj-theater .bch5-drama-card>:is(small,strong,span:not(.owj-theater-cover),em) { position:static; inset:auto; max-width:none; text-shadow:none; }
.owj-ui .owj-theater .bch5-drama-card>small { width:auto; align-self:flex-start; background:transparent; border:0; border-radius:0; box-shadow:none; padding:0; margin:0; color:var(--bch5-muted); font-size:12px; line-height:20px; font-weight:400; }
.owj-ui .owj-theater .bch5-drama-card>strong { display:block; font-family:inherit; -webkit-line-clamp:unset; max-height:none; overflow:visible; white-space:normal; color:var(--bch5-ink)!important; font-size:20px!important; line-height:30px!important; font-weight:700; }
.owj-ui .owj-theater .bch5-drama-card>span:not(.owj-theater-cover):not(.bch5-drama-shade) { display:block; padding:0; margin:0; color:var(--bch5-muted); font-size:17px; line-height:27px; font-weight:400; }
.owj-ui .owj-theater .bch5-audio-preview { display:flex; flex-direction:column; align-items:center; gap:16px; margin:0; padding:32px 20px; border:1px solid var(--bch5-line); border-radius:12px; background:#fff; color:var(--bch5-ink); text-align:center; }
.owj-ui .owj-theater .bch5-audio-preview>i { display:block; width:48px; height:48px; background:url('../img/owj/life/audiobook.svg') center/28px no-repeat; }
.owj-ui .owj-theater .bch5-audio-preview>i::before { content:none; }
.owj-ui .owj-theater .bch5-audio-preview>div { display:flex; flex-direction:column; gap:12px; }
.owj-ui .owj-theater .bch5-audio-preview strong { font-size:17px; line-height:27px; }
.owj-ui .owj-theater .bch5-audio-preview span { color:var(--bch5-muted); font-size:14px; line-height:23px; }
.owj-ui .owj-theater .bch5-audio-preview>em { color:var(--bch5-green); font-size:12px; line-height:20px; font-style:normal; }
@media(min-width:768px) { .owj-ui :is(.owj-life,.owj-theater) { padding:32px 32px 48px; } .owj-ui .owj-theater .bch5-theater-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } }