/* =========================================================
   小旋风蜘蛛池Pro2.96 - news_neubrutalist
   新粗野主义 Neubrutalism：粗黑边框 + 撞色色块 + 无圆角 + 硬阴影
   CSS 类名前缀：nbr-
   ========================================================= */

:root{
  --nbr-black:#000000;
  --nbr-white:#ffffff;
  --nbr-yellow:#ffde59;
  --nbr-blue:#4d79ff;
  --nbr-green:#7fff6b;
  --nbr-pink:#ff6bcb;
  --nbr-border:3px;
  --nbr-shadow:5px 5px 0 var(--nbr-black);
  --nbr-shadow-hover:7px 7px 0 var(--nbr-black);
}

*,*::before,*::after{ box-sizing:border-box; border-radius:0 !important; }

html{ -webkit-text-size-adjust:100%; }

body.nbr-body{
  margin:0;
  padding:0;
  background:var(--nbr-white);
  color:var(--nbr-black);
  font-family:"Arial Black","PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
}

img{ max-width:100%; display:block; border-radius:0; }

a{ color:var(--nbr-black); text-decoration:none; }
a:hover{ color:var(--nbr-black); }

ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,p{ margin:0; }

button,input,select,textarea{ font-family:inherit; border-radius:0; }

.nbr-page{ max-width:1200px; margin:0 auto; padding:0 20px 60px; }

/* ---------------- 顶部快讯跑马灯 ---------------- */
.nbr-ticker{
  display:flex;
  align-items:stretch;
  background:var(--nbr-black);
  color:var(--nbr-white);
  border-bottom:var(--nbr-border) solid var(--nbr-black);
  overflow:hidden;
}
.nbr-ticker-label{
  flex:0 0 auto;
  background:var(--nbr-yellow);
  color:var(--nbr-black);
  font-weight:900;
  padding:8px 16px;
  border-right:var(--nbr-border) solid var(--nbr-black);
  white-space:nowrap;
}
.nbr-ticker-track{
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}
.nbr-ticker-list{
  display:flex;
  gap:28px;
  padding:8px 16px;
  white-space:nowrap;
}
.nbr-ticker-list li{ flex:0 0 auto; }
.nbr-ticker-list a{ color:var(--nbr-white); font-weight:700; }
.nbr-ticker-list a:hover{ color:var(--nbr-yellow); }

/* ---------------- Masthead 图章式品牌区 ---------------- */
.nbr-masthead{
  border-bottom:var(--nbr-border) solid var(--nbr-black);
  padding:36px 20px;
  background:var(--nbr-white);
  display:flex;
  justify-content:center;
}
.nbr-masthead-inner{
  max-width:1200px;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
}
.nbr-brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  background:var(--nbr-yellow);
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  padding:10px 18px;
  transform:rotate(-2deg);
  transition:transform .15s ease, box-shadow .15s ease;
}
.nbr-brand:hover{
  transform:rotate(-2deg) translate(-2px,-2px);
  box-shadow:var(--nbr-shadow-hover);
}
.nbr-brand-logo{ width:auto; max-height:44px; border:var(--nbr-border) solid var(--nbr-black); background:var(--nbr-white); }
.nbr-brand-name{ font-size:24px; font-weight:900; letter-spacing:1px; }
.nbr-brand-slogan{
  flex:1 1 260px;
  min-width:0;
  font-weight:700;
  border-left:var(--nbr-border) solid var(--nbr-black);
  padding-left:16px;
}

/* ---------------- 导航按钮格 ---------------- */
.nbr-nav{
  border-bottom:var(--nbr-border) solid var(--nbr-black);
  padding:16px 20px;
  display:flex;
  justify-content:center;
  background:var(--nbr-white);
}
.nbr-nav-grid{
  max-width:1200px;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.nbr-nav-cell{ flex:0 0 auto; }
.nbr-nav-btn{
  display:inline-block;
  background:var(--nbr-white);
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  padding:8px 16px;
  font-weight:800;
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.nbr-nav-cell:nth-child(4n+1) .nbr-nav-btn:hover{ background:var(--nbr-yellow); }
.nbr-nav-cell:nth-child(4n+2) .nbr-nav-btn:hover{ background:var(--nbr-blue); }
.nbr-nav-cell:nth-child(4n+3) .nbr-nav-btn:hover{ background:var(--nbr-green); }
.nbr-nav-cell:nth-child(4n+4) .nbr-nav-btn:hover{ background:var(--nbr-pink); }
.nbr-nav-btn:hover{
  transform:translate(-3px,-3px);
  box-shadow:9px 9px 0 var(--nbr-black);
}

/* ---------------- 首页 Hero ---------------- */
.nbr-hero{ padding:44px 0 20px; }
.nbr-hero-title{
  display:inline-block;
  font-size:44px;
  font-weight:900;
  color:var(--nbr-black);
  background-image:linear-gradient(90deg,var(--nbr-blue),var(--nbr-pink) 40%,var(--nbr-yellow) 70%,var(--nbr-green));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  transform:rotate(-1deg);
  margin:0 0 12px;
}
.nbr-hero-sub{ font-weight:700; max-width:780px; }

/* ---------------- 分类色块条 ---------------- */
.nbr-catstrip{ padding:10px 0 30px; }
.nbr-catstrip-list{ display:flex; flex-wrap:wrap; gap:16px; }
.nbr-catstrip-btn{
  display:inline-block;
  padding:10px 18px;
  font-weight:900;
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  transition:transform .12s ease, box-shadow .12s ease;
}
.nbr-catstrip-list li:nth-child(4n+1) .nbr-catstrip-btn{ background:var(--nbr-yellow); }
.nbr-catstrip-list li:nth-child(4n+2) .nbr-catstrip-btn{ background:var(--nbr-blue); color:var(--nbr-white); }
.nbr-catstrip-list li:nth-child(4n+3) .nbr-catstrip-btn{ background:var(--nbr-green); }
.nbr-catstrip-list li:nth-child(4n+4) .nbr-catstrip-btn{ background:var(--nbr-pink); }
.nbr-catstrip-btn:hover{ transform:translate(-2px,-2px); box-shadow:var(--nbr-shadow-hover); }

/* ---------------- 版式：左侧栏 + 主内容 ---------------- */
.nbr-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:start;
}

.nbr-side{ display:flex; flex-direction:column; gap:24px; }
.nbr-side-block{
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  background:var(--nbr-white);
}
.nbr-side-head{
  font-weight:900;
  padding:10px 14px;
  border-bottom:var(--nbr-border) solid var(--nbr-black);
}
.nbr-side-block:nth-child(3n+1) .nbr-side-head{ background:var(--nbr-yellow); }
.nbr-side-block:nth-child(3n+2) .nbr-side-head{ background:var(--nbr-blue); color:var(--nbr-white); }
.nbr-side-block:nth-child(3n+3) .nbr-side-head{ background:var(--nbr-pink); }
.nbr-side-list{ padding:6px 0; }
.nbr-side-list li{ border-bottom:1px solid #000; }
.nbr-side-list li:last-child{ border-bottom:none; }
.nbr-side-list a{
  display:block;
  padding:9px 14px;
  font-weight:700;
}
.nbr-side-list a:hover{ background:var(--nbr-green); }

/* ---------------- 栏目标题色块 ---------------- */
.nbr-section-head{ margin:8px 0 20px; }
.nbr-section-head span{
  display:inline-block;
  font-size:20px;
  font-weight:900;
  padding:10px 20px;
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  transform:rotate(-1deg);
}
.nbr-section-head:nth-of-type(odd) span{ background:var(--nbr-yellow); }
.nbr-section-head:nth-of-type(even) span{ background:var(--nbr-blue); color:var(--nbr-white); }

/* ---------------- 首页卡片网格 ---------------- */
.nbr-cardgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-bottom:40px;
}
.nbr-card{
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  background:var(--nbr-white);
  transition:transform .15s ease, box-shadow .15s ease;
  min-width:0;
}
.nbr-card:hover{ transform:translate(-3px,-3px); box-shadow:var(--nbr-shadow-hover); }
.nbr-card-band{
  border-bottom:var(--nbr-border) solid var(--nbr-black);
  padding:8px 12px;
}
.nbr-card:nth-child(4n+1) .nbr-card-band{ background:var(--nbr-yellow); }
.nbr-card:nth-child(4n+2) .nbr-card-band{ background:var(--nbr-blue); }
.nbr-card:nth-child(4n+3) .nbr-card-band{ background:var(--nbr-green); }
.nbr-card:nth-child(4n+4) .nbr-card-band{ background:var(--nbr-pink); }
.nbr-card-tag{
  display:inline-block;
  font-weight:900;
  font-size:12px;
  padding:2px 8px;
  border:2px solid var(--nbr-black);
  background:var(--nbr-white);
}
.nbr-card-link{ display:block; padding:14px 16px 16px; }
.nbr-card-title{
  font-size:18px;
  font-weight:900;
  margin-bottom:8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.6em;
}
.nbr-card-info{
  font-size:13px;
  color:#333;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:10px;
}
.nbr-card-meta{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  font-weight:700;
  border-top:2px solid var(--nbr-black);
  padding-top:8px;
}

/* ---------------- 最新动态 headline 列表 ---------------- */
.nbr-headlines{ border:var(--nbr-border) solid var(--nbr-black); box-shadow:var(--nbr-shadow); }
.nbr-headline-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border-bottom:2px solid var(--nbr-black);
}
.nbr-headline-row:last-child{ border-bottom:none; }
.nbr-headline-row:nth-child(4n+1){ background:rgba(255,222,89,.35); }
.nbr-headline-row:nth-child(4n+2){ background:rgba(77,121,255,.15); }
.nbr-headline-row:nth-child(4n+3){ background:rgba(127,255,107,.25); }
.nbr-headline-row:nth-child(4n+4){ background:rgba(255,107,203,.2); }
.nbr-headline-title{
  flex:1 1 auto;
  min-width:0;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nbr-headline-title:hover{ text-decoration:underline; }
.nbr-headline-date{
  flex:0 0 auto;
  font-size:12px;
  font-weight:700;
  color:#333;
}

/* ---------------- 列表页 ---------------- */
.nbr-crumb{ padding:20px 0 10px; }
.nbr-crumb-inner{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--nbr-white);
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  padding:8px 16px;
  font-weight:700;
}
.nbr-crumb-sep{ font-weight:900; }
.nbr-crumb-current{ font-weight:900; }

.nbr-listview{ display:flex; flex-direction:column; gap:16px; margin-bottom:30px; }
.nbr-listview-row{
  display:flex;
  gap:16px;
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  padding:14px 16px;
  background:var(--nbr-white);
  transition:transform .15s ease, box-shadow .15s ease;
}
.nbr-listview-row:hover{ transform:translate(-3px,-3px); box-shadow:var(--nbr-shadow-hover); }
.nbr-listview-score{
  flex:0 0 48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  border:2px solid var(--nbr-black);
}
.nbr-listview-row:nth-child(4n+1) .nbr-listview-score{ background:var(--nbr-yellow); }
.nbr-listview-row:nth-child(4n+2) .nbr-listview-score{ background:var(--nbr-blue); color:var(--nbr-white); }
.nbr-listview-row:nth-child(4n+3) .nbr-listview-score{ background:var(--nbr-green); }
.nbr-listview-row:nth-child(4n+4) .nbr-listview-score{ background:var(--nbr-pink); }
.nbr-listview-body{ flex:1 1 auto; min-width:0; }
.nbr-listview-title{
  font-size:18px;
  font-weight:900;
  margin-bottom:6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.nbr-listview-title a:hover{ text-decoration:underline; }
.nbr-listview-info{
  font-size:13px;
  color:#333;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:8px;
}
.nbr-listview-meta{ display:flex; gap:16px; font-size:12px; font-weight:700; }

.nbr-pager{ display:flex; flex-wrap:wrap; gap:10px; }
.nbr-pager-btn{
  display:inline-block;
  padding:8px 14px;
  font-weight:900;
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  background:var(--nbr-white);
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.nbr-pager-btn:hover{ background:var(--nbr-yellow); transform:translate(-2px,-2px); box-shadow:var(--nbr-shadow-hover); }

/* ---------------- 详情页 ---------------- */
.nbr-article{
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  padding:26px;
  margin-bottom:30px;
  background:var(--nbr-white);
}
.nbr-article-head{ border-bottom:var(--nbr-border) solid var(--nbr-black); padding-bottom:16px; margin-bottom:16px; }
.nbr-article-title{ font-size:28px; font-weight:900; margin-bottom:10px; }
.nbr-article-meta{ font-size:13px; font-weight:700; color:#333; }
.nbr-article-body{ font-size:16px; line-height:1.9; word-break:break-word; }
.nbr-article-body img{ border:2px solid var(--nbr-black); margin:14px 0; }

.nbr-prevnext{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.nbr-prevnext-item{
  border:var(--nbr-border) solid var(--nbr-black);
  box-shadow:var(--nbr-shadow);
  padding:12px 16px;
  min-width:0;
}
.nbr-prevnext-item--prev{ background:var(--nbr-yellow); }
.nbr-prevnext-item--next{ background:var(--nbr-green); text-align:right; }
.nbr-prevnext-label{ display:block; font-weight:900; font-size:12px; margin-bottom:6px; }
.nbr-prevnext-link{
  display:block;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}
.nbr-prevnext-link:hover{ text-decoration:underline; }

/* ---------------- 页脚 ---------------- */
.nbr-footer{
  border-top:var(--nbr-border) solid var(--nbr-black);
  background:var(--nbr-black);
  color:var(--nbr-white);
  padding:40px 20px 20px;
}
.nbr-footer-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:24px;
  margin-bottom:26px;
}
.nbr-footer-block{ min-width:0; }
.nbr-footer-logo{ width:auto; max-height:40px; background:var(--nbr-white); border:2px solid var(--nbr-white); margin-bottom:12px; }
.nbr-footer-desc{ font-size:13px; color:#ccc; }
.nbr-footer-head{
  display:inline-block;
  font-weight:900;
  padding:4px 10px;
  margin-bottom:12px;
  color:var(--nbr-black);
}
.nbr-footer-block:nth-child(4n+1) .nbr-footer-head{ background:var(--nbr-yellow); }
.nbr-footer-block:nth-child(4n+2) .nbr-footer-head{ background:var(--nbr-blue); color:var(--nbr-white); }
.nbr-footer-block:nth-child(4n+3) .nbr-footer-head{ background:var(--nbr-green); }
.nbr-footer-block:nth-child(4n+4) .nbr-footer-head{ background:var(--nbr-pink); }
.nbr-footer-list li{ margin-bottom:8px; }
.nbr-footer-list a{ color:#e6e6e6; font-size:13px; font-weight:600; }
.nbr-footer-list a:hover{ color:var(--nbr-yellow); }
.nbr-footer-bottom{
  max-width:1200px;
  margin:0 auto;
  border-top:1px solid #444;
  padding-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  justify-content:space-between;
  font-size:12px;
  color:#aaa;
}

/* =========================================================
   响应式断点：1024 / 768 / 480
   ========================================================= */
@media (max-width:1024px){
  .nbr-layout{ grid-template-columns:220px 1fr; gap:20px; }
  .nbr-cardgrid{ grid-template-columns:repeat(3,1fr); gap:16px; }
  .nbr-footer-grid{ grid-template-columns:1.2fr 1fr 1fr; }
  .nbr-footer-block:nth-child(4){ display:none; }
}

@media (max-width:768px){
  .nbr-nav-grid{ justify-content:flex-start; }
  .nbr-nav-cell{ flex:1 1 calc(50% - 7px); }
  .nbr-nav-btn{ display:block; text-align:center; }

  .nbr-layout{ grid-template-columns:1fr; }
  .nbr-side{ order:2; flex-direction:row; flex-wrap:wrap; }
  .nbr-side-block{ flex:1 1 240px; }
  .nbr-main{ order:1; }

  .nbr-cardgrid{ grid-template-columns:repeat(2,1fr); }
  .nbr-footer-grid{ grid-template-columns:1fr 1fr; }
  .nbr-prevnext{ grid-template-columns:1fr; }
}

@media (max-width:480px){
  .nbr-hero-title{ font-size:30px; }
  .nbr-cardgrid{ grid-template-columns:1fr; }
  .nbr-side{ flex-direction:column; }
  .nbr-nav-cell{ flex:1 1 100%; }
  .nbr-listview-row{ flex-direction:column; }
  .nbr-listview-score{ width:48px; }
  .nbr-footer-grid{ grid-template-columns:1fr; }
  .nbr-masthead-inner{ flex-direction:column; align-items:flex-start; }
  .nbr-brand-slogan{ border-left:none; border-top:var(--nbr-border) solid var(--nbr-black); padding-left:0; padding-top:10px; }
}