/* หน้าสรุปกิจกรรมและขอบคุณ (ใช้ร่วมกับ announce.css / medals.css) */
.thx-hero h1 { line-height: 1.25; }
.thx-letter { padding-bottom: 1.4rem; border-top: 5px solid #ff3d9a; }
.thx-letter p { color: #2a3a5c; line-height: 1.9; font-size: 1.05rem; margin: .6rem 0; }
.thx-sign { text-align: right; font-weight: 700; color: #d6247f; margin-top: .8rem; }
.thx-bars { padding-bottom: .4rem; }
.thx-bars .skp-dot { background: var(--tc, #355EFC); box-shadow: 0 0 8px var(--tc, #355EFC); }
.thx-bars .bar > span { background: var(--tc, #355EFC) !important; }
.thx-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8rem; margin: 1rem 0 1.4rem; }
.thx-cat { position: relative; display: grid; justify-items: center; text-align: center; padding: 1rem .6rem; border-radius: 20px; background: linear-gradient(160deg, #0a1f4d, #011A41); color: #fff; box-shadow: 0 20px 36px -26px rgba(1, 26, 65, .9); }
.thx-cat i { font-size: 1.5rem; color: #ffd34d; filter: drop-shadow(0 0 8px rgba(255, 211, 77, .6)); }
.thx-cat b { font-size: 1.9rem; line-height: 1.1; }
.thx-cat span { font-size: .85rem; color: #c9d6ff; } .thx-cat small { color: #ff9ccc; }
.thx-empty { padding: 1.4rem .5rem 2rem; text-align: center; color: #b8c6f2; }
.thx-more { margin: 1rem 0 1.2rem; text-align: center; } .thx-more a { color: #ff9ccc; font-weight: 700; text-decoration: none; }
.thx-vwin { display: flex; gap: 1.2rem; align-items: center; margin: .6rem 0 1rem; }
.thx-vph { position: relative; flex: 0 0 120px; height: 120px; border-radius: 50%; background: #dfe4fd center 25% / cover no-repeat; box-shadow: 0 0 0 4px #fff, 0 0 0 7px #f7c600, 0 0 34px rgba(247, 198, 0, .6); }
.thx-vph .crown { position: absolute; top: -26px; left: 50%; transform: translateX(-50%); font-size: 1.9rem; animation: podFloat 3s ease-in-out infinite; }
.thx-vwin h3 { margin: .1rem 0; font-weight: 800; font-size: 1.7rem; } .thx-vwin small { color: #d6247f; font-weight: 700; }
.thx-ins { list-style: none; margin: .4rem 0 1.2rem; padding: 0; display: grid; gap: .6rem; }
.thx-ins li { display: flex; gap: .8rem; align-items: flex-start; padding: .8rem 1rem; border-radius: 16px; background: #f6f8ff; border: 1px solid #e3e8f6; line-height: 1.55; }
.thx-ins li i { flex: none; width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #ff3d9a, #8a2be2); }
.thx-cta { display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; margin: 1.6rem 0 2.4rem; }
.thx-btn { border-radius: 999px; padding: .7rem 1.6rem; font-weight: 800; color: #fff; background: linear-gradient(135deg, #ff3d9a, #E93C05); border: 0; box-shadow: 0 10px 26px -10px rgba(255, 61, 154, .8); }
.thx-btn.alt { background: #0a1f4d; box-shadow: none; } .thx-btn:hover { color: #fff; filter: brightness(1.1); }
@media (max-width: 575px) { .thx-vwin { flex-direction: column; text-align: center; } }