* { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body { background: #fff; color: #333; line-height: 1.6; padding-bottom: 2rem; }
.banner { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 2rem 1rem; text-align: center; }
.banner h1 { font-size: 2rem; margin-bottom: 0.5rem; }
.banner p { font-size: 1.1rem; opacity: 0.95; }
.container { max-width: 720px; margin: 0 auto; padding: 1rem; }
.card { background: #f8f9fa; border-radius: 12px; padding: 1.5rem; margin-bottom: 1rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.card h3 { color: #667eea; margin-bottom: 0.5rem; }
.post-item { background: #fff; border: 1px solid #e9ecef; border-radius: 8px; padding: 1rem; margin-bottom: 0.8rem; cursor: pointer; transition: all 0.3s; }
.post-item:hover { border-color: #667eea; box-shadow: 0 2px 12px rgba(102, 126, 234, 0.15); }
.footer { text-align: center; color: #6c757d; font-size: 0.9rem; margin-top: 2rem; padding: 0 1rem; }
.content-page { padding: 1rem; max-width: 720px; margin: 0 auto; }
.content-page h1 { font-size: 1.8rem; margin-bottom: 1.5rem; color: #333; }
.core-conclusion { background: #e3f2fd; border-left: 4px solid #2196f3; padding: 1rem; margin-bottom: 1.5rem; border-radius: 0 8px 8px 0; }
.core-conclusion h4 { color: #1976d2; margin-bottom: 0.5rem; }
.point { margin-bottom: 1.2rem; }
.point h4 { color: #667eea; margin-bottom: 0.5rem; }
.tag { display: inline-block; background: #667eea; color: #fff; padding: 0.2rem 0.6rem; border-radius: 20px; font-size: 0.8rem; margin-right: 0.5rem; margin-bottom: 1rem; }