/* 歌单页 · 射命丸文主题（《文々。新聞》文化版）
   沿用主页的配色：墨黑、新闻纸米白、天狗红、橄榄棕；封面做成白边照片 */
html.aya {
  --ink: #1F1B16; --paper: #F4EEDF; --red: #B8352B; --olive: #6B604C;
  --text: #1F1B16; --muted: #4A4236; --accent: #B8352B; --page-bg: #C9D6C2;
  --card-line: rgba(31, 27, 22, .55); --card-shadow: #1F1B16; --chip-bg: rgba(246, 240, 226, .36);
  --music-card: rgba(246, 240, 226, .34); --halo: rgba(246, 240, 226, .95);
  --yellow: #B8352B; --focus: #B8352B;
  color-scheme: light;
  /* 安全区：横屏时灵动岛在左或右，内容两边让开；duo-demo.html 靠这几个变量模拟 */
  --sat: env(safe-area-inset-top, 0px); --sar: env(safe-area-inset-right, 0px);
  --sab: env(safe-area-inset-bottom, 0px); --sal: env(safe-area-inset-left, 0px);
}
/* 顶栏不吸顶、不垫模糊，跟着页面滑走，顶部不留一大片遮挡 */
html.aya .top { position: relative; }
html.aya .top::before { display: none; }
html.aya .top { padding: calc(12px + var(--sat)) max(16px, var(--sar)) 12px max(16px, var(--sal)); }
html.aya .wrap { padding: 4px max(16px, var(--sar)) calc(40px + var(--sab)) max(16px, var(--sal)); }
html.aya body { color: var(--ink); background: var(--page-bg); }
html.aya .bg img { filter: blur(1.5px) saturate(1.05) !important; }
html.aya .bg::after { background: rgba(244, 238, 223, .1) !important; }

html.aya .card { border: 1px solid var(--card-line); border-top: 3px double var(--ink); border-radius: .3rem; box-shadow: 0 .4rem 1.1rem rgba(31, 27, 22, .14); }
html.aya .back { border-radius: .3rem; box-shadow: .18rem .18rem 0 var(--ink); }
html.aya .top .lang-switch { border: 1.5px solid var(--ink); }
html.aya .lang-switch button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }

html.aya .hero-kicker { display: inline-block; justify-self: start; width: fit-content; padding: .25rem .6rem; background: var(--red); color: var(--paper); letter-spacing: .14em; box-shadow: .15rem .15rem 0 var(--ink); text-shadow: none; }
html.aya .hero-covers { border-radius: 0; padding: 4px; background: #FBF8F0; border: 0; box-shadow: 0 .35rem .9rem rgba(31, 27, 22, .3); transform: rotate(-2deg); }
html.aya .btn { border-radius: .25rem; border-color: var(--ink); box-shadow: .18rem .18rem 0 var(--ink); }
html.aya .btn-red { background: var(--red); border-color: var(--red); color: var(--paper); }
html.aya .btn:hover { box-shadow: .25rem .25rem 0 var(--ink); }

html.aya .search, html.aya .view-switch, html.aya .sort-switch { border-color: var(--ink); border-radius: .3rem; background: rgba(246, 240, 226, .6); }
html.aya .view-switch button, html.aya .sort-switch button { border-radius: .2rem; }
html.aya .view-switch button[aria-pressed="true"] { background: var(--red); color: var(--paper); }
html.aya .sort-switch button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
html.aya .cats button { border-radius: .2rem; border-color: rgba(184, 53, 43, .55); color: #8F2A22; background: rgba(246, 240, 226, .6); }
html.aya .cats button span::before { content: "#"; opacity: .7; }
html.aya .cats button[aria-pressed="true"] { background: var(--red); border-color: var(--red); color: var(--paper); }
html.aya .artist-chips button { border-radius: .2rem; border-color: rgba(31, 27, 22, .45); }
html.aya .artist-chips button[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* 分区标题：报纸栏目名 + 双线 */
html.aya .sec b { font-size: 1.25rem; padding: .15rem .6rem; background: var(--red); color: var(--paper); text-shadow: none; box-shadow: .15rem .15rem 0 var(--ink); font-family: inherit; font-style: normal; }
html.aya .sec::after { height: 0; border-top: 3px double var(--ink); background: none; opacity: 1; }

/* 封面：白边照片 */
html.aya .grid .song img { border-radius: 0; border: 4px solid #FBF8F0; box-shadow: 0 .3rem .8rem rgba(31, 27, 22, .28); }
html.aya .grid .song a:hover img { box-shadow: 0 .5rem 1.2rem rgba(31, 27, 22, .35); }
html.aya .list .song a { border-radius: .2rem; }
html.aya .list .song img { border-radius: 0; border: 3px solid #FBF8F0; }
html.aya .song.flash a { animation: aya-flash-song 1.4s ease-out; }
@keyframes aya-flash-song { 0%, 25% { background: #fff; box-shadow: 0 0 0 4px #fff; } 100% { box-shadow: 0 0 0 0 transparent; } }