/* =====================================================================
 * news.css —— 分时代新闻皮肤（仅版式差异，色值走变量）
 * ===================================================================== */
.overlay-root { padding-top: 104px; }
.overlay-root > .news-card { pointer-events: auto; margin-top: 0; width: min(440px, 92vw); }
.news-card { animation: news-in .25s ease; }
@keyframes news-in { from { opacity: 0; transform: translateY(-12px) scale(.98); } to { opacity: 1; transform: none; } }

.news-skin { padding: 16px; }
.news-skin .news-title { margin: 6px 0 8px; font-weight: 700; font-size: var(--fs-title); }
.news-skin .news-body { color: var(--text-secondary); line-height: 1.6; font-size: var(--fs-body); }
.news-skin .news-close { position: absolute; top: 10px; right: 10px; cursor: pointer; color: var(--text-secondary); }

/* 报纸：红头印刷体 */
.news-skin--newspaper { text-align: center; border-top: 3px solid var(--danger-color); }
.news-skin--newspaper .news-head { color: var(--danger-color); font-weight: 700; letter-spacing: 3px; border-bottom: 1px solid var(--border-strong); padding-bottom: 6px; margin-bottom: 10px; }
.news-skin--newspaper .news-title { font-family: "Songti SC", "SimSun", serif; }

/* 门户：蓝链 + 虚线 */
.news-skin--portal .news-portal-bar { height: 3px; background: var(--primary-color); margin: -16px -16px 12px; border-radius: 3px 3px 0 0; }
.news-skin--portal .news-link { color: var(--primary-color); font-weight: 600; font-size: var(--fs-title); text-decoration: none; display: block; }

/* APP：极简通知 + 拟态框 */
.news-skin--app { border-radius: var(--radius-lg); }
.news-skin--app .news-app-head { display: flex; align-items: center; gap: 8px; color: var(--text-secondary); border-bottom: 1px solid var(--border-color); padding-bottom: 8px; margin-bottom: 8px; }

/* 社媒：热搜卡片 */
.news-skin--social { border-left: 3px solid var(--error-color); }
.news-skin--social .news-hot { color: var(--error-color); font-weight: 700; font-size: var(--fs-caption); }
.news-skin--social .news-tags { color: var(--primary-color); margin-top: 8px; font-size: var(--fs-caption); }
.news-skin--social .news-foot { display: flex; gap: 14px; margin-top: 8px; color: var(--text-secondary); font-size: var(--fs-caption); }