/* common_ui.css */
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #89ceec 0%, #73a2e8 50%, #deb3ea 100%); color: #2c3e50; overflow: hidden; height: 100vh;}
.btn-banner {background: rgba(255,255,255,0.25); border: 1px solid rgba(255,255,255,0.4); color: white; padding: 0.5rem 1.25rem; border-radius: 6px; cursor: pointer; font-size: 0.95rem; font-weight: 500; transition: all 0.3s; text-decoration: none; white-space: nowrap;}
.btn-banner:hover {background: rgba(255,255,255,0.35);}
.tag-btn {background: rgba(255,255,255,0.9); color: #1e3c72; border: none; padding: 0.4rem 0.9rem; border-radius: 20px; cursor: pointer; font-size: 0.85rem; transition: all 0.3s;}
.tag-btn:hover, .tag-btn.active {background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.2);}
.loading {display: flex; align-items: center; justify-content: center; height: 100%; font-size: 1.5rem; color: #667eea;}
.pagination-dot {width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.3); transition: all 0.3s;}
.pagination-dot.active {background: rgba(30, 60, 114, 0.9); transform: scale(1.3);}