/* ============================================================
   home-missav.css  —  首頁 missav 風格覆蓋層 (深色網格)
   只作用於首頁 body.home-index-body，可整檔刪除還原。
   深色底/青綠 accent 由模板既有 .bstem 調色盤提供。
   ============================================================ */

/* ★★ 首頁固定頁首補償:硬鎖頂距，防止內容穿透頁首 ★★
   不依賴輪播/設定/OPcache。html+body 前綴拉高優先權 + !important 覆蓋一切。 */
html body.home-index-body .member-wrap > .container.home-unified{
    padding-top: 74px !important;
    margin-top: 0 !important;
}
@media (max-width:820px){
    html body.home-index-body .member-wrap > .container.home-unified{
        padding-top: 54px !important;
    }
}

/* 首頁全域收斂：圓角變小、底色更沉 -------------------------- */
.home-index-body{
    --tpl-radius: 8px;         /* 原本 25px 藥丸 → 收成小圓角 */
    --tpl-radius-cover: 6px;   /* 縮圖圓角小一點，更接近 missav */
}
.bstem.home-index-body{
    background:#0f0f12;         /* 比預設 #16151b 再沉一點的近黑底 */
}
.bstem.home-index-body .container.home-unified{ background:transparent; }

/* 區塊標題：左側 accent 直條 + 乾淨字重 ---------------------- */
.home-index-body .home-unified .hu-section-head h2{
    position:relative;
    padding-left:0;
    font-weight:700;
    letter-spacing:.02em;
}
/* 分類標題前的綠色直條已移除 */
.home-index-body .home-unified .hu-section-head h2::before{
    content:none !important;
}
/* 「更多」按鈕：深色描邊膠囊 → hover 填 accent -------------- */
.bstem.home-index-body .home-unified .hu-section-head .pc_more{
    background:transparent;
    border:1px solid var(--tpl-border-soft);
    color:var(--tpl-text-muted);
    padding:6px 16px;
    transition:all .18s ease;
}
.bstem.home-index-body .home-unified .hu-section-head .pc_more:hover{
    background:var(--tpl-accent);
    border-color:var(--tpl-accent);
    color:#fff;
}

/* 影片卡片：deep surface + hover 微浮起 + accent 光暈 ------- */
.home-index-body .home-unified .vodlist_item{
    transition:transform .2s ease;
}
.home-index-body .home-unified .vodlist_thumb{
    transition:box-shadow .2s ease, transform .2s ease;
}
@media (hover:hover){
    .home-index-body .home-unified .vodlist_item:hover{
        transform:translateY(-4px);
    }
    .home-index-body .home-unified .vodlist_item:hover .vodlist_thumb{
        box-shadow:0 8px 22px rgba(0,0,0,.55),
                   0 0 0 1.5px var(--tpl-accent);
    }
}

/* 標題文字：淺灰 → hover 亮成 accent ---------------------- */
.bstem.home-index-body .home-unified .vodlist_title a{
    color:#e6e6ea;
    transition:color .15s ease;
}
.bstem.home-index-body .home-unified .vodlist_item:hover .vodlist_title a{
    color:var(--tpl-accent);
}
.bstem.home-index-body .home-unified .vodlist_sub{ color:#8a8a93; }

/* 網格間距收緊一點，讓縮圖更鋪滿(missav 密排感) ---------- */
@media screen and (min-width:820px){
    /* 一排最多 4 欄(配合 16:9 橫式縮圖) */
    .home-index-body .home-unified .hu-vlist{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:16px 14px;
    }
    /* 橫式海報區塊(mac-poster--h)本就 2 欄,維持不動 */
    .home-index-body .home-unified .latest-tab-box .latest-item .img-list li{ padding:6px; }
}

/* 熱門推薦 tab 導覽：深色底 + accent 當前態 ---------------- */
.bstem.home-index-body .home-unified #latest-focus .latest-tab-nav .nav-list li.current span{
    color:var(--tpl-accent);
}

/* 右下角狀態徽章(連載中/已完結):深底白字(missav 風) ---- */
.home-index-body .home-unified .mac_badge_bottom_right .mac_badge_serial{
    background:rgba(0,0,0,.72);
    color:#fff;
    border-radius:4px;
    font-weight:600;
}
.home-index-body .home-unified .mac_badge_bottom_right .mac_badge_ongoing{
    color:var(--tpl-accent);
}

/* 首頁中央搜尋區(hero search) ------------------------------- */
.home-index-body .home-unified .home-top-block.home-hero-search{
    box-sizing:border-box;
    margin:8px auto 28px;
    padding:34px 16px 10px;
    text-align:center;
    border:0;
}
.home-index-body .home-unified .home-hero-search__title{
    margin:0 0 22px;
    font-size:32px;
    font-weight:700;
    line-height:1.3;
    color:#fff;
}
.home-index-body .home-unified .home-hero-search__title-em{ color:var(--tpl-accent,#40cc92); }
.home-index-body .home-unified .home-hero-search__form{
    display:flex;
    align-items:stretch;
    max-width:600px;
    margin:0 auto;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.home-index-body .home-unified .home-hero-search__input{
    flex:1 1 auto;
    min-width:0;
    height:52px;
    border:0;
    outline:0;
    background:transparent;
    padding:0 18px;
    font-size:15px;
    color:#222;
    box-sizing:border-box;
}
.home-index-body .home-unified .home-hero-search__input::placeholder{ color:#9aa0a6; }
.home-index-body .home-unified .home-hero-search__btn{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:52px;
    padding:0 22px;
    border:0;
    background:#f1f3f4;
    color:#3c4043;
    font-size:15px;
    cursor:pointer;
    transition:background .15s ease;
}
.home-index-body .home-unified .home-hero-search__btn:hover{ background:#e8eaed; }
.home-index-body .home-unified .home-hero-search__btn svg{ width:18px; height:18px; }
@media (max-width:820px){
    /* 收掉頁首下方空白:hero 內距歸零 + 上移;空廣告格也壓扁 */
    .home-index-body .home-unified .home-top-block.home-hero-search{ padding-top:0; margin-top:-26px; }
    .home-index-body .home-unified .ads_icon1_grid:empty,
    .home-index-body .home-unified .ads_icon1_grid{ padding:0 !important; margin:0 auto !important; }
    .home-index-body .home-unified .home-hero-search__title{ font-size:22px; margin-bottom:14px; }
    .home-index-body .home-unified .home-hero-search__btn span{ display:none; }
    .home-index-body .home-unified .home-hero-search__btn{ padding:0 16px; }
    /* 手機列表改 2 欄 */
    .home-index-body .home-unified .hu-vlist{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
    .home-index-body .home-unified .hu-vlist > li,
    .home-index-body .home-unified .hu-vlist .vodlist_item{
        width:auto !important;
        float:none !important;
        margin:0 !important;
    }
}

/* 列表卡片只留影片名稱,隱藏副標(暂无/類型/年份 那行) ---------- */
.home-index-body .home-unified .vodlist_titbox .vodlist_sub{
    display:none !important;
}

/* hover 只顯示預覽短片:移除 detail + 播放按鈕浮層(.vod_info) ---- */
.home-index-body .home-unified .vodlist_item .vod_info,
.home-index-body .home-unified .vodlist_item .vod_info_wrap{
    display:none !important;
}

/* 列表縮圖改 16:9 橫式(missav 風);封面以 cover 裁切 ---------- */
.home-index-body .home-unified .vodlist_thumb{
    aspect-ratio:16 / 9 !important;
    padding-top:0 !important;
    height:auto !important;
    background-size:cover !important;
    background-position:center !important;
}

/* 分類/區塊標題前不顯示圖示(最新电影/电视剧… 前的小圖) ---- */
.home-index-body .home-unified .hu-section-head .laset_new_img,
.home-index-body .home-unified .hu-section-head img.hl_icon_light,
.home-index-body .home-unified .hu-section-head img.hl_icon_black{
    display:none !important;
}
/* 移除圖示後,標題左側只留 accent 直條;把多餘左內距收一下 */
.home-index-body .home-unified .hu-section-head .laset_new_img + .laset_new_img{ display:none !important; }