.news-hero { padding:56px 0; background:linear-gradient(135deg,#0d7ec0 0%,#168fd4 50%,#1ba0e8 100%); color:#fff; border-radius:12px; text-align:center; }
.news-content { padding-top:16px !important; padding-bottom:0 !important; }
.news-hero h1 { margin:0 0 8px; font-size:32px; font-weight:700; letter-spacing:-.5px; }
.news-hero p { max-width:560px; margin:0 auto; color:rgba(255,255,255,.8); font-size:14px; line-height:1.5; }

.danger-news-section { margin-top:20px; background:#fff; border:1px solid #fed7d7; border-radius:12px; padding:24px; box-shadow:0 2px 8px rgba(229,62,62,.08); }
.danger-news-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; flex-wrap:wrap; gap:8px; }
.danger-news-title { display:flex; align-items:center; gap:8px; }
.danger-news-title h2 { margin:0; font-size:20px; font-weight:700; color:#c53030; }
.danger-news-badge { display:inline-block; padding:2px 10px; border-radius:12px; font-size:11px; font-weight:600; background:#fed7d7; color:#c53030; }
.danger-news-subtitle { font-size:13px; color:var(--muted); }
.danger-news-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; }
.danger-news-loading { grid-column:1/-1; text-align:center; padding:32px; color:var(--muted); font-size:14px; }
.danger-news-empty { grid-column:1/-1; text-align:center; padding:32px; color:var(--muted); font-size:14px; }
.danger-event-card { background:linear-gradient(135deg,#fff5f5 0%,#fff 100%); border:1px solid #fed7d7; border-radius:10px; padding:16px; transition:all .3s ease; display:flex; flex-direction:column; gap:8px; text-decoration:none; color:inherit; cursor:pointer; }
.danger-event-card:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(229,62,62,.12); border-color:#fc8181; }
.danger-event-card.star-5 { border-left:4px solid #e53e3e; background:linear-gradient(135deg,#fff0f0 0%,#fff 100%); }
.danger-event-card.star-4 { border-left:4px solid #ed8936; }
.danger-event-card.star-3 { border-left:4px solid #f6ad55; }
.danger-event-top { display:flex; justify-content:space-between; align-items:center; }
.danger-event-stars { font-size:14px; letter-spacing:1px; }
.star-filled { color:#f6ad55; }
.star-empty { color:#e2e8f0; }
.danger-event-country { font-size:12px; color:var(--muted); font-weight:500; }
.danger-event-title { font-size:14px; line-height:1.5; color:var(--ink); font-weight:500; }
.danger-event-time { display:flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); }
.five-star-section { margin-top:20px; padding-top:16px; border-top:1px dashed #fed7d7; }
.five-star-header { display:flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:#c53030; margin-bottom:10px; }
.five-star-list { display:flex; flex-wrap:wrap; gap:8px; }
.five-star-item { display:flex; align-items:center; gap:6px; padding:6px 12px; background:#fff5f5; border:1px solid #fed7d7; border-radius:20px; font-size:13px; }
.five-star-name { font-weight:600; color:var(--ink); }
.five-star-country { color:var(--muted); font-size:11px; }
.five-star-unit { color:var(--muted); font-size:11px; }

.news-categories { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.news-cat { padding:8px 20px; border:1px solid var(--line); border-radius:30px; background:var(--paper); color:var(--muted); font-size:14px; font-weight:500; cursor:pointer; transition:all .25s var(--ease); }
.news-cat:hover { color:var(--ink); border-color:var(--gold); }
.news-cat.active { color:#fff; background:var(--gold); border-color:var(--gold); box-shadow:0 4px 12px rgba(21,153,229,.25); }

.news-list { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.news-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow-sm); transition:all .3s var(--ease); min-height:130px; }
.news-card:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); border-color:var(--gold); }
.news-tag { display:inline-block; padding:2px 10px; border-radius:16px; font-size:11px; font-weight:600; margin-bottom:8px; align-self:flex-start; }
.news-tag.platform { background:#e5f6ff; color:var(--teal); }
.news-tag.industry { background:#fff4e0; color:#b8860b; }
.news-card h3 { margin:0 0 10px; font-size:15px; line-height:1.5; font-weight:600; color:var(--ink); flex:1 1 auto; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.news-card h3 a { color:inherit; text-decoration:none; }
.news-card h3 a:hover { color:var(--gold); }
.news-meta { display:flex; gap:12px; font-size:12px; color:var(--muted); margin-top:auto; padding-top:8px; border-top:1px solid var(--paper); }
.news-meta span { display:flex; align-items:center; gap:4px; }
.news-meta .news-source { margin-left:auto; }

.news-important { border-left:3px solid var(--gold); }
.news-loading { grid-column:1/-1; text-align:center; padding:48px 24px; color:var(--muted); font-size:15px; }

@media (max-width:1100px) { .news-list { grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px) { .news-list { grid-template-columns:1fr; } }
.news-pagination { display:flex; justify-content:center; align-items:center; gap:6px; margin-top:24px; flex-wrap:wrap; }
.pg-btn, .pg-num { padding:6px 14px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); font-size:14px; cursor:pointer; transition:all .2s; }
.pg-btn:hover:not(.disabled), .pg-num:hover:not(.active) { border-color:var(--gold); color:var(--gold); }
.pg-btn.disabled { opacity:.4; cursor:default; }
.pg-num.active { background:var(--gold); color:#fff; border-color:var(--gold); }
.pg-ellipsis { padding:6px 4px; color:var(--muted); font-size:14px; }
@media (max-width:760px) {
  .pg-btn, .pg-num { padding:10px 16px; font-size:14px; min-height:44px; }
  .pg-ellipsis { padding:10px 8px; }
  .news-pagination { gap:8px; }
}
.event-detail-body { padding-top:16px !important; padding-bottom:40px !important; }
.event-back-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 20px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--muted); font-size:14px; font-weight:500; text-decoration:none; transition:all .2s var(--ease); margin-bottom:20px; }
.event-back-btn:hover { border-color:var(--gold); color:var(--gold); }
.event-detail-loading { text-align:center; padding:60px 0; color:var(--muted); font-size:15px; }
.event-detail-error { text-align:center; padding:60px 0; color:#e53e3e; font-size:15px; }
.event-detail-card { background:#fff; border:1px solid #fed7d7; border-radius:16px; padding:32px; box-shadow:0 4px 20px rgba(229,62,62,.06); }
.event-detail-card.star-5 { border-top:4px solid #e53e3e; }
.event-detail-card.star-4 { border-top:4px solid #ed8936; }
.event-detail-header { display:flex; align-items:flex-start; gap:16px; margin-bottom:28px; }
.event-detail-flag { font-size:40px; line-height:1; flex-shrink:0; }
.event-detail-title-area { flex:1; min-width:0; }
.event-detail-title { margin:0 0 12px; font-size:24px; font-weight:700; color:var(--ink); line-height:1.4; }
.event-detail-badges { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.event-detail-star-badge { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:20px; font-size:13px; }
.event-detail-star-badge.star-5 { background:#fff0f0; color:#e53e3e; }
.event-detail-star-badge.star-4 { background:#fff8e0; color:#ed8936; }
.event-detail-star-badge .star-label { font-weight:600; margin-left:4px; }
.event-detail-country-badge { display:inline-block; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:500; background:#f0f7ff; color:var(--teal); }
.event-detail-danger-badge { display:inline-block; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:600; background:#fed7d7; color:#c53030; }
.event-detail-info-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; margin-bottom:28px; padding:20px; background:linear-gradient(135deg,#fff5f5 0%,#fff 100%); border-radius:12px; border:1px solid #fed7d7; }
.event-detail-info-item { display:flex; flex-direction:column; gap:6px; }
.event-detail-info-label { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--muted); font-weight:500; }
.event-detail-info-value { font-size:15px; color:var(--ink); font-weight:600; }
.event-detail-section { margin-bottom:28px; }
.event-detail-section-title { display:flex; align-items:center; gap:8px; font-size:18px; font-weight:600; color:var(--ink); margin:0 0 14px; padding-bottom:10px; border-bottom:2px solid var(--gold); }
.event-detail-text { font-size:14px; line-height:2; color:#444; margin:0; white-space:pre-wrap; }
.event-detail-tips { display:flex; flex-direction:column; gap:12px; }
.event-detail-tip { display:flex; align-items:flex-start; gap:10px; padding:12px 16px; background:#fff5f5; border:1px solid #fed7d7; border-radius:10px; font-size:14px; line-height:1.6; color:#444; }
.event-detail-tip .tip-icon { color:#e53e3e; font-size:16px; flex-shrink:0; line-height:1.6; }
.event-detail-actions { display:flex; gap:16px; margin-top:32px; flex-wrap:wrap; }
.event-detail-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 28px; border-radius:10px; font-size:15px; font-weight:600; text-decoration:none; transition:all .2s var(--ease); }
.event-detail-btn-primary { background:linear-gradient(135deg,#1599e5,#087f9d); color:#fff; box-shadow:0 3px 10px rgba(21,153,229,.3); }
.event-detail-btn-primary:hover { background:linear-gradient(135deg,#0d7ec0,#066a87); transform:translateY(-1px); box-shadow:0 5px 14px rgba(21,153,229,.4); }
.event-detail-btn-outline { border:2px solid var(--gold); color:var(--gold); background:#fff; }
.event-detail-btn-outline:hover { background:#f0f7ff; transform:translateY(-1px); }
@media (max-width:760px) {
  .event-detail-card { padding:20px 16px; }
  .event-detail-title { font-size:20px; }
  .event-detail-info-grid { grid-template-columns:1fr; }
  .event-detail-header { flex-direction:column; gap:12px; }
  .event-detail-flag { font-size:32px; }
  .event-detail-actions { flex-direction:column; }
  .event-detail-btn { justify-content:center; }
}