/* 摆摆烂 —— RiverSing 主题（赛博朋克 × 科技 × Minecraft）
   宽幅横屏版：2 行 × 3 列六模块网格 */
:root{
  --bg:#05070d; --card:#0b1220; --line:rgba(0,229,255,.18);
  --neon:#00e5ff; --pink:#ff2e88; --gold:#ffc94d; --green:#4ade80;
  --ink:#d7e6ff; --dim:#8fa3c2;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  color:var(--ink); line-height:1.75; min-height:100vh;
  background:
    radial-gradient(700px 420px at 12% -4%, rgba(0,229,255,.09), transparent 70%),
    radial-gradient(600px 420px at 92% 104%, rgba(255,46,136,.09), transparent 70%),
    var(--bg);
}
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    linear-gradient(rgba(0,229,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.045) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(#000 55%, transparent 100%);
}
body::after{
  content:''; position:fixed; inset:0; z-index:9; pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.10) 0 1px, transparent 1px 3px);
}
.bbl-nav{
  max-width:1780px;margin:0 auto;padding:18px 28px 0;
  font-family:Consolas,'Courier New',monospace;font-size:13px;color:var(--dim)}
.bbl-nav a{color:var(--neon);text-decoration:none}
.bbl-nav a:hover{color:#fff}
.bbl-nav b{color:var(--gold)}
.bbl-nav span{margin:0 8px;color:var(--dim)}
.bbl-meta{
  max-width:1780px;margin:10px auto 0;padding:0 28px;font-size:12.5px;color:var(--dim)}
.bbl-meta a{color:var(--neon)}
.bbl-meta .jcr{color:var(--pink)}

/* ---- 宽幅六模块网格：2 行 × 3 列，1920×1080 一屏完整展示 ---- */
.bbl-grid{
  max-width:1780px;margin:14px auto 0;padding:0 28px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-template-rows:repeat(2, 1fr);
  height:calc(100vh - 168px);
  min-height:620px;
  gap:18px;
}
.myblock{
  padding:14px 20px;
  background:linear-gradient(165deg, rgba(0,229,255,.05), rgba(255,46,136,.03)), var(--card);
  border:1px solid var(--line); border-radius:4px;
  box-shadow:0 0 0 1px rgba(0,229,255,.05), 0 8px 24px rgba(0,0,0,.5);
  position:relative; overflow:hidden;
  display:flex; flex-direction:column;
  min-height:0; min-width:0;
  transition:box-shadow .2s, transform .2s;
}
.myblock:hover{
  box-shadow:0 0 0 1px rgba(0,229,255,.3), 0 12px 34px rgba(0,229,255,.14);
}
.myblock::before{
  content:''; position:absolute; top:0; left:0; width:16px; height:16px;
  background:var(--neon);
  clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%);
  opacity:.85;
}
.myblock:nth-child(odd)::before{background:var(--gold)}
.myblock:nth-child(3n)::before{background:var(--pink)}
.myblock h3{
  flex:none;
  font-family:Consolas,'Courier New','PingFang SC','Microsoft YaHei',monospace;
  color:#fff; font-size:16.5px; letter-spacing:.5px; margin-bottom:8px;
  display:flex; align-items:center; gap:10px;
}
.myblock h3 img{vertical-align:middle; image-rendering:pixelated;
  filter:drop-shadow(0 0 6px rgba(0,229,255,.35)); border-radius:2px}
/* 列表区占满剩余高度，超出部分模块内滚动 */
.mylist{
  flex:1 1 auto; min-height:0; overflow-y:auto;
  padding-right:6px;
}
.mylist ol,.mylist ul{
  padding-left:22px; font-size:13.5px; color:var(--dim);
}
.mylist li{padding:2.5px 0; break-inside:avoid;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.mylist li::marker{color:var(--neon)}
/* 条目链接与普通条目同色（统一 dim），悬停点亮霓虹 */
.mylist a{color:var(--dim); text-decoration:none}
.mylist a:hover{color:var(--neon); text-shadow:0 0 8px rgba(0,229,255,.5)}
/* 模块内滚动条 */
.mylist::-webkit-scrollbar{width:8px}
.mylist::-webkit-scrollbar-track{background:rgba(0,229,255,.04)}
.mylist::-webkit-scrollbar-thumb{background:#1b2c47;border-radius:4px}
.mylist::-webkit-scrollbar-thumb:hover{background:rgba(0,229,255,.45)}
.bbl-foot{
  max-width:1780px;margin:16px auto 24px;padding:12px 28px 0;
  border-top:1px dashed var(--line); text-align:center;
  font-family:Consolas,monospace;font-size:12px;color:var(--dim)}
::selection{background:rgba(0,229,255,.35); color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#070b14}
::-webkit-scrollbar-thumb{background:#1b2c47;border:2px solid #070b14}

/* ---- 响应式：中屏 2 列，窄屏 1 列（恢复页面滚动） ---- */
@media(max-width:1280px){
  .bbl-grid{grid-template-columns:repeat(2, minmax(0,1fr));
    grid-template-rows:none; height:auto}
  .myblock{height:420px}
}
@media(max-width:760px){
  .bbl-grid{grid-template-columns:1fr; height:auto}
  .myblock{height:380px}
  .mylist li{white-space:normal}
}