@charset "utf-8";

/* ───────── NEWS 리스트 페이지 ───────── */
.news_page { padding:18px 0 40px; }

/* 필터 탭 */
.news_page .filter {display:flex;gap:6px;margin-bottom: 20px;}
.news_page .filter .tab {flex:1;padding:10px 0;text-align:center;font-size: 14px;font-weight: 600;color: #777;background: #fff;border: 1px solid #e7eaef;border-radius:24px;transition:background 0.15s, color 0.15s;}
.news_page .filter .tab.on {border-color: transparent;background: linear-gradient(135deg, #456DEA 0%, #2B53CF 100%);color: #fff;}

/* 토탈 */
.news_page .total {margin-bottom: 5px;font-size: 14px;color:#666;}
.news_page .total strong {color: var(--color-main);font-weight:800;}

/* 빈 상태 */
.news_page .empty { padding:60px 18px; text-align:center; font-size:14px; color:#999; }

/* 리스트 */
.news_page .list {display:flex;flex-direction:column;gap:12px;}
.news_page .item {display:flex;gap:12px;background:#fff;border:1px solid #ece9ff;border-radius:14px;padding: 16px 20px;box-shadow:0 3px 10px rgba(72,52,212,0.05);}

.news_page .item .thumb { flex:0 0 90px; width:90px; height:90px; border-radius:10px; background:linear-gradient(135deg,#fff5d6,#ffe066); position:relative; overflow:hidden; }
.news_page .item .thumb::after { content:'🎁'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:38px; opacity:0.55; }
.news_page .item .thumb.has_img::after { content:none; }
.news_page .item .thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.news_page .item .info { flex:1; min-width:0; display:flex; flex-direction:column; gap:5px; }
.news_page .item .row1 { display:flex; align-items:center; justify-content:space-between; }
.news_page .item .type {display:inline-block;padding:3px 9px;border-radius:6px;font-size: 12px;font-weight:700;color:#fff;}
.news_page .item .type_win      {background: var(--color-main);}
.news_page .item .type_exchange { background:#ff3d7f; }
.news_page .item .time {font-size: 12px;color:#999;}

.news_page .item .box_name {font-size: 16px;font-weight:800;color: #222;}
.news_page .item .box_name .emoji { margin-right:3px; }
.news_page .item .item_name {font-size: 14px;color:#555;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.news_page .item .row2 { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:4px; }
.news_page .item .member {display:inline-flex;align-items:center;gap:5px;font-size: 13px;color:#888;}
.news_page .item .member .grade_badge { vertical-align:middle; }
.news_page .item .price {font-size: 15px;font-weight:800;color:#ff3d7f;}