/* zichan168.com - 糖心vlog 影视网站样式 2025-10-10 */
* {margin: 0;padding: 0;box-sizing: border-box;}
:root {
    --primary-green: #10b981;
    --primary-gold: #f59e0b;
    --dark-bg: #111827;
    --darker-bg: #000000;
    --card-bg: #1f2937;
    --text-light: #ffffff;
    --text-gray: #9ca3af;
    --border-color: #374151;
    --hover-bg: #4b5563;
    --gradient: linear-gradient(125deg, #10b981 0%, #f59e0b 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;}
.zichan168-wrap-3k9m5w {max-width: 1400px;margin: 0 auto;padding: 0 20px;}

/* Header */
.zichan168-topbar-6k8m4w {background: rgba(17,24,39,0.98);position: fixed;width: 100%;top: 0;z-index: 1000;backdrop-filter: blur(16px);border-bottom: 1px solid var(--border-color);box-shadow: 0 2px 18px rgba(16,185,129,0.1);}
.zichan168-topbar-6k8m4w .zichan168-wrap-3k9m5w {display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;}
.zichan168-brand-8k4m7w h1 {font-size: 29px;font-weight: 700;}
.zichan168-brand-8k4m7w h1 a {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-decoration: none;}

/* Search */
.zichan168-searchbar-5k7m9w {flex: 1;max-width: 520px;margin: 0 42px;display: flex;}
.zichan168-input-field-4k6m8w {flex: 1;padding: 13px 24px;background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 32px 0 0 32px;color: var(--text-light);font-size: 14px;outline: none;transition: all 0.3s;}
.zichan168-input-field-4k6m8w:focus {border-color: var(--primary-green);box-shadow: 0 0 0 3px rgba(16,185,129,0.16);}
.zichan168-submit-btn-7k3m6w {padding: 13px 30px;background: var(--gradient);color: var(--text-light);border: none;border-radius: 0 32px 32px 0;cursor: pointer;font-weight: 600;transition: all 0.3s;}
.zichan168-submit-btn-7k3m6w:hover {transform: scale(1.06);box-shadow: 0 4px 18px rgba(16,185,129,0.45);}

/* Nav */
.zichan168-menu-2k8m5w {display: flex;gap: 11px;align-items: center;}
.zichan168-menu-2k8m5w a {color: var(--text-gray);text-decoration: none;font-weight: 500;font-size: 15px;transition: all 0.3s;padding: 11px 19px;border-radius: 11px;}
.zichan168-menu-2k8m5w a:hover {color: var(--text-light);background: var(--hover-bg);}
.zichan168-menu-2k8m5w a.zichan168-link-active-9k4m3w {background: var(--gradient);color: var(--text-light);}

/* Hero */
.zichan168-hero-area-5k9m6w {padding-top: 72px;min-height: 660px;position: relative;overflow: hidden;}
.zichan168-hero-wrap-4k7m8w {position: relative;width: 100%;height: 660px;}
.zichan168-slide-current-8k3m5w {position: absolute;width: 100%;height: 100%;}
.zichan168-slide-current-8k3m5w img {width: 100%;height: 100%;object-fit: cover;}
.zichan168-overlay-mask-7k6m9w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(17,24,39,0.96) 0%, rgba(17,24,39,0.45) 58%, transparent 100%);}
.zichan168-content-box-3k8m4w {position: absolute;top: 50%;left: 75px;transform: translateY(-50%);max-width: 700px;z-index: 10;}
.zichan168-content-box-3k8m4w h2 {font-size: 56px;margin-bottom: 24px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.zichan168-meta-tags-6k5m7w {display: flex;gap: 24px;margin-bottom: 22px;font-size: 14px;}
.zichan168-rating-badge-9k2m8w {color: #fbbf24;font-weight: 600;}
.zichan168-year-label-4k7m3w, .zichan168-category-tag-8k5m6w {color: var(--text-gray);}
.zichan168-description-5k9m4w {font-size: 16px;line-height: 1.7;margin-bottom: 32px;color: var(--text-gray);}
.zichan168-cta-buttons-7k3m9w {display: flex;gap: 18px;}
.zichan168-watch-btn-6k8m5w, .zichan168-info-btn-2k9m7w {padding: 15px 42px;border-radius: 11px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s;}
.zichan168-watch-btn-6k8m5w {background: var(--gradient);color: var(--text-light);box-shadow: 0 4px 22px rgba(16,185,129,0.45);}
.zichan168-watch-btn-6k8m5w:hover {transform: translateY(-3px);box-shadow: 0 6px 28px rgba(16,185,129,0.65);}
.zichan168-info-btn-2k9m7w {background: rgba(255,255,255,0.13);color: var(--text-light);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.27);}
.zichan168-info-btn-2k9m7w:hover {background: rgba(255,255,255,0.24);}

/* Sections */
section {padding: 68px 0;}
.zichan168-title-bar-9k6m3w {margin-bottom: 40px;display: flex;justify-content: space-between;align-items: center;}
.zichan168-title-bar-9k6m3w h2, .zichan168-title-bar-9k6m3w h3 {font-size: 33px;font-weight: 700;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

/* Tabs */
.zichan168-nav-tabs-5k7m8w, .zichan168-sort-btns-5k8m7w {display: flex;gap: 13px;}
.zichan168-nav-tabs-5k7m8w button, .zichan168-sort-btns-5k8m7w button {padding: 10px 24px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 9px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.zichan168-nav-tabs-5k7m8w button:hover, .zichan168-sort-btns-5k8m7w button:hover {color: var(--text-light);border-color: var(--primary-green);}
.zichan168-nav-tabs-5k7m8w button.zichan168-tab-current-8k4m2w, .zichan168-sort-btns-5k8m7w button.zichan168-tab-current-8k4m2w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Grid */
.zichan168-content-grid-7k5m9w {display: grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));gap: 26px;}
.zichan168-grid-card-6k9m4w {background: var(--card-bg);border-radius: 13px;overflow: hidden;transition: all 0.4s;cursor: pointer;border: 1px solid transparent;}
.zichan168-grid-card-6k9m4w:hover {transform: translateY(-11px);box-shadow: 0 13px 38px rgba(16,185,129,0.38);border-color: var(--primary-green);}

/* Thumb */
.zichan168-card-thumb-3k8m7w {position: relative;padding-top: 140%;overflow: hidden;}
.zichan168-card-thumb-3k8m7w img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.zichan168-grid-card-6k9m4w:hover .zichan168-card-thumb-3k8m7w img {transform: scale(1.13);}

/* Play Layer */
.zichan168-play-layer-5k6m9w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.78);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;}
.zichan168-grid-card-6k9m4w:hover .zichan168-play-layer-5k6m9w {opacity: 1;}
.zichan168-play-btn-icon-8k3m4w {width: 70px;height: 70px;background: var(--gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 29px;color: var(--text-light);padding-left: 6px;}

/* Quality Tag */
.zichan168-quality-tag-9k2m7w {position: absolute;top: 15px;right: 15px;padding: 7px 15px;background: var(--gradient);color: var(--text-light);border-radius: 9px;font-size: 12px;font-weight: 600;}

/* Card Info */
.zichan168-card-info-4k7m8w {padding: 19px;}
.zichan168-card-info-4k7m8w h3 {font-size: 16px;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-light);}
.zichan168-stat-row-7k5m3w {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;font-size: 13px;}
.zichan168-view-count-6k8m5w {color: var(--text-gray);font-size: 12px;}
.zichan168-card-desc-2k9m6w {font-size: 13px;color: var(--text-gray);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Features */
.zichan168-features-area-8k6m5w {background: var(--darker-bg);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.zichan168-feature-row-7k4m9w {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 34px;}
.zichan168-feature-item-5k8m6w {text-align: center;padding: 40px 30px;background: var(--card-bg);border-radius: 15px;transition: all 0.3s;border: 1px solid var(--border-color);}
.zichan168-feature-item-5k8m6w:hover {transform: translateY(-7px);border-color: var(--primary-green);box-shadow: 0 11px 33px rgba(16,185,129,0.28);}
.zichan168-icon-wrap-9k3m7w {width: 88px;height: 88px;margin: 0 auto 24px;border-radius: 50%;overflow: hidden;border: 3px solid;border-image: var(--gradient) 1;}
.zichan168-icon-wrap-9k3m7w img {width: 100%;height: 100%;object-fit: cover;}
.zichan168-feature-item-5k8m6w h3 {font-size: 20px;margin-bottom: 15px;}
.zichan168-feature-item-5k8m6w p {color: var(--text-gray);font-size: 14px;line-height: 1.7;}

/* Footer */
.zichan168-bottom-bar-6k9m8w {background: var(--darker-bg);padding: 60px 0 34px;border-top: 1px solid var(--border-color);}
.zichan168-footer-grid-4k7m5w {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 44px;margin-bottom: 44px;}
.zichan168-footer-block-8k3m9w h3 {font-size: 20px;margin-bottom: 24px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.zichan168-footer-block-8k3m9w h4 {font-size: 16px;margin-bottom: 17px;color: var(--text-light);}
.zichan168-footer-block-8k3m9w p {color: var(--text-gray);margin-bottom: 17px;line-height: 1.8;font-size: 14px;}
.zichan168-footer-block-8k3m9w ul {list-style: none;}
.zichan168-footer-block-8k3m9w ul li {margin-bottom: 12px;}
.zichan168-footer-block-8k3m9w ul li a {color: var(--text-gray);text-decoration: none;transition: all 0.3s;font-size: 14px;}
.zichan168-footer-block-8k3m9w ul li a:hover {color: var(--primary-gold);padding-left: 7px;}
.zichan168-footer-cta-5k9m7w {display: inline-block;padding: 12px 30px;background: var(--gradient);color: var(--text-light);text-decoration: none;border-radius: 9px;margin-top: 12px;transition: all 0.3s;font-size: 14px;}
.zichan168-footer-cta-5k9m7w:hover {transform: translateY(-3px);box-shadow: 0 5px 17px rgba(16,185,129,0.42);}
.zichan168-copyright-7k5m4w {text-align: center;padding-top: 34px;border-top: 1px solid var(--border-color);color: var(--text-gray);}
.zichan168-copyright-7k5m4w p {margin: 10px 0;font-size: 13px;}

/* Page Header */
.zichan168-page-header-5k8m9w {padding: 170px 0 70px;background: linear-gradient(135deg, #0d1117 0%, #111827 100%);text-align: center;position: relative;border-bottom: 1px solid var(--border-color);}
.zichan168-header-shade-6k7m3w {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(16,185,129,0.2) 0%, transparent 70%);}
.zichan168-page-header-5k8m9w h2 {font-size: 46px;margin-bottom: 18px;position: relative;z-index: 1;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.zichan168-page-header-5k8m9w p {font-size: 16px;color: var(--text-gray);position: relative;z-index: 1;}

/* Filter */
.zichan168-filter-zone-4k9m6w {padding: 40px 0;background: var(--card-bg);border-bottom: 1px solid var(--border-color);}
.zichan168-filter-wrapper-8k5m7w {display: flex;flex-direction: column;gap: 24px;}
.zichan168-filter-item-9k3m4w {display: flex;align-items: flex-start;gap: 18px;}
.zichan168-label-text-6k8m5w {color: var(--text-light);font-weight: 600;min-width: 68px;padding-top: 10px;}
.zichan168-option-btns-7k4m9w {display: flex;flex-wrap: wrap;gap: 13px;flex: 1;}
.zichan168-option-btns-7k4m9w button {padding: 9px 22px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 9px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.zichan168-option-btns-7k4m9w button:hover {color: var(--text-light);border-color: var(--primary-green);}
.zichan168-option-btns-7k4m9w button.zichan168-tab-current-8k4m2w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Main Content */
.zichan168-main-content-6k9m5w {padding: 60px 0;}

/* Pagination */
.zichan168-pager-wrap-8k5m6w {display: flex;justify-content: center;align-items: center;gap: 13px;margin-top: 58px;}
.zichan168-pager-btn-7k9m4w, .zichan168-page-num-5k8m9w {padding: 11px 19px;background: var(--card-bg);color: var(--text-light);border: 1px solid var(--border-color);border-radius: 9px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.zichan168-pager-btn-7k9m4w:hover, .zichan168-page-num-5k8m9w:hover {background: var(--hover-bg);border-color: var(--primary-green);}
.zichan168-page-num-5k8m9w.zichan168-num-active-4k7m3w {background: var(--gradient);border-color: transparent;color: var(--text-light);}
.zichan168-pager-btn-7k9m4w.zichan168-disabled-3k6m8w {opacity: 0.48;cursor: not-allowed;}
.zichan168-dots-6k9m7w {color: var(--text-gray);padding: 0 11px;}

@media (max-width: 768px) {
    .zichan168-searchbar-5k7m9w {display: none;}
    .zichan168-menu-2k8m5w {display: none;}
    .zichan168-content-box-3k8m4w {left: 28px;max-width: 90%;}
    .zichan168-content-box-3k8m4w h2 {font-size: 36px;}
    .zichan168-content-grid-7k5m9w {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 18px;}
}