@import url('./components/layout.css');@import url('./components/header.css');@import url('./components/modal.css');@import url('./components/form.css');@import url('./components/auth.css');@import url('./components/footer.css');@import url('./components/responsive.css');.container{max-width:1280px;margin:0 auto;padding:0 15px;width:100%;box-sizing:border-box;}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}.page-content{flex:1 0 auto;padding:20px 0;width:100%;}.banner-section{background-color:#e6f2ff;padding:40px 0;text-align:center;position:relative;overflow:hidden;}.banner-content{position:relative;z-index:2;}.banner-title{font-size:28px;font-weight:bold;margin-bottom:10px;color:#333;}.banner-subtitle{font-size:18px;color:#666;margin-bottom:20px;}.banner-desc{font-size:14px;color:#999;}.feature-cards{display:flex;justify-content:space-between;margin:30px 0;gap:20px;}.feature-card{flex:1;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease;}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}.feature-card h3{font-size:16px;margin-bottom:10px;color:#333;}.feature-card p{font-size:14px;color:#666;}.ranking-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;}.section-header p{margin:5px 0;color:#999;font-size:14px;}.section-title{font-size:18px;font-weight:bold;color:#333;position:relative;padding-left:12px;}.section-title:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background-color:#ff6d3f;border-radius:2px;}.ranking-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;overflow:hidden;}.ranking-column{display:flex;flex-direction:column;gap:10px;}.ranking-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;}.rank-number{min-width:24px;height:24px;border-radius:4px;background-color:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:12px;flex-shrink:0;}.rank-number.top{background-color:#ff6d3f;color:#fff;}.book-cover{width:50px;height:70px;object-fit:cover;border-radius:4px;margin-right:10px;flex-shrink:0;}.book-info{flex:1;min-width:0;overflow:hidden;}.book-title{font-size:14px;font-weight:bold;margin-bottom:5px;color:#333;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-height:1.4em;white-space:nowrap;text-overflow:ellipsis;}.book-author{font-size:12px;color:#999;}.news-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.news-list{display:flex;flex-direction:column;}.news-item{padding:10px 0;border-bottom:1px solid #f5f5f5;}.news-item a{display:flex;align-items:center;color:#333;transition:color 0.3s;}.news-item a:hover{color:#ff6d3f;}.news-item i{font-size:12px;margin-right:8px;color:#ff6d3f;}.author-section{background:#fff;border-radius:8px;padding:20px;margin-top:30px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.author-list{display:flex;gap:20px;overflow-x:auto;padding:10px 0;}.author-item{flex:0 0 auto;width:150px;text-align:center;}.author-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 10px;border:3px solid rgba(255,109,63,0.2);}.author-name{font-size:14px;font-weight:bold;margin-bottom:5px;}.author-desc{font-size:12px;color:#999;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4em;}h1,h2,h3,h4,h5,h6,p,span,a{overflow-wrap:break-word;word-wrap:break-word;}@media (max-width:992px){.container{padding:0 10px;}}@media (max-width:576px){.page-content{padding:15px 0;}}@media (max-width:992px){.ranking-list{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.ranking-list{grid-template-columns:1fr;}.ranking-item{padding:10px 0;}.book-cover{width:60px;height:80px;}}.text-center{text-align:center;}.mt-3{margin-top:15px;}.more-link{display:inline-block;color:#ff6d3f;font-size:14px;padding:5px 15px;border-radius:15px;transition:all 0.3s;text-decoration:none;border:1px solid #ff6d3f;}.more-link:hover{background-color:#ff6d3f;color:#fff;}.more-link i{margin-left:5px;font-size:12px;}.news-section .more{display:block;text-align:center;color:#999;font-size:14px;padding:8px 0;margin-top:10px;transition:all 0.3s;text-decoration:none;}.news-section .more:hover{color:#ff6d3f;}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:9999;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;}.modal-overlay.show{opacity:1;}.modal-container{background-color:#fff;border-radius:8px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,0.2);transform:translateY(-20px);transition:transform 0.3s ease;}.modal-overlay.show .modal-container{transform:translateY(0);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;}.modal-title{font-size:18px;font-weight:600;color:#333;margin:0;}.modal-close{background:none;border:none;font-size:24px;line-height:1;color:#999;cursor:pointer;transition:color 0.2s;}.modal-close:hover{color:#333;}.modal-body{padding:20px;}.form-group{position:relative;margin-bottom:15px;}.form-group label{display:block;margin-bottom:5px;color:#666;font-size:14px;}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color 0.2s;}.form-group input:focus{border-color:#5D9968;outline:none;}.form-checkbox{display:flex;align-items:center;margin-bottom:15px;font-size:14px;color:#666;}.form-checkbox input[type="checkbox"]{margin-right:8px;}.form-submit{width:100%;padding:10px 0;background-color:#5D9968;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color 0.2s;}.form-submit:hover{background-color:#4c8057;}.form-optional{text-align:center;margin-top:15px;font-size:14px;color:#666;}.form-optional a{color:#5D9968;text-decoration:none;font-weight:500;}.form-optional a:hover{text-decoration:underline;}.form-error{background-color:#ffecec;color:#e74c3c;padding:8px 12px;border-radius:4px;font-size:14px;margin-top:15px;}/* 头像样式已移动到header.css统一管理 */.user-info{display:flex;align-items:center;position:relative;}.username{margin-left:8px;font-weight:500;color:#333;}.user-dropdown{position:absolute;top:100%;right:0;width:180px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:10px 0;display:none;z-index:100;margin-top:5px;}.user-dropdown.active{display:block;animation:dropdownFadeIn 0.2s ease;}.user-dropdown-item{display:block;padding:8px 16px;color:#333;text-decoration:none;transition:background-color 0.2s;}.user-dropdown-item:hover{background-color:#f5f5f5;}.user-dropdown-item.logout{border-top:1px solid #eee;color:#e74c3c;}.login-btn,.register-btn{padding:6px 16px;border-radius:20px;text-decoration:none;font-weight:500;transition:all 0.3s;font-size:14px;}.login-btn{background-color:transparent;border:1px solid #ff6d3f;color:#ff6d3f;margin-right:10px;}.login-btn:hover{background-color:rgba(255,109,63,0.1);}.register-btn{background-color:#ff6d3f;border:1px solid #ff6d3f;color:white;}.register-btn:hover{background-color:#ff5c26;}.auth-required.hidden{display:none;}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){.modal-container{width:95%;}.login-btn,.register-btn{padding:6px 12px;font-size:14px;}}