*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Comic Sans MS','Yuanti SC','圆体-简','幼圆',YouYuan,sans-serif;background-color:#f9f5ff;color:#333;line-height:1.6;background-image:url('../images/background.png');background-repeat:repeat}a{text-decoration:none;color:#4a90e2;transition:color .3s}a:hover{color:#2a70c2}header{background-color:#ffd166;padding:15px 5%;box-shadow:0 4px 8px rgba(0,0,0,.1);border-bottom:5px solid #ff6b6b;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{display:flex;align-items:center}.logo-image{width:60px;height:60px;margin-right:15px}h1{color:#ff6b6b;font-size:2rem;text-shadow:2px 2px 0 #fff}nav ul{display:flex;list-style:none}nav ul li{margin-left:20px}nav ul li a{color:#ff6b6b;font-weight:700;font-size:1.2rem;padding:5px 10px;border-radius:20px;transition:all .3s}nav ul li a.active,nav ul li a:hover{background-color:#ff6b6b;color:#fff}.hero{background-color:#50c878;color:#fff;text-align:center;padding:50px 20px;margin-bottom:30px;border-bottom:5px dashed #4a90e2}.hero h2{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 0 #333}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto}main{max-width:1200px;margin:0 auto;padding:0 20px}section{margin-bottom:50px}h2{font-size:2rem;color:#4a90e2;margin-bottom:20px;text-align:center;text-shadow:1px 1px 0 #fff}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.game-card{background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;border:3px solid #4a90e2}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.game-thumbnail img{width:100%;height:180px;object-fit:cover;border-bottom:3px dashed #ff6b6b}.game-info{padding:20px}.game-info h3{color:#4a90e2;margin-bottom:10px;font-size:1.5rem}.play-button{display:inline-block;background-color:#ff6b6b;color:#fff;padding:8px 20px;border-radius:30px;margin-top:15px;font-weight:700;transition:background-color .3s,transform .3s}.play-button:hover{background-color:#ff4f4f;color:#fff;transform:scale(1.05)}.about-section{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);border:3px solid #50c878}.about-content{display:flex;align-items:center;flex-wrap:wrap}.avatar{width:150px;height:150px;border-radius:50%;border:5px solid #4a90e2;margin-right:30px;margin-bottom:20px}.about-text p{margin-bottom:15px;font-size:1.1rem}footer{background-color:#4a90e2;color:#fff;text-align:center;padding:20px 0;margin-top:50px;border-top:5px dashed #ffd166}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}footer p{margin:5px 0}@media (max-width:768px){header{flex-direction:column;text-align:center}.logo{margin-bottom:15px;justify-content:center}nav ul{justify-content:center;margin-top:10px}nav ul li{margin:0 10px}.hero h2{font-size:2rem}.about-content{justify-content:center;text-align:center}.avatar{margin-right:0}}