2 lines
8.8 KiB
CSS
2 lines
8.8 KiB
CSS
.pagination[data-v-954822f7]{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px 0 0}.page-btn[data-v-954822f7]{padding:6px 16px;border:none;background:#e3f0ff;color:#2563eb;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.page-btn[data-v-954822f7]:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.page-numbers[data-v-954822f7]{display:flex;gap:4px}.page-number[data-v-954822f7]{padding:6px 12px;border:none;background:#f5f5f5;color:#2563eb;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.page-number.active[data-v-954822f7]{background:#2563eb;color:#fff}.page-ellipsis[data-v-954822f7]{padding:6px 8px;color:#aaa;font-size:14px}.page-jump[data-v-954822f7]{display:flex;align-items:center;gap:4px}.jump-input[data-v-954822f7]{width:50px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:14px}.jump-btn[data-v-954822f7]{padding:4px 10px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.jump-btn[data-v-954822f7]:hover{background:#1a237e}.page-header[data-v-954822f7]{display:block;position:relative;margin-bottom:30px}.page-header h1[data-v-954822f7]{margin-bottom:0}.view-toggle-group[data-v-954822f7]{display:flex;border-radius:8px;overflow:hidden;border:none}.view-toggle-btn[data-v-954822f7]{background:#f5f7fa;color:#2563eb;border:none;padding:6px 22px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;outline:none}.view-toggle-btn.active[data-v-954822f7]{background:#2563eb;color:#fff;z-index:1}.view-toggle-btn[data-v-954822f7]:not(.active):hover{background:#e3f0ff;color:#1a237e}.view-toggle-btn[data-v-954822f7]:first-child{border-right:1px solid #2563eb22}.view-toggle-btn[data-v-954822f7]:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.card-list-container[data-v-954822f7]{width:100%;margin-top:20px}.card-list[data-v-954822f7]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.map-card[data-v-954822f7]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;cursor:pointer;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;height:280px;max-height:280px;overflow:hidden}.map-card[data-v-954822f7]:hover{box-shadow:0 4px 16px #2563eb26;transform:translateY(-2px) scale(1.03)}.card-image[data-v-954822f7]{width:120px;height:120px;object-fit:contain;border-radius:8px;margin-bottom:12px;background:#f5f5f5;display:block}.card-content[data-v-954822f7]{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex:1;overflow:hidden}.card-title[data-v-954822f7]{font-size:18px;font-weight:700;color:#1a237e;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-author[data-v-954822f7]{font-size:14px;color:#666;margin-bottom:2px;white-space:normal;overflow:visible;text-overflow:initial}.card-info[data-v-954822f7]{font-size:13px;color:#2563eb;margin-bottom:2px;display:flex;gap:10px;white-space:normal;overflow:visible;text-overflow:initial}.card-date[data-v-954822f7]{font-size:12px;color:#aaa;margin-bottom:2px;white-space:normal;overflow:visible;text-overflow:initial}.tags[data-v-954822f7]{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.tag[data-v-954822f7]{padding:2px 8px;background:#f5f7fa;color:#2563eb;border-radius:4px;font-size:12px}@media (max-width: 1200px){.card-list[data-v-954822f7]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.filters-row[data-v-954822f7]{flex-direction:column;align-items:stretch;gap:8px}.filters[data-v-954822f7]{flex-direction:column;align-items:stretch;gap:8px;width:100%}.search-input[data-v-954822f7]{width:100%;min-width:0;font-size:15px;background:transparent;border:none;outline:none}body[data-v-954822f7]{padding-top:70px}.filter-select[data-v-954822f7]{width:100%;font-size:15px;margin-bottom:0}.view-toggle-group.icon-group[data-v-954822f7]{margin-top:4px;justify-content:center;width:100%}.icon-btn[data-v-954822f7]{min-width:40px;height:40px}.filters label[data-v-954822f7]{margin-bottom:2px;font-size:14px}.search-label[data-v-954822f7]{display:none!important}.header-toggle-group[data-v-954822f7]{display:flex!important;position:static;justify-content:flex-end;margin-top:12px;margin-bottom:10px;width:100%;background:none;box-shadow:none}.filters-toggle-group[data-v-954822f7]{display:none!important}.page-header[data-v-954822f7]{display:block;position:relative;margin-bottom:0}.card-list[data-v-954822f7]{grid-template-columns:1fr;width:100%}.map-card[data-v-954822f7]{width:100%;min-width:0;max-width:100%;margin:0 auto;box-sizing:border-box;height:auto;max-height:none;padding:16px 16px 24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center}.card-image[data-v-954822f7]{width:120px;height:120px;margin-bottom:12px;object-fit:contain;border-radius:8px;background:#f5f5f5;display:block;margin-left:auto;margin-right:auto}.card-content[data-v-954822f7]{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex:1;overflow:hidden}.card-title[data-v-954822f7]{font-size:18px;font-weight:700;color:#1a237e;margin-bottom:4px;white-space:normal;overflow:visible;text-overflow:initial;text-align:left;word-break:break-all}.card-author[data-v-954822f7]{font-size:14px;color:#666;margin-bottom:6px;white-space:normal;overflow:visible;text-overflow:initial;text-align:left}.card-info[data-v-954822f7]{font-size:13px;color:#2563eb;margin-bottom:6px;display:flex;gap:10px;white-space:normal;overflow:visible;text-overflow:initial;text-align:left}.card-date[data-v-954822f7]{font-size:12px;color:#aaa;margin-bottom:6px;white-space:normal;overflow:visible;text-overflow:initial;text-align:left}.tags[data-v-954822f7]{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;width:100%;justify-content:flex-start;margin-bottom:0}.tag[data-v-954822f7]{padding:4px 8px;background:#f5f7fa;color:#2563eb;border-radius:4px;font-size:12px}.page-jump[data-v-954822f7],.page-btn-text.desktop-only[data-v-954822f7]{display:none!important}.page-btn-arrow.mobile-only[data-v-954822f7]{display:inline!important;font-size:20px;vertical-align:middle}.back-to-top-btn[data-v-954822f7]{display:flex;position:fixed;right:18px;bottom:18px;z-index:999;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #2563eb1f;border:none;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.back-to-top-btn[data-v-954822f7]:hover{background:#e3f0ff}.back-to-top-btn svg[data-v-954822f7]{display:block}}@media (min-width: 701px){.header-toggle-group[data-v-954822f7]{display:none!important}.filters-toggle-group[data-v-954822f7]{display:flex!important}.page-btn-text.desktop-only[data-v-954822f7]{display:inline!important}.page-btn-arrow.mobile-only[data-v-954822f7]{display:none!important}}.filters-row[data-v-954822f7]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.icon-group[data-v-954822f7]{display:flex;align-items:center;height:36px;margin-top:2px}.icon-btn[data-v-954822f7]{padding:4px 8px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;color:#2563eb;border:none;border-radius:0;font-size:16px;transition:background .2s,color .2s;outline:none}.icon-btn.active[data-v-954822f7]{background:#2563eb;color:#fff}.icon-btn[data-v-954822f7]:not(.active):hover{background:#e3f0ff;color:#1a237e}.icon-btn[data-v-954822f7]:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px;border-right:1px solid #2563eb22}.icon-btn[data-v-954822f7]:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.search-box[data-v-954822f7]{position:relative;display:flex;align-items:center}.search-input[data-v-954822f7]{height:36px;line-height:36px;padding:0 36px 0 12px;font-size:15px;border-radius:6px;border:1px solid #ddd;box-sizing:border-box;background:#fff}.search-btn-icon[data-v-954822f7]{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.search-btn-icon[data-v-954822f7]:hover{background:#e3f0ff}.search-btn-icon svg[data-v-954822f7]{display:block}.empty-tip[data-v-954822f7]{text-align:center;color:#aaa;font-size:18px;margin:32px 0 24px;letter-spacing:2px}.clear-btn[data-v-954822f7]{position:absolute;right:38px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s;z-index:2}.clear-btn[data-v-954822f7]:hover{background:#f5f5f5}.clear-btn svg[data-v-954822f7]{display:block}.search-label[data-v-954822f7]{font-size:15px;color:#222;margin-right:6px;white-space:nowrap;display:inline-block}
|