/* 神探影视 - 完整样式表 *//* ===== 全局重置与基础样式 ===== */*{margin: 0;padding: 0;box-sizing: border-box;}html{font-size: 16px;scroll-behavior: smooth;}body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;line-height: 1.6;color: #333;background: #f5f5f5;}/* ===== 布局容器 ===== */.container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.content-wrapper{background: #fff;padding: 30px;margin: 20px 0;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}/* ===== 头部导航 ===== */header{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: #fff;padding: 15px 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1);position: sticky;top: 0;z-index: 1000;}.site-header{display: flex;justify-content: space-between;align-items: center;}.site-logo{font-size: 24px;font-weight: bold;color: #fff;text-decoration: none;display: flex;align-items: center;gap: 10px;}.site-logo::before{content: "🎬";font-size: 28px;}/* 导航菜单 - 移动端单行显示 */.main-nav{flex: 1;display: flex;justify-content: flex-end;}.nav-menu{list-style: none;display: flex;gap: 5px;flex-wrap: nowrap;justify-content: space-between;}.nav-menu li{white-space: nowrap;}.nav-menu a{color: #fff;text-decoration: none;padding: 8px 15px;border-radius: 4px;transition: background 0.3s;display: block;font-size: 14px;}.nav-menu a:hover,.nav-menu a.active{background: rgba(255,255,255,0.2);}/* ===== 面包屑导航 ===== */.breadcrumb{padding: 15px 0;font-size: 14px;color: #666;}.breadcrumb a{color: #667eea;text-decoration: none;}.breadcrumb a:hover{text-decoration: underline;}.breadcrumb span{margin: 0 8px;}/* ===== 首页模块 ===== */.home-section{margin-bottom: 40px;}.section-title{font-size: 26px;font-weight: bold;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 3px solid #667eea;position: relative;}.section-title::after{content: "";position: absolute;bottom: -3px;left: 0;width: 80px;height: 3px;background: #764ba2;}/* ===== 视频卡片网格 ===== */.video-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 20px;margin-top: 20px;}.video-card{background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.3s,box-shadow 0.3s;cursor: pointer;}.video-card:hover{transform: translateY(-5px);box-shadow: 0 4px 16px rgba(0,0,0,0.15);}.video-card-image{width: 100%;height: 180px;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);display: flex;align-items: center;justify-content: center;font-size: 48px;color: rgba(255,255,255,0.3);position: relative;}.video-card-image::after{content: "▶";position: absolute;font-size: 60px;color: rgba(255,255,255,0.8);}.video-card-body{padding: 15px;}.video-title{font-size: 16px;font-weight: bold;margin-bottom: 8px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.video-meta{font-size: 13px;color: #999;display: flex;gap: 10px;flex-wrap: wrap;}.video-meta span{display: inline-flex;align-items: center;gap: 4px;}.video-card a{text-decoration: none;color: inherit;}/* ===== 视频详情页 ===== */.video-detail-header{border-bottom: 2px solid #eee;padding-bottom: 20px;margin-bottom: 20px;}.video-detail-title{font-size: 32px;font-weight: bold;margin-bottom: 15px;color: #333;}.video-detail-meta{display: flex;gap: 20px;flex-wrap: wrap;font-size: 14px;color: #666;}.video-detail-meta span{padding: 5px 12px;background: #f0f0f0;border-radius: 4px;}.video-info-section{margin: 30px 0;}.info-label{font-size: 18px;font-weight: bold;margin-bottom: 10px;color: #667eea;}.info-content{font-size: 15px;line-height: 1.8;color: #555;}.tag-list{display: flex;gap: 10px;flex-wrap: wrap;}.tag{padding: 5px 12px;background: #667eea;color: #fff;border-radius: 20px;font-size: 13px;}/* ===== 相关推荐 ===== */.related-videos{margin-top: 40px;padding-top: 30px;border-top: 2px solid #eee;}/* ===== 站点介绍 ===== */.site-intro{background: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding: 30px;border-radius: 8px;margin-top: 30px;}.site-intro h2{font-size: 24px;margin-bottom: 15px;color: #333;}.site-intro p{font-size: 15px;line-height: 1.8;color: #555;margin-bottom: 10px;}/* ===== 列表页 ===== */.list-header{margin-bottom: 30px;}.list-title{font-size: 32px;font-weight: bold;margin-bottom: 15px;}.list-description{font-size: 16px;color: #666;line-height: 1.8;}/* ===== 404页面 ===== */.error-page{text-align: center;padding: 80px 20px;}.error-code{font-size: 120px;font-weight: bold;color: #667eea;margin-bottom: 20px;}.error-message{font-size: 24px;color: #666;margin-bottom: 30px;}.btn-home{display: inline-block;padding: 12px 30px;background: #667eea;color: #fff;text-decoration: none;border-radius: 25px;transition: background 0.3s;}.btn-home:hover{background: #764ba2;}/* ===== 页脚 ===== */footer{background: #2c3e50;color: #ecf0f1;padding: 30px 0;margin-top: 50px;text-align: center;}footer p{margin: 8px 0;font-size: 14px;}footer a{color: #3498db;text-decoration: none;}footer a:hover{text-decoration: underline;}/* ===== 响应式设计 ===== */@media (max-width: 768px){/* 移动端导航必须单行 */ .site-header{flex-direction: column;gap: 10px;}.main-nav{width: 100%;}.nav-menu{width: 100%;flex-wrap: nowrap;justify-content: space-between;gap: 2px;}.nav-menu a{padding: 8px 10px;font-size: 13px;}.site-logo{font-size: 20px;}.video-grid{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 15px;}.video-detail-title{font-size: 24px;}.list-title{font-size: 24px;}.content-wrapper{padding: 20px;}}@media (max-width: 480px){.nav-menu a{padding: 6px 8px;font-size: 12px;}.video-grid{grid-template-columns: 1fr;}}