/* wanshunqs.com - 心糖vlog 影视网站样式 2025-10-10 */
* {margin: 0;padding: 0;box-sizing: border-box;}
:root {
    --primary-red: #e50914;
    --dark-bg: #0a0a0a;
    --darker-bg: #000000;
    --card-bg: #1a1a1a;
    --text-light: #ffffff;
    --text-gray: #b3b3b3;
    --border-color: #2a2a2a;
    --hover-bg: #2f2f2f;
}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;background: var(--dark-bg);color: var(--text-light);line-height: 1.6;}
.wanshunqs-container-5m9k3w {max-width: 1400px;margin: 0 auto;padding: 0 20px;}

/* Header */
.wanshunqs-header-4n8w7k {background: rgba(10,10,10,0.98);position: fixed;width: 100%;top: 0;z-index: 1000;backdrop-filter: blur(10px);border-bottom: 1px solid var(--border-color);}
.wanshunqs-header-4n8w7k .wanshunqs-container-5m9k3w {display: flex;justify-content: space-between;align-items: center;padding: 12px 20px;}
.wanshunqs-logo-2w7k6m h1 {font-size: 28px;font-weight: 700;}
.wanshunqs-logo-2w7k6m h1 a {color: var(--primary-red);text-decoration: none;letter-spacing: -1px;}

/* Search Box */
.wanshunqs-search-box-9k5m3w {flex: 1;max-width: 500px;margin: 0 40px;display: flex;}
.wanshunqs-search-input-7w2k8m {flex: 1;padding: 10px 20px;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 4px 0 0 4px;color: var(--text-light);font-size: 14px;outline: none;}
.wanshunqs-search-input-7w2k8m:focus {border-color: var(--primary-red);}
.wanshunqs-search-btn-4k6m9w {padding: 10px 25px;background: var(--primary-red);color: var(--text-light);border: none;border-radius: 0 4px 4px 0;cursor: pointer;font-weight: 600;transition: all 0.3s;}
.wanshunqs-search-btn-4k6m9w:hover {background: #b7070f;}

/* Nav */
.wanshunqs-nav-8k4m2w {display: flex;gap: 25px;align-items: center;}
.wanshunqs-nav-8k4m2w a {color: var(--text-gray);text-decoration: none;font-weight: 500;font-size: 15px;transition: all 0.3s;padding: 8px 12px;border-radius: 4px;}
.wanshunqs-nav-8k4m2w a:hover, .wanshunqs-nav-8k4m2w a.wanshunqs-active-3w9k5m {color: var(--text-light);background: var(--hover-bg);}

/* Hero Slider */
.wanshunqs-hero-7k5m4w {padding-top: 60px;min-height: 600px;position: relative;overflow: hidden;}
.wanshunqs-hero-slider-5w9k3m {position: relative;width: 100%;height: 600px;}
.wanshunqs-slider-item-2k7m8w {position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity 1s;}
.wanshunqs-slider-item-2k7m8w.wanshunqs-active-slide-6k3m9w {opacity: 1;}
.wanshunqs-slider-item-2k7m8w img {width: 100%;height: 100%;object-fit: cover;}
.wanshunqs-slider-item-2k7m8w::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);}
.wanshunqs-slider-content-4w8k5m {position: absolute;top: 50%;left: 60px;transform: translateY(-50%);max-width: 600px;z-index: 10;}
.wanshunqs-slider-content-4w8k5m h2 {font-size: 48px;margin-bottom: 20px;text-shadow: 2px 2px 8px rgba(0,0,0,0.8);}
.wanshunqs-video-meta-7k2m9w {display: flex;gap: 20px;margin-bottom: 15px;font-size: 14px;}
.wanshunqs-rating-5k8m4w {color: #ffc107;font-weight: 600;}
.wanshunqs-year-3w6k7m, .wanshunqs-category-8k4m2w {color: var(--text-gray);}
.wanshunqs-desc-6k9m3w {font-size: 16px;line-height: 1.6;margin-bottom: 25px;color: var(--text-gray);}
.wanshunqs-hero-btns-4w8k3m {display: flex;gap: 15px;}
.wanshunqs-btn-play-5k9m2w, .wanshunqs-btn-info-7k3m6w {padding: 12px 35px;border-radius: 4px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s;display: inline-block;}
.wanshunqs-btn-play-5k9m2w {background: var(--primary-red);color: var(--text-light);}
.wanshunqs-btn-play-5k9m2w:hover {background: #b7070f;transform: scale(1.05);}
.wanshunqs-btn-info-7k3m6w {background: rgba(255,255,255,0.2);color: var(--text-light);backdrop-filter: blur(10px);}
.wanshunqs-btn-info-7k3m6w:hover {background: rgba(255,255,255,0.3);}

/* Sections */
section {padding: 60px 0;}
.wanshunqs-section-header-9w4k2m {margin-bottom: 30px;display: flex;justify-content: space-between;align-items: center;}
.wanshunqs-section-header-9w4k2m h2 {font-size: 28px;font-weight: 700;}

/* Filter Tabs */
.wanshunqs-filter-tabs-5k7m3w {display: flex;gap: 10px;}
.wanshunqs-filter-tabs-5k7m3w button {padding: 8px 20px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 4px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.wanshunqs-filter-tabs-5k7m3w button:hover, .wanshunqs-tab-active-2w9k6m {background: var(--primary-red) !important;color: var(--text-light) !important;border-color: var(--primary-red) !important;}

/* Video Grid */
.wanshunqs-video-grid-3k7m9w {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 20px;}
.wanshunqs-video-card-6w2k8m {background: var(--card-bg);border-radius: 8px;overflow: hidden;transition: all 0.3s;cursor: pointer;}
.wanshunqs-video-card-6w2k8m:hover {transform: translateY(-8px);box-shadow: 0 8px 25px rgba(0,0,0,0.6);}

/* Video Poster */
.wanshunqs-video-poster-8k5m4w {position: relative;padding-top: 140%;overflow: hidden;}
.wanshunqs-video-poster-8k5m4w img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.wanshunqs-video-card-6w2k8m:hover .wanshunqs-video-poster-8k5m4w img {transform: scale(1.1);}

/* Play Overlay */
.wanshunqs-play-overlay-3w7k9m {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;}
.wanshunqs-video-card-6w2k8m:hover .wanshunqs-play-overlay-3w7k9m {opacity: 1;}
.wanshunqs-play-icon-6k2m8w {width: 60px;height: 60px;background: rgba(229,9,20,0.9);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--text-light);padding-left: 4px;}

/* Quality Badge */
.wanshunqs-video-quality-4k9m5w {position: absolute;top: 10px;right: 10px;padding: 4px 10px;background: rgba(229,9,20,0.9);color: var(--text-light);border-radius: 4px;font-size: 12px;font-weight: 600;}

/* Video Info */
.wanshunqs-video-info-4k9m5w {padding: 15px;}
.wanshunqs-video-info-4k9m5w h3 {font-size: 16px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wanshunqs-video-stats-7k3m6w {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;font-size: 13px;}
.wanshunqs-views-2w8k5m {color: var(--text-gray);font-size: 12px;}
.wanshunqs-video-desc-9k4m7w {font-size: 13px;color: var(--text-gray);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Features */
.wanshunqs-features-5k8m4w {background: var(--darker-bg);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.wanshunqs-features-grid-7k3m6w {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}
.wanshunqs-feature-item-2w9k5m {text-align: center;padding: 30px 20px;background: var(--card-bg);border-radius: 8px;transition: all 0.3s;border: 1px solid var(--border-color);}
.wanshunqs-feature-item-2w9k5m:hover {transform: translateY(-5px);border-color: var(--primary-red);}
.wanshunqs-feature-item-2w9k5m img {width: 70px;height: 70px;margin-bottom: 20px;border-radius: 50%;border: 2px solid var(--primary-red);}
.wanshunqs-feature-item-2w9k5m h3 {font-size: 20px;margin-bottom: 12px;}
.wanshunqs-feature-item-2w9k5m p {color: var(--text-gray);font-size: 14px;line-height: 1.6;}

/* Footer */
.wanshunqs-footer-4k7m9w {background: var(--darker-bg);padding: 50px 0 30px;border-top: 1px solid var(--border-color);}
.wanshunqs-footer-grid-8w3k6m {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 40px;margin-bottom: 40px;}
.wanshunqs-footer-col-5k9m2w h3 {font-size: 20px;margin-bottom: 20px;color: var(--primary-red);}
.wanshunqs-footer-col-5k9m2w h4 {font-size: 16px;margin-bottom: 15px;color: var(--text-light);}
.wanshunqs-footer-col-5k9m2w p {color: var(--text-gray);margin-bottom: 15px;line-height: 1.8;font-size: 14px;}
.wanshunqs-footer-col-5k9m2w ul {list-style: none;}
.wanshunqs-footer-col-5k9m2w ul li {margin-bottom: 10px;}
.wanshunqs-footer-col-5k9m2w ul li a {color: var(--text-gray);text-decoration: none;transition: all 0.3s;font-size: 14px;}
.wanshunqs-footer-col-5k9m2w ul li a:hover {color: var(--primary-red);padding-left: 5px;}
.wanshunqs-footer-btn-6k2m8w {display: inline-block;padding: 10px 25px;background: var(--primary-red);color: var(--text-light);text-decoration: none;border-radius: 4px;margin-top: 10px;transition: all 0.3s;font-size: 14px;}
.wanshunqs-footer-btn-6k2m8w:hover {background: #b7070f;}
.wanshunqs-footer-bottom-7k4m3w {text-align: center;padding-top: 30px;border-top: 1px solid var(--border-color);color: var(--text-gray);}
.wanshunqs-footer-bottom-7k4m3w p {margin: 8px 0;font-size: 13px;}

/* Page Banner */
.wanshunqs-page-banner-6k3m9w {padding: 140px 0 60px;background: linear-gradient(135deg, #1a0000 0%, #000000 100%);text-align: center;position: relative;border-bottom: 1px solid var(--border-color);}
.wanshunqs-banner-overlay-7w4k2m {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(229,9,20,0.1) 0%, transparent 70%);}
.wanshunqs-page-banner-6k3m9w h2 {font-size: 40px;margin-bottom: 15px;position: relative;z-index: 1;}
.wanshunqs-page-banner-6k3m9w p {font-size: 16px;color: var(--text-gray);position: relative;z-index: 1;}

/* Page Content */
.wanshunqs-page-content-8k5m3w {padding: 50px 0;}
.wanshunqs-content-main-4w9k2m {max-width: 1000px;margin: 0 auto;}
.wanshunqs-content-main-4w9k2m h3 {font-size: 28px;margin-bottom: 25px;}
.wanshunqs-content-main-4w9k2m p {color: var(--text-gray);margin-bottom: 20px;line-height: 1.8;}
.wanshunqs-content-cards-7k3m6w {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 25px;margin: 40px 0;}
.wanshunqs-content-card-2w8k5m {background: var(--card-bg);padding: 25px;border-radius: 8px;transition: all 0.3s;border: 1px solid var(--border-color);}
.wanshunqs-content-card-2w8k5m:hover {transform: translateY(-5px);border-color: var(--primary-red);}
.wanshunqs-content-card-2w8k5m img {width: 100%;height: 150px;object-fit: cover;border-radius: 6px;margin-bottom: 15px;}
.wanshunqs-content-card-2w8k5m h4 {font-size: 18px;margin-bottom: 10px;}
.wanshunqs-content-card-2w8k5m p {color: var(--text-gray);font-size: 14px;}
.wanshunqs-video-list-5k9m4w {margin-top: 50px;}
.wanshunqs-video-list-5k9m4w h4 {font-size: 24px;margin-bottom: 30px;}

@media (max-width: 768px) {
    .wanshunqs-search-box-9k5m3w {display: none;}
    .wanshunqs-nav-8k4m2w {display: none;}
    .wanshunqs-slider-content-4w8k5m {left: 20px;max-width: 90%;}
    .wanshunqs-slider-content-4w8k5m h2 {font-size: 28px;}
    .wanshunqs-video-grid-3k7m9w {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 15px;}
}