*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Microsoft YaHei',sans-serif;line-height:1.6;color:#333;background:#f8f9fa}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color .3s}a:hover{color:#007bff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border-radius:6px;font-weight:500;text-align:center;transition:all .3s;cursor:pointer;border:none;font-size:14px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;position:relative}.navbar-brand a{font-size:24px;font-weight:700;color:#007bff}.navbar-menu{display:flex;gap:30px}.nav-link{padding:10px 15px;border-radius:6px;transition:all .3s;font-weight:500}.nav-link:hover,.nav-link.active{background:#007bff;color:#fff}.search-box{display:flex;gap:10px;align-items:center}.search-input{padding:10px 15px;border:1px solid #ddd;border-radius:6px;width:200px;font-size:14px}.search-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.search-btn:hover{background:#1e7e34}.mobile-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:5px}.mobile-toggle span{width:25px;height:3px;background:#333;transition:all .3s;border-radius:2px}main{margin-top:80px}.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:80px 0;text-align:center}.hero-section h1{font-size:36px;margin-bottom:20px;font-weight:700}.hero-desc{font-size:18px;margin-bottom:40px;opacity:.9;max-width:800px;margin-left:auto;margin-right:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:24px;color:#333;display:flex;align-items:center;gap:8px}.icon{font-size:20px}.more-link{color:#007bff;font-weight:500;font-size:14px}.more-link:hover{text-decoration:underline}.recommend-section,.library-section,.ranking-section,.history-section{padding:60px 0}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.book-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s;border:1px solid #eee}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.book-cover{position:relative;height:160px;overflow:hidden;background:#f8f9fa}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info{padding:20px}.book-info h3{font-size:16px;margin-bottom:8px;font-weight:600}.book-info h3 a{color:#333}.book-info h3 a:hover{color:#007bff}.author{color:#666;font-size:13px;margin-bottom:12px}.desc{color:#777;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.category-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #eee}.category-card .section-header{margin-bottom:20px}.category-card h2{font-size:18px;color:#007bff}.book-list{list-style:none}.book-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.book-list li:last-child{border-bottom:none}.book-list a{color:#333;font-weight:500;font-size:14px;flex:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-list a:hover{color:#007bff}.book-list .author{color:#666;font-size:12px;min-width:80px;text-align:right}.ranking-section{background:#f8f9fa}.ranking-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px}.ranking-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #eee}.ranking-card.wide{grid-column:span 1}.ranking-table,.update-table{max-height:600px;overflow-y:auto}.ranking-item,.update-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.ranking-item:last-child,.update-item:last-child{border-bottom:none}.category{background:#007bff;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;min-width:40px;text-align:center;font-weight:500}.title{flex:1;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title:hover{color:#007bff}.chapter{flex:2;color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}.chapter:hover{color:#007bff}.author{color:#666;font-size:12px;min-width:100px;text-align:right}.date{color:#999;font-size:12px;min-width:60px;text-align:right}.history-section .container{text-align:center}.history-content{padding:60px 0}.history-content p{font-size:16px;color:#666;margin-bottom:30px}.footer{background:#333;color:#fff;padding:40px 0;text-align:center}.footer p{margin-bottom:10px;font-size:14px}.desktop-text{display:block}.mobile-text{display:none}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#007bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;font-size:18px;font-weight:bold}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#0056b3;transform:scale(1.1)}@media(max-width:768px){.container{padding:0 15px}.navbar{flex-wrap:wrap;padding:10px 0}.navbar-menu{display:none;width:100%;flex-direction:column;gap:10px;margin-top:15px;background:#fff;padding:15px 0;border-top:1px solid #eee}.navbar-menu.active{display:flex}.mobile-toggle{display:flex}.search-box{width:100%;margin-top:15px}.search-input{flex:1;width:auto}.hero-section{padding:60px 0}.hero-section h1{font-size:28px}.hero-desc{font-size:16px}.section-header h2{font-size:20px}.book-grid{grid-template-columns:1fr;gap:20px}.book-card{margin:0 10px}.category-grid{grid-template-columns:1fr;gap:20px}.ranking-grid{grid-template-columns:1fr;gap:20px}.ranking-card.wide{grid-column:span 1}.ranking-item,.update-item{flex-wrap:wrap;gap:8px;font-size:13px}.chapter{display:none}.author{min-width:auto;text-align:left}.date{min-width:auto;text-align:left}.desktop-text{display:none}.mobile-text{display:block}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}}@media(max-width:480px){.hero-section h1{font-size:24px}.hero-desc{font-size:14px}.book-info{padding:15px}.category-card{padding:20px}.ranking-card{padding:20px}}