* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans", "Microsoft YaHei", sans-serif; background: #fffaf1; color: #3b3b3b; }
.container { max-width: 960px; margin: 0 auto; padding: 24px; }
h1 { font-size: 26px; margin: 0 0 16px; color: #59e1b6; }
.search { display: flex; gap: 8px; margin-bottom: 12px; }
.search input { flex: 1; padding: 12px 14px; border-radius: 12px; border: 2px solid #ffd1dc; background: #fff; color: #3b3b3b; }
.search input::placeholder { color: #a8a8a8; }
.search button { padding: 12px 16px; border-radius: 12px; border: 0; background: #b7f0e3; color: #1e293b; cursor: pointer; font-weight: 600; }
.search button:hover { background: #a5e9da; }
.status { min-height: 24px; margin: 10px 0 14px; color: #6b7280; }
.results { column-count: 3; column-gap: 14px; }
@media (max-width: 960px) { .results { column-count: 2; } }
@media (max-width: 640px) { .results { column-count: 1; } }
.card { break-inside: avoid; border: 2px solid #ffd1dc; background: #fff; border-radius: 16px; overflow: hidden; margin-bottom: 14px; box-shadow: 0 4px 10px rgba(255, 107, 129, 0.08); }
.card img { width: 100%; height: auto; display: block; }
.meta { padding: 10px 12px; font-size: 13px; color: #666; }
.muted { color: #9aa0a6; font-size: 13px; }
.error { color: #ef4444; }
.lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.lightbox.hidden { display: none; }
.lightbox-inner { background: #fff; border-radius: 16px; padding: 12px; max-width: min(92vw, 960px); max-height: 92vh; box-shadow: 0 10px 24px rgba(0,0,0,0.2); }
.lightbox-inner img { max-width: 100%; max-height: 72vh; display: block; border-radius: 12px; }
.lightbox-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 10px; }
.lightbox-actions button { padding: 10px 14px; border-radius: 12px; border: 0; cursor: pointer; font-weight: 600; }
.lightbox-actions #downloadBtn { background: #b7f0e3; color: #1e293b; }
.lightbox-actions #closeBtn { background: #ffd1dc; color: #3b3b3b; }