[data-v-12ca827e]{margin:0;padding:0;box-sizing:border-box}body[data-v-12ca827e]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}.container[data-v-12ca827e]{max-width:1200px;margin:0 auto;padding:0 15px}.header[data-v-12ca827e]{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header .container[data-v-12ca827e]{display:flex;justify-content:center;align-items:center;height:60px}.logo[data-v-12ca827e]{display:flex;align-items:center}.logo img[data-v-12ca827e]{height:30px;margin-right:10px}.logo span[data-v-12ca827e]{font-size:18px;font-weight:700;color:#ff4e50}.main-nav ul[data-v-12ca827e]{display:flex;list-style:none}.main-nav li[data-v-12ca827e]{margin:0 15px}.main-nav a[data-v-12ca827e]{text-decoration:none;color:#333;font-size:14px;padding:5px 0;position:relative}.main-nav a.active[data-v-12ca827e]{color:#ff4e50;border-bottom:2px solid #ff4e50}.message-badge[data-v-12ca827e]{position:absolute;top:-8px;right:-15px;background-color:#ff4e50;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;min-width:20px;text-align:center;line-height:1}.search-login[data-v-12ca827e]{display:flex;align-items:center}.search-box[data-v-12ca827e]{position:relative;margin-right:20px}.search-box input[data-v-12ca827e]{padding:8px 15px;border:1px solid #ddd;border-radius:20px;width:200px;font-size:14px}.search-btn[data-v-12ca827e]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}.search-icon[data-v-12ca827e]{display:inline-block;width:16px;height:16px;background-color:#999;border-radius:50%}.user-profile[data-v-12ca827e]{display:flex;align-items:center;cursor:pointer;position:relative}.avatar[data-v-12ca827e]{width:32px;height:32px;border-radius:50%;margin-right:8px;background-color:#ddd}.username[data-v-12ca827e]{font-size:14px;margin-right:5px}.dropdown-icon[data-v-12ca827e]{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;margin-left:5px}.user-menu[data-v-12ca827e]{left:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:150px;z-index:10;max-height:100dvh;position:absolute;top:100%;margin-top:4px}.menu-item[data-v-12ca827e]{padding:10px 15px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s}.menu-item[data-v-12ca827e]:hover{background-color:#f5f5f5}.menu-item .icon[data-v-12ca827e]{display:inline-block;width:16px;height:16px;margin-right:10px;background-color:#999;border-radius:50%}.filter-section[data-v-12ca827e]{background-color:#fff;padding:15px;margin:15px 0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-group[data-v-12ca827e]{display:flex;align-items:center;margin-bottom:15px}.filter-label[data-v-12ca827e]{width:60px;font-size:14px;color:#666}.filter-options[data-v-12ca827e]{display:flex;flex-wrap:wrap}.filter-option[data-v-12ca827e]{margin-right:15px;margin-bottom:8px;padding:5px 10px;border-radius:15px;font-size:13px;cursor:pointer;color:#666;transition:all .2s}.filter-option.active[data-v-12ca827e]{background-color:#fff0f0;color:#ff4e50}.category-tags[data-v-12ca827e]{display:flex;flex-wrap:wrap;margin-top:15px}.tag-group[data-v-12ca827e]{display:flex;flex-wrap:wrap}.tag[data-v-12ca827e]{display:flex;align-items:center;margin-right:15px;margin-bottom:15px;padding:8px 15px;border-radius:20px;background-color:#f5f5f5;font-size:13px;cursor:pointer;transition:all .2s}.tag[data-v-12ca827e]:hover{background-color:#eaeaea}.tag.active[data-v-12ca827e]{background-color:#fff0f0;color:#ff4e50}.tag img[data-v-12ca827e]{width:20px;height:20px;margin-right:8px;border-radius:50%;background-color:#ddd}.status-length-filters[data-v-12ca827e]{padding:15px}.sort-options[data-v-12ca827e],.status-length-filters[data-v-12ca827e]{display:flex;background-color:#fff;margin:15px 0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.sort-options[data-v-12ca827e]{padding:10px 15px}.sort-option[data-v-12ca827e]{margin-right:30px;padding:5px 0;font-size:14px;cursor:pointer;color:#666;transition:all .2s}.sort-option.active[data-v-12ca827e]{color:#ff4e50;font-weight:700}.book-list[data-v-12ca827e]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.book-item[data-v-12ca827e]{background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s}.book-item[data-v-12ca827e]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.book-cover[data-v-12ca827e]{height:200px;overflow:hidden}.book-cover img[data-v-12ca827e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.book-info[data-v-12ca827e]{padding:15px}.book-title[data-v-12ca827e]{font-size:16px;margin-bottom:8px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta[data-v-12ca827e]{display:flex;margin-bottom:8px;font-size:13px;color:#999}.book-meta span[data-v-12ca827e]{margin-right:15px}.book-stats[data-v-12ca827e]{display:flex;margin-bottom:10px;font-size:13px;color:#999}.book-stats span[data-v-12ca827e]{margin-right:15px}.book-desc[data-v-12ca827e]{font-size:13px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagination[data-v-12ca827e]{display:flex;justify-content:center;align-items:center;margin:30px 0}.page-btn[data-v-12ca827e]{width:36px;height:36px;margin:0 5px;border:1px solid #ddd;background-color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.page-btn.active[data-v-12ca827e]{background-color:#ff4e50;color:#fff;border-color:#ff4e50}.page-btn[data-v-12ca827e]:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis[data-v-12ca827e]{margin:0 5px;font-size:14px;color:#999}@media (max-width:1024px){.book-list[data-v-12ca827e]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header .container[data-v-12ca827e]{flex-direction:column;height:auto;padding:10px 0}.logo[data-v-12ca827e]{margin-bottom:10px}.main-nav ul[data-v-12ca827e]{margin-bottom:10px;flex-wrap:wrap;justify-content:center}.main-nav li[data-v-12ca827e]{margin:5px 10px}.search-login[data-v-12ca827e]{width:100%;justify-content:center}.search-box[data-v-12ca827e]{width:100%;max-width:300px;margin-right:10px}.search-box input[data-v-12ca827e]{width:100%}.filter-group[data-v-12ca827e]{flex-direction:column;align-items:flex-start;margin-bottom:15px}.filter-label[data-v-12ca827e]{margin-bottom:5px}.filter-options[data-v-12ca827e]{flex-direction:row;flex-wrap:wrap;width:100%}.filter-option[data-v-12ca827e]{margin-bottom:5px}.category-tags[data-v-12ca827e]{overflow-x:auto;padding-bottom:10px}.tag-group[data-v-12ca827e]{display:flex}.tag[data-v-12ca827e]{white-space:nowrap}.status-length-filters[data-v-12ca827e]{flex-direction:column}.sort-options[data-v-12ca827e]{flex-wrap:wrap}.sort-option[data-v-12ca827e]{margin-bottom:10px}.book-list[data-v-12ca827e]{grid-template-columns:1fr}.book-cover[data-v-12ca827e]{height:180px}}@media (max-width:480px){.header .container[data-v-12ca827e]{padding:10px}.logo span[data-v-12ca827e]{font-size:16px}.main-nav li[data-v-12ca827e]{margin:3px 8px}.search-box input[data-v-12ca827e]{padding:6px 10px;font-size:12px}.username[data-v-12ca827e]{font-size:12px}.avatar[data-v-12ca827e]{width:28px;height:28px}.filter-label[data-v-12ca827e]{font-size:12px}.filter-option[data-v-12ca827e]{font-size:12px;padding:3px 8px}.tag[data-v-12ca827e]{padding:6px 12px;font-size:12px}.tag img[data-v-12ca827e]{width:16px;height:16px}.sort-option[data-v-12ca827e]{font-size:12px;margin-right:15px}.book-title[data-v-12ca827e]{font-size:14px}.book-desc[data-v-12ca827e],.book-meta[data-v-12ca827e],.book-stats[data-v-12ca827e]{font-size:12px}.pagination[data-v-12ca827e]{flex-wrap:wrap}.page-btn[data-v-12ca827e]{width:30px;height:30px;margin:3px}}.user-item[data-v-12ca827e]{position:relative}