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;
--tpl-radius-cover: 6px;
}
.bstem.home-index-body{
background:#0f0f12;
}
.bstem.home-index-body .container.home-unified{ background:transparent; }
.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;
}
.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;
}
.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);
}
}
.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; }
@media screen and (min-width:820px){
.home-index-body .home-unified .hu-vlist{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:16px 14px;
}
.home-index-body .home-unified .latest-tab-box .latest-item .img-list li{ padding:6px; }
}
.bstem.home-index-body .home-unified #latest-focus .latest-tab-nav .nav-list li.current span{
color:var(--tpl-accent);
}
.home-index-body .home-unified .mac_badge_bottom_right .mac_badge_serial{
background:rgba(0,0,0,.45);
color:#fff;
border-radius:4px;
font-weight:600;
text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.home-index-body .home-unified .mac_badge_bottom_right .mac_badge_ongoing{
color:var(--tpl-accent);
}
.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); }
/* 前面那段跟強調字之間的間距。拉丁語系不留空格會黏在一起；
中文有這點間距看起來也像刻意排版。空格不寫在語言檔的值裡，
是因為 properties 尾端空白不保證留得住。 */
.home-hero-search__title-em{ margin-left:.25em; }
.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){
.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; }
.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;
}
.home-index-body .home-unified .vodlist_item .vod_info,
.home-index-body .home-unified .vodlist_item .vod_info_wrap{
display:none !important;
}
.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;
}
.home-index-body .home-unified .hu-section-head .laset_new_img + .laset_new_img{ display:none !important; }
/* 手機版首頁：最近更新 / 熱門影片 只顯示 2×2（4 筆）
兩區塊共用 $homeListNum=12，且手機/電腦同一份 HTML，
所以不能從模板改筆數（會連電腦版一起變），改用斷點隱藏第 5 筆之後。
說明見 修改說明.md「手機版首頁 最近更新／熱門影片 改 2×2」一節 */
@media (max-width:820px){
.home-index-body .home-unified .hu-vlist--m2x2 > li:nth-child(n+5){
display:none !important;
}
}