/* 影迷社区 - UI Style 1 - Layout E */

/* 响应式网格增强 */
@media (max-width: 640px) {
  .card-grid { grid-template-columns: 1fr; }
}

/* 卡片特殊样式 */
.top-card { position: relative; }
.top-card .rank {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: #ef4444;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: bold;
  font-size: 0.875rem;
}

.daquan-card { border-left: 3px solid #3b82f6; }
.topic-card { border-left: 3px solid #10b981; }
.latest-card { border-left: 3px solid #f59e0b; }

/* 按钮与链接增强 */
a:active { opacity: 0.7; }

/* 加载动画 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

section { animation: fadeIn 0.5s ease; }

/* 响应式字体 */
@media (max-width: 768px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  main { margin: 1rem auto; }
  section { padding: 1.5rem; }
}

/* 打印样式 */
@media print {
  nav, footer { display: none; }
  section { box-shadow: none; page-break-inside: avoid; }
}