/**
 * 登科督学班管理系统 - H5公告页样式
 * 蓝色主题
 */

/* 公告列表页 */
.dk-notice-page { max-width:600px; margin:0 auto; padding-bottom:70px; }
.dk-notice-page-header { background:#1E88E5; color:#fff; padding:12px 16px; display:flex; align-items:center; font-size:16px; font-weight:600; }
.dk-notice-page-header .dk-back-btn { color:#fff; font-size:20px; margin-right:12px; cursor:pointer; }

.dk-notice-list { padding:10px 16px; }
.dk-notice-item { background:#fff; border-radius:8px; margin-bottom:10px; padding:14px; box-shadow:0 1px 3px rgba(0,0,0,0.08); cursor:pointer; transition:transform 0.15s; }
.dk-notice-item:active { transform:scale(0.98); }
.dk-notice-item-title { font-size:15px; font-weight:600; color:#333; margin-bottom:6px; display:flex; align-items:center; gap:6px; }
.dk-notice-item-meta { font-size:12px; color:#999; display:flex; gap:8px; }

.dk-notice-badge { display:inline-block; padding:1px 6px; border-radius:3px; font-size:11px; color:#fff; }
.dk-notice-badge-general { background:#1E88E5; }
.dk-notice-badge-important { background:#FF9800; }
.dk-notice-badge-urgent { background:#F44336; }
.dk-notice-badge-top { background:#F44336; }

.dk-notice-empty { text-align:center; padding:40px; color:#999; font-size:14px; }
.dk-notice-empty-icon { font-size:40px; margin-bottom:10px; }

/* 公告详情页 */
.dk-notice-detail-page { max-width:600px; margin:0 auto; padding-bottom:70px; }
.dk-notice-detail-header { background:#1E88E5; color:#fff; padding:12px 16px; display:flex; align-items:center; font-size:16px; font-weight:600; }
.dk-notice-detail-header .dk-back-btn { color:#fff; font-size:20px; margin-right:12px; cursor:pointer; }

.dk-notice-detail-body { padding:16px; }
.dk-notice-detail-title { font-size:18px; font-weight:700; color:#333; margin-bottom:10px; }
.dk-notice-detail-meta { font-size:12px; color:#999; margin-bottom:16px; display:flex; gap:8px; flex-wrap:wrap; }
.dk-notice-detail-content { background:#fff; border-radius:8px; padding:16px; line-height:1.8; font-size:14px; box-shadow:0 1px 3px rgba(0,0,0,0.05); }

/* 内容中的表格样式 */
.dk-notice-detail-content table { border-collapse:collapse; width:100%; margin:10px 0; font-size:13px; }
.dk-notice-detail-content table td, .dk-notice-detail-content table th { border:1px solid #ddd; padding:8px 10px; text-align:left; }
.dk-notice-detail-content table th { background:#1E88E5; color:#fff; }
.dk-notice-detail-content table tr:nth-child(even) { background:#f2f2f2; }
.dk-notice-detail-content h1, .dk-notice-detail-content h2, .dk-notice-detail-content h3 { margin:12px 0; }
.dk-notice-detail-content p { margin:8px 0; }
.dk-notice-detail-content ul, .dk-notice-detail-content ol { margin:8px 0; padding-left:20px; }
.dk-notice-detail-content img { max-width:100%; height:auto; border-radius:4px; }