:root{
  --c-bg:#0b0b0c; --c-surface:#121214; --c-text:#f2f2f2; --c-muted:#9aa0a6; --c-accent:#41d1ff;
}

/* 容器 */
#LyricsBlock{ border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#121214; }
#LyricsViewport{ width:100%; height:520px; overflow-y:auto; scroll-behavior:auto; }

/* 歌詞列 */
#lyrics{ list-style:none; padding:8px; margin:0; }
#lyrics li.li1{
  position: relative;
  padding:4px 8px;
  border-radius:8px;
  transition:background .25s ease, transform .25s ease, opacity .25s ease;
}
#lyrics li.li1 .LyricsYomi{ color:#e7e7e7; display:inline-block; }

/* 行高：日文（無/有 ruby） */
#lyrics li.li1[lang="ja"] { min-height:32px; line-height:32px; }
#lyrics li.li1.ja-ruby    { min-height:37px; line-height:37px; }

/* 內嵌中文（比日文稍大） */
#lyrics li.li1 .ch_line{
  margin:-12px 0 0 66px;
  font-size:1.08rem;
  line-height:32px;
  color:#ffdca8;
  display:block;
}

/* 高亮目前行（背景 + 左側亮條 + 微放大） */
#lyrics li.li1.current{
  background:rgba(65,209,255,.14);
  transform:scale(1.01);
}
#lyrics li.li1.current .LyricsYomi{
  color:#fff;
  text-shadow:0 0 8px rgba(65,209,255,.45);
  font-size:1.08rem;
}
#lyrics li.li1.current::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background:#41d1ff;
  border-radius:2px;
}

/* 鄰近/遠離行的淡化 */
#lyrics li.li1.next1 .LyricsYomi{ opacity:.95; }
#lyrics li.li1.next2 .LyricsYomi{ opacity:.84; }
#lyrics li.li1.dim   .LyricsYomi{ opacity:.55; }

/* 焦點框（鍵盤/程式 focus） */
#lyrics li.li1:focus-visible{
  outline:2px solid var(--c-accent);
  outline-offset:2px;
}

.hidden{ display:none !important; }

/* 上方控制區與編輯面板 */
#lyric_control{ margin:10px 0; }
#TopEditors .panel{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#121214;
  padding:10px;
  margin-bottom:10px;
}
#TopEditors .row-edit{ padding:8px 0; border-top:1px dashed rgba(255,255,255,.12); }
#TopEditors .time-label{ color:#9aa0a6; margin-bottom:4px; }
#TopEditors textarea{ width:100%; }