body {
    background: #19181C;
    color: #eee;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* Header 区域 */
.menu1 {
    display: flex;
    align-items: stretch;
    background: #18171a;
    padding: 8px 0;
    position: relative;
    border-bottom: 2px solid #a87b44;
}
.menu1 .logoWrapper {
    padding-left: 18px;
}
.menu1 .logoWrapper img {
    width: 88px; max-height: 62px; vertical-align: middle;
}
.button-menu {
    cursor: pointer;
    padding: 20px 16px 20px 0;
    display: flex;
    align-items: center;
}
.button-menu span {
    display: flex; flex-direction: column; gap: 5px;
}
.button-menu i {
    width: 30px; height: 4px; background: #e8b058; display: block;
    margin-bottom: 4px; border-radius: 1.5px;
}
.button-menu i:last-child { margin-bottom: 0; }
.list-menu {
    flex: 1;
    display: flex;
    align-items: center;
}
.list-menu ul {
    display: flex; gap: 6px;
    list-style: none; margin: 0; padding: 0;
    flex-wrap: wrap;
}
.list-menu ul li a {
    color: #e8b058;
    padding: 7px 19px;
    border-radius: 4px;
    font-weight: 600;
    background: none;
    text-decoration: none;
    font-size: 15px;
    transition: background .2s, color .2s;
    display: block;
}
.list-menu ul li a:hover,
.list-menu ul li a.active {
    background: #2a1a16;
    color: #fff;
}
@media (max-width: 992px) {
    .list-menu ul { flex-direction: column; padding-left: 8px; }
    .list-menu { display: none; position: absolute; top: 58px; left:0; right:0; background: #19181c; z-index: 998; }
    .list-menu.open { display: flex; }
}
.button-search {
    width: 22px; height: 22px;
    margin: 0 16px;
    background: url('<?=$domain?>/template/<?=$now_site['template']?>/static/search.svg') center/cover no-repeat;
    cursor: pointer;
}
.form-search {
    display: none; 
    position: absolute; right: 26px; top: 58px;
    background: #231f20;
    border-radius: 6px;
    box-shadow: 0 6px 30px rgba(0,0,0,.17);
    z-index: 999;
    padding: 16px;
}
.form-search.opened { display: block; }
.form-search input[type="text"] {
    width: 200px; padding: 7px 10px 7px 16px;
    border-radius: 22px;
    border: 1px solid #6a5142;
    background: #19181c; color: #fff;
}
.form-search .close-icon {
    position: absolute; right: 21px; top: 6px;
    color: #e4bf95; cursor: pointer;font-size: 18px;
}
/* 广告横幅区 */
.xx-ads { width: 100%; background: #18171a; text-align: center; }
.xx-ads .ads-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.xx-ads img { border-radius: 3px; box-shadow: 0 2px 12px #1116; }
.xx-ads-close { color: #c0986c; padding: 2px 14px; font-size: .95em; cursor: pointer; }

/* ------- 首页/推荐列表区 ---------- */
.body { width: 100%; margin: 0 auto; display: flex; flex-direction: column; }
.tab-movies, .tab-movies1 {
    margin: 25px auto; background: #232129;
    border-radius: 8px; box-shadow: 0 2px 12px #2a17287a;
    padding: 15px 17px;
    max-width: 1180px;
}
.tab-movies1 { margin-top: 10px; }
.title-movies, .title-movies1 {
    font-size: 1.4em; letter-spacing: 1px; color: #e8b058;
    margin: 0 0 18px 0; font-weight: bold;
}
.list-movies {
    display: flex; flex-wrap: wrap; 
    gap: 13px; list-style: none; margin: 0; padding: 0;
}
.item-movie {
    width: calc(20% - 12px); min-width: 190px;
    background: #232129;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 9px #0f0d0b44;
    margin-bottom: 2px;
    transition: transform 0.15s;
}
@media (max-width: 1200px) { .item-movie { width: calc(25% - 10px);} }
@media (max-width: 900px)  { .item-movie { width: calc(33% - 8px);} }
@media (max-width: 700px)  { .item-movie { width: calc(50% - 6px);} }
@media (max-width: 500px)  { .item-movie { width: 98%; min-width: 0; } }
.item-movie:hover { transform: translateY(-5px) scale(1.02); }
.item-movie a { color: #fae7b8; text-decoration: none; display: block; }
.movie-play { position: relative; width: 100%; background: #090604; }
.movie-thumbnail {
    width: 100%; min-height: 110px; max-height: 160px; object-fit: cover;
    background: #19181c;
    border-top-left-radius: 8px; border-top-right-radius: 8px;
    display: block;
}
.top-view {
    position: absolute; left: 8px; bottom: 6px; background: #533e2c99;
    color: #ffd290; font-size: .96em;
    border-radius: 3px; padding: 1px 11px;
}
.label {
    display: inline-block; background: #e8b058; color: #232129;
    font-size: .85em; font-weight: 700;
    border-radius: 5px; margin: 11px 0 0 8px; padding: 2px 11px;
    box-shadow: 0 2px 7px #0b05011a;
}
.title-movie {
    font-weight: 700; font-size: 1.11em;
    margin: 10px 0 6px 0; padding: 0 10px;
    color: #fbe3ad; line-height: 1.42;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* 翻页条 */
.navigation-scoll { margin: 20px 0 0; }
.navigation {
    display: flex; gap: 7px; justify-content: center; align-items: center;
    flex-wrap: wrap; margin: 10px 0 0 0;
}
.navigation a, .navigation .currentpage {
    display: inline-block; padding: 7px 13px; transition: all .2s;
    color: #edc67f; background: #232129;
    border-radius: 6px; border: 1px solid #a66a29;
    font-weight: 600; font-size: 1em; text-decoration: none;
}
.navigation .currentpage {
    background: #e8b058; color: #232129; border-color: #fff5d0cc; pointer-events: none;
}
.page-dots { color: #ffc77b; }

/* 热词区 */
.tab-movies1 .recent-search {
    display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px;
}
.tab-movies1 .recent-search a {
    background: #222; color: #dfa154; border-radius: 4px;
    padding: 5px 14px; font-size: .98em; display: inline-block;
    margin-bottom: 2px; text-decoration: none;
    transition: background .15s;
}
.tab-movies1 .recent-search a:hover { background: #ffe3ae; color: #19181c; }

.info-movie {
    max-width: 1180px;
    margin: 25px auto 0 auto;
    padding: 22px 28px 24px 28px;
    background: linear-gradient(115deg,#24213e 85%,#19181C 115%);
    border-radius: 13px;
    box-shadow: 0 4px 24px rgba(30,20,45,0.19);
    color: #fff3e0;
    position: relative;
    border: 1px solid #312e45;
}
.info-movie article.infobv {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
}
.info-movie .thumb-bv {
    border-radius: 9px;
    max-width: 230px;
    box-shadow: 0 3px 22px #0b0820a0;
    background: #19181C;
    margin-bottom: 10px;
}
.info-movie p {
    font-size: 1.16em;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.35;
    color: #ffe0a0;
    letter-spacing: .2px;
}
.info-movie #extras {
    color: #e9deea;
    font-size: 1.01em;
    line-height: 1.7;
    margin-top: 5px;
}
.info-movie #extras p {
    color: #ecc471;
    font-size: 1.07em;
    font-weight: 600;
    margin-bottom: 10px;
}
.info-movie #extras a {
    display: inline-block;
    background: #2c2b55;
    color: #efb85e;
    border-radius: 13px;
    padding: 6px 17px;
    margin-top: 8px;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 6px #25205565;
    transition: background .14s, color .14s;
}
.info-movie #extras a:hover {
    background: #f7bb49;
    color: #2f154d;
}
.item-content-toggle {
    margin-top: 20px;
    padding: 0;
    text-align: right;
}
.item-content-toggle .show-more {
    display: inline-block;
    background: #322a44;
    color: #f7bb49;
    border-radius: 16px;
    padding: 5px 19px;
    font-size: .97em;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 1px 1.5px #2c1e3a9e;
}
.item-content-toggle .show-more:hover {
    background: #ffd761;
    color: #222;
}
@media (max-width: 800px) {
    .info-movie { padding: 17px 7vw 18px 7vw; }
    .info-movie article.infobv { flex-direction: column; align-items: stretch; gap:14px; }
    .info-movie .thumb-bv { max-width: 95vw; margin:auto; display:block; }
}