/* activity/index.html - 样式表 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f5f5f5; min-height: 100vh; padding-bottom: 70px; }
button { outline: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0; margin: 0; cursor: pointer; }
button:focus, button:focus-visible, button:active { outline: none; -webkit-tap-highlight-color: transparent; }

.logo-container { background: #005136; padding: 12px 20px; display: flex; justify-content: center; align-items: center; position: sticky; top: 0; z-index: 100; }
.logo-container img { height: 20px; width: auto; }

.header-content { background: #006241; color: white; padding: 20px; border-radius: 0 0 20px 20px; margin-bottom: 15px; }
.page-title { font-size: 28px; font-weight: bold; margin-bottom: 8px; }
.page-subtitle { font-size: 14px; opacity: 0.9; }

.section { margin: 0 15px 15px; background: white; border-radius: 12px; padding: 20px; }
.section-title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
.section-icon { font-size: 22px; }

.rule-item { padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.rule-item:last-child { border-bottom: none; }
.rule-item::before { content: "•"; color: #006241; margin-right: 10px; font-weight: bold; }

.task-card { background: #f9f9f9; border-radius: 12px; padding: 15px; margin-bottom: 12px; }
.task-card:last-child { margin-bottom: 0; }
.task-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.task-title { font-size: 16px; font-weight: 600; color: #333; }
.task-points { font-size: 14px; font-weight: bold; color: #e74c3c; }
.task-desc { font-size: 13px; color: #666; }
.task-extra { font-size: 12px; color: #999; margin-top: 8px; padding: 8px; background: #e8f5e9; border-radius: 8px; }

.instruction-card { background: white; border-radius: 12px; padding: 15px; margin-bottom: 12px; }
.instruction-number { display: inline-block; width: 28px; height: 28px; background: #6366f1; color: white; border-radius: 6px; text-align: center; line-height: 28px; font-weight: bold; font-size: 14px; margin-right: 10px; }
.instruction-title { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 6px; display: flex; align-items: center; }
.instruction-desc { font-size: 13px; color: #666; margin-left: 38px; }