*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.nav-brand{display:flex;align-items:center;font-size:1.5rem;font-weight:bold;color:#FF6B35}.nav-brand svg{margin-right:10px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s}.nav-menu a:hover{color:#FF6B35}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:#333;margin:3px 0;transition:0.3s}.hero{min-height:100vh;display:flex;align-items:center;padding:80px 2rem 2rem;background:linear-gradient(135deg,#FF6B35 0%,#F7931E 100%)}.hero-content{flex:1;color:white}.hero-content h1{font-size:3rem;margin-bottom:1rem;animation:fadeInUp 1s ease}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:0.9;animation:fadeInUp 1s ease 0.2s both}.hero-buttons{display:flex;gap:1rem;animation:fadeInUp 1s ease 0.4s both}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:all 0.3s}.btn-primary{background:white;color:#FF6B35}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.btn-secondary{background:transparent;color:white;border:2px solid white}.btn-secondary:hover{background:white;color:#FF6B35}.hero-image{flex:1;text-align:center}.hero-image svg{max-width:100%;height:auto;animation:float 3s ease-in-out infinite}.categories{padding:80px 0;background:#f8f9fa}.categories 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{background:white;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s}.category-item:hover{transform:translateY(-5px)}.category-icon{width:60px;height:60px;background:#FF6B35;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto 1rem}.category-item h3{font-size:1.3rem;margin-bottom:0.5rem;color:#333}.hot-comics{padding:80px 0}.hot-comics h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.comics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.comic-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s}.comic-card:hover{transform:translateY(-5px)}.comic-cover{width:100%;height:200px;object-fit:cover;display:block}.comic-info{padding:1.5rem}.comic-card h3{font-size:1.2rem;color:#333;margin-bottom:0.5rem}.comic-card p{color:#666;font-size:0.9rem;margin-bottom:1rem}.comic-status{display:inline-block;padding:5px 15px;background:#4CAF50;color:white;border-radius:15px;font-size:0.8rem}.new-updates{padding:80px 0;background:#f8f9fa}.new-updates h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.update-list{max-width:600px;margin:0 auto}.update-item{display:flex;align-items:center;background:white;padding:1.5rem;margin-bottom:1.5rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s}.update-item:hover{transform:translateX(5px)}.update-cover{width:60px;height:80px;object-fit:cover;border-radius:5px;margin-right:1.5rem;flex-shrink:0}.update-info{flex:1}.update-info h4{font-size:1.1rem;color:#333;margin-bottom:0.5rem}.update-info p{color:#666;font-size:0.9rem}.about{padding:80px 0}.about h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text{font-size:1.1rem;line-height:1.8}.about-text ul{margin-top:1rem;list-style:none}.about-text li{margin:0.5rem 0;color:#4CAF50}.about-stats{display:grid;grid-template-columns:1fr;gap:2rem}.stat-item{text-align:center;padding:2rem;background:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.stat-number{display:block;font-size:2.5rem;font-weight:bold;color:#FF6B35;margin-bottom:0.5rem}.stat-label{color:#666}.footer{background:#333;color:white;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-brand h3{color:#FF6B35;margin-bottom:1rem}.footer-links h4,.footer-contact h4{margin-bottom:1rem;color:#FF6B35}.footer-links ul{list-style:none}.footer-links a{color:#ccc;text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:#FF6B35}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #555;color:#ccc}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;padding:1rem;box-shadow:0 2px 10px rgba(0,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{flex-direction:column;align-items:center}.category-grid{grid-template-columns:1fr}.comics-grid{grid-template-columns:1fr;max-width:400px}.about-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}.update-list{max-width:100%;padding:0 1rem}}@media (max-width:480px){.comics-grid{grid-template-columns:1fr}.update-item{flex-direction:column;text-align:center}.update-cover{margin:0 0 1rem 0}}