/* Live-data bridges for the supplied 51 design. Business state remains in existing modules. */
:root{--accent:#5ef2b8;--bg:#131414;--text:#f3f5f4;--muted:#9da7a2;--font-ui:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
html{accent-color:var(--accent);scroll-padding-top:100px}body{background-color:var(--bg);color:var(--text)}
::selection{background:#5ef2b840;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea{caret-color:var(--accent)}
[hidden]{display:none!important}.cinema-slide{position:absolute;inset:0}.hero-cinema-thumbs{grid-template-columns:repeat(7,minmax(0,1fr))}.hero-cinema-stage .hero-cinema-art{z-index:0}.hero-cinema-stage .hero-cinema-shade{z-index:1}.hero-cinema-tags a{color:inherit}.hero-cinema-copy .hero-cinema-play svg{width:18px;height:18px;fill:currentColor}.hero-cinema-description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-content .category-normal{grid-template-columns:repeat(6,minmax(0,1fr))}.home-content .section-heading-copy>p{margin:8px 0 0;font-size:13px;color:var(--muted)}.home-content .section-head{justify-content:space-between}.home-content .card{text-align:left}.home-content .card .cover{display:block;position:relative;aspect-ratio:640/914;overflow:hidden;border-radius:8px}.home-content .card .cover>img{width:100%;height:100%;object-fit:cover}.home-content .card .cover>img{transition:transform .25s ease}.home-content .card:hover .cover>img{transform:scale(1.04)}.home-content .drama-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.heat-value{display:inline-flex;align-items:center;gap:4px}.heat-value-icon{width:12px;height:12px}.home-corner-badge{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:4px;font-size:12px;color:white;z-index:2}.home-corner-badge--original{background:#ad8241}.home-corner-badge--hot{background:#e64d63}.home-corner-badge--new{background:#7964db}.home-corner-badge--free{background:#1f9675}
.topic-gallery-51{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-tile-51{display:flex;flex-direction:column;min-width:0;border-radius:10px;overflow:hidden;background:#1c2420}.topic-art-51{aspect-ratio:16/9;display:block;overflow:hidden}.topic-art-51 img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.topic-tile-51:hover img{transform:scale(1.04)}.topic-caption-51{display:flex;flex-direction:column;padding:16px;gap:8px}.topic-caption-51 strong{font-size:18px}.topic-caption-51 small,.topic-summary-51{font-size:12px;color:var(--muted)}.topic-summary-51{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.curated-card .media{position:relative;overflow:hidden}.curated-card .poster-source{width:100%;height:100%;object-fit:cover}.curated-card .curated-copy{min-width:0}.curated-card h3{overflow-wrap:anywhere}.category-collection-rows .editorial-card{min-width:0}
.footer-policy-91{display:flex;flex-wrap:wrap;gap:16px}.footer-box{margin-left:0}.footer-logo{width:114px;height:42px;object-fit:contain}.footer-box .footer-brand-lockup{display:inline-flex}.footer-box .footer-brand{min-width:0}.footer-box .footer-addresses{overflow-wrap:anywhere}
@media(min-width:761px){.jg-primary-nav{display:flex;align-items:center}.jg-primary-nav a.active{color:var(--accent)}html #global-site-header>.top{gap:20px}.jg-top-brand img{width:114px!important;height:42px!important}.home-content{padding-top:0}body .hg-header-brand{display:none}.jg-primary-nav a[data-page=home]{display:inline-flex}}
@media(max-width:1180px) and (min-width:761px){html #global-site-header>.top{gap:12px}#global-site-header .jg-primary-nav{gap:14px}.home-content .category-normal{grid-template-columns:repeat(4,minmax(0,1fr))}.curated-card{grid-template-columns:42% minmax(0,1fr)!important;padding:14px;gap:14px}.curated-copy{display:flex!important;padding:0;gap:10px}.curated-copy h3{font-size:22px}.curated-copy .heat,.curated-copy .episode-count{font-size:12px}}
@media(max-width:760px){.jg-primary-nav,.jg-top-brand{display:none!important}.home-content .category-normal{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.topic-gallery-51{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-caption-51{padding:12px}.topic-caption-51 strong{font-size:15px}.home-content .drama-heat{font-size:10px}.home-content .drama-tags{min-width:0}.home-content .drama-meta{gap:4px;flex-wrap:wrap}.hero-cinema-thumbs{max-width:none}.hero-cinema-copy{max-width:calc(100% - 40px)}.hero-cinema-title{max-width:100%}.curated-pairs{grid-template-columns:1fr}.curated-card{grid-template-columns:38% minmax(0,1fr)!important;gap:18px;padding:14px}.curated-copy{display:flex!important;padding:0;gap:10px}.curated-copy h3{font-size:22px}.curated-copy .pick{margin:0}.curated-copy .heat,.curated-copy .episode-count{font-size:12px;margin:0}.curated-copy .watch-link{margin-top:10px}.footer-box{margin-left:0}.hero-cinema-thumbs button{flex:0 0 118px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.home-content .card .cover>img,.topic-art-51 img{transition:none}}
/* The reference uses a full-width masthead; release the inherited sidebar gutter on every page. */
@media(min-width:761px){html body.site51 main.shell,html body.site51 .page-shell,html body.site51 .jgdj-header-shell{margin-left:0!important;width:100%;max-width:none;padding-left:48px!important;padding-right:48px!important}html body.site51 .home-content{padding-top:24px}html body.site51 .section-heading-copy{display:block}html body.site51 .section-head h2{font-size:24px;font-weight:600}.footer-box{padding-left:48px;padding-right:48px}}
.coin-symbol .coin-soft-star{color:var(--accent);fill:currentColor}.coin-symbol .coin-soft-star path{fill:currentColor}
.swipe-mode .play-page{max-width:1100px!important;margin:0 auto!important}.swipe-mode .play-layout{grid-template-columns:minmax(0,420px) minmax(250px,340px);justify-content:center;gap:40px}.swipe-mode .play-main{min-width:0}.swipe-mode .play-player{width:100%;height:calc(100dvh - 150px)!important;max-height:820px;min-height:480px;aspect-ratio:9/16}.swipe-mode .play-player video{object-fit:contain!important}.swipe-mode .play-main>.play-episodes,.swipe-mode .play-main>.detail-comments,.swipe-mode .play-main>.drama-contacts,.swipe-mode .play-main>.drama-banner-ads,.swipe-mode .play-main>.play-summary{display:none}.swipe-mode .play-page>.breadcrumb,.swipe-mode .footer-box{display:none}.swipe-next-drama{position:fixed;right:28px;top:45%;display:flex;flex-direction:column;gap:16px;z-index:20}.swipe-next-drama a{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#202823;border:1px solid #ffffff24;border-radius:24px}.swipe-next-drama svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.swipe-next-drama a:hover{color:var(--accent)}
@media(max-width:760px){.swipe-mode .play-layout{display:block}.swipe-mode .play-page{padding:0!important}.swipe-mode .play-player{height:calc(100dvh - 70px)!important;max-height:none;min-height:0;border-radius:0}.swipe-mode .play-aside{display:none}.swipe-next-drama{right:12px;top:auto;bottom:30px}.swipe-next-drama a{font-size:12px;padding:8px 12px}}
/* Match the supplied primary-action contrast and full-width swipe stage. */
html body.site51 .detail-play-btn,html body.site51 .detail-play-btn:is(:hover,:focus-visible),html body.site51 .detail-h5-play{color:#101214!important}html body.site51 .detail-play-btn svg{fill:currentColor;color:inherit}
html body.site51 .detail-hero{background:linear-gradient(120deg,#1c2420,#1b1c1b)}
html body.swipe-mode .play-page{max-width:none!important;padding-top:24px!important}.swipe-mode .play-layout{display:block!important}.swipe-mode .play-main{width:100%}.swipe-mode .play-player{height:calc(100dvh - 120px)!important;max-height:none!important;min-height:480px;aspect-ratio:auto;border-radius:16px;background:#060a08}.swipe-mode .play-player-cover{object-fit:contain!important}.swipe-mode .play-sidebar,.swipe-mode .play-aside,.swipe-mode .play-info,.swipe-mode .play-episodes,.swipe-mode .play-comments,.swipe-mode .drama-contacts{display:none!important}.swipe-mode .play-page>.page-breadcrumb{display:none}.swipe-caption{position:absolute;z-index:8;left:32px;bottom:100px;max-width:620px;color:white;pointer-events:none}.swipe-caption h1{font-size:28px;line-height:1.4;margin:0 0 12px}.swipe-caption p{font-size:13px;line-height:1.9;max-width:620px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}.swipe-caption-tags{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#bad2c6;margin-bottom:14px}.swipe-caption button{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#ffffff18;border:1px solid #ffffff26;color:white;padding:11px 14px;border-radius:8px;max-width:100%;text-align:left}.swipe-caption small{color:#bccac3}.swipe-position{position:absolute;right:26px;top:24px;z-index:8;border:1px solid #ffffff24;border-radius:24px;padding:7px 12px;font-size:13px}.swipe-next-drama{right:72px}.swipe-next-drama a{padding:8px;width:38px;height:38px;justify-content:center;border-radius:50%;background:#ffffff0d}.swipe-mode [data-play-ep-sheet]{position:fixed;right:0;top:73px;bottom:0;width:420px;max-width:100%;z-index:100;background:#1b221e;padding:24px;overflow:auto;display:none}.swipe-mode.play-ep-sheet-open [data-play-ep-sheet]{display:block}.swipe-mode .play-ep-sheet-cover{width:70px;height:100px;object-fit:cover}.swipe-mode .play-ep-sheet-drama-main{display:flex;gap:14px}.swipe-mode .play-ep-sheet-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.swipe-mode .play-ep-sheet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.swipe-mode .play-ep-sheet-item{padding:10px;border-radius:6px;background:#ffffff0d;text-align:center;position:relative}.swipe-mode .play-ep-sheet-item--active{color:var(--accent)}.swipe-mode .play-ep-sheet-item img{width:12px;height:12px}.swipe-mode .play-ep-sheet-item.is-range-hidden{display:none}
@media(max-width:760px){html body.swipe-mode .play-page{padding-top:0!important}.swipe-mode .play-player{height:calc(100dvh - 68px)!important;min-height:0;border-radius:0}.swipe-caption{display:none}.swipe-position{top:20px;right:15px}.swipe-next-drama{right:14px;bottom:100px}.swipe-mode [data-play-ep-sheet]{top:auto;max-height:75dvh;width:100%;border-radius:18px 18px 0 0}}
.swipe-mode .site-breadcrumb{display:none!important}
@media(max-width:760px){
 html body.swipe-mode .site-breadcrumb{display:none!important}
 html body.swipe-mode .swipe-caption{display:block;left:20px;right:20px;bottom:90px;max-width:none}
 .swipe-caption h1{font-size:18px;line-height:1.45;margin-bottom:8px}
 .swipe-caption p{font-size:12px;line-height:1.8;margin-bottom:9px}
 .swipe-caption-tags{font-size:11px;gap:8px;margin-bottom:10px}
 .swipe-caption button{font-size:11px;padding:9px 10px;gap:8px;max-width:100%}
 .swipe-caption button small{white-space:nowrap;font-size:10px}
 .swipe-mode .play-h5-meta,.swipe-mode .play-h5-top,.swipe-mode .play-h5-side,.swipe-mode .play-h5-bottom{display:none!important}
 .swipe-next-drama{top:170px;bottom:auto;right:14px}
 html body.swipe-mode .play-screen-controls{display:block!important;position:absolute;left:16px;right:16px;bottom:8px;width:auto;z-index:10}
 .swipe-mode .play-screen-controls [data-play-action],.swipe-mode .play-screen-controls .player-volume input{display:none}
 .swipe-mode .play-screen-controls .player-control-row{gap:8px}
}
.swipe-mode .play-ep-sheet-grid{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;margin-left:0;margin-right:0}.swipe-mode .play-ep-sheet-item{width:auto!important;min-width:0;box-sizing:border-box}

/* 51 owns the shared theme. Retained business modules supply state and data. */
html body.site51 {
 --muted:#adb8b2;
 --action-ink:#101214;
 background-image:radial-gradient(79.79% 63.64% at 51.35% -3.04%,#5ef2b81a 0%,#5ef2b800 100%),radial-gradient(37.71% 88.68% at 111.22% -1.29%,#5ef2b812 0%,#5ef2b800 100%);
 background-size:100% 920px;
 background-position:center top;
 background-repeat:no-repeat;
}
.visually-hidden-51{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html body.site51 .search-page h1{font-size:28px;font-weight:600;line-height:1.5}
html body.site51 .search-bar:focus-within{border-color:var(--accent)}
html body.site51 .search-bar-submit{background:var(--accent);color:var(--action-ink)}
html body.site51 #headerSearchPanel{background:#151b18;overscroll-behavior:contain;scrollbar-color:#526a5c #151b18}
html body.site51 #headerSearchPanel .search-hot-list{min-width:0}
html body.site51 #headerSearchPanel .search-hot-title{min-width:0}

/* Text on mint controls must remain dark in normal, selected and hover states. */
html body.site51 :is(.detail-sort-btn--active,.detail-comment-composer-submit,.play-comment-sort-btn--active,.feedback-submit,.login-dialog-submit,.register-dialog-submit,.pagination-jump-submit,.rank-tab--active,.rank-tab-text--active){color:var(--action-ink)!important}
html body.site51 :is(.deposit-footer,#member-nickname-hint,.member-settings-action small,.detail-comment-composer-count,.feedback-counter,.feedback-upload>small,.feedback-file-limit,.section-empty,[data-comment-loading],.poster-card-heat,.heat-value,.empty-desc){color:var(--muted)!important}
html body.site51 .home-corner-badge--free{background:#08745f;color:#fff}
html body.site51 .home-corner-badge--hot{background:#a62948;color:#fff}
html body.site51 .home-corner-badge--new{background:#6250b8;color:#fff}
html body.site51 .home-corner-badge--original{background:#77582b;color:#fff}

/* Mint wallet assets and selection; amounts, channels and disabled state stay live. */
html body.site51 #info-page .wallet-balance-amount strong{color:var(--accent)}
html body.site51 #info-page .wallet-usage-item>svg{stroke:var(--accent)}
html body.site51 #info-page .wallet-balance-coin,
html body.site51 #info-page .deposit-reference-coin{box-shadow:none;background:none;border:0;border-radius:50%}
html body.site51 #info-page .coin-soft-star{display:block;width:100%;height:100%;object-fit:contain}
html body.site51 #info-page .deposit-packages-panel{border-color:#5ef2b826;background:linear-gradient(150deg,#102c211a,#0e18121a)}
html body.site51 #info-page .deposit-packages-panel header h2{color:#d9f3e6}
html body.site51 #info-page .deposit-packages-panel header p{color:var(--muted)}
html body.site51 #info-page .deposit-package{border-color:#5ef2b826}
html body.site51 #info-page .deposit-package:hover{border-color:#5ef2b899}
html body.site51 #info-page .deposit-package--active,
html body.site51 #info-page .deposit-package--active:hover{border-color:#5ef2b899;background:linear-gradient(180deg,#5ef2b82e,#5ef2b80d);box-shadow:inset 0 0 0 1px var(--accent)}
html body.site51 #info-page .deposit-package:focus-visible{outline-color:var(--accent)}
html body.site51 .empty-btn--primary{background:var(--accent);color:var(--action-ink)}
html body.site51 .empty-btn:focus-visible{outline-color:var(--accent)}

@media(max-width:760px){
 html body.site51 main.search-page{padding-top:24px}
 html body.site51 .search-page h1{font-size:22px}
 html body.site51 #headerSearchPanel .search-recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html body.site51 #headerSearchPanel .search-hot-value{font-size:11px}
 html body.site51.is-detail-page .detail-related [data-related-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Exact reference icon geometry; keep business state and button hit areas. */
.reference-chevron{display:inline-block;width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.reference-chevron-left{transform:rotate(180deg)}
.home-tools .home-tool svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.announcement-label .announcement-solid-icon{width:20px;height:20px;fill:currentColor;flex:0 0 20px}
.login-dialog-eye img{width:22px;height:22px}

.register-dialog-field{position:relative;display:flex;align-items:center;gap:12px}
.register-reference-field-icon{display:flex;flex:0 0 20px;color:#999}
.register-reference-field-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.register-dialog-field .register-dialog-input{min-width:0;flex:1;width:100%}
.register-reference-eye{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;background:none}
.register-reference-eye img{width:22px;height:22px}

.feedback-upload .feedback-reference-plus{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.swipe-mode .swipe-reference-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.swipe-mode .detail-action--active .swipe-reference-icon{fill:currentColor}

html body .home-rank-badge,html body .rank-home-badge{position:absolute;left:10px;top:10px;bottom:auto;width:36px;min-width:36px;height:42.55px;padding:0;border:0;border-radius:0;clip-path:none;background:none!important;box-shadow:none;text-shadow:none;display:block;z-index:3;font-size:0;line-height:0}.home-rank-badge .supplied-rank-image,.rank-home-badge .supplied-rank-image{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
