:root{--paper: #f5f1e2;--paper-2: #fdfbf3;--paper-3: #f0ead6;--paper-4: #efece0;--ink: #32352a;--ink-strong: #2c3422;--ink-2: #5f5c4c;--ink-3: #94917e;--ink-4: #b5b29e;--ink-5: #a9a590;--jade: #4a5a40;--jade-2: #5c6e4e;--jade-3: #7d8567;--jade-4: #a8b478;--green-deep: #33402c;--green-soft: #e9e7d4;--cinnabar: #a8432f;--cinnabar-2: #b54a32;--gold: #b8862e;--gold-2: #9a7b3f;--line: #e7e1c9;--line-2: #dcdcc2;--line-3: #dcd6be;--line-soft: #eae5d2;--shadow-sm: 0 4px 16px rgba(44, 52, 34, .07);--shadow-md: 0 8px 24px rgba(44, 52, 34, .12);--shadow-lg: 0 10px 30px rgba(28, 34, 24, .4);--serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", SimSun, serif;--kai: "Kaiti SC", "STKaiti", "KaiTi", "Songti SC", "STSong", "Noto Serif SC", serif;--radius: 10px;--radius-lg: 12px;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--serif);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(120% 46% at 50% 104%,rgba(74,90,64,.07),transparent 68%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.ink-bg{position:relative;min-height:100vh;overflow-x:hidden}.ink-layer{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.ink-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}.ink-card--framed:before{content:none}.ink-card--pad{padding:20px 22px}.ink-brand{font-family:var(--kai);font-weight:700;letter-spacing:.12em;color:#f0ead6}.ink-sub{color:var(--ink-3);font-size:13px;letter-spacing:.04em}.ink-title-serif{font-family:var(--kai);font-weight:700;letter-spacing:.08em;color:var(--ink-strong);margin:0}.cn-sec-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--kai);font-size:17px;font-weight:600;letter-spacing:.1em;color:var(--green-deep);padding-left:12px;border-left:4px solid var(--cinnabar);margin:26px 0 12px}.cn-sec-title__leaf{font-size:14px;line-height:1}.ink-divider{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:12px;letter-spacing:.3em;margin:14px 0}.ink-divider:before,.ink-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}.ink-seal{display:inline-flex;align-items:center;justify-content:center;background:var(--cinnabar);color:#fdf6ee;font-family:var(--kai);border-radius:6px;letter-spacing:.06em;box-shadow:0 1px #00000014;-webkit-user-select:none;user-select:none}.ink-seal--sm{padding:2px 8px;font-size:12px}.ink-seal--md{padding:4px 11px;font-size:13px;border-radius:7px}.ink-logo{width:34px;height:34px;flex-shrink:0;border-radius:9px;object-fit:contain;background:var(--paper-3);box-shadow:0 1px #0000001f}.ink-header{position:sticky;top:0;z-index:20;background:var(--green-deep);border-bottom:1px solid rgba(240,234,214,.14);box-shadow:0 2px 10px #1c22182e}.ink-header__inner{max-width:1180px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ink-header .ink-sub{color:#f0ead6ad}.ink-header .ink-title-serif{color:#f0ead6}.ink-wrap{max-width:1180px;margin:0 auto;padding:20px 22px 60px;flex:1;width:100%}.ink-wrap--narrow{max-width:940px}.cn-hero{position:relative;height:176px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);margin-bottom:18px}.cn-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cn-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#f5f1e2f0,#f5f1e2b8 46%,#f5f1e247)}.cn-hero__body{position:relative;padding:30px 32px}.cn-hero__title{font-family:var(--kai);font-size:30px;font-weight:700;color:var(--ink-strong);letter-spacing:.2em}.cn-hero__sub{margin-top:8px;font-size:13px;color:var(--jade-3);letter-spacing:.16em}.cn-filter{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px 14px;margin-bottom:16px}.cn-filter__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cn-filter__row+.cn-filter__row{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.cn-filter__label{font-family:var(--kai);font-size:13px;letter-spacing:.1em;color:var(--jade-3);min-width:40px}.cn-chip{display:inline-flex;align-items:center;padding:5px 15px;border-radius:var(--radius-pill);background:var(--paper-2);border:1px solid var(--line-2);color:var(--ink-2);font-size:13px;line-height:1.5;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s ease}.cn-chip:hover{border-color:var(--jade-3);color:var(--jade)}.cn-chip.on{background:var(--jade);border-color:var(--jade);color:var(--paper-3)}.cn-chip--warm{background:var(--paper-3);border-color:transparent;color:#7a6b4f}.cn-chip--warm:hover{color:var(--cinnabar)}.cn-chip--warm.on{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--paper-3)}.cn-chip--warm.is-set{border-color:var(--cinnabar);color:var(--cinnabar);background:#a8432f12}.cn-chip__n{margin-left:6px;font-size:11px;opacity:.72}.cn-series-bar{display:flex;align-items:center;gap:10px;background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--jade);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:10px 16px;margin-bottom:14px}.cn-series-bar__mark{font-family:var(--kai);font-size:12px;letter-spacing:.14em;color:var(--paper-3);background:var(--jade);border-radius:var(--radius-pill);padding:2px 10px}.cn-series-bar__name{font-family:var(--kai);font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--jade-2)}.ant-input-affix-wrapper.cn-search,input.ant-input.cn-search{border-radius:var(--radius-pill)!important;background:var(--paper-2)!important;border-color:var(--line-2)!important;padding:7px 18px}.ant-input-affix-wrapper.cn-search:hover,.ant-input-affix-wrapper.cn-search.ant-input-affix-wrapper-focused{border-color:var(--jade-3)!important}.cn-song{display:flex;align-items:center;gap:14px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:13px 18px;margin-bottom:10px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.cn-song:hover{box-shadow:0 8px 22px #2c34221f;border-color:var(--line-2);transform:translateY(-1px)}.cn-song__icon{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--green-soft);color:var(--jade-2);font-size:18px;display:flex;align-items:center;justify-content:center}.cn-song__info{flex:1;min-width:0}.cn-song__title{display:flex;align-items:center;gap:8px;min-width:0}.cn-song__name{font-family:var(--kai);font-size:16px;font-weight:600;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s ease}.cn-song:hover .cn-song__name{color:var(--jade)}.cn-song__key{flex-shrink:0;font-size:12px;color:var(--ink-5)}.cn-song__sub{margin-top:5px;font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-song__mark{color:var(--jade);margin-right:12px;cursor:pointer}.cn-song__mark:hover{text-decoration:underline}.cn-song__plays{flex-shrink:0;font-size:12px;color:var(--ink-4)}.tag-mini{font-size:11px;padding:2px 9px;border:1px solid var(--line-2);border-radius:var(--radius-pill);color:var(--ink-2);background:var(--paper-3);white-space:nowrap}.tag-mini--jade{border-color:transparent;color:var(--jade);background:#4a5a401a}.score-item{position:relative}:root{--wm-w: 50%;--wm-right: 8.5%;--wm-top: .6%}.score-wm{position:absolute;width:var(--wm-w);right:var(--wm-right);top:var(--wm-top);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.score-img{width:100%;display:block;border-radius:0;box-shadow:none;cursor:zoom-in;background:#fff;transition:opacity .25s ease}.score-img:hover{opacity:.94}.score-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.cn-score{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line)}.cn-score__title{font-family:var(--kai);font-size:15px;font-weight:600;color:var(--green-deep);padding:12px 16px 10px;border-bottom:1px solid var(--line-soft)}.cn-score__count{margin-left:8px;font-family:var(--serif);font-size:12px;font-weight:400;color:var(--ink-3)}.score-fullscreen{--fs-gap: 14px;--fs-pad: 14px;--fs-n: 1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0c100ef0;display:flex;align-items:center;justify-content:center;gap:var(--fs-gap);padding:var(--fs-pad);cursor:zoom-out;overflow:auto}.score-fullscreen__item{position:relative;flex:0 0 auto;display:block;line-height:0}.score-fullscreen__item>img:not(.score-wm){display:block;width:auto;height:auto;max-width:calc((100vw - 2 * var(--fs-pad) - (var(--fs-n) - 1) * var(--fs-gap)) / var(--fs-n));max-height:calc(100vh - 2 * var(--fs-pad) - 34px);object-fit:contain;background:#fff;border-radius:6px;box-shadow:0 10px 40px #00000080}.score-fullscreen__item>img.single{max-width:calc(100vw - 2 * var(--fs-pad))}.score-fullscreen__tip{position:fixed;bottom:14px;left:0;right:0;text-align:center;color:#f0ead6a8;font-size:12px;letter-spacing:.2em}.cn-player{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:18px}.cn-player__wrap{position:relative;background:#efe9d2;padding:14px 18px 16px}.cn-player__ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2;pointer-events:none}.cn-player__inner{position:relative}.cn-player__picker{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 18px;background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--radius-pill);font-size:13px;color:var(--jade)}.cn-player__picker-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cn-player__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;font-family:var(--serif);font-size:13px;color:var(--jade);cursor:pointer;padding-right:14px;max-width:320px}.track-block{position:relative;margin-top:12px}.track-block__head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.track-block__title{font-family:var(--kai);font-size:14px;letter-spacing:.06em;color:var(--green-deep)}.cn-audio{display:flex;align-items:center;gap:12px;background:var(--paper-3);border-radius:var(--radius);padding:10px 14px}.cn-play-btn{width:44px;height:44px;flex-shrink:0;border:none;border-radius:50%;background:var(--jade);color:var(--paper-3);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .18s ease,transform .18s ease}.cn-play-btn:hover{background:#3f4d37}.cn-play-btn:active{transform:scale(.95)}.cn-play-btn.is-playing{background:var(--green-deep)}.cn-play-btn__icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--paper-3);margin-left:3px}.cn-play-btn.is-playing .cn-play-btn__icon{width:12px;height:14px;border:none;margin-left:0;background:linear-gradient(90deg,var(--paper-3) 0 4px,transparent 4px 8px,var(--paper-3) 8px 12px)}.cn-audio__body{flex:1;min-width:0}.cn-audio__time-row{display:flex;justify-content:space-between;margin-top:2px}.audio-time{font-size:12px;color:var(--jade-2);font-variant-numeric:tabular-nums;letter-spacing:.04em}.audio-progress{height:8px;border-radius:4px;background:var(--line-2);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:height .15s ease}.audio-progress:hover{height:10px}.audio-progress__fill{height:100%;border-radius:4px;background:var(--jade);position:relative}.audio-progress__fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--paper-2);border:2px solid var(--jade);opacity:0;transition:opacity .15s}.audio-progress:hover .audio-progress__fill:after,.audio-progress.is-dragging .audio-progress__fill:after{opacity:1}.cn-heart{font-size:26px;line-height:1;color:#d4d4d4;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .18s ease,transform .18s ease}.cn-heart:hover{transform:scale(1.1)}.cn-heart.on{color:var(--cinnabar-2)}.cn-topbar-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid rgba(240,234,214,.32);background:#f0ead61a;color:#f0ead6;font-family:var(--serif);font-size:13px;cursor:pointer;transition:all .18s ease}.cn-topbar-btn:hover{background:#f0ead633;border-color:#f0ead680}.cn-intro{position:relative;overflow:hidden;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px;margin-top:18px}.cn-intro__ink{position:absolute;right:-30px;top:-20px;width:150px;height:130%;object-fit:cover;opacity:.1;pointer-events:none}.cn-intro__head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cn-intro__title{font-family:var(--kai);font-size:16px;font-weight:600;color:var(--green-deep);letter-spacing:.08em}.cn-intro__fav{font-size:12px;color:var(--jade-3)}.cn-intro__song-line{position:relative;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.cn-intro__song-name{font-family:var(--kai);font-size:17px;font-weight:700;color:var(--green-deep)}.cn-intro__song-mark{font-size:13px;color:var(--jade-2)}.cn-intro__body{position:relative;font-size:14.5px;line-height:1.85;color:var(--ink-2)}.notation-paper{background:linear-gradient(180deg,#fffdf7,#f7f1e3);border:1px solid var(--line);border-left:3px solid var(--jade-4);border-radius:var(--radius);padding:14px 16px;max-height:460px;overflow:auto;font-family:Menlo,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.75;white-space:pre;color:var(--ink-2);-moz-tab-size:4;tab-size:4}.login-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-panel{width:100%;max-width:400px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px 30px 26px;position:relative}.login-panel__seal{position:absolute;right:18px;bottom:16px;opacity:.9}.login-captcha{font-family:var(--kai);font-size:17px;letter-spacing:.12em;background:var(--paper-3);border:1px dashed var(--line-3);border-radius:var(--radius);padding:7px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--jade);white-space:nowrap;transition:all .18s ease}.login-captcha:hover{border-color:var(--jade-3)}.ink-footer{text-align:center;color:var(--ink-3);font-size:12px;padding:18px 0 26px;letter-spacing:.06em}.ink-footer a{color:var(--ink-3);text-decoration:none}.ink-footer a:hover{color:var(--jade)}.ant-input,.ant-input-affix-wrapper,.ant-input-number{border-radius:var(--radius)!important;border-color:var(--line-2)!important;background:var(--paper-2)!important;font-family:var(--serif)}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:var(--jade-3)!important;box-shadow:0 0 0 3px #4a5a401f!important}.ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:var(--radius-pill)!important;border-color:var(--line-2)!important;background:var(--paper-2)!important}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:var(--jade-3)!important;box-shadow:0 0 0 3px #4a5a401f!important}.ant-btn{border-radius:var(--radius-pill)!important;font-family:var(--serif);letter-spacing:.06em}.ant-btn-primary{background:var(--jade)!important;border-color:var(--jade)!important;box-shadow:none!important;color:var(--paper-3)!important}.ant-btn-primary:hover:not(:disabled){background:#3f4d37!important;border-color:#3f4d37!important}.ant-btn-default{border-color:var(--line-3)!important;color:var(--ink-2)!important;background:var(--paper-2)!important}.ant-btn-default:hover:not(:disabled){color:var(--jade)!important;border-color:var(--jade-3)!important}.ant-btn-link{color:var(--jade)!important;border-radius:6px!important}.ant-tabs-tab{font-family:var(--kai);letter-spacing:.08em}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--jade)!important}.ant-tabs-ink-bar{background:var(--cinnabar)!important;height:2px!important}.ant-pagination-item,.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{border-radius:var(--radius)!important;border-color:var(--line-2)!important;background:var(--paper-2)!important}.ant-pagination-item a{color:var(--ink-2)!important}.ant-pagination-item-active{border-color:var(--jade)!important;background:var(--jade)!important}.ant-pagination-item-active a{color:var(--paper-3)!important}.ant-select-dropdown{border-radius:var(--radius-lg)!important;border:1px solid var(--line);padding:4px}.ant-select-item{border-radius:6px!important;font-family:var(--serif)}.ant-select-item-option-selected{background:#4a5a401a!important;color:var(--jade)!important;font-weight:600!important}.ant-message-notice-content{font-family:var(--serif);border-radius:var(--radius)!important;background:var(--paper-2)!important;border:1px solid var(--line);box-shadow:var(--shadow-md)!important}.ant-empty-description{color:var(--ink-3);font-family:var(--serif)}.ant-spin-dot-item{background-color:var(--jade)!important}@media (max-width: 860px){.ink-wrap{padding:14px 12px 48px}.ink-header__inner{padding:10px 12px}.cn-hero{height:138px}.cn-hero__body{padding:20px}.cn-hero__title{font-size:23px}.cn-filter__row{gap:6px}.score-fullscreen{flex-direction:column;gap:12px}.score-fullscreen__item{max-width:calc(100vw - 2 * var(--fs-pad))}.score-fullscreen__item>img:not(.score-wm){max-width:calc(100vw - 2 * var(--fs-pad));max-height:46vh}}