:root{--paper-50: #FBF8F2;--paper-100: #F5F0E6;--paper-200: #EAE3D5;--paper-300: #DDD4C2;--ink-900: #241F1B;--ink-700: #4A4239;--ink-500: #776C5E;--ink-400: #918A7D;--ink-300: #C9BFAE;--ash-900: #263A45;--ash-800: #334C59;--ash-700: #42606F;--ash-600: #5B7C8D;--ash-100: #E4EDF1;--brass-700: #84601F;--brass-500: #B0812F;--brass-100: #F3E9D3;--brick-600: #9E4B3F;--moss-600: #4B6B52;--color-bg-primary: var(--paper-50);--color-bg-secondary: #FFFFFF;--color-bg-tertiary: var(--paper-100);--color-bg-elevated: #FFFFFF;--color-border-default: var(--paper-300);--color-border-strong: var(--ink-400);--color-border-focus: var(--ash-700);--color-text-primary: var(--ink-900);--color-text-secondary: var(--ink-700);--color-text-tertiary: var(--ink-500);--color-text-inverse: var(--paper-50);--color-primary: var(--ash-700);--color-primary-hover: var(--ash-800);--color-primary-active: var(--ash-900);--color-primary-muted: rgba(66, 96, 111, .1);--color-secondary: var(--brass-700);--color-accent: var(--color-secondary);--color-accent-solid: var(--brass-500);--color-accent-muted: var(--brass-100);--color-danger: var(--brick-600);--color-success: var(--moss-600);--font-family-display: "Noto Serif TC", "Songti TC", "Georgia", serif;--font-family-base: "Noto Sans TC", -apple-system, "Segoe UI", "Microsoft JhengHei", sans-serif;--font-size-display: 2rem;--font-size-h1: 1.625rem;--font-size-h2: 1.25rem;--font-size-h3: 1.125rem;--font-size-body: 1rem;--font-size-sm: .875rem;--font-size-xs: .8125rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-reading: 1.85;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(36, 31, 27, .06);--shadow-md: 0 2px 10px rgba(36, 31, 27, .1);--transition-fast: .14s cubic-bezier(.4, 0, .2, 1);--transition-base: .24s cubic-bezier(.4, 0, .2, 1);--touch-target: 44px;--player-ratio: 16 / 9;--player-min-size: 200px;--player-border: 1px;--player-bg: var(--paper-200);--ribbon-bg: var(--brass-100);--ribbon-edge: var(--brass-500);--ribbon-text: var(--ink-900);--stave-line: var(--ink-300);--track-row-hover: var(--ash-100);--level-pip-on: var(--brass-500);--level-pip-off: var(--paper-300);--chip-bg: var(--color-bg-secondary);--chip-border: var(--color-border-strong);--chip-on-bg: var(--ash-700);--chip-on-text: var(--paper-50);--content-max: 44rem;--page-max: 68rem}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #1A1815;--color-bg-secondary: #232019;--color-bg-tertiary: #232019;--color-bg-elevated: #2B271F;--color-border-default: #3A342B;--color-border-strong: #796D5A;--color-border-focus: #8FB3C4;--color-text-primary: #EDE6D8;--color-text-secondary: #CFC4B0;--color-text-tertiary: #A99C88;--color-primary: #8FB3C4;--color-primary-hover: #A9C6D4;--color-primary-active: #C4DAE4;--color-primary-muted: rgba(143, 179, 196, .14);--color-accent: #D8A94E;--color-accent-solid: #D8A94E;--color-accent-muted: #3A3121;--color-danger: #D08578;--player-bg: #2B271F;--ribbon-bg: #3A3121;--ribbon-edge: #D8A94E;--ribbon-text: #EDE6D8;--stave-line: #4E463A;--track-row-hover: rgba(143, 179, 196, .1);--level-pip-on: #D8A94E;--level-pip-off: #3A342B;--chip-on-bg: #8FB3C4;--chip-on-text: #1A1815;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 2px 10px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-reading);-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--font-family-display);line-height:var(--line-height-tight);margin:0 0 var(--spacing-3);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-h1);letter-spacing:-.01em}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}p{margin:0 0 var(--spacing-4)}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration-thickness:2px}a:active{color:var(--color-primary-active)}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.cp-btn,.cp-chip,.cp-track__play,.cp-chapters a,.cp-track__title a{min-height:var(--touch-target)}.cp-prose .cp-inline,p .cp-inline{min-height:0}.cp-shell{max-width:var(--page-max);margin:0 auto;padding:var(--spacing-4) var(--spacing-4) var(--spacing-12)}.cp-prose{max-width:var(--content-max)}.cp-rule{height:9px;margin:var(--spacing-8) 0 var(--spacing-6);background:repeating-linear-gradient(to bottom,var(--stave-line) 0,var(--stave-line) 1px,transparent 1px,transparent 3px);opacity:.55;border:0}.cp-section{margin-top:var(--spacing-8)}.cp-section>h2{display:flex;align-items:baseline;gap:var(--spacing-2)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:var(--touch-target);padding:var(--spacing-2) var(--spacing-5);font:inherit;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.cp-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.cp-btn:active{background:var(--color-primary-active)}.cp-btn[disabled],.cp-btn.is-disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-color:var(--color-border-default)}.cp-btn--ghost{background:transparent;color:var(--color-primary);border-color:var(--color-border-strong)}.cp-btn--ghost:hover{background:var(--color-primary-muted);color:var(--color-primary-hover)}.cp-chip{display:inline-flex;align-items:center;gap:var(--spacing-2);min-height:var(--touch-target);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border:1px solid var(--chip-border);border-radius:var(--radius-full);background:var(--chip-bg);color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}a.cp-chip:before{content:"›";color:var(--color-primary);font-weight:var(--font-weight-bold)}a.cp-chip{color:var(--color-primary)}a.cp-chip:hover{background:var(--color-primary-muted);border-color:var(--color-primary)}.cp-chip[aria-pressed=true]{background:var(--chip-on-bg);color:var(--chip-on-text);border-color:var(--chip-on-bg);font-weight:var(--font-weight-semibold)}.cp-chip[aria-pressed=true]:after{content:"✓"}.cp-chip[disabled]{opacity:.5;cursor:not-allowed}.cp-chip--readonly{cursor:default;color:var(--color-text-tertiary);border-style:dashed;border-color:var(--color-border-default);background:var(--color-bg-tertiary)}.cp-chip--readonly .cp-chip__note{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ui-asset--skeleton{background:linear-gradient(100deg,var(--paper-100) 30%,var(--paper-200) 50%,var(--paper-100) 70%);background-size:200% 100%;animation:cp-shimmer 1.4s linear infinite;border-radius:var(--radius-sm);color:transparent}@keyframes cp-shimmer{to{background-position:-200% 0}}.cp-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cp-masthead{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.cp-masthead__logo{height:36px;width:auto;display:block}.cp-masthead__logo.ui-asset--skeleton{width:132px}.cp-hero{margin-bottom:var(--spacing-5)}.cp-hero h1{margin-bottom:var(--spacing-2)}.cp-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cp-hero__meta .cp-dot{color:var(--color-text-tertiary)}.cp-hero__lead{font-size:var(--font-size-body);color:var(--color-text-secondary)}.cp-player{position:relative;width:100%;max-width:100%;aspect-ratio:var(--player-ratio);min-width:calc(var(--player-min-size) + var(--player-border) * 2);min-height:calc(var(--player-min-size) + var(--player-border) * 2);background:var(--player-bg);border:var(--player-border) solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.cp-player>iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.cp-player__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.cp-player--fallback{display:flex;align-items:center;justify-content:center}.cp-player__fallback{max-width:min(28rem,100%);margin:0;padding:var(--spacing-4);text-align:center;color:var(--color-text-secondary)}.cp-player__fallback p{margin-bottom:var(--spacing-3)}.cp-ribbon{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-top:calc(var(--spacing-2) * -1 + 0px);position:relative;top:-1px;padding:var(--spacing-3) var(--spacing-4);background:var(--ribbon-bg);color:var(--ribbon-text);border:1px solid var(--color-border-default);border-top:0;border-left:4px solid var(--ribbon-edge);border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.cp-ribbon a{font-weight:var(--font-weight-semibold)}.cp-prose h2{margin-top:var(--spacing-8)}.cp-prose p{color:var(--color-text-secondary)}.cp-lede{font-family:var(--font-family-display);font-size:var(--font-size-h3);line-height:var(--line-height-normal);color:var(--color-text-primary);border-left:3px solid var(--color-accent-solid);padding-left:var(--spacing-4);margin:var(--spacing-6) 0}.cp-level{display:inline-flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.cp-level__pips{display:inline-flex;gap:2px}.cp-level__pip{width:6px;height:14px;border-radius:1px;background:var(--level-pip-off);border:1px solid var(--color-border-strong)}.cp-level__pip.is-on{background:var(--level-pip-on);border-color:var(--level-pip-on)}.cp-tracklist{border-top:1px solid var(--color-border-default)}.cp-track{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "meta";align-items:center;column-gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-2);border-bottom:1px solid var(--color-border-default)}[data-cp-tracklist] .cp-track{grid-template-columns:var(--touch-target) 1fr;grid-template-areas:"play title" "play meta"}.cp-track:hover{background:var(--track-row-hover)}.cp-track__play{grid-area:play;width:var(--touch-target);height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none}.cp-track__play:hover{background:var(--color-primary-muted);border-color:var(--color-primary)}.cp-track__title{grid-area:title;font-weight:var(--font-weight-medium);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.cp-track__title a{display:flex;align-items:center;gap:var(--spacing-2);-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong)}.cp-track__title a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.cp-track__meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.cp-track__time{font-variant-numeric:tabular-nums}.cp-track[aria-current=true]{background:var(--color-accent-muted);box-shadow:inset 3px 0 0 var(--color-accent-solid)}.cp-track__now{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.cp-track[hidden]{display:none}.cp-spec{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;gap:var(--spacing-2) var(--spacing-5);font-size:var(--font-size-sm)}.cp-spec dt{color:var(--color-text-tertiary)}.cp-spec dd{margin:0;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.cp-chapters li{border-bottom:1px solid var(--color-border-default)}.cp-chapters a{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-1);text-decoration:none;color:var(--color-text-primary)}.cp-chapters a:hover{background:var(--track-row-hover)}.cp-chapters .cp-chapters__t{font-variant-numeric:tabular-nums;color:var(--color-primary);font-weight:var(--font-weight-semibold);min-width:3.5rem}.cp-chapters [aria-current=true]{background:var(--color-accent-muted)}.cp-chapters [aria-current=true] .cp-chapters__t{color:var(--color-accent)}.cp-links{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cp-back{margin:var(--spacing-8) 0}.cp-subscribe{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.cp-subscribe__avatar{width:48px;height:48px;border-radius:var(--radius-full);flex:0 0 auto}.cp-subscribe__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cp-subscribe__text strong{display:block;color:var(--color-text-primary);font-size:var(--font-size-body)}.cp-facets{display:grid;gap:var(--spacing-4)}.cp-facet-row{display:grid;gap:var(--spacing-2)}.cp-facet-row__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.cp-facet-row__options{display:flex;flex-wrap:wrap;gap:var(--spacing-2);min-height:var(--touch-target)}.cp-linkbtn{padding:0;border:0;background:none;cursor:pointer;font:inherit;color:var(--color-primary);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}.cp-linkbtn:hover{color:var(--color-primary-hover);text-decoration-thickness:2px}.cp-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default);font-size:var(--font-size-sm)}.cp-filterbar>*{flex:0 0 auto;white-space:nowrap}.cp-filterbar__label{color:var(--color-text-tertiary)}.cp-count{margin:var(--spacing-3) 0 0;font-weight:var(--font-weight-semibold)}.cp-notice{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-3);background:var(--color-accent-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cp-entry-group{margin-bottom:var(--spacing-5)}.cp-entry-group__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.cp-entry-group__items{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cp-empty{padding:var(--spacing-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-tertiary)}.cp-empty p{color:var(--color-text-secondary)}.cp-empty__outs{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}@media (min-width: 768px){.cp-shell{padding:var(--spacing-6) var(--spacing-6) var(--spacing-12)}h1{font-size:var(--font-size-display)}.cp-spec{grid-template-columns:repeat(2,-webkit-max-content 1fr);grid-template-columns:repeat(2,max-content 1fr)}.cp-track{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) -webkit-max-content -webkit-max-content;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) max-content max-content;grid-template-areas:"title composer level time";column-gap:var(--spacing-4)}[data-cp-tracklist] .cp-track{grid-template-columns:var(--touch-target) minmax(0,2.2fr) minmax(0,1fr) -webkit-max-content -webkit-max-content;grid-template-columns:var(--touch-target) minmax(0,2.2fr) minmax(0,1fr) max-content max-content;grid-template-areas:"play title composer level time"}.cp-track__meta{display:contents}.cp-track__composer{grid-area:composer}.cp-track__level{grid-area:level}.cp-track__time{grid-area:time;text-align:right}}@media (min-width: 1024px){.cp-shell{padding:var(--spacing-8) var(--spacing-8) var(--spacing-12)}.cp-layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--spacing-8);align-items:start}}