/* zhzxxx.cn - txvlog 影视网站样式 2025-10-10 */
* {margin: 0;padding: 0;box-sizing: border-box;}
:root {
    --primary-purple: #7c3aed;
    --primary-blue: #3b82f6;
    --dark-bg: #0f172a;
    --darker-bg: #020617;
    --card-bg: #1e293b;
    --text-light: #ffffff;
    --text-gray: #94a3b8;
    --border-color: #334155;
    --hover-bg: #475569;
    --gradient: linear-gradient(130deg, #7c3aed 0%, #3b82f6 100%);
}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;background: var(--dark-bg);color: var(--text-light);line-height: 1.6;}
.zhzxxx-container-3k8m9w {max-width: 1400px;margin: 0 auto;padding: 0 20px;}

/* Header */
.zhzxxx-navbar-8k6m4w {background: rgba(15,23,42,0.98);position: fixed;width: 100%;top: 0;z-index: 1000;backdrop-filter: blur(17px);border-bottom: 1px solid var(--border-color);box-shadow: 0 2px 20px rgba(124,58,237,0.12);}
.zhzxxx-navbar-8k6m4w .zhzxxx-container-3k8m9w {display: flex;justify-content: space-between;align-items: center;padding: 17px 20px;}
.zhzxxx-logo-7k4m5w h1 {font-size: 30px;font-weight: 700;}
.zhzxxx-logo-7k4m5w h1 a {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-decoration: none;}

/* Search */
.zhzxxx-search-area-6k9m3w {flex: 1;max-width: 540px;margin: 0 44px;display: flex;}
.zhzxxx-search-box-4k7m8w {flex: 1;padding: 14px 26px;background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 34px 0 0 34px;color: var(--text-light);font-size: 14px;outline: none;transition: all 0.3s;}
.zhzxxx-search-box-4k7m8w:focus {border-color: var(--primary-purple);box-shadow: 0 0 0 3px rgba(124,58,237,0.18);}
.zhzxxx-search-go-2k5m9w {padding: 14px 32px;background: var(--gradient);color: var(--text-light);border: none;border-radius: 0 34px 34px 0;cursor: pointer;font-weight: 600;transition: all 0.3s;}
.zhzxxx-search-go-2k5m9w:hover {transform: scale(1.07);box-shadow: 0 4px 20px rgba(124,58,237,0.48);}

/* Nav */
.zhzxxx-navmenu-9k3m6w {display: flex;gap: 12px;align-items: center;}
.zhzxxx-navmenu-9k3m6w a {color: var(--text-gray);text-decoration: none;font-weight: 500;font-size: 15px;transition: all 0.3s;padding: 12px 20px;border-radius: 12px;}
.zhzxxx-navmenu-9k3m6w a:hover {color: var(--text-light);background: var(--hover-bg);}
.zhzxxx-navmenu-9k3m6w a.zhzxxx-active-nav-5k8m4w {background: var(--gradient);color: var(--text-light);}

/* Banner */
.zhzxxx-banner-zone-4k9m7w {padding-top: 74px;min-height: 680px;position: relative;overflow: hidden;}
.zhzxxx-banner-wrapper-8k5m3w {position: relative;width: 100%;height: 680px;}
.zhzxxx-banner-active-7k6m9w {position: absolute;width: 100%;height: 100%;}
.zhzxxx-banner-active-7k6m9w img {width: 100%;height: 100%;object-fit: cover;}
.zhzxxx-banner-overlay-3k8m5w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(15,23,42,0.97) 0%, rgba(15,23,42,0.48) 56%, transparent 100%);}
.zhzxxx-banner-text-9k4m6w {position: absolute;top: 50%;left: 78px;transform: translateY(-50%);max-width: 720px;z-index: 10;}
.zhzxxx-banner-text-9k4m6w h2 {font-size: 58px;margin-bottom: 26px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.zhzxxx-banner-meta-6k7m3w {display: flex;gap: 26px;margin-bottom: 24px;font-size: 14px;}
.zhzxxx-score-label-5k9m8w {color: #fbbf24;font-weight: 600;}
.zhzxxx-year-info-4k8m7w, .zhzxxx-genre-label-2k6m9w {color: var(--text-gray);}
.zhzxxx-banner-intro-8k5m4w {font-size: 16px;line-height: 1.7;margin-bottom: 34px;color: var(--text-gray);}
.zhzxxx-banner-actions-7k3m9w {display: flex;gap: 20px;}
.zhzxxx-play-now-6k8m5w, .zhzxxx-more-info-9k4m7w {padding: 16px 44px;border-radius: 12px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s;}
.zhzxxx-play-now-6k8m5w {background: var(--gradient);color: var(--text-light);box-shadow: 0 4px 24px rgba(124,58,237,0.48);}
.zhzxxx-play-now-6k8m5w:hover {transform: translateY(-3px);box-shadow: 0 6px 30px rgba(124,58,237,0.68);}
.zhzxxx-more-info-9k4m7w {background: rgba(255,255,255,0.14);color: var(--text-light);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.29);}
.zhzxxx-more-info-9k4m7w:hover {background: rgba(255,255,255,0.26);}

/* Sections */
section {padding: 70px 0;}
.zhzxxx-section-title-8k6m4w {margin-bottom: 42px;display: flex;justify-content: space-between;align-items: center;}
.zhzxxx-section-title-8k6m4w h2, .zhzxxx-section-title-8k6m4w h3 {font-size: 34px;font-weight: 700;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

/* Tabs */
.zhzxxx-tabs-group-7k5m9w, .zhzxxx-sort-tabs-5k9m8w {display: flex;gap: 14px;}
.zhzxxx-tabs-group-7k5m9w button, .zhzxxx-sort-tabs-5k9m8w button {padding: 11px 26px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 10px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.zhzxxx-tabs-group-7k5m9w button:hover, .zhzxxx-sort-tabs-5k9m8w button:hover {color: var(--text-light);border-color: var(--primary-purple);}
.zhzxxx-tabs-group-7k5m9w button.zhzxxx-tab-active-4k8m6w, .zhzxxx-sort-tabs-5k9m8w button.zhzxxx-tab-active-4k8m6w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Video Layout */
.zhzxxx-video-layout-6k9m5w {display: grid;grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));gap: 28px;}
.zhzxxx-video-box-3k7m8w {background: var(--card-bg);border-radius: 14px;overflow: hidden;transition: all 0.4s;cursor: pointer;border: 1px solid transparent;}
.zhzxxx-video-box-3k7m8w:hover {transform: translateY(-12px);box-shadow: 0 14px 40px rgba(124,58,237,0.4);border-color: var(--primary-purple);}

/* Cover */
.zhzxxx-video-cover-9k4m6w {position: relative;padding-top: 140%;overflow: hidden;}
.zhzxxx-video-cover-9k4m6w img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.zhzxxx-video-box-3k7m8w:hover .zhzxxx-video-cover-9k4m6w img {transform: scale(1.14);}

/* Hover */
.zhzxxx-cover-hover-5k8m7w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;}
.zhzxxx-video-box-3k7m8w:hover .zhzxxx-cover-hover-5k8m7w {opacity: 1;}
.zhzxxx-play-icon-8k3m9w {width: 72px;height: 72px;background: var(--gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;color: var(--text-light);padding-left: 7px;}

/* Tag */
.zhzxxx-tag-hd-7k6m4w {position: absolute;top: 16px;right: 16px;padding: 8px 16px;background: var(--gradient);color: var(--text-light);border-radius: 10px;font-size: 12px;font-weight: 600;}

/* Video Data */
.zhzxxx-video-data-4k9m5w {padding: 20px;}
.zhzxxx-video-data-4k9m5w h3 {font-size: 16px;margin-bottom: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-light);}
.zhzxxx-data-stats-6k7m8w {display: flex;justify-content: space-between;align-items: center;margin-bottom: 11px;font-size: 13px;}
.zhzxxx-views-num-2k8m6w {color: var(--text-gray);font-size: 12px;}
.zhzxxx-video-summary-9k5m3w {font-size: 13px;color: var(--text-gray);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Features */
.zhzxxx-features-zone-8k6m5w {background: var(--darker-bg);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.zhzxxx-features-grid-7k5m9w {display: grid;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));gap: 36px;}
.zhzxxx-feature-card-4k9m6w {text-align: center;padding: 42px 32px;background: var(--card-bg);border-radius: 16px;transition: all 0.3s;border: 1px solid var(--border-color);}
.zhzxxx-feature-card-4k9m6w:hover {transform: translateY(-8px);border-color: var(--primary-purple);box-shadow: 0 12px 36px rgba(124,58,237,0.3);}
.zhzxxx-feature-icon-9k3m8w {width: 90px;height: 90px;margin: 0 auto 26px;border-radius: 50%;overflow: hidden;border: 3px solid;border-image: var(--gradient) 1;}
.zhzxxx-feature-icon-9k3m8w img {width: 100%;height: 100%;object-fit: cover;}
.zhzxxx-feature-card-4k9m6w h3 {font-size: 20px;margin-bottom: 16px;}
.zhzxxx-feature-card-4k9m6w p {color: var(--text-gray);font-size: 14px;line-height: 1.7;}

/* Footer */
.zhzxxx-footer-area-6k9m7w {background: var(--darker-bg);padding: 62px 0 36px;border-top: 1px solid var(--border-color);}
.zhzxxx-footer-layout-5k8m4w {display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));gap: 46px;margin-bottom: 46px;}
.zhzxxx-footer-item-9k6m3w h3 {font-size: 20px;margin-bottom: 26px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.zhzxxx-footer-item-9k6m3w h4 {font-size: 16px;margin-bottom: 18px;color: var(--text-light);}
.zhzxxx-footer-item-9k6m3w p {color: var(--text-gray);margin-bottom: 18px;line-height: 1.8;font-size: 14px;}
.zhzxxx-footer-item-9k6m3w ul {list-style: none;}
.zhzxxx-footer-item-9k6m3w ul li {margin-bottom: 13px;}
.zhzxxx-footer-item-9k6m3w ul li a {color: var(--text-gray);text-decoration: none;transition: all 0.3s;font-size: 14px;}
.zhzxxx-footer-item-9k6m3w ul li a:hover {color: var(--primary-blue);padding-left: 8px;}
.zhzxxx-footer-btn-7k4m8w {display: inline-block;padding: 13px 32px;background: var(--gradient);color: var(--text-light);text-decoration: none;border-radius: 10px;margin-top: 13px;transition: all 0.3s;font-size: 14px;}
.zhzxxx-footer-btn-7k4m8w:hover {transform: translateY(-3px);box-shadow: 0 5px 18px rgba(124,58,237,0.44);}
.zhzxxx-copyright-8k5m6w {text-align: center;padding-top: 36px;border-top: 1px solid var(--border-color);color: var(--text-gray);}
.zhzxxx-copyright-8k5m6w p {margin: 11px 0;font-size: 13px;}

/* Inner Header */
.zhzxxx-inner-header-7k9m5w {padding: 180px 0 75px;background: linear-gradient(135deg, #0c1220 0%, #0f172a 100%);text-align: center;position: relative;border-bottom: 1px solid var(--border-color);}
.zhzxxx-header-bg-4k8m6w {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(124,58,237,0.22) 0%, transparent 70%);}
.zhzxxx-inner-header-7k9m5w h2 {font-size: 48px;margin-bottom: 20px;position: relative;z-index: 1;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.zhzxxx-inner-header-7k9m5w p {font-size: 16px;color: var(--text-gray);position: relative;z-index: 1;}

/* Filter */
.zhzxxx-filter-bar-6k9m8w {padding: 42px 0;background: var(--card-bg);border-bottom: 1px solid var(--border-color);}
.zhzxxx-filter-set-5k7m9w {display: flex;flex-direction: column;gap: 26px;}
.zhzxxx-filter-row-8k4m6w {display: flex;align-items: flex-start;gap: 20px;}
.zhzxxx-filter-name-9k3m7w {color: var(--text-light);font-weight: 600;min-width: 70px;padding-top: 11px;}
.zhzxxx-filter-opts-7k5m8w {display: flex;flex-wrap: wrap;gap: 14px;flex: 1;}
.zhzxxx-filter-opts-7k5m8w button {padding: 10px 24px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 10px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.zhzxxx-filter-opts-7k5m8w button:hover {color: var(--text-light);border-color: var(--primary-purple);}
.zhzxxx-filter-opts-7k5m8w button.zhzxxx-tab-active-4k8m6w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Content */
.zhzxxx-content-zone-9k6m7w {padding: 62px 0;}

/* Pagination */
.zhzxxx-pagination-7k9m5w {display: flex;justify-content: center;align-items: center;gap: 14px;margin-top: 60px;}
.zhzxxx-page-ctrl-8k6m4w, .zhzxxx-page-item-5k8m9w {padding: 12px 20px;background: var(--card-bg);color: var(--text-light);border: 1px solid var(--border-color);border-radius: 10px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.zhzxxx-page-ctrl-8k6m4w:hover, .zhzxxx-page-item-5k8m9w:hover {background: var(--hover-bg);border-color: var(--primary-purple);}
.zhzxxx-page-item-5k8m9w.zhzxxx-current-page-6k7m4w {background: var(--gradient);border-color: transparent;color: var(--text-light);}
.zhzxxx-page-ctrl-8k6m4w.zhzxxx-disabled-9k3m7w {opacity: 0.5;cursor: not-allowed;}
.zhzxxx-ellipsis-4k9m8w {color: var(--text-gray);padding: 0 12px;}

@media (max-width: 768px) {
    .zhzxxx-search-area-6k9m3w {display: none;}
    .zhzxxx-navmenu-9k3m6w {display: none;}
    .zhzxxx-banner-text-9k4m6w {left: 30px;max-width: 90%;}
    .zhzxxx-banner-text-9k4m6w h2 {font-size: 38px;}
    .zhzxxx-video-layout-6k9m5w {grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));gap: 20px;}
}