/* ============================================================
   xmb4.css —— 基于 theme.css（原 index.html 视觉基线）的增量样式
   保留深绿底 + 浅色圆角卡 + 渐变胶囊配色；仅补充电影化布局
   ============================================================ */

/* ---- 顶栏（品牌 + 搜索） ---- */
.xm-topbar{display:flex;align-items:center;gap:.1rem;padding:.06rem .14rem .12rem;background:var(--bg-app)}
.xm-logo{flex:0 0 auto;width:.56rem;height:.56rem;line-height:.56rem;text-align:center;font-size:.3rem;font-weight:800;color:#fff;border-radius:.16rem;background:linear-gradient(135deg,var(--grad-from),var(--grad-to));box-shadow:0 .04rem .14rem rgba(14,31,20,.35)}
.xm-search{flex:1 1 auto;display:flex;align-items:center;height:.56rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:.28rem;padding:0 .08rem 0 .2rem;overflow:hidden}
.xm-search input{flex:1 1 auto;min-width:0;background:none;border:0;outline:none;color:#eafff0;font-size:.24rem;height:100%}
.xm-search input::-webkit-input-placeholder{color:rgba(234,255,240,.45)}
.xm-search button{flex:0 0 auto;width:.42rem;height:.42rem;border:0;border-radius:50%;background:linear-gradient(135deg,var(--grad-from),var(--grad-to));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}

/* ---- 导航活动态微调（a 标签版） ---- */
.nav-1004 a.item{display:block;-webkit-tap-highlight-color:transparent}
.nav-1004 a.item.active{color:var(--nav-active-text)}

/* ---- 轮播大卡（浅色圆角） ---- */
.icon-carousel .carousel-pane{padding:0}
.icon-carousel .title-wrap{margin-bottom:.12rem}
.jgg-item .text{display:block;width:100%;text-align:center;font-size:.2rem;line-height:1.3;padding-top:.04rem}
.jgg-item{color:var(--text-muted)}
.icon-carousel .t-t{color:#14532d}

/* ---- 分区小标题行 ---- */
.item-box1 .title-wrap{align-items:center}
.item-box1 .t-t{color:#eafff0;text-shadow:0 .02rem .06rem rgba(0,0,0,.4)}
.item-box1 .sub-t{color:var(--text-faint)}
.xm-more{margin-left:auto;font-size:.22rem;color:var(--accent-2);padding:.02rem .06rem}
.xm-more:hover{color:#fff}

/* ---- 优质专区横条卡（复刻原 rec 广告位：158×50 横图 + 片名文字，3 列） ---- */
.xm-rec{display:block;background:var(--card-bg);border-radius:.16rem;overflow:hidden;padding-bottom:.08rem}
.xm-rec .rec-img{display:block;width:100%;height:100px;object-fit:cover}
.xm-rec .text{font-size:.22rem;color:#1c2030;padding:.05rem .04rem 0;text-align:center;line-height:1.4}
.xm-rec .ab-icon{width:.36rem;height:.36rem}

/* ---- 海报卡（gril 竖版电影卡：全站统一） ---- */
.xm-gril{display:block;width:100%;background:var(--card-bg);border-radius:.18rem;overflow:hidden;transition:transform .18s ease}
.xm-gril:active{transform:scale(.96)}
.xm-gril .gril-img-wrap{position:relative;display:block;overflow:hidden}
.xm-gril .gril-img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:.18rem .18rem 0 0}
.xm-gril .gril-top{position:absolute;top:.06rem;left:.06rem;right:.06rem;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.xm-gril .gril-top .ab-icon{position:static;flex:0 0 auto;width:.38rem;height:.38rem}
.xm-gril .xm-gf{flex:0 0 auto}
.xm-gril .like-tips{width:auto;flex:0 0 auto;height:.5rem;border-radius:.25rem;padding:0 .16rem;gap:.06rem;justify-content:flex-start}
.xm-gril .like-tips svg{width:.3rem;height:.3rem;flex:0 0 auto}
.xm-gril .like-tips span{font-size:.2rem;font-weight:700;color:#fff;line-height:1}
.xm-gril .xm-dur{position:absolute;right:.08rem;bottom:.08rem;z-index:2;font-style:normal;font-size:.18rem;color:#fff;background:rgba(0,0,0,.6);border-radius:.08rem;padding:.02rem .08rem;line-height:1.4}
.xm-gril .gril-text-wrap{margin-top:0;padding:.08rem .08rem .12rem;overflow:hidden}
.xm-gril .gril-text{margin-bottom:.02rem}
.xm-gril .xm-name{display:block;font-size:.26rem;font-weight:600;color:hsl(122,62%,76%);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xm-gril .xm-gmeta{font-size:.2rem;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- 热词彩条：4 列等宽铺满整行（尺寸沿用原版：高 35px / 字 14px） ---- */
.txtguanggao.xm-hots{display:grid;grid-template-columns:repeat(4,1fr);gap:.04rem;padding:0 .04rem}
.txtguanggao.xm-hots a{float:none;display:block;width:auto;height:35px;line-height:35px;margin:0;font-size:14px;border-radius:3px;color:#fff;text-align:center}
.txtguanggao.xm-hots a:hover{background:#DC3545 !important;color:#fff}

/* ---- 列表页头部（分类/搜索/翻页） ---- */
.xmb4-list{padding:.06rem .14rem 0}
.xm-list-hd{display:flex;align-items:baseline;gap:.12rem;padding:.14rem .02rem .06rem}
.xm-list-hd .l-title{font-size:.34rem;font-weight:800;color:#eafff0;margin:0}
.xm-list-hd .l-cnt{font-size:.22rem;color:var(--text-faint)}
.xm-sort{display:flex;gap:.1rem;padding:.04rem .02rem .14rem}
.xm-sort a{display:block;padding:.06rem .24rem;font-size:.24rem;color:#eafff0;background:rgba(255,255,255,.1);border-radius:.3rem;line-height:1.4}
.xm-sort a.on{color:#10131f;background:linear-gradient(90deg,var(--nav-active-from),var(--nav-active-to));font-weight:700}
.xmb4-list .grid-col-2,.xmb4-list .grid-col-3{margin-top:.02rem}

/* ---- 空态 ---- */
.xm-empty{text-align:center;color:var(--text-faint);font-size:.26rem;line-height:2;padding:.8rem .2rem 1rem}
.xm-empty a{color:var(--accent-2)}

/* ---- 分页胶囊 ---- */
.xm-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.06rem;padding:.24rem .1rem .1rem}
.xm-pager a,.xm-pager span{min-width:.56rem;height:.56rem;line-height:.56rem;text-align:center;padding:0 .1rem;border-radius:.14rem;font-size:.22rem;color:#eafff0;background:rgba(255,255,255,.08)}
.xm-pager .on{background:linear-gradient(90deg,var(--nav-active-from),var(--nav-active-to));color:#10131f;font-weight:700}
.xm-pager .dis{opacity:.4}
.xm-pager .cnt{background:transparent;color:var(--text-faint);font-size:.2rem;min-width:auto}

/* ---- 播放页 ---- */
.xmb4-play{padding:.06rem .14rem 0}
.play-card{background:var(--card-bg);border-radius:.18rem;padding:.16rem;margin-bottom:.16rem;box-shadow:0 .04rem .16rem rgba(0,0,0,.14)}
.p-title{display:inline;font-size:.34rem;font-weight:800;color:#1c2030;line-height:1.5;word-break:break-all}
.p-flag{display:inline-block;margin-left:.1rem;font-size:.2rem;color:#c0392b;background:#fdecea;border:1px solid #f5c6c2;border-radius:.08rem;padding:.01rem .08rem;vertical-align:middle}
.p-player{position:relative;margin-top:.12rem;background:#000;border-radius:.14rem;overflow:hidden;aspect-ratio:16/9}
.p-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.p-player .xmb4-dp{position:absolute;inset:0}
.p-player .xmb4-dp .dplayer{width:100%;height:100%}
.p-player .p-fail{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9fb8a7;font-size:.24rem}
.p-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9fb8a7;font-size:.24rem;background:#0b1210;pointer-events:none}
.p-noplay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;background:#f4f6fa}
.p-noplay .p-ph{width:1rem;height:1.33rem;object-fit:cover;border-radius:.1rem;opacity:.5}
.p-noplay p{color:var(--text-muted);font-size:.24rem}
.p-meta{display:flex;flex-wrap:wrap;gap:.06rem .16rem;padding:.1rem 0 .04rem;font-size:.22rem;color:var(--text-muted);align-items:center}
.p-meta a{color:var(--accent-2);font-weight:600}
.p-meta i{font-style:normal;color:#576b7a}
.p-line{font-size:.22rem;color:#3d4657;line-height:1.6;margin:.02rem 0}
.p-line b{color:#576b7a;font-weight:600}
.p-sub{font-size:.26rem;font-weight:700;color:#1c2030;padding:.02rem 0 .1rem}
.p-sub i{font-style:normal;color:var(--accent-2);font-weight:600;font-size:.22rem}
.p-intro{font-size:.24rem;color:#3d4657;line-height:1.75;margin:0}
.ep-card .xm-eps{display:flex;flex-wrap:wrap;gap:.08rem;max-height:2.4rem;overflow-y:auto}
.xm-eps a{flex:0 0 auto;padding:.06rem .18rem;font-size:.22rem;color:#3a4155;background:#e9edf4;border-radius:.1rem;min-width:.9rem;text-align:center}
.xm-eps a.on{background:linear-gradient(90deg,var(--nav-active-from),var(--nav-active-to));color:#10131f;font-weight:700}

/* ---- 页脚 ---- */
.xm-foot{padding:.34rem .2rem .5rem;text-align:center;background:var(--bg-app)}
.xm-foot .f1{color:rgba(234,255,240,.5);font-size:.2rem;line-height:1.8}
.xm-foot .f2{color:rgba(234,255,240,.35);font-size:.2rem;margin-bottom:.08rem}
.xm-foot a{color:inherit}