/* ────────────────────────────────────────────────────────────────────────── Survey (khảo sát) — theo ngôn ngữ thiết kế iOS-card của trang feed: thẻ trắng bo 16px, accent #007aff, dark mode qua class .dark trên . Tự chứa (không phụ thuộc .ios-card) để dùng được ở bất kỳ trang nào. ────────────────────────────────────────────────────────────────────────── */ .survey-section { display: flex; flex-direction: column; } .survey-card { background: #ffffff; border-radius: 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 0.5px 0 rgba(0, 0, 0, 0.04); margin-bottom: 12px; padding: 16px; } .dark .survey-card { background: #1c1c1e; box-shadow: none; border: none; } /* ── Header ── */ .survey-card__head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; } .survey-card__icon { width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: linear-gradient(135deg, #5856d6, #af52de); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(88, 86, 214, 0.28); } .survey-card__heading { flex: 1; min-width: 0; } .survey-card__kicker { font-size: 11px; font-weight: 700; color: #5856d6; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 3px; } .dark .survey-card__kicker { color: #a5a3f5; } .survey-card__title { font-size: 16px; font-weight: 700; line-height: 1.35; color: #1c1c1e; margin: 0; } .dark .survey-card__title { color: #f2f2f7; } .survey-card__hint { margin: 4px 0 0; font-size: 12px; color: rgba(60, 60, 67, 0.5); } .dark .survey-card__hint { color: rgba(235, 235, 245, 0.45); } /* ── Đáp án ── */ .survey-card__answers { display: flex; flex-direction: column; gap: 8px; } .survey-answer { position: relative; display: block; width: 100%; padding: 0; /*