/* container */ .container max-width: 1280px; margin: 0 auto; background: #ffffff; border-radius: 28px; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.05); overflow: hidden; transition: all 0.2s ease;
.filename a:hover color: #0f766e; text-decoration: underline;
.view-btn background: white; border: 1px solid #cbd5e1; padding: 0.3rem 0.8rem; border-radius: 30px; cursor: pointer; font-size: 0.8rem; font-weight: 500; transition: all 0.2s; color: #1e293b; index of ebooks epub parent directory
/* grid view (hidden by default) */ .grid-view display: none; padding: 2rem; background: #ffffff; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.5rem;
.file-table tr:hover td background-color: #fefce8; /* container */
.grid-meta font-size: 0.7rem; color: #5b6e6b; margin-top: 6px;
/* toolbar */ .toolbar padding: 1rem 2rem; background: #f8fafc; border-bottom: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; font-size: 0.85rem; /* container */ .container max-width: 1280px
// Helper: determine icon and display name function getIconAndLink(item) if (item.isParent) return icon: "📁⬆️", display: "Parent Directory", link: "../" ; else if (item.isDir) return icon: "📁", display: item.name, link: item.name ; else // EPUB file return icon: "📘", display: item.name, link: item.name ;
.filename font-weight: 500; color: #0f2b2a; word-break: break-all;
