.layout-popcorn{--pc-bg:#fff5e9;--pc-card:#fffdf9;--pc-ink:#322a26;--pc-muted:#8b776d;--pc-line:#ead8c7;--pc-red:#e65445;--pc-yellow:#f5b63f;background:#e3e6eb;color:var(--pc-ink)}
.layout-popcorn .episodes a.active{background:var(--pc-red);border-color:var(--pc-red);color:#fff}
.layout-popcorn .mast,.layout-popcorn main,.layout-popcorn footer{max-width:720px}.layout-popcorn main{padding:0 20px 45px;background:var(--pc-bg)}
.layout-popcorn .mast-popcorn{padding:17px 20px;background:#fffdf9;border:0;border-bottom:1px solid var(--pc-line)}.layout-popcorn .popcorn-brand{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:12px;align-items:center}.layout-popcorn .brand{color:var(--pc-ink)}.layout-popcorn .brand i{width:16px;height:32px;border-radius:16px;background:var(--pc-red);box-shadow:7px 0 0 #ffd48c}.layout-popcorn .brand span{font-size:22px}.layout-popcorn .popcorn-brand>b{padding:6px 10px;border-radius:99px;background:#fff0d1;color:#9a5d13;font-size:10px}.layout-popcorn .watch-history-toggle{width:42px;height:42px;border:1px solid var(--pc-line)!important;border-radius:50%;background:#fff!important;color:var(--pc-red)!important}
.layout-popcorn .popcorn-bar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr);gap:14px;align-items:center;margin-top:15px}.layout-popcorn .popcorn-bar nav{display:flex;gap:17px;overflow-x:auto}.layout-popcorn .popcorn-bar nav a{flex:none;padding:0;border:0;color:#695b53;font-size:12px}.layout-popcorn .popcorn-bar nav a.active{color:var(--pc-red);font-weight:800}.layout-popcorn .popcorn-bar form{height:38px;display:grid;grid-template-columns:minmax(0,1fr) 55px;border:1px solid var(--pc-line);border-radius:19px;overflow:hidden}.layout-popcorn .popcorn-bar input{min-width:0;padding:0 12px;border:0;background:#fff;color:var(--pc-ink)}.layout-popcorn .popcorn-bar button{border:0;background:var(--pc-red);color:#fff;font-weight:800}
.layout-popcorn .popcorn-bar nav{scrollbar-width:none}.layout-popcorn .popcorn-bar nav::-webkit-scrollbar{display:none}.layout-popcorn .watch-history-toggle span:before,.layout-popcorn .watch-history-toggle span:after{border-color:var(--pc-red)}
.layout-popcorn .site-signature{padding:14px 0;border-color:var(--pc-line);color:var(--pc-muted);font-size:10px}.layout-popcorn .site-signature strong{color:var(--pc-ink)}.layout-popcorn .breadcrumb{padding:17px 0 0;color:var(--pc-muted)}.layout-popcorn .breadcrumb a{color:var(--pc-red)}
.layout-popcorn .content-section{margin-top:31px}.layout-popcorn .content-section>header{align-items:end;margin-bottom:13px}.layout-popcorn .content-section h2{margin:0;font-size:24px}.layout-popcorn .content-section header small{color:var(--pc-red);font-size:10px}.layout-popcorn .content-section header>a{padding:5px 10px;border:1px solid var(--pc-line);border-radius:99px;color:#a15f39;font-size:9px}
.layout-popcorn .popcorn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.layout-popcorn .popcorn-grid article{min-width:0;background:var(--pc-card);border:1px solid var(--pc-line);border-radius:13px;overflow:hidden}.layout-popcorn .popcorn-grid article>a{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:132px}.layout-popcorn .popcorn-grid figure{position:relative;height:132px;margin:0;background:#f1e2d5}.layout-popcorn .popcorn-grid img{width:100%;height:100%;object-fit:cover}.layout-popcorn .popcorn-grid figure span{position:absolute;left:5px;bottom:5px;padding:3px 6px;border-radius:6px;background:rgba(39,26,20,.78);color:#fff;font-size:8px}.layout-popcorn .popcorn-grid article>a>div{position:relative;min-width:0;padding:13px 11px 10px}.layout-popcorn .popcorn-grid small{color:var(--pc-red);font-size:9px}.layout-popcorn .popcorn-grid h3{margin:3px 0 7px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-popcorn .popcorn-grid p{margin:0;color:var(--pc-muted);font-size:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.layout-popcorn .popcorn-grid b{position:absolute;right:10px;bottom:8px;color:#b36b10;font-size:9px}.layout-popcorn .popcorn-lead{grid-column:1/-1}.layout-popcorn .popcorn-lead>a{grid-template-columns:145px minmax(0,1fr);min-height:184px}.layout-popcorn .popcorn-lead figure{height:184px}.layout-popcorn .popcorn-lead h3{font-size:21px}.layout-popcorn .popcorn-lead p{font-size:12px;-webkit-line-clamp:3}
.layout-popcorn .page-title{padding:28px 0 17px;border-bottom:1px dashed #d6bda7}.layout-popcorn .page-title h1{margin:0;font-size:30px}.layout-popcorn .pager a,.layout-popcorn .pager span{border-color:#d5bca7;background:#fffdf9;color:var(--pc-ink);border-radius:99px}.layout-popcorn .pager b{color:var(--pc-muted)}
.layout-popcorn .detail{padding-top:22px}.layout-popcorn .popcorn-profile{display:grid;grid-template-columns:138px minmax(0,1fr);gap:18px;padding:18px;background:#fffdf9;border:1px solid var(--pc-line);border-radius:17px}.layout-popcorn .popcorn-poster{position:relative}.layout-popcorn .popcorn-poster img{width:138px;aspect-ratio:2/3;object-fit:cover;border-radius:11px;background:#f1e2d5}.layout-popcorn .popcorn-poster b{position:absolute;right:7px;bottom:8px;padding:5px 7px;border-radius:8px;background:#fff0b8;color:#805000;font-size:10px}.layout-popcorn .popcorn-copy small{color:var(--pc-red);font-weight:800}.layout-popcorn .popcorn-copy h1{margin:6px 0 8px;font-size:28px}.layout-popcorn .popcorn-copy .blurb{margin:13px 0;padding:11px;border:0;border-radius:10px;background:#fff1dc;color:#80563e}.layout-popcorn .primary{background:var(--pc-red);color:#fff;border-radius:99px}.layout-popcorn .popcorn-info{grid-column:1/-1;padding-top:14px;border-top:1px dashed #d8c2ae}.layout-popcorn .facts{gap:7px}.layout-popcorn .facts span{padding:5px 8px;border-radius:7px;background:#f8eee5;color:#765e51}.layout-popcorn .credit{margin:7px 0;color:#6f6058;font-size:11px}.layout-popcorn .credit span{color:var(--pc-red)}.layout-popcorn .credit a{color:#b46727}
.layout-popcorn .story-popcorn{margin-top:18px;padding:19px;background:#fffdf9;border:1px solid var(--pc-line);border-radius:17px}.layout-popcorn .story-popcorn>header{display:flex;align-items:center;gap:10px}.layout-popcorn .story-popcorn header>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#fff0d1}.layout-popcorn .story-popcorn header small{color:var(--pc-red);font-size:9px}.layout-popcorn .story-popcorn h2{margin:1px 0 0;font-size:21px}.layout-popcorn .story-popcorn p{color:#6f6159;line-height:1.95}.layout-popcorn .description-toggle{border-color:#e6b9a5;background:#fff;color:var(--pc-red);border-radius:99px}
.layout-popcorn .episodes{background:#fffdf9;border:1px solid var(--pc-line);border-radius:14px}.layout-popcorn .episodes h2:before{content:"📺 ";}.layout-popcorn .episodes a{border-color:var(--pc-line);border-radius:8px;background:#fff8f1;color:#735f54}
.layout-popcorn .player-page{padding-top:22px}.layout-popcorn .player-page>header{text-align:center;padding:15px;border-radius:14px 14px 0 0;background:#fff0d8}.layout-popcorn .player-page>header a{display:inline-block;color:var(--pc-red)}.layout-popcorn .player-page>header h1{margin:5px 0 0}.layout-popcorn .player-page>header p{margin:0;color:var(--pc-muted)}.layout-popcorn .player-page video,.layout-popcorn .player-page iframe{border-radius:0 0 14px 14px}.layout-popcorn .episode-switch{justify-content:center}.layout-popcorn .episode-switch a{min-width:90px;border-color:#e1bba2;border-radius:99px;background:#fffdf9;color:var(--pc-red);text-align:center}
.layout-popcorn .vod-comments{padding:18px;border-radius:16px;background:#ffeadf}.layout-popcorn .vod-comments article{border-color:#edcfc0;background:#fffdf9}
.layout-popcorn .home-ranking{margin-top:30px;padding:18px;border:1px solid var(--pc-line);border-radius:16px;background:#fffdf9}.layout-popcorn .home-ranking ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.layout-popcorn .home-ranking li{border-color:var(--pc-line)}.layout-popcorn .home-ranking li>a{grid-template-columns:28px minmax(0,1fr) auto 10px}.layout-popcorn .home-ranking li>a>b{color:var(--pc-red)}.layout-popcorn .rank-badge{padding:3px 6px;border-radius:99px;background:#fff0d1;color:#9c5d14;font-size:8px;font-style:normal;white-space:nowrap}.layout-popcorn .home-ranking h3{color:var(--pc-ink)}.layout-popcorn .home-ranking p{color:var(--pc-muted)}
.layout-popcorn .home-comments{margin-top:31px;padding:18px;background:#ffeadf;border-radius:17px}.layout-popcorn .home-comment-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.layout-popcorn .home-comment-track article{padding:13px;border-radius:11px;background:#fffdf9;border:1px solid #edcfc0}.layout-popcorn .home-comment-track footer{background:transparent}.layout-popcorn .flip-links{border-color:var(--pc-line)}.layout-popcorn .flip-tag-cloud a{border-color:#e3c9b3;background:#fffdf9;color:#705b4f;border-radius:99px}
.layout-popcorn .footer-popcorn{padding:26px 20px 38px;background:#45352d;color:#cfbdb3;border:0}.layout-popcorn .footer-popcorn strong{color:#fff}.layout-popcorn .footer-popcorn>div{display:flex;justify-content:space-between;gap:12px}.layout-popcorn .footer-popcorn nav{display:flex;gap:16px;color:#ffe0a4}.layout-popcorn .back-top{background:var(--pc-red);color:#fff}
@media(max-width:520px){.layout-popcorn main,.layout-popcorn .mast-popcorn{padding-left:14px;padding-right:14px}.layout-popcorn .popcorn-brand>b{display:none}.layout-popcorn .popcorn-brand{grid-template-columns:minmax(0,1fr) 42px}.layout-popcorn .popcorn-bar{grid-template-columns:1fr}.layout-popcorn .popcorn-bar form{grid-row:1}.layout-popcorn .popcorn-grid{grid-template-columns:1fr}.layout-popcorn .popcorn-lead{grid-column:auto}.layout-popcorn .popcorn-lead>a,.layout-popcorn .popcorn-grid article>a{grid-template-columns:105px minmax(0,1fr);min-height:145px}.layout-popcorn .popcorn-lead figure,.layout-popcorn .popcorn-grid figure{height:145px}.layout-popcorn .popcorn-lead h3{font-size:17px}.layout-popcorn .popcorn-profile{grid-template-columns:105px minmax(0,1fr);padding:14px}.layout-popcorn .popcorn-poster img{width:105px}.layout-popcorn .popcorn-copy h1{font-size:23px}.layout-popcorn .home-ranking ol,.layout-popcorn .home-comment-track{grid-template-columns:1fr}}
.layout-popcorn .episode-switch{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.layout-popcorn .episode-switch .episode-prev{justify-self:start}.layout-popcorn .episode-switch .episode-next{justify-self:end}.layout-popcorn .episode-switch .play-share{min-width:90px;padding:8px 12px;border:1px solid #e1bba2;border-radius:99px;background:#fffdf9;color:var(--pc-red);font:inherit;cursor:pointer}
