/* 星河影视 - 样式文件 */ /* UI Style 5:深色影院风格 */ /* Layout Variant C:信息密集网格 */:root{--bg-primary:#141414;--bg-secondary:#1f1f1f;--bg-card:#2a2a2a;--text-primary:#ffffff;--text-secondary:#b3b3b3;--accent-red:#e50914;--accent-hover:#f40612;--border-color:#404040;--shadow:rgba(0,0,0,0.7);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:16px;}a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease;}a:hover{color:var(--accent-red);}header{background-color:rgba(20,20,20,0.95);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-red);letter-spacing:0.5px;}nav ul{display:flex;list-style:none;gap:2rem;flex-wrap:nowrap;}nav a{font-size:0.95rem;font-weight:500;padding:0.5rem 0;position:relative;}nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-red);transition:width 0.3s ease;}nav a:hover::after{width:100%;}main{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px);}.breadcrumb{font-size:0.875rem;color:var(--text-secondary);margin-bottom:1.5rem;padding:0.5rem 0;}.breadcrumb a{color:var(--text-secondary);}.breadcrumb a:hover{color:var(--accent-red);}.breadcrumb span{margin:0 0.5rem;}h1{font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.2;}h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;}.section{margin:3rem 0;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}.section-title{font-size:1.5rem;font-weight:600;}.section-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8;}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;}.video-card{background-color:var(--bg-card);border-radius:8px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;border:1px solid transparent;}.video-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px var(--shadow);border-color:var(--border-color);}.video-card-content{padding:1.25rem;}.video-title{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.video-meta{font-size:0.875rem;color:var(--text-secondary);margin-bottom:0.5rem;display:flex;gap:0.75rem;flex-wrap:wrap;}.video-meta span{display:inline-block;}.video-oneline{font-size:0.9rem;color:var(--text-secondary);margin:0.75rem 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.video-excerpt{font-size:0.85rem;color:var(--text-secondary);margin:0.5rem 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.video-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem;}.tag{font-size:0.75rem;padding:0.25rem 0.625rem;background-color:rgba(229,9,20,0.15);color:var(--text-secondary);border-radius:4px;border:1px solid rgba(229,9,20,0.3);}.detail-container{max-width:1000px;margin:0 auto;}.detail-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);}.detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0;font-size:0.95rem;color:var(--text-secondary);}.detail-meta-item{display:flex;gap:0.5rem;}.detail-meta-label{font-weight:600;color:var(--text-primary);}.detail-section{margin:2.5rem 0;}.detail-section h2{font-size:1.3rem;margin-bottom:1rem;color:var(--accent-red);}.detail-section p{line-height:1.8;color:var(--text-secondary);}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-top:1.5rem;}.related-item{background-color:var(--bg-card);padding:1rem;border-radius:6px;border:1px solid var(--border-color);transition:all 0.3s ease;}.related-item:hover{border-color:var(--accent-red);transform:translateY(-4px);}.related-title{font-weight:600;margin-bottom:0.5rem;color:var(--text-primary);}.related-desc{font-size:0.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.intro-section{background-color:var(--bg-secondary);padding:2rem;border-radius:8px;margin:2rem 0;border:1px solid var(--border-color);}.intro-section h2{color:var(--accent-red);margin-bottom:1rem;}.intro-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;}.link-list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;}.link-list a{padding:0.5rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;font-size:0.9rem;transition:all 0.3s ease;}.link-list a:hover{background-color:var(--accent-red);border-color:var(--accent-red);color:var(--text-primary);}.notice-box{background-color:rgba(229,9,20,0.1);border:1px solid rgba(229,9,20,0.3);border-radius:6px;padding:1.5rem;margin:2rem 0;}.notice-box h3{color:var(--accent-red);margin-bottom:0.75rem;font-size:1.1rem;}.notice-box p{color:var(--text-secondary);line-height:1.7;}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem;margin-top:4rem;text-align:center;color:var(--text-secondary);font-size:0.875rem;}@media (max-width:768px){nav ul{gap:0;justify-content:space-between;}nav li{flex:1 1 0;min-width:0;text-align:center;}nav a{font-size:0.8rem;padding:0.5rem 0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}.header-container{padding:1rem;flex-direction:column;gap:1rem;}.logo{font-size:1.25rem;}main{padding:1rem;}h1{font-size:1.5rem;}.video-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;}.related-grid{grid-template-columns:1fr;}.detail-meta{flex-direction:column;gap:0.75rem;}.section-header{flex-direction:column;align-items:flex-start;gap:0.5rem;}}@media (max-width:480px){nav a{font-size:0.7rem;padding:0.5rem 0.15rem;}.video-grid{grid-template-columns:1fr;}}