/* ===== 索引页面专用样式 ===== */
.index-header { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid #eee8e0; margin-bottom: 24px; }
.index-header .page-title { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.index-stats { display: flex; gap: 20px; font-size: 14px; color: #8a7a6a; padding-bottom: 4px; }
.index-stats span { display: inline-flex; align-items: center; gap: 6px; }
.index-stats i { color: #b0a090; }
.index-section { margin-bottom: 32px; }
.index-section .section-title { font-size: 18px; font-weight: 600; color: #3d2c1e; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 2px solid #eee8e0; display: flex; align-items: center; gap: 10px; }
.index-section .section-title i { color: #8b5a2b; }
.index-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
.grid-item { margin: 0; padding: 0; }
.grid-item a { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background-color: #f5f0ea; border-radius: 8px; border: 1px solid #e8e0d8; color: #3d2c1e; font-size: 14px; transition: all 0.2s; text-decoration: none; }
.grid-item a:hover { background-color: #ede6de; border-color: #c9b8a8; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.grid-item a i { font-size: 16px; color: #b8860b; width: 20px; text-align: center; }
.folder-item a i { color: #d4a843; }
.file-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 4px; }
.file-item { margin: 0; padding: 0; }
.file-item a { display: flex; align-items: center; gap: 10px; padding: 6px 12px; border-radius: 4px; color: #3d2c1e; font-size: 14px; transition: all 0.2s; text-decoration: none; border: 1px solid transparent; }
.file-item a:hover { background-color: #f5f0ea; border-color: #e0d8d0; }
.file-item a i { font-size: 14px; color: #8b5a2b; width: 18px; text-align: center; opacity: 0.7; }
.index-footer-nav { padding-top: 20px; border-top: 1px solid #eee8e0; margin-top: 12px; }
.index-footer-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; border: 1px solid #e0d8d0; border-radius: 6px; color: #6a5a4a; font-size: 14px; transition: all 0.2s; text-decoration: none; }
.index-footer-nav a:hover { background-color: #f0e8e0; color: #3d2c1e; border-color: #c0b0a0; }
body.dark .index-header { border-bottom-color: #3d352e; }
body.dark .index-stats { color: #8a7a6a; }
body.dark .index-stats i { color: #6a5a4a; }
body.dark .index-section .section-title { color: #e8d5b8; border-bottom-color: #3d352e; }
body.dark .index-section .section-title i { color: #c9a87c; }
body.dark .grid-item a { background-color: #2a2420; border-color: #3d352e; color: #d4c8b8; }
body.dark .grid-item a:hover { background-color: #3d352e; border-color: #5a4a3a; }
body.dark .file-item a { color: #d4c8b8; }
body.dark .file-item a:hover { background-color: #2a2420; border-color: #3d352e; }
body.dark .file-item a i { color: #c9a87c; }
body.dark .index-footer-nav { border-top-color: #3d352e; }
body.dark .index-footer-nav a { border-color: #3d352e; color: #b0a090; }
body.dark .index-footer-nav a:hover { background-color: #2a2420; color: #e8d5b8; border-color: #5a4a3a; }
@media (max-width: 768px) { .index-header { flex-direction: column; align-items: flex-start; gap: 8px; } .index-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } .file-list { grid-template-columns: 1fr; } .index-stats { font-size: 13px; gap: 14px; } }
@media (max-width: 480px) { .index-grid { grid-template-columns: 1fr 1fr; gap: 8px; } .grid-item a { padding: 10px 12px; font-size: 13px; } .file-item a { padding: 6px 10px; font-size: 13px; } }