*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:1000}.nav{padding:1rem 0}.nav .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:10px;color:#e91e63;font-size:1.5rem;font-weight:bold}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav-menu a:hover{color:#e91e63}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.hero{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;padding:120px 0 80px;text-align:center}.hero h2{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.search-box{display:flex;max-width:500px;margin:0 auto;gap:0}.search-box input{flex:1;padding:15px;border:none;border-radius:25px 0 0 25px;font-size:1rem}.search-box button{padding:15px 30px;background:#fff;color:#e91e63;border:none;border-radius:0 25px 25px 0;cursor:pointer;font-weight:bold;transition:background .3s}.search-box button:hover{background:#f5f5f5}.content-section{padding:80px 0;background:#fff}.content-section:nth-child(even){background:#f9f9f9}.content-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto}.content-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;position:relative}.content-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.content-item img{width:100%;height:300px;object-fit:cover;display:block}.content-item::after{content:'▶';position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;opacity:0;transition:opacity .3s;text-shadow:2px 2px 4px rgba(0,0,0,.5);pointer-events:none}.content-item:hover::after{opacity:.9}.content-info{padding:1rem}.content-info h3{font-size:1.2rem;color:#333;margin-bottom:.5rem}.content-info p{color:#666;font-size:.9rem}.about-section{padding:80px 0;background:#f9f9f9}.about-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature{text-align:center;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.feature h3{color:#e91e63;margin-bottom:1rem;font-size:1.3rem}.footer{background:#333;color:#fff;text-align:center;padding:2rem 0}.footer p{opacity:.8}@media (max-width:1024px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-menu.active{display:flex}.nav-toggle{display:flex}.hero h2{font-size:2rem}.hero p{font-size:1rem}.search-box{flex-direction:column;max-width:300px}.search-box input,.search-box button{border-radius:25px}.content-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.features{grid-template-columns:1fr}}@media (max-width:480px){.content-grid{grid-template-columns:1fr}.content-item img{height:250px}}