/* 字体与色值取自当前主站curios.html；仅作用于音乐阅读页。 */
:root{
  --ink:#16130e;--muted:#756a58;--paper:#e4ddd0;
  --card:rgba(228,221,208,.46);--line:rgba(22,19,14,.15);
  --green:#844651;--soft:rgba(227,169,174,.13);
  --ink-soft:#2c261c;--pink:#e3a9ae;--pink-ink:#be7079;
  --serif-cjk:"Noto Serif SC","Songti SC","STSong",serif;
  --serif-lat:"Cormorant Garamond",Georgia,serif;
  --sans:"Noto Sans SC","PingFang SC",system-ui,sans-serif;
}
body{
  background:radial-gradient(40% 32% at 8% 8%,rgba(227,169,174,.28),transparent 72%),
    radial-gradient(38% 32% at 92% 16%,rgba(242,169,61,.20),transparent 72%),
    linear-gradient(180deg,#e1d8c9 0%,#d8c8b3 48%,#d8d0bd 100%);
  background-attachment:fixed;font-family:var(--sans);font-weight:300;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body::after{
  content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
}
.pianyu-header{
  min-height:82px;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:rgba(228,221,208,.70);border-bottom:1px solid rgba(22,19,14,.08);
  backdrop-filter:blur(18px) saturate(.8);position:relative;z-index:30;
}
.pianyu-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0;}
.pianyu-brand img{width:38px;height:38px;border-radius:50%;display:block;}
.pianyu-brand span{font:600 15px var(--serif-cjk);letter-spacing:.24em;}
.pianyu-header nav{gap:20px;font-size:12px;letter-spacing:.13em;}
.pianyu-header nav a{color:var(--ink-soft);padding:9px 0;text-decoration:none;}
.pianyu-header nav a:hover,.pianyu-header nav a[aria-current="page"]{color:var(--green);}
.pianyu-header nav a[aria-current="page"]{box-shadow:0 1px 0 var(--pink-ink);}
.pianyu-menu{display:none;position:relative;font-size:13px;}
.pianyu-menu summary{cursor:pointer;list-style:none;padding:9px 0;letter-spacing:.15em;}
.pianyu-menu summary::after{content:" ☰";font-size:15px;}
.pianyu-menu summary::-webkit-details-marker{display:none;}
.pianyu-menu[open] nav{
  display:flex;position:absolute;right:0;top:44px;width:min(280px,calc(100vw - 36px));padding:16px 22px;
  flex-direction:column;gap:3px;background:#e4ddd0;border:1px solid var(--line);border-radius:8px;
  box-shadow:0 18px 50px rgba(54,39,23,.15);
}
.site-header{max-width:1280px;padding:30px 40px 24px;gap:24px;border-bottom:1px solid var(--line);}
.site-header .brand{font-family:var(--serif-cjk);font-size:26px;font-weight:500;color:var(--pink-ink);letter-spacing:.06em;}
.site-header .brand span{font-family:var(--sans);font-size:11px;letter-spacing:.13em;color:var(--muted);line-height:1.7;}
.site-header nav{font-size:13px;gap:20px;}
#search-form{width:285px;}
input,button,.button{border-radius:5px;background:rgba(228,221,208,.60);font-weight:300;}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--pink-ink);outline-offset:4px;}
main{max-width:1280px;padding:60px 40px 90px;}
h1,h2,h3,h4{font-family:var(--serif-cjk);font-weight:500;letter-spacing:.025em;}
h1{font-size:clamp(35px,3.7vw,51px);line-height:1.4;}
h2{font-size:29px;margin-top:60px;}
.hero{max-width:880px;padding-bottom:25px;}
.hero .eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--pink-ink);}
.hero p{font-size:17px;line-height:1.95;color:var(--ink-soft);max-width:46em;}
.hero .note{font-size:13px;}
.card{border-radius:8px;background:rgba(228,221,208,.46);box-shadow:0 18px 50px rgba(54,39,23,.035);padding:28px;}
.card h3{font-size:22px;line-height:1.6;}
.card h3 a{color:var(--ink);}
.card .arrow{color:var(--green);}
.card p{color:var(--muted);font-size:14px;}
.grid{gap:22px;}
.note,.editor-note{background:rgba(228,221,208,.42);border-left:2px solid var(--pink-ink);border-radius:0;color:var(--ink-soft);}
.toolbar .button{padding:10px 16px;}
.toolbar button.active{background:var(--ink-soft);color:var(--paper);}
.reader{font-size:17px;line-height:2;color:var(--ink-soft);}
.reader h1{font-size:34px;line-height:1.6;color:var(--ink);}
.reader h2{font-size:26px;line-height:1.6;color:var(--ink);}
.reader h3{font-size:22px;line-height:1.6;color:var(--ink);}
.reader blockquote{border-color:var(--pink-ink);color:var(--muted);}
.reader pre,.reader code{background:rgba(197,187,168,.25);}
.reader th{background:rgba(215,207,191,.55);}
.reader details{border-radius:5px;}
.label{letter-spacing:.12em;}
mark{background:rgba(227,169,174,.55);color:var(--ink);}
.aside{top:28px;}
footer{max-width:1280px;padding:30px 40px 45px;}
@media(max-width:1100px){
  .pianyu-header .pianyu-desktop{display:none;}
  .pianyu-menu{display:block;}
  .site-header{gap:22px;}
  #search-form{width:100%;margin-left:0;}
}
@media(max-width:560px){
  .pianyu-header{min-height:70px;padding:15px 20px;}
  .pianyu-brand img{width:34px;height:34px;}
  .pianyu-brand span{font-size:14px;}
  .site-header{padding:26px 20px 22px;gap:20px;}
  .site-header .brand{font-size:26px;}
  .site-header nav{gap:16px;font-size:12px;}
  main{padding:34px 20px 65px;}
  h1{font-size:33px;line-height:1.5;}
  h2{font-size:25px;margin-top:42px;}
  .hero p,.lede{font-size:16px;}
  .card{padding:23px;}
  .card h3{font-size:21px;}
  .reader{font-size:16px;line-height:2;}
  .reader h1{font-size:28px;}
  .reader h2{font-size:24px;}
  .reader h3{font-size:21px;}
  footer{padding:26px 20px 38px;}
}