/* dzdongsheng.com - 糖心vlog 影视网站样式 2025-10-10 */
* {margin: 0;padding: 0;box-sizing: border-box;}
:root {
    --primary-blue: #0ea5e9;
    --primary-orange: #f97316;
    --dark-bg: #0f1419;
    --darker-bg: #000000;
    --card-bg: #1a1f29;
    --text-light: #ffffff;
    --text-gray: #9ca3af;
    --border-color: #2d3748;
    --hover-bg: #374151;
    --gradient: linear-gradient(120deg, #0ea5e9 0%, #f97316 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;}
.dzdongsheng-container-3k7m9w {max-width: 1400px;margin: 0 auto;padding: 0 20px;}

/* Header */
.dzdongsheng-header-5k8m7w {background: rgba(15,20,25,0.98);position: fixed;width: 100%;top: 0;z-index: 1000;backdrop-filter: blur(15px);border-bottom: 1px solid var(--border-color);box-shadow: 0 2px 15px rgba(14,165,233,0.1);}
.dzdongsheng-header-5k8m7w .dzdongsheng-container-3k7m9w {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;}
.dzdongsheng-logo-8k4m2w h1 {font-size: 28px;font-weight: 700;}
.dzdongsheng-logo-8k4m2w h1 a {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-decoration: none;}

/* Search */
.dzdongsheng-search-wrapper-7k5m3w {flex: 1;max-width: 500px;margin: 0 40px;display: flex;}
.dzdongsheng-search-field-4k9m6w {flex: 1;padding: 12px 22px;background: var(--card-bg);border: 2px solid var(--border-color);border-radius: 30px 0 0 30px;color: var(--text-light);font-size: 14px;outline: none;transition: all 0.3s;}
.dzdongsheng-search-field-4k9m6w:focus {border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(14,165,233,0.15);}
.dzdongsheng-search-submit-2k8m5w {padding: 12px 28px;background: var(--gradient);color: var(--text-light);border: none;border-radius: 0 30px 30px 0;cursor: pointer;font-weight: 600;transition: all 0.3s;}
.dzdongsheng-search-submit-2k8m5w:hover {transform: scale(1.05);box-shadow: 0 4px 15px rgba(14,165,233,0.4);}

/* Nav */
.dzdongsheng-navbar-9k6m4w {display: flex;gap: 10px;align-items: center;}
.dzdongsheng-navbar-9k6m4w a {color: var(--text-gray);text-decoration: none;font-weight: 500;font-size: 15px;transition: all 0.3s;padding: 10px 18px;border-radius: 10px;}
.dzdongsheng-navbar-9k6m4w a:hover {color: var(--text-light);background: var(--hover-bg);}
.dzdongsheng-navbar-9k6m4w a.dzdongsheng-active-link-5k3m8w {background: var(--gradient);color: var(--text-light);}

/* Hero Banner */
.dzdongsheng-hero-banner-4k7m8w {padding-top: 70px;min-height: 640px;position: relative;overflow: hidden;}
.dzdongsheng-banner-slide-6k3m9w {position: relative;width: 100%;height: 640px;}
.dzdongsheng-slide-active-8k5m2w {position: absolute;width: 100%;height: 100%;}
.dzdongsheng-slide-active-8k5m2w img {width: 100%;height: 100%;object-fit: cover;}
.dzdongsheng-slide-mask-7k4m6w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(15,20,25,0.95) 0%, rgba(15,20,25,0.4) 60%, transparent 100%);}
.dzdongsheng-banner-content-9k2m5w {position: absolute;top: 50%;left: 70px;transform: translateY(-50%);max-width: 680px;z-index: 10;}
.dzdongsheng-banner-content-9k2m5w h2 {font-size: 54px;margin-bottom: 22px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.dzdongsheng-meta-info-3k8m7w {display: flex;gap: 22px;margin-bottom: 20px;font-size: 14px;}
.dzdongsheng-score-tag-5k6m9w {color: #fbbf24;font-weight: 600;}
.dzdongsheng-year-tag-4k9m3w, .dzdongsheng-type-tag-8k2m6w {color: var(--text-gray);}
.dzdongsheng-intro-text-7k5m4w {font-size: 16px;line-height: 1.7;margin-bottom: 30px;color: var(--text-gray);}
.dzdongsheng-action-btns-6k8m3w {display: flex;gap: 16px;}
.dzdongsheng-play-btn-9k4m7w, .dzdongsheng-detail-btn-2k7m5w {padding: 14px 40px;border-radius: 10px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s;}
.dzdongsheng-play-btn-9k4m7w {background: var(--gradient);color: var(--text-light);box-shadow: 0 4px 20px rgba(14,165,233,0.4);}
.dzdongsheng-play-btn-9k4m7w:hover {transform: translateY(-3px);box-shadow: 0 6px 25px rgba(14,165,233,0.6);}
.dzdongsheng-detail-btn-2k7m5w {background: rgba(255,255,255,0.12);color: var(--text-light);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.25);}
.dzdongsheng-detail-btn-2k7m5w:hover {background: rgba(255,255,255,0.22);}

/* Sections */
section {padding: 65px 0;}
.dzdongsheng-section-head-8k4m2w {margin-bottom: 38px;display: flex;justify-content: space-between;align-items: center;}
.dzdongsheng-section-head-8k4m2w h2, .dzdongsheng-section-head-8k4m2w h3 {font-size: 32px;font-weight: 700;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

/* Tabs */
.dzdongsheng-filter-tabs-7k3m9w, .dzdongsheng-sort-options-7k6m3w {display: flex;gap: 12px;}
.dzdongsheng-filter-tabs-7k3m9w button, .dzdongsheng-sort-options-7k6m3w button {padding: 9px 22px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 8px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.dzdongsheng-filter-tabs-7k3m9w button:hover, .dzdongsheng-sort-options-7k6m3w button:hover {color: var(--text-light);border-color: var(--primary-blue);}
.dzdongsheng-filter-tabs-7k3m9w button.dzdongsheng-tab-selected-6k8m4w, .dzdongsheng-sort-options-7k6m3w button.dzdongsheng-tab-selected-6k8m4w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Media Grid */
.dzdongsheng-media-grid-4k9m7w {display: grid;grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));gap: 24px;}
.dzdongsheng-media-item-5k8m3w {background: var(--card-bg);border-radius: 12px;overflow: hidden;transition: all 0.4s;cursor: pointer;border: 1px solid transparent;}
.dzdongsheng-media-item-5k8m3w:hover {transform: translateY(-10px);box-shadow: 0 12px 35px rgba(14,165,233,0.35);border-color: var(--primary-blue);}

/* Poster */
.dzdongsheng-item-poster-9k6m2w {position: relative;padding-top: 140%;overflow: hidden;}
.dzdongsheng-item-poster-9k6m2w img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.dzdongsheng-media-item-5k8m3w:hover .dzdongsheng-item-poster-9k6m2w img {transform: scale(1.12);}

/* Hover Layer */
.dzdongsheng-hover-layer-7k4m8w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.75);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;}
.dzdongsheng-media-item-5k8m3w:hover .dzdongsheng-hover-layer-7k4m8w {opacity: 1;}
.dzdongsheng-play-circle-3k9m5w {width: 68px;height: 68px;background: var(--gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;color: var(--text-light);padding-left: 5px;}

/* Badge */
.dzdongsheng-badge-quality-8k2m6w {position: absolute;top: 14px;right: 14px;padding: 6px 14px;background: var(--gradient);color: var(--text-light);border-radius: 8px;font-size: 12px;font-weight: 600;}

/* Item Details */
.dzdongsheng-item-details-6k7m9w {padding: 18px;}
.dzdongsheng-item-details-6k7m9w h3 {font-size: 16px;margin-bottom: 11px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-light);}
.dzdongsheng-item-stats-4k5m8w {display: flex;justify-content: space-between;align-items: center;margin-bottom: 9px;font-size: 13px;}
.dzdongsheng-watch-count-2k8m3w {color: var(--text-gray);font-size: 12px;}
.dzdongsheng-brief-desc-9k4m7w {font-size: 13px;color: var(--text-gray);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Advantages */
.dzdongsheng-advantages-8k5m4w {background: var(--darker-bg);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.dzdongsheng-feature-boxes-6k9m3w {display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));gap: 32px;}
.dzdongsheng-feature-box-7k4m8w {text-align: center;padding: 38px 28px;background: var(--card-bg);border-radius: 14px;transition: all 0.3s;border: 1px solid var(--border-color);}
.dzdongsheng-feature-box-7k4m8w:hover {transform: translateY(-6px);border-color: var(--primary-blue);box-shadow: 0 10px 30px rgba(14,165,233,0.25);}
.dzdongsheng-box-icon-5k8m2w {width: 85px;height: 85px;margin: 0 auto 22px;border-radius: 50%;overflow: hidden;border: 3px solid;border-image: var(--gradient) 1;}
.dzdongsheng-box-icon-5k8m2w img {width: 100%;height: 100%;object-fit: cover;}
.dzdongsheng-feature-box-7k4m8w h3 {font-size: 20px;margin-bottom: 14px;}
.dzdongsheng-feature-box-7k4m8w p {color: var(--text-gray);font-size: 14px;line-height: 1.7;}

/* Footer */
.dzdongsheng-footer-9k6m5w {background: var(--darker-bg);padding: 58px 0 32px;border-top: 1px solid var(--border-color);}
.dzdongsheng-footer-cols-4k8m7w {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 42px;margin-bottom: 42px;}
.dzdongsheng-footer-col-6k3m9w h3 {font-size: 20px;margin-bottom: 22px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.dzdongsheng-footer-col-6k3m9w h4 {font-size: 16px;margin-bottom: 16px;color: var(--text-light);}
.dzdongsheng-footer-col-6k3m9w p {color: var(--text-gray);margin-bottom: 16px;line-height: 1.8;font-size: 14px;}
.dzdongsheng-footer-col-6k3m9w ul {list-style: none;}
.dzdongsheng-footer-col-6k3m9w ul li {margin-bottom: 11px;}
.dzdongsheng-footer-col-6k3m9w ul li a {color: var(--text-gray);text-decoration: none;transition: all 0.3s;font-size: 14px;}
.dzdongsheng-footer-col-6k3m9w ul li a:hover {color: var(--primary-orange);padding-left: 6px;}
.dzdongsheng-footer-link-8k5m4w {display: inline-block;padding: 11px 28px;background: var(--gradient);color: var(--text-light);text-decoration: none;border-radius: 8px;margin-top: 11px;transition: all 0.3s;font-size: 14px;}
.dzdongsheng-footer-link-8k5m4w:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(14,165,233,0.4);}
.dzdongsheng-footer-bottom-7k9m2w {text-align: center;padding-top: 32px;border-top: 1px solid var(--border-color);color: var(--text-gray);}
.dzdongsheng-footer-bottom-7k9m2w p {margin: 9px 0;font-size: 13px;}

/* Inner Banner */
.dzdongsheng-inner-banner-6k9m4w {padding: 160px 0 65px;background: linear-gradient(135deg, #0a1828 0%, #0f1419 100%);text-align: center;position: relative;border-bottom: 1px solid var(--border-color);}
.dzdongsheng-banner-overlay-3k7m8w {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(14,165,233,0.18) 0%, transparent 70%);}
.dzdongsheng-inner-banner-6k9m4w h2 {font-size: 44px;margin-bottom: 16px;position: relative;z-index: 1;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.dzdongsheng-inner-banner-6k9m4w p {font-size: 16px;color: var(--text-gray);position: relative;z-index: 1;}

/* Filter */
.dzdongsheng-filter-section-7k4m9w {padding: 38px 0;background: var(--card-bg);border-bottom: 1px solid var(--border-color);}
.dzdongsheng-filter-panel-5k8m6w {display: flex;flex-direction: column;gap: 22px;}
.dzdongsheng-filter-line-4k9m7w {display: flex;align-items: flex-start;gap: 16px;}
.dzdongsheng-filter-title-8k3m5w {color: var(--text-light);font-weight: 600;min-width: 65px;padding-top: 9px;}
.dzdongsheng-filter-options-6k7m2w {display: flex;flex-wrap: wrap;gap: 12px;flex: 1;}
.dzdongsheng-filter-options-6k7m2w button {padding: 8px 20px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 8px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.dzdongsheng-filter-options-6k7m2w button:hover {color: var(--text-light);border-color: var(--primary-blue);}
.dzdongsheng-filter-options-6k7m2w button.dzdongsheng-tab-selected-6k8m4w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Content Main */
.dzdongsheng-content-main-9k5m8w {padding: 58px 0;}

/* Pagination */
.dzdongsheng-page-nav-5k9m6w {display: flex;justify-content: center;align-items: center;gap: 12px;margin-top: 55px;}
.dzdongsheng-page-btn-7k4m3w, .dzdongsheng-page-number-6k8m5w {padding: 10px 18px;background: var(--card-bg);color: var(--text-light);border: 1px solid var(--border-color);border-radius: 8px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.dzdongsheng-page-btn-7k4m3w:hover, .dzdongsheng-page-number-6k8m5w:hover {background: var(--hover-bg);border-color: var(--primary-blue);}
.dzdongsheng-page-number-6k8m5w.dzdongsheng-page-current-3k7m9w {background: var(--gradient);border-color: transparent;color: var(--text-light);}
.dzdongsheng-page-btn-7k4m3w.dzdongsheng-btn-disabled-9k2m8w {opacity: 0.45;cursor: not-allowed;}
.dzdongsheng-page-ellipsis-4k9m7w {color: var(--text-gray);padding: 0 10px;}

@media (max-width: 768px) {
    .dzdongsheng-search-wrapper-7k5m3w {display: none;}
    .dzdongsheng-navbar-9k6m4w {display: none;}
    .dzdongsheng-banner-content-9k2m5w {left: 25px;max-width: 90%;}
    .dzdongsheng-banner-content-9k2m5w h2 {font-size: 34px;}
    .dzdongsheng-media-grid-4k9m7w {grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));gap: 16px;}
}