*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Microsoft YaHei',Arial,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.nav-brand{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:bold;color:#ff6b6b}.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:#ff6b6b}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 2rem 2rem;background:linear-gradient(135deg,#ff6b6b,#ffa500)}.hero-content{flex:1;color:white}.hero-content h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:.3s}.btn-primary{background:white;color:#ff6b6b}.btn-secondary{background:transparent;color:white;border:2px solid white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-secondary:hover{background:white;color:#ff6b6b}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.comic-cards{display:flex;gap:20px}.comic-card{width:100px;height:140px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);animation:float 3s ease-in-out infinite}.comic-card:nth-child(2){animation-delay:1s}.comic-card:nth-child(3){animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.categories,.popular,.latest,.about{padding:4rem 0}.categories{background:white}.popular{background:#f8f9fa}.latest{background:white}.about{background:#f8f9fa}h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category-item{text-align:center;padding:2rem;background:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:.3s}.category-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.category-icon{width:80px;height:80px;margin:0 auto 1rem;background:#ff6b6b;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:bold}.comic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.comic-item{text-align:center;background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:.3s}.comic-item:hover{transform:translateY(-5px)}.comic-cover{width:100%;height:250px;object-fit:cover;display:block}.comic-item h3{padding:1rem;font-size:1.1rem}.comic-item p{padding:0 1rem 1rem;color:#666;font-size:.9rem}.update-list{max-width:800px;margin:0 auto}.update-item{display:flex;align-items:center;padding:1rem;background:white;margin-bottom:1rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:.3s}.update-item:hover{transform:translateX(5px)}.update-cover{width:60px;height:80px;object-fit:cover;border-radius:5px;margin-right:1rem}.update-info{flex:1}.update-info h3{font-size:1.1rem;margin-bottom:.5rem}.update-info p{color:#666;margin-bottom:.5rem}.update-time{color:#999;font-size:.9rem}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.about-text p{margin-bottom:1rem;font-size:1.1rem;line-height:1.8}.about-features{display:flex;flex-direction:column;gap:1rem}.feature{text-align:center;padding:1rem;background:white;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.feature h4{color:#ff6b6b;margin-bottom:.5rem}.footer{background:#333;color:white;text-align:center;padding:2rem 0}.footer p{opacity:.8}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:white;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{flex-direction:column;text-align:center;padding:100px 1rem 2rem}.hero-content h1{font-size:2rem}.hero-buttons{justify-content:center}.comic-cards{margin-top:2rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.comic-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.about-content{grid-template-columns:1fr;text-align:center}.about-features{flex-direction:row;justify-content:space-around}}@media (max-width:480px){.nav{padding:1rem}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:1rem}.category-grid{grid-template-columns:1fr}.comic-grid{grid-template-columns:repeat(2,1fr)}.about-features{flex-direction:column}}