@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0}#root{width:100vw;height:100vh;margin:0;padding:0}.cur{cursor:pointer}.dfc{display:flex;align-items:center;justify-content:center}.dfsb{display:flex;justify-content:space-between}.jcc{justify-content:center}.dfac{display:flex;align-items:center}.df{display:flex}.aic{align-items:center}.fdc{flex-direction:column}.h-fill{height:100%}.w-fill{width:100%}.h-half{height:50%}.w-half{width:50%}.fs12{font-size:3.2vw}.ml5{margin-left:1.33333vw}.ml10,.ml20{margin-left:2.66667vw}.ml60{margin-left:16vw}.mr60{margin-right:16vw}.mr5{margin-right:1.33333vw}.mr10{margin-right:2.66667vw}.mr20{margin-right:5.33333vw}.mr40{margin-right:10.66667vw}.mt10{margin-top:2.66667vw}.mb20{margin-bottom:5.33333vw}.mb30{margin-bottom:8vw}.mb10{margin-bottom:2.66667vw}.mb40{margin-bottom:10.66667vw}.mb60{margin-bottom:16vw}.grid{display:grid}.mt0{margin-top:0}.mt20{margin-top:5.33333vw}.pl20{padding-left:5.33333vw}.fs16{font-size:4.26667vw}.fs14{font-size:3.73333vw}.t-nowrap-hide{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showNone{display:none}.mt40{margin-top:10.66667vw}.t-nowrap{word-break:keep-all;white-space:nowrap}.oa{overflow:auto}.taj{text-align:justify}.line-max-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fw500{font-weight:500}.absolute{position:absolute}.relative{position:relative}.flex1{flex:1}.home-container{max-width:320vw;margin:0 auto;padding:5.33333vw;font-family:Arial,sans-serif}.search-container{margin-bottom:5.33333vw}.search-container .search-input{width:100%;padding:3.2vw 4vw;border:1px solid #ddd;border-radius:2.13333vw;font-size:4.26667vw;outline:none;transition:border-color .3s}.search-container .search-input:focus{border-color:#1890ff;box-shadow:0 0 0 .53333vw #1890ff33}.search-container .search-input::placeholder{color:#bbb}.song-list{background-color:#fff;border-radius:2.13333vw;box-shadow:0 .53333vw 2.66667vw #0000000d;overflow:hidden}.song-list .song-list-header{display:flex;padding:4vw;background-color:#f7f7f7;border-bottom:1px solid #eee;font-weight:700;color:#333}.song-list .song-list-header .song-title{flex:2}.song-list .song-list-header .song-artist,.song-list .song-list-header .song-album{flex:1}.song-list .song-item{display:flex;padding:4vw;border-bottom:1px solid #eee;transition:background-color .2s}.song-list .song-item:hover{background-color:#f9f9f9}.song-list .song-item:last-child{border-bottom:none}.song-list .song-item .song-title{flex:2;font-weight:500}.song-list .song-item .song-artist,.song-list .song-item .song-album{flex:1;color:#666}.song-list .no-songs{padding:8vw;text-align:center;color:#999;font-size:4.26667vw}.home-wrapper{width:100%;overflow:hidden;min-height:100vh;background:linear-gradient(135deg,#e0e7ff,#f0e6ff,#fce7f3)}.home-container .search-header,.home-container .list-container{margin:4.26667vw}.home-container .list-container .list-item{padding:4vw;margin-bottom:4vw;background-color:#fff;border-radius:2.13333vw;box-shadow:0 .53333vw 2.13333vw #0000001a}.home-container .list-container .list-item .item-title{font-size:6.4vw;font-weight:700;margin-bottom:2.66667vw;color:#333}.home-container .list-container .list-item .item-desc{margin:0;font-size:3.73333vw;color:#666}.home-container .list-container .empty-list{padding:8vw;text-align:center;color:#999;font-size:4.26667vw;background-color:#f9f9f9;border-radius:2.13333vw}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-popup{--z-index: var(--adm-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{position:fixed;background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{right:8px;bottom:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{cursor:pointer;padding:4px;font-size:18px;line-height:1;color:var(--adm-color-weak)}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-popover{--z-index: var(--adm-popover-z-index, 1030);--background: #ffffff;--arrow-size: 8px;--content-padding: 8px 12px;color:var(--adm-color-text);position:absolute;top:0;left:0;z-index:var(--z-index);white-space:normal;text-align:left;cursor:auto;-webkit-user-select:text;user-select:text;animation:none}.adm-popover.adm-popover-dark{--background: rgba(0, 0, 0, .75);--adm-color-text: #ffffff;color:#fff}.adm-popover.adm-popover-dark .adm-popover-inner{box-shadow:none}.adm-popover:after{position:absolute;background:#ffffff03;content:""}.adm-popover-hidden{display:none}.adm-popover-inner{background-color:var(--background);background-clip:padding-box;border-radius:8px;box-shadow:0 0 30px #3333;font-size:var(--adm-font-size-7);width:-webkit-max-content;width:max-content;min-width:32px;max-width:calc(100vw - 24px);overflow-y:hidden}.adm-popover-inner-content{padding:var(--content-padding)}.adm-popover-arrow{position:absolute;display:block;height:var(--arrow-size);width:var(--arrow-size);overflow:visible;background:transparent}.adm-popover-arrow-icon{display:block;height:var(--arrow-size);width:calc(var(--arrow-size) / 8 * 15);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--arrow-icon-rotate))}.adm-popover .adm-popover-arrow{color:var(--background)}.adm-popover-menu{--border-color: var(--adm-color-border)}.adm-popover-menu.adm-popover{--content-padding: 0}.adm-popover-menu-list{overflow:hidden;min-width:120px}.adm-popover-menu-list-inner{margin-top:-1px}.adm-popover-menu-list-scroll{padding-right:2px;overflow-y:scroll;-webkit-overflow-scrolling:auto}.adm-popover-menu-list-scroll::-webkit-scrollbar{-webkit-appearance:none;width:4px}.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ddd}.adm-popover-menu-item{display:flex;padding-left:20px;justify-content:flex-start;align-items:center;position:relative}.adm-popover-menu-item-icon{flex:none;padding-right:8px;font-size:20px}.adm-popover-menu-item-text{flex:auto;padding:14px 20px 14px 0;border-top:solid 1px var(--border-color)}.adm-popover-menu-item-disabled{cursor:not-allowed}.adm-popover-menu-item-disabled>*{opacity:.4}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled){background-color:var(--border-color)}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:solid 1px var(--border-color)}.adm-popover.adm-popover-dark.adm-popover-menu{--border-color: var(--adm-color-text);--background: rgba(0, 0, 0, .9)}.adm-infinite-scroll{color:var(--adm-color-weak);padding:18px;display:flex;justify-content:center;align-items:center;font-size:var(--adm-font-size-main)}.adm-infinite-scroll-failed-text{display:inline-block;margin-right:8px}.adm-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--text-align: left;--background-color: transparent;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;max-height:100%;min-height:24px;background-color:var(--background-color)}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{flex:auto;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-input-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:transparent}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{flex:none;margin-left:8px;color:var(--adm-color-light);padding:4px;cursor:pointer}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-7)}.adm-search-bar{--height: 32px;--padding-left: 8px;--background: var(--adm-color-fill-content);--border-radius: 6px;--placeholder-color: var(--adm-color-weak);---placeholder-color: var(--placeholder-color);display:flex;justify-content:center;align-items:center;height:var(--height)}.adm-search-bar .adm-search-bar-input-box{flex:auto;background:var(--background);border-radius:var(--border-radius);border:solid 1px transparent;display:flex;justify-content:center;align-items:center;padding-left:var(--padding-left)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon{flex:none;color:var(--adm-color-light);font-size:var(--adm-font-size-8)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input{flex:auto;padding:4px 8px 4px 4px;height:calc(var(--height) - 2px);box-sizing:border-box}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input{--placeholder-color: var(---placeholder-color);--font-size: var(--adm-font-size-7)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element{line-height:19px}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon{padding-left:8px}.adm-search-bar .adm-search-bar-suffix{flex:none;margin-left:4px}.adm-search-bar .adm-search-bar-cancel-button.adm-button{padding:3px 12px}.adm-search-bar-active .adm-input.adm-input.adm-input{--placeholder-color: var(--adm-color-light)}.adm-search-bar-active .adm-search-bar-input-box{border-color:var(--adm-color-primary);background:var(--adm-color-background)}.adm-slider{--fill-color: var(--adm-color-primary);padding:5px 14px;list-style:none;-webkit-user-select:none;user-select:none}.adm-slider-track-container{padding:8px 0}.adm-slider-track{position:relative;width:100%;height:3px;background-color:var(--adm-color-fill-content);border-radius:3px}.adm-slider-fill{position:absolute;z-index:1;height:3px;border-radius:3px;background-color:var(--fill-color)}.adm-slider-ticks{position:absolute;width:100%;height:3px;background:transparent}.adm-slider-tick{position:absolute;top:-2px;width:7px;height:7px;margin-left:-3px;background-color:var(--adm-color-fill-content);border-radius:50%}.adm-slider-tick-active{background-color:var(--fill-color)}.adm-slider-thumb{width:28px;height:28px;margin:2px;border-radius:50%;text-align:center;line-height:28px;background:var(--adm-color-text-light-solid);box-shadow:0 2px 5px #0000001f;color:var(--fill-color)}.adm-slider-thumb:focus{outline:none}.adm-slider-thumb-icon{width:12px;height:12px;margin:8px;-webkit-user-select:none;user-select:none}.adm-slider-thumb-container{cursor:-webkit-grab;cursor:grab;touch-action:none;position:absolute;z-index:2;width:32px;height:32px;border-radius:50%;top:50%;transform:translate(-50%,-50%)}.adm-slider-mark{position:relative;width:100%;overflow:visible;font-size:var(--adm-font-size-3);height:11px;margin-top:10px}.adm-slider-mark-text{position:absolute;display:inline-block;line-height:1;color:var(--adm-color-text);text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.adm-slider-disabled .adm-slider-mark,.adm-slider-disabled .adm-slider-thumb-icon{opacity:.4}.adm-slider-disabled .adm-slider-tick-active:after,.adm-slider-disabled .adm-slider-fill:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:#fff9}.adm-slider-disabled .adm-slider-thumb{cursor:not-allowed;box-shadow:0 2px 5px #0000000f}.adm-slider-disabled .adm-slider-mark-text,.adm-slider-disabled .adm-slider-tick{cursor:not-allowed;box-shadow:none}@keyframes loading-rotate{to{transform:rotate(1turn)}}.adm-switch{--checked-color: var(--adm-color-primary);--height: 31px;--width: 51px;--border-width: 2px;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;align-self:center;cursor:pointer}.adm-switch input{display:none}.adm-switch-checkbox{min-width:var(--width);height:var(--height);box-sizing:border-box;border-radius:31px;background:var(--adm-color-border);z-index:0;overflow:hidden;line-height:var(--height)}.adm-switch-checkbox:before{content:" ";position:absolute;left:var(--border-width);top:var(--border-width);width:calc(100% - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));box-sizing:border-box;background:var(--adm-color-background);z-index:1;transition:all .2s;transform:scale(1)}.adm-switch-handle{display:flex;justify-content:center;align-items:center;width:calc(var(--height) - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));background:var(--adm-color-text-light-solid);position:absolute;z-index:2;top:var(--border-width);left:var(--border-width);transition:all .2s;box-shadow:0 0 2px #0003,0 2px 11.5px #00000014,-1px 2px 2px #0000001a}.adm-switch-inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin:0 8px 0 calc(var(--height) - var(--border-width) + 5px);height:100%;color:var(--adm-color-weak);transition:margin .2s;font-size:var(--adm-font-size-7)}.adm-switch.adm-switch-checked .adm-switch-checkbox{background:var(--checked-color)}.adm-switch.adm-switch-checked .adm-switch-checkbox:before{transform:scale(0)}.adm-switch.adm-switch-checked .adm-switch-handle{left:calc(100% - (var(--height) - var(--border-width)))}.adm-switch.adm-switch-checked .adm-switch-inner{margin:0 calc(var(--height) - var(--border-width) + 5px) 0 8px;color:var(--adm-color-text-light-solid)}.adm-switch.adm-switch-disabled{cursor:not-allowed;opacity:.4}.adm-switch-spin-icon{width:14px;height:14px;animation:loading-rotate 1s linear infinite}.GraceNotesComponent{display:flex;justify-content:end;bottom:8vw;width:100%}.GraceNotesComponent .GraceNotesComponentIn{display:flex;flex-direction:column;transform:scale(.6);position:relative;top:-6.66667vw;right:-2.13333vw;align-items:center}.GraceNotesComponent .text{display:flex}.GraceNotesComponent .b-line{width:5.33333vw;border-bottom:1px solid #000}.GraceNotesComponent .b-line .highBody{left:100%;top:9.6vw!important;transform:scale(1.67)}.GraceNotesComponent .b-line.two .highBody{left:145%}.GraceNotesComponent .line2{margin-top:1.06667vw;width:5.33333vw;height:1px;background-color:#000}.GraceNotesComponent .line3{margin-top:1.06667vw;width:10.66667vw;height:1px;background-color:#000}.GraceNotesComponent .line{rotate:-140deg}.GraceNotesComponent .low-note:after{content:"";position:relative;top:5.33333vw}.GraceNotesComponent .has-low .line{margin-top:3.2vw}.bottom-body{width:100%;position:fixed;z-index:2;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 .53333vw 3.2vw #0000001a}.bottom-body .bottom-body-one{font-size:5.86667vw;font-weight:600}.bottom-body .adm-tabs-tab{font-size:4.26667vw;font-weight:600}.bottom-body .adm-tabs-header{width:100vw;overflow:hidden}.bottom-body .adm-tabs-content{padding:0;margin:2.66667vw 2.13333vw 0px;width:95.73333vw}.bottom-body .adm-capsule-tabs-tab{font-size:5.33333vw;padding:1.06667vw 2.66667vw}.bottom-body .adm-capsule-tabs-header{padding:0;margin:0;border-bottom:none}.bottom-body .adm-capsule-tabs-tab-list{flex-wrap:wrap}.bottom-body .adm-capsule-tabs-tab-list .adm-capsule-tabs-tab-wrapper{padding:0;padding-bottom:2.66667vw;flex:none}.bottom-body .adm-capsule-tabs-tab-list .adm-capsule-tabs-tab-wrapper .adm-capsule-tabs-tab{margin-right:1.33333vw}.bottom-body .left{width:66%;min-height:37.33333vw}.bottom-body .left .left-in{width:90%;display:flex;flex-wrap:wrap;justify-content:space-between}.bottom-body .left .left-in .adm-button{width:48%;margin-bottom:2.66667vw}.bottom-body .left .left-in .adm-switch-inner{font-size:4.26667vw}.bottom-body .right{position:absolute;z-index:3;right:2.13333vw;top:13.86667vw;width:34%}.bottom-body .right .adm-capsule-tabs-tab-list{display:flex}.bottom-body .right .right-list{flex-wrap:wrap;justify-content:space-between}.bottom-body .right .right-list .adm-button-block{margin-bottom:2.66667vw}.bottom-body .right-two .right{bottom:0}.bottom-body .adm-button{width:48%;font-size:4.26667vw;font-weight:600}.bottom-body .adm-button-default{background-color:var(--adm-color-fill-content)}.speed-content .speed-item{align-items:center}.speed-content .speed-item-title{font-size:6.93333vw;margin-top:5.33333vw;font-weight:700}.speed-content .adm-slider{position:absolute;width:90%;margin-top:18.66667vw}.speed-content .adm-jumbo-tabs-header{border-bottom:none}.speed-content .adm-slider-one{position:absolute}.speed-content .adm-slider-one .adm-slider-track-container{display:none}.speed-content .adm-slider-one .adm-slider-mark{margin-top:8vw}.speed-content .adm-slider-one .adm-slider-mark .adm-slider-mark-text{font-size:3.2vw}.speed-content .adm-jumbo-tabs{width:96%;padding-top:26.66667vw}.speed-content .adm-jumbo-tabs .adm-jumbo-tabs-tab-title{font-size:6.4vw;font-weight:700}.speed-content .adm-jumbo-tabs .adm-jumbo-tabs-tab-description{font-size:4.8vw;margin-top:4vw}.pitch-content,.pitch-content .pitch-list{height:100%}.pitch-content .pitch-item{margin:2.66667vw;position:relative;height:80vw;justify-content:space-between}.pitch-content .pitch-item-inner{width:100%;margin-bottom:2.66667vw}.pitch-content .pitch-item-title{font-size:8vw;font-weight:700}.pitch-content .content-one{font-size:5.33333vw;color:#f59e0b;font-weight:700;margin-bottom:2.66667vw}.pitch-content .btn{width:100%}.detail-view{padding:0px 4.26667vw 80vw}.detail-view .oblique{font-style:oblique}.detail-view .text-title{font-size:10.66667vw;font-weight:500}.detail-view .float-b{position:relative;top:-2.66667vw;font-size:3.2vw;margin-left:3.2vw}.detail-view .text-right{text-align:right}.detail-view .fraction{align-items:center;display:flex;flex-direction:column;position:relative;width:0;height:0;justify-content:center}.detail-view .fraction-in{position:absolute;top:-3.2vw;margin-left:5.33333vw;text-align:center}.detail-view .fraction-in .numerator{position:relative;top:.8vw}.detail-view .fraction-in .denominator{position:relative;top:-.8vw}.detail-view .fraction-in .line{width:2.66667vw;height:1px;background-color:#000}.detail-view .f16{font-size:4.26667vw}.detail-view .f16 .lft{text-align:center}.detail-view .f18{font-size:4.8vw;font-weight:800}.detail-view .f18 .lft{min-width:5.33333vw;text-align:center}.detail-view .fs24{font-size:6.4vw}.detail-view .fs32{font-size:8.53333vw}.detail-view .flip-line1{position:relative;top:2.66667vw;transform:rotate(160deg);scale:.6}.detail-view .flip-line2{position:relative;top:2.66667vw;scale:.6;transform:rotate(200deg)}.detail-view .p-2{margin-top:8vw}.detail-view .left-index-out{position:relative}.detail-view .left-index{position:absolute;left:-3.2vw;top:1.33333vw;border-radius:50%;font-size:2.66667vw;width:2.66667vw;height:2.66667vw;text-align:center;line-height:2.66667vw;border:1px solid #000}.detail-view .view-body{width:100%;font-weight:500}.detail-view .view-body .view-cont-in{width:100%;display:flex;justify-content:space-between}.detail-view .view-body .words{position:relative}.detail-view .view-body .nextHasP{position:relative;top:-3.2vw;width:100%}.detail-view .view-body .ct3{width:300%;position:relative;top:-5.33333vw;left:4.53333vw}.detail-view .view-body .line8{width:100%;background-color:#000;height:1px;position:relative;top:6.4vw}.detail-view .view-body .line9{background-color:#000;position:relative;height:1px;top:7.46667vw}.detail-view .view-body .line11{background-color:#000;position:relative;height:1px;top:8.53333vw}.detail-view .view-body .line10{position:relative;height:1px;width:5.33333vw;background-color:#000;top:6.4vw}.detail-view .view-body .line10:after{content:"·";position:absolute;top:-6.66667vw;left:2.93333vw;width:100%;left:2.66667vw}.detail-view .view-body .high-note{position:relative}.detail-view .view-body .high-note:after{content:"·";position:absolute;top:-45%;left:1%;width:100%}.detail-view .view-body .low-note{position:relative}.detail-view .view-body .low-note:after{content:"·";position:absolute;font-size:5.33333vw;bottom:-44%;left:33%}.detail-view .view-body .low-note .double:after{content:"·";position:absolute;font-size:5.33333vw;bottom:-44%;left:33%}.detail-view .view-body .d2 .low-note:after{bottom:-105%}.detail-view .view-body .d4 .low-note:after{bottom:-85%}.detail-view .view-body .d4 .low-note .double:after{bottom:-105%}.detail-view .view-body .d8 .low-note:after{bottom:-60%}.detail-view .view-body .lp{position:relative;top:-4vw}.detail-view .view-body .l3{font-size:3.2vw;position:relative;top:1.33333vw}.detail-view .view-body .space{width:2.66667vw}.detail-view .view-body .words-div{height:10.66667vw;text-align:center}.detail-view .view-body .word3{position:absolute;width:100%;display:flex;justify-content:center;left:2.66667vw;top:-3.2vw}.detail-view .view-body .word3 .word3-in{font-size:2.66667vw;background-color:#fff;padding:0 .53333vw}.detail-view .view-body .top-line{position:absolute;width:100%;height:1.33333vw;left:2.66667vw;top:-1.06667vw;border-top:.53333vw solid #333;border-radius:26.66667vw 26.66667vw 1px 1px;background:transparent}.detail-view .view-body .top-line.two{top:0}.detail-view .view-body .highBody{position:absolute;width:100%;height:100%;top:0;display:flex;justify-content:center;min-width:5.33333vw}.detail-view .view-body .highBody .highBodyIn{width:2.66667vw;height:8vw;border-radius:2.13333vw}.detail-view .view-body .forHighActive .highBodyIn{background-color:#1677ff80}.detail-view .view-body .forHighActive .highBodyIn2{display:none;width:2.66667vw;height:2.66667vw;border-radius:50%;background-color:#000;position:absolute;animation:slideDownUp .6s ease-in-out}@keyframes slideDownUp{0%{transform:translateY(0)}50%{transform:translateY(70px)}to{transform:translateY(0)}}.detail-view .view-body.two{font-weight:600}.detail-view .view-body.two .view-cont-in{height:22.66667vw;flex-wrap:wrap}.detail-view .view-body.two .words-in{max-width:5.33333vw}.detail-view .view-body.two .line-words{width:96%}.detail-view .view-body.two .low-words{position:relative;top:11.2vw;left:.53333vw}.detail-view .view-body.two .highBodyIn{height:21.33333vw}.detail-view .view-body.two .noneWords .highBodyIn{height:8vw}.detail-view .view-body.two .line-title{margin-bottom:5.33333vw}.detail-view .grace-note-group{display:inline-flex;align-items:flex-end;position:relative}.detail-view .grace-note{font-size:.6em;color:#666;border-bottom:.53333vw double #666;padding:0 1px 1px;line-height:1;position:relative;z-index:1}.detail-view .grace-slash{width:4.26667vw;height:0;border-bottom:.4vw solid #666;position:relative;left:-1.06667vw;top:1.6vw;transform:skewY(-30deg);z-index:0}.detail-view .main-note{font-size:1em;color:#222;margin-left:-1.6vw;position:relative;z-index:1}.sheet-view{max-width:200vw;margin:0 auto;padding:4.26667vw 4.26667vw 53.33333vw;background:#fff;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative}.sheet-view.big-lyric-mode .lrc{display:none!important}.sv-settings-btn{position:fixed;top:3.2vw;right:3.2vw;width:9.6vw;height:9.6vw;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:5.33333vw;cursor:pointer;z-index:100}.sv-settings-btn:active{background:#0000001a}.sv-settings-panel .sv-settings-title{font-size:4.8vw;font-weight:600;margin-bottom:4.26667vw}.sv-settings-panel .sv-settings-item{display:flex;align-items:center;justify-content:space-between;padding:3.2vw 0;border-bottom:1px solid #f0f0f0;font-size:4.26667vw}.big-lyric-line{display:flex;flex-wrap:wrap;margin-bottom:2.66667vw;cursor:pointer}.big-lyric-line:active{background:#f0f5ff}.big-lyric-char{font-size:10.66667vw;font-weight:600;color:#333;line-height:1.4;transition:color .15s}.big-lyric-hl{color:#1677ff!important}.big-lyric-spacer{width:4.26667vw;flex-shrink:0}.big-lyric-accent{color:#e74c3c}.big-lyric-breath{font-size:10.13333vw;font-weight:700;color:#1677ff;line-height:1.4;margin-left:1.06667vw;font-style:italic}.sv-header{text-align:center;margin-bottom:6.4vw;padding-bottom:3.2vw;border-bottom:.53333vw solid #eee}.sv-title{font-size:8vw;font-weight:700;letter-spacing:2.66667vw;margin-bottom:2.13333vw;color:#1a1a1a}.sv-meta{display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:.53333vw;font-size:3.46667vw;color:#666;margin-bottom:1.6vw}.sv-info{display:flex;justify-content:flex-start;gap:4.26667vw;font-size:3.73333vw;color:#444;font-weight:500}.sv-body{padding:0 .53333vw}.sv-para-label{font-size:3.73333vw;font-weight:600;width:100%}.sv-para-label .sv-para-label-in{color:#1677ff;background:#e6f4ff;padding:.53333vw 2.66667vw;border-radius:2.66667vw;margin:3.2vw 0 8vw}.sv-line-wrap{display:flex;width:100%;margin-left:0}.sv-sent-label{position:absolute;left:.53333vw;flex-shrink:0;width:4.26667vw;height:4.26667vw;line-height:4.26667vw;text-align:center;font-size:5.33333vw;color:#00f;margin-top:8vw}.pl{display:flex;flex-wrap:wrap;margin-bottom:1.6vw;min-height:9.33333vw;align-items:flex-start;border-radius:1.6vw;transition:background .2s;position:relative}.pl.pl-inter{font-size:3.73333vw;width:100%;display:flex}.pl.pl-inter .nn{font-size:3.73333vw}.pl.pl-inter .lrc{display:none}.pl.pl-clickable{cursor:pointer;padding:.53333vw 1.06667vw 2.66667vw;width:100%}.pl.pl-clickable:active{background:#f0f5ff}.pl.pl-active{background:#f0f7ff;border-left:.8vw solid #1677ff;padding-left:1.06667vw}.nc{flex:1;display:inline-flex;flex-direction:column;align-items:center;min-width:2.66667vw;max-width:10.66667vw;position:relative;transition:background .15s}.nc._2 .dot-dn{position:absolute;top:6.93333vw;font-size:3.73333vw;line-height:.8;font-weight:700;color:#333}.nc._2 .dot-dn.dot-dn2{margin-top:-.8vw}.pl-progress{position:absolute;top:0;left:0;height:100%;width:0;background:#1677ff26;border-radius:1.06667vw;pointer-events:none;z-index:0;transition:width .1s linear}.grace{position:absolute;top:-4.26667vw;left:-.53333vw;font-size:2.66667vw;display:flex}.grace .grace-n{display:inline-flex;flex-direction:column;align-items:center;line-height:.8;position:relative}.grace .dot-dn{font-size:2.66667vw;top:1.6vw}.grace .grace-beams{display:flex;flex-direction:column;align-items:center;width:100%;gap:.53333vw}.grace .grace-beam{display:block;width:100%;min-width:2.13333vw;height:1px;background:#333}.grace .grace-slur{position:absolute;right:-1.2vw;bottom:-2.93333vw;width:3.2vw;height:1.6vw;border-bottom:.5px solid #333;border-radius:0 0 45% 10%;pointer-events:none;transform:rotate(90deg)}.grace._2 .dot-dn{top:2.93333vw}.grace._2 .grace-slur{bottom:-3.73333vw}.grace._1 .dot-dn{top:2.66667vw}.grace.g2{left:-2.13333vw}.grace.g3{left:-3.2vw}.nm{width:100%;display:inline-flex;align-items:center;position:relative;min-height:5.86667vw;justify-content:center;z-index:1}.nn{font-size:5.33333vw;font-weight:600;line-height:1.2;min-width:3.2vw;text-align:center;color:#222}.dot-up{font-size:3.2vw;line-height:.6;font-weight:700;color:#333}.dot-up.dot-up2{margin-top:-.53333vw}.dot-dn{position:absolute;top:6.66667vw;font-size:3.73333vw;line-height:.8;font-weight:700;color:#333}.dot-dn.dot-dn2{margin-top:-.8vw}.aug{font-size:4.8vw;font-weight:900;position:absolute;right:-1.6vw;top:50%;transform:translateY(-50%);color:#333}.dash{font-size:1.6vw;font-weight:500;color:#333;letter-spacing:-.53333vw;padding:0 .53333vw}.beams{display:flex;flex-direction:column;align-items:center;width:100%;position:absolute;bottom:-1px;left:0}.beams>:nth-child(2){position:absolute;top:.8vw}.beam{display:block;width:100%;min-width:3.2vw;height:1px;background:#333}.lrc{font-size:4.8vw;font-weight:500;margin-top:3.2vw;white-space:nowrap;line-height:1.3;z-index:1}.lrc.lrc-cont{color:#bbb}.note-spacer{flex-shrink:0;width:2.13333vw}.barline{height:6.66667vw;flex-shrink:0;width:1px;align-self:stretch;background:#555;margin:1.06667vw 2.13333vw;border-radius:1px}.barline.barline-double{width:.8vw;background:linear-gradient(to right,#555 1px,transparent 1px,transparent .53333vw,#555 .53333vw)}.slur-svg{position:absolute;top:-2.13333vw;height:3.73333vw;pointer-events:none;z-index:2;overflow:visible}.tie-arc{position:absolute;border:none;width:100%;height:2.66667vw;left:-50%;top:0;border-top:.53333vw solid #333;border-radius:2.13333vw 2.13333vw 0px 0px;transform:translateY(-50%);pointer-events:none}.setBig{width:100%}.setBig .sv-settings-panel{width:calc(100% - 8.53333vw)}.d2-bottom{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#f5f5f5;box-shadow:#2d1b696b 0 1.06667vw 5.33333vw;padding:2.66667vw 4.26667vw;padding-bottom:max(2.66667vw,env(safe-area-inset-bottom))}.d2-status{text-align:center;margin-bottom:1.6vw;min-height:5.33333vw}.d2-step{display:inline-block;font-size:3.46667vw;color:#1677ff;background:#e6f4ff;padding:.53333vw 3.2vw;border-radius:2.66667vw;font-weight:500}.d2-step.d2-step-pause{color:#fa8c16;background:#fff7e6}.d2-para-row{display:flex;align-items:center;margin:4vw 0;flex-wrap:wrap;gap:1.06667vw}.d2-para-label{font-size:3.46667vw;color:#666;white-space:nowrap;margin-right:1.06667vw}.d2-para-btns{display:flex;flex-wrap:wrap;gap:1.6vw}.d2-para-btn{font-size:3.2vw;padding:.53333vw 2.66667vw!important}.d2-btns{display:flex;flex-wrap:wrap;gap:3.2vw;justify-content:center}.d2-btns .d2-btn{min-width:21.33333vw;font-size:4.26667vw;font-weight:600}.d2-btns .d2-btns-in{width:100%}.play{width:45.33333vw}.d2-btns-2{width:100%}.d2-desc{text-align:center;font-size:2.93333vw;color:#bbb;margin-top:1.6vw}.d2-panel{padding:5.33333vw 4.26667vw 8vw}.d2-panel .d2-panel-title{font-size:5.33333vw;font-weight:700;text-align:center;margin-bottom:5.33333vw}.d2-panel .d2-panel-slider{padding:0 2.13333vw;margin:4.26667vw 0;border-radius:4.26667vw;background:#1677ff26}.d2-panel .d2-panel-btns{display:flex;gap:3.2vw;justify-content:center;margin-top:4.26667vw}.d2-panel .d2-panel-btns .adm-button{min-width:26.66667vw;font-size:4.26667vw}.d2-speed-btns{display:flex;gap:2.13333vw;justify-content:center;flex-wrap:wrap}.d2-speed-btns .adm-button{min-width:16vw;text-align:center;font-size:3.73333vw;font-weight:600}.d2-speed-btns .d2-speed-pct{font-size:2.93333vw;font-weight:400}.d2-pitch-val{text-align:center;font-size:5.86667vw;font-weight:700;color:#f59e0b;margin-bottom:3.2vw}.detail2-page{background:#fff;min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:4.26667vw;color:#999}.pitch-demo{max-width:213.33333vw;margin:0 auto;padding:5.33333vw;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff;font-family:Arial,sans-serif}.pitch-demo .demo-header{text-align:center;margin-bottom:8vw}.pitch-demo .demo-header h1{margin-bottom:5.33333vw;color:#fff;text-shadow:0 .53333vw 1.06667vw rgba(0,0,0,.3);font-size:2.5rem}.pitch-demo .demo-header .status-indicators{display:flex;justify-content:center;gap:4vw;flex-wrap:wrap}.pitch-demo .demo-header .status-indicators .status{padding:2.13333vw 4.26667vw;border-radius:5.33333vw;font-size:3.73333vw;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pitch-demo .demo-header .status-indicators .status.success{background:#4caf504d;border:1px solid rgba(76,175,80,.5);color:#4caf50}.pitch-demo .demo-header .status-indicators .status.error{background:#f443364d;border:1px solid rgba(244,67,54,.5);color:#f44336}.pitch-demo .demo-header .status-indicators .status.playing{background:#2196f34d;border:1px solid rgba(33,150,243,.5);color:#2196f3}.pitch-demo .demo-header .status-indicators .status.stopped{background:#9e9e9e4d;border:1px solid rgba(158,158,158,.5);color:#9e9e9e}.pitch-demo .demo-header .status-indicators .status.loaded{background:#4caf504d;border:1px solid rgba(76,175,80,.5);color:#4caf50}.pitch-demo .demo-header .status-indicators .status.unloaded{background:#ff98004d;border:1px solid rgba(255,152,0,.5);color:#ff9800}.pitch-demo .audio-section{margin-bottom:8vw;text-align:center}.pitch-demo .audio-section h3{margin-bottom:4vw;color:#fff;font-size:1.5rem}.pitch-demo .audio-section .audio-player{width:100%;max-width:133.33333vw;margin:5.33333vw 0;border-radius:2.66667vw;background:#ffffff1a;-webkit-backdrop-filter:blur(2.66667vw);backdrop-filter:blur(2.66667vw)}.pitch-demo .controls{display:grid;gap:5.33333vw;margin-bottom:8vw}.pitch-demo .controls .control-group{background:#ffffff1a;padding:6.66667vw;border-radius:4vw;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2.66667vw);backdrop-filter:blur(2.66667vw);box-shadow:0 2.13333vw 8.53333vw #0000001a}.pitch-demo .controls .control-group h3{margin-top:0;margin-bottom:5.33333vw;color:#fff;font-size:1.3rem;display:flex;align-items:center;gap:2.66667vw}.pitch-demo .controls .control-group h4{margin-top:0;margin-bottom:4vw;color:#fff;font-size:1.1rem;opacity:.9}.pitch-demo .controls .control-group .slider-container{margin-bottom:5.33333vw}.pitch-demo .controls .control-group .slider-container input[type=range]{width:100%;height:2.13333vw;border-radius:1.33333vw;background:#ffffff4d;outline:none;-webkit-appearance:none;margin-bottom:2.66667vw}.pitch-demo .controls .control-group .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:5.33333vw;height:5.33333vw;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 .53333vw 1.06667vw #0000004d;transition:all .3s ease}.pitch-demo .controls .control-group .slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 1.06667vw 2.13333vw #0006}.pitch-demo .controls .control-group .slider-container input[type=range]::-moz-range-thumb{width:5.33333vw;height:5.33333vw;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 .53333vw 1.06667vw #0000004d}.pitch-demo .controls .control-group .slider-container .value-display{display:flex;justify-content:space-between;align-items:center;margin-top:2.66667vw;flex-wrap:wrap;gap:2.66667vw}.pitch-demo .controls .control-group .slider-container .value-display span{font-weight:700;color:#fff;font-size:3.73333vw}.pitch-demo .controls .control-group .slider-container .value-display .reset-btn{padding:1.6vw 3.2vw;border:none;border-radius:1.33333vw;background:#ff6b6b;color:#fff;cursor:pointer;font-size:3.2vw;transition:all .3s ease;font-weight:700}.pitch-demo .controls .control-group .slider-container .value-display .reset-btn:hover{background:#ff5252;transform:translateY(-1px);box-shadow:0 .53333vw 2.13333vw #ff525266}.pitch-demo .controls .control-group .preset-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(21.33333vw,1fr));gap:2.66667vw;margin-top:4vw}.pitch-demo .controls .control-group .preset-buttons .preset-btn{padding:2.66667vw 3.2vw;border:none;border-radius:2.13333vw;background:#fff3;color:#fff;cursor:pointer;transition:all .3s ease;font-size:3.2vw;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pitch-demo .controls .control-group .preset-buttons .preset-btn:hover{background:#ffffff4d;transform:translateY(-.53333vw);box-shadow:0 1.06667vw 3.2vw #0003}.pitch-demo .controls .control-group .preset-buttons .preset-btn.active{background:#4caf50;box-shadow:0 .53333vw 2.13333vw #4caf5066;transform:translateY(-1px)}.pitch-demo .controls .control-info{background:#ffffff1a;padding:5.33333vw;border-radius:4vw;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2.66667vw);backdrop-filter:blur(2.66667vw)}.pitch-demo .controls .control-info .info-item{margin-bottom:2.66667vw;padding:2.13333vw 0;border-bottom:1px solid rgba(255,255,255,.1)}.pitch-demo .controls .control-info .info-item:last-child{border-bottom:none;margin-bottom:0}.pitch-demo .controls .control-info .info-item strong{color:#fff;font-weight:700;margin-right:2.66667vw}.pitch-demo .controls .control-info .info-item span{color:#ffffffe6}@media (max-width: 768px){.pitch-demo{padding:15px}.pitch-demo .demo-header h1{font-size:2rem}.pitch-demo .demo-header .status-indicators{flex-direction:column;align-items:center;gap:10px}.pitch-demo .demo-header .status-indicators .status{width:100%;max-width:200px}.pitch-demo .controls .control-group{padding:20px}.pitch-demo .controls .control-group .preset-buttons{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.pitch-demo .controls .control-group .preset-buttons .preset-btn{padding:8px 10px;font-size:11px}.pitch-demo .controls .control-group .value-display{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.pitch-demo .demo-header h1{font-size:1.8rem}.pitch-demo .controls .control-group{padding:15px}.pitch-demo .controls .control-group .preset-buttons{grid-template-columns:repeat(3,1fr);gap:6px}.pitch-demo .controls .control-group .preset-buttons .preset-btn{padding:6px 8px;font-size:10px}}