/* sxmingjing.com - 糖心vlog 影视网站样式 2025-10-10 */
* {margin: 0;padding: 0;box-sizing: border-box;}
:root {
    --primary-purple: #8b2fc9;
    --primary-pink: #d946a6;
    --dark-bg: #0d0d0f;
    --darker-bg: #000000;
    --card-bg: #1a1a1f;
    --text-light: #ffffff;
    --text-gray: #a8a8b3;
    --border-color: #2a2a35;
    --hover-bg: #2d2d38;
    --gradient: linear-gradient(135deg, #8b2fc9 0%, #d946a6 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;}
.sxmingjing-container-2w9k6m {max-width: 1400px;margin: 0 auto;padding: 0 20px;}

/* Header */
.sxmingjing-header-7k5m4w {background: rgba(13,13,15,0.98);position: fixed;width: 100%;top: 0;z-index: 1000;backdrop-filter: blur(12px);border-bottom: 1px solid var(--border-color);box-shadow: 0 2px 10px rgba(139,47,201,0.1);}
.sxmingjing-header-7k5m4w .sxmingjing-container-2w9k6m {display: flex;justify-content: space-between;align-items: center;padding: 14px 20px;}
.sxmingjing-logo-4k8m3w h1 {font-size: 26px;font-weight: 700;}
.sxmingjing-logo-4k8m3w h1 a {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-decoration: none;letter-spacing: -0.5px;}

/* Search Box */
.sxmingjing-search-box-6k2m9w {flex: 1;max-width: 480px;margin: 0 40px;display: flex;position: relative;}
.sxmingjing-search-input-5k7m8w {flex: 1;padding: 11px 20px;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 25px 0 0 25px;color: var(--text-light);font-size: 14px;outline: none;transition: all 0.3s;}
.sxmingjing-search-input-5k7m8w:focus {border-color: var(--primary-purple);box-shadow: 0 0 0 3px rgba(139,47,201,0.1);}
.sxmingjing-search-btn-3k9m5w {padding: 11px 22px;background: var(--gradient);color: var(--text-light);border: none;border-radius: 0 25px 25px 0;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;}
.sxmingjing-search-btn-3k9m5w:hover {transform: scale(1.05);box-shadow: 0 4px 12px rgba(139,47,201,0.4);}

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

/* Hero Section */
.sxmingjing-hero-5k8m2w {padding-top: 65px;min-height: 620px;position: relative;overflow: hidden;}
.sxmingjing-hero-slider-4k7m9w {position: relative;width: 100%;height: 620px;}
.sxmingjing-slide-item-6k3m8w {position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity 1.2s;}
.sxmingjing-slide-item-6k3m8w.sxmingjing-active-slide-2k9m5w {opacity: 1;}
.sxmingjing-slide-item-6k3m8w img {width: 100%;height: 100%;object-fit: cover;}
.sxmingjing-slide-overlay-7k4m3w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(13,13,15,0.95) 0%, rgba(13,13,15,0.5) 50%, transparent 100%);}
.sxmingjing-slide-content-9k5m6w {position: absolute;top: 50%;left: 80px;transform: translateY(-50%);max-width: 650px;z-index: 10;animation: slideInLeft 0.8s ease;}
@keyframes slideInLeft {from {opacity: 0;transform: translateY(-50%) translateX(-30px);}to {opacity: 1;transform: translateY(-50%) translateX(0);}}
.sxmingjing-slide-content-9k5m6w h2 {font-size: 52px;margin-bottom: 20px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.sxmingjing-video-meta-8k2m7w {display: flex;gap: 20px;margin-bottom: 18px;font-size: 14px;}
.sxmingjing-rating-3k6m9w {color: #ffd700;font-weight: 600;}
.sxmingjing-year-5k8m4w, .sxmingjing-genre-7k3m2w {color: var(--text-gray);}
.sxmingjing-desc-4k9m6w {font-size: 16px;line-height: 1.7;margin-bottom: 28px;color: var(--text-gray);}
.sxmingjing-hero-btns-6k8m3w {display: flex;gap: 15px;}
.sxmingjing-btn-play-9k5m7w, .sxmingjing-btn-more-2k7m4w {padding: 13px 38px;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s;display: inline-block;}
.sxmingjing-btn-play-9k5m7w {background: var(--gradient);color: var(--text-light);box-shadow: 0 4px 15px rgba(139,47,201,0.4);}
.sxmingjing-btn-play-9k5m7w:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(139,47,201,0.6);}
.sxmingjing-btn-more-2k7m4w {background: rgba(255,255,255,0.1);color: var(--text-light);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.2);}
.sxmingjing-btn-more-2k7m4w:hover {background: rgba(255,255,255,0.2);}

/* Sections */
section {padding: 60px 0;}
.sxmingjing-section-header-7k4m9w {margin-bottom: 35px;display: flex;justify-content: space-between;align-items: center;}
.sxmingjing-section-header-7k4m9w h2, .sxmingjing-section-header-7k4m9w h3 {font-size: 30px;font-weight: 700;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

/* Tabs */
.sxmingjing-tabs-5k9m3w, .sxmingjing-sort-tabs-6k9m3w {display: flex;gap: 10px;}
.sxmingjing-tabs-5k9m3w button, .sxmingjing-sort-tabs-6k9m3w button {padding: 8px 20px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 6px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.sxmingjing-tabs-5k9m3w button:hover, .sxmingjing-sort-tabs-6k9m3w button:hover {color: var(--text-light);border-color: var(--primary-purple);}
.sxmingjing-tabs-5k9m3w button.sxmingjing-tab-active-4k6m8w, .sxmingjing-sort-tabs-6k9m3w button.sxmingjing-tab-active-4k6m8w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Video Grid */
.sxmingjing-video-grid-8k3m6w {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 22px;}
.sxmingjing-video-card-5k7m9w {background: var(--card-bg);border-radius: 10px;overflow: hidden;transition: all 0.4s;cursor: pointer;border: 1px solid transparent;}
.sxmingjing-video-card-5k7m9w:hover {transform: translateY(-8px);box-shadow: 0 10px 30px rgba(139,47,201,0.3);border-color: var(--primary-purple);}

/* Video Poster */
.sxmingjing-video-poster-2k8m4w {position: relative;padding-top: 140%;overflow: hidden;}
.sxmingjing-video-poster-2k8m4w img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.sxmingjing-video-card-5k7m9w:hover .sxmingjing-video-poster-2k8m4w img {transform: scale(1.1);}

/* Play Overlay */
.sxmingjing-play-overlay-6k4m7w {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;}
.sxmingjing-video-card-5k7m9w:hover .sxmingjing-play-overlay-6k4m7w {opacity: 1;}
.sxmingjing-play-icon-9k2m5w {width: 64px;height: 64px;background: var(--gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 26px;color: var(--text-light);padding-left: 4px;}

/* Quality Badge */
.sxmingjing-quality-badge-3k7m8w {position: absolute;top: 12px;right: 12px;padding: 5px 12px;background: var(--gradient);color: var(--text-light);border-radius: 6px;font-size: 12px;font-weight: 600;}

/* Video Info */
.sxmingjing-video-info-7k5m2w {padding: 16px;}
.sxmingjing-video-info-7k5m2w h3 {font-size: 16px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-light);}
.sxmingjing-stats-4k9m6w {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;font-size: 13px;}
.sxmingjing-views-8k3m5w {color: var(--text-gray);font-size: 12px;}
.sxmingjing-video-desc-5k8m7w {font-size: 13px;color: var(--text-gray);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Features */
.sxmingjing-features-9k6m3w {background: var(--darker-bg);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.sxmingjing-features-grid-4k8m5w {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 30px;}
.sxmingjing-feature-item-7k3m9w {text-align: center;padding: 35px 25px;background: var(--card-bg);border-radius: 12px;transition: all 0.3s;border: 1px solid var(--border-color);}
.sxmingjing-feature-item-7k3m9w:hover {transform: translateY(-5px);border-color: var(--primary-purple);box-shadow: 0 8px 25px rgba(139,47,201,0.2);}
.sxmingjing-feature-icon-5k9m6w {width: 80px;height: 80px;margin: 0 auto 20px;border-radius: 50%;overflow: hidden;border: 3px solid transparent;background: var(--gradient);background-origin: border-box;background-clip: content-box, border-box;}
.sxmingjing-feature-icon-5k9m6w img {width: 100%;height: 100%;object-fit: cover;}
.sxmingjing-feature-item-7k3m9w h3 {font-size: 20px;margin-bottom: 12px;}
.sxmingjing-feature-item-7k3m9w p {color: var(--text-gray);font-size: 14px;line-height: 1.6;}

/* Footer */
.sxmingjing-footer-6k8m4w {background: var(--darker-bg);padding: 55px 0 30px;border-top: 1px solid var(--border-color);}
.sxmingjing-footer-grid-3k7m9w {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 40px;margin-bottom: 40px;}
.sxmingjing-footer-col-8k4m5w h3 {font-size: 20px;margin-bottom: 20px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.sxmingjing-footer-col-8k4m5w h4 {font-size: 16px;margin-bottom: 15px;color: var(--text-light);}
.sxmingjing-footer-col-8k4m5w p {color: var(--text-gray);margin-bottom: 15px;line-height: 1.8;font-size: 14px;}
.sxmingjing-footer-col-8k4m5w ul {list-style: none;}
.sxmingjing-footer-col-8k4m5w ul li {margin-bottom: 10px;}
.sxmingjing-footer-col-8k4m5w ul li a {color: var(--text-gray);text-decoration: none;transition: all 0.3s;font-size: 14px;}
.sxmingjing-footer-col-8k4m5w ul li a:hover {color: var(--primary-pink);padding-left: 5px;}
.sxmingjing-footer-btn-5k9m7w {display: inline-block;padding: 10px 26px;background: var(--gradient);color: var(--text-light);text-decoration: none;border-radius: 6px;margin-top: 10px;transition: all 0.3s;font-size: 14px;}
.sxmingjing-footer-btn-5k9m7w:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(139,47,201,0.4);}
.sxmingjing-footer-bottom-9k3m6w {text-align: center;padding-top: 30px;border-top: 1px solid var(--border-color);color: var(--text-gray);}
.sxmingjing-footer-bottom-9k3m6w p {margin: 8px 0;font-size: 13px;}

/* Page Banner */
.sxmingjing-page-banner-5k9m3w {padding: 140px 0 60px;background: linear-gradient(135deg, #1a0a2e 0%, #0d0d0f 100%);text-align: center;position: relative;border-bottom: 1px solid var(--border-color);}
.sxmingjing-banner-bg-8k4m6w {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(139,47,201,0.15) 0%, transparent 70%);}
.sxmingjing-page-banner-5k9m3w h2 {font-size: 42px;margin-bottom: 15px;position: relative;z-index: 1;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.sxmingjing-page-banner-5k9m3w p {font-size: 16px;color: var(--text-gray);position: relative;z-index: 1;}

/* Filter Area */
.sxmingjing-filter-area-6k7m2w {padding: 35px 0;background: var(--card-bg);border-bottom: 1px solid var(--border-color);}
.sxmingjing-filter-bar-3k8m9w {display: flex;flex-direction: column;gap: 20px;}
.sxmingjing-filter-row-4k5m7w {display: flex;align-items: flex-start;gap: 15px;}
.sxmingjing-filter-label-9k2m6w {color: var(--text-light);font-weight: 600;min-width: 60px;padding-top: 8px;}
.sxmingjing-filter-btns-7k3m8w {display: flex;flex-wrap: wrap;gap: 10px;flex: 1;}
.sxmingjing-filter-btns-7k3m8w button {padding: 7px 18px;background: transparent;color: var(--text-gray);border: 1px solid var(--border-color);border-radius: 6px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.sxmingjing-filter-btns-7k3m8w button:hover {color: var(--text-light);border-color: var(--primary-purple);}
.sxmingjing-filter-btns-7k3m8w button.sxmingjing-tab-active-4k6m8w {background: var(--gradient);color: var(--text-light);border-color: transparent;}

/* Content Area */
.sxmingjing-content-area-8k5m4w {padding: 55px 0;}

/* Pagination */
.sxmingjing-pagination-5k8m9w {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 50px;}
.sxmingjing-page-btn-7k4m3w, .sxmingjing-page-num-3k7m8w {padding: 9px 16px;background: var(--card-bg);color: var(--text-light);border: 1px solid var(--border-color);border-radius: 6px;cursor: pointer;transition: all 0.3s;font-size: 14px;}
.sxmingjing-page-btn-7k4m3w:hover, .sxmingjing-page-num-3k7m8w:hover {background: var(--hover-bg);border-color: var(--primary-purple);}
.sxmingjing-page-num-3k7m8w.sxmingjing-active-page-5k2m9w {background: var(--gradient);border-color: transparent;color: var(--text-light);}
.sxmingjing-page-btn-7k4m3w.sxmingjing-disabled-6k9m2w {opacity: 0.4;cursor: not-allowed;}
.sxmingjing-dots-9k4m6w {color: var(--text-gray);padding: 0 8px;}

@media (max-width: 768px) {
    .sxmingjing-search-box-6k2m9w {display: none;}
    .sxmingjing-nav-9k4m7w {display: none;}
    .sxmingjing-slide-content-9k5m6w {left: 20px;max-width: 90%;}
    .sxmingjing-slide-content-9k5m6w h2 {font-size: 32px;}
    .sxmingjing-video-grid-8k3m6w {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 15px;}
}