/* 爱唱影视 样式表 */ /* UI风格: ui-style-5 */ .container{max-width: 1200px;margin: 0 auto;padding: 20px;} .hero{background: linear-gradient(135deg, #3f51b5 0%, #303f9f 100%);color: #fff;padding: 40px 20px;border-radius: 8px;margin-bottom: 30px;text-align: center;} .hero h1{font-size: 2em;margin-bottom: 10px;} .hero .intro{font-size: 1.1em;opacity: 0.95;} section{margin-bottom: 40px;} section h2{font-size: 1.8em;margin-bottom: 20px;color: #3f51b5;border-bottom: 3px solid #536dfe;padding-bottom: 10px;} .card-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;} .card{background: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.3s, box-shadow 0.3s;} .card:hover{transform: translateY(-5px);box-shadow: 0 4px 16px rgba(0,0,0,0.15);} .card h3{font-size: 1.3em;margin-bottom: 10px;color: #3f51b5;} .card .one-line{color: #666;font-size: 0.95em;line-height: 1.5;} .card .summary{color: #888;font-size: 0.9em;margin-top: 10px;line-height: 1.4;} .detail{background: #fff;padding: 30px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);} .detail h1{font-size: 2.2em;color: #3f51b5;margin-bottom: 20px;} .detail .meta{color: #666;margin-bottom: 15px;} .detail .meta span{margin-right: 20px;} .detail .tags{color: #536dfe;margin-bottom: 20px;font-size: 0.9em;} .detail h3{font-size: 1.4em;color: #303f9f;margin-top: 25px;margin-bottom: 15px;} .detail p{line-height: 1.8;color: #444;} .detail .related ul{list-style: none;padding: 0;} .detail .related li{margin-bottom: 10px;padding: 10px;background: #f9f9f9;border-left: 3px solid #536dfe;} .notice{background: #fff3cd;border: 1px solid #ffc107;padding: 15px;border-radius: 5px;margin-bottom: 20px;} footer{text-align: center;padding: 20px;background: #333;color: #fff;margin-top: 40px;} @media (max-width: 768px){.hero h1{font-size: 1.5em;} .card-grid{grid-template-columns: 1fr;} .detail{padding: 20px;} .detail h1{font-size: 1.6em;}}