*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",Arial,sans-serif}
body{color:#333;line-height:1.6}
a{text-decoration:none;color:#333}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.w1200{width:1200px;margin:0 auto}
header{border-bottom:1px solid #eee;padding:10px 0;background-color:#fff}
.header-content{display:flex;justify-content:space-between;align-items:center}
.logo{background-color:#0066cc;color:white;padding:5px 15px;font-weight:bold;font-size:18px;border-radius:3px}
.nav-links{display:flex;list-style:none;margin-left:20px}
.nav-links li{margin:0 10px}
.nav-links a{font-size:14px;color:#666}
.auth-buttons{display:flex;gap:10px}
.login-btn{padding:5px 10px;font-size:14px;color:#333;background:transparent;border:none;cursor:pointer}
.register-btn{padding:5px 10px;font-size:14px;color:white;background-color:#0066cc;border:none;border-radius:3px;cursor:pointer}
.header-left{display:flex;align-items:center}
.hero{text-align:center;padding:60px 0 40px}
.hero h1{font-size:36px;color:#0066cc;margin-bottom:10px}
.hero p{color:#666;margin-bottom:30px;font-size:16px}
.search-box{display:flex;justify-content:center;max-width:500px;margin:0 auto 20px}
.search-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-right:none;border-radius:3px 0 0 3px;font-size:14px}
.search-btn{padding:10px 20px;background-color:#0066cc;color:white;border:none;border-radius:0 3px 3px 0;cursor:pointer;font-size:14px;font-weight:bold;white-space:nowrap}
.hot-search{font-size:13px;color:#666}
.hot-search a{color:#666;margin:0 5px}
.core-features{padding:40px 0 60px}
.core-features h2{text-align:center;margin-bottom:40px;font-size:20px;font-weight:bold}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.feature-card{text-align:center;padding:30px 20px;background-color:#f9f9f9;border-radius:5px}
.feature-icon{width:50px;height:50px;border-radius:50%;background-color:#e6f0ff;color:#0066cc;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold;margin:0 auto 15px}
.feature-card h3{font-size:16px;margin-bottom:10px}
.feature-card p{font-size:13px;color:#666}
footer{border-top:1px solid #eee;padding:30px 0;text-align:center;background-color: #fff;margin-top:0;}
.footer-links{font-size:13px;margin-bottom:10px}
.footer-links a{color:#666;margin:0 8px}
.copyright{font-size:12px;color:#999}
@media (max-width:768px){
    .header-content{flex-direction:column;gap:15px}
    .header-left{flex-direction:column;gap:10px}
    .nav-links{margin-left:0;flex-wrap:wrap;justify-content:center}
    .hero h1{font-size:28px}
    .search-box{width:100%}
    .features-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
    .hero{padding:40px 0 20px}
    .hero h1{font-size:24px}
    .feature-card{padding:20px 15px}
}
@media (min-width:1919px){
     footer{border-top:1px solid #eee;padding:30px 0;text-align:center;background-color: #fff;width: 100%;}  
}