:root{--sidebar-width:200px;--primary-color:#f63;--primary-light:#eef2ff;--bg-body:#fdfdfd;--bg-sidebar:rgba(0,0,0,.01);--bg-card:#fff;--bg-version:rgba(0,0,0,.06);--bg-version-hover:rgba(0,0,0,.08);--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--border-color:#f3f4f6;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:all .2s ease;--bg-gray:#f3f4f6;--radius-full:999px}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"DIN-Medium";src:url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/DIN.woff) format("woff"),url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/DIN.ttf) format("truetype"),url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/DIN.eot) format("embedded-opentype"),url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/DIN.svg) format("svg")}@font-face{font-family:DINCond-Black;src:url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/DINCond-Black.ttf)}.shuzi{font-family:DIN-Medium}a{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}a:active,a:focus{box-shadow:none;background:0 0;outline:none}ul,li{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%;vertical-align:middle}hr{clear:both;margin-top:20px;border:0;color:#ccc;text-align:center;letter-spacing:7px;font-family:cursive}hr:before{content:'***';font-size:17px}ol,ul{list-style:none;margin:0;padding:0}input{outline:none}textarea{resize:none}label{font-size:12px}form.inline{position:relative}form.inline .inline-field{margin-bottom:0;padding-right:20px;text-overflow:ellipsis}input[type=number],input[type=password],input[type=search]input[type=text],textarea{display:block;margin-bottom:10px;padding:0;width:100%;height:40px;border:0;border-bottom:1px solid #e6e6e6;background-color:transparent;color:#1a1a1a;font-size:14px;font-family:inherit;line-height:38px;transition:border-color cubic-bezier(.4,.01,.165,.99);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{outline:0}select{padding:0 14px;width:100%;height:40px;outline:0;border:1px solid #f4f4f4;border-radius:0;background-color:#fff}input[type=button]{border:0;white-space:nowrap;vertical-align:middle;cursor:pointer;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-webkit-backface-visibility:hidden;outline:0;border:0}button:hover,.btn:hover,.btn:visited,input[type=reset]:hover,input[type=submit]:hover,input[type=button]:hover{outline:0}button:focus,textarea:focus{outline:0;outline:0;border:0}body{margin:0;font-size:14px;line-height:20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body);color:var(--text-main)}button{cursor:pointer;border:none;background:0 0;font-family:inherit}input{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}html.sidebar-collapsed{--sidebar-width:0px}.red{color:red}.none{display:none}.clear{clear:both;clear:both;display:block}.clear:after{clear:both;content:'';display:block}.alignleft{float:left;margin:6px 30px 6px 0!important}.alignright{float:right;margin:6px 0 6px 30px!important}.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:initial;-ms-flex:initial;flex:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flexinbox{display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.aligncenter{clear:both;display:block;margin:30px auto!important}.flexcenter{display:flex;align-items:center;display:-webkit-flex;-webkit-align-items:center;justify-content:center}.wp-caption{max-width:100%;position:relative}.wp-caption-text{font-size:13px;line-height:16px;margin-top:15px;text-align:center}.fl,.left{float:left}.fr,.right{float:right}.pos-r,.po-r,.relative{position:relative}.pos-a,.po-a,.absolute{position:absolute}.inblock{display:inline-block}.block{display:block}.stickyfixed{width:100%;display:block;clear:both;height:1px}.yihang{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lianghang{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.row{display:flex;flex-wrap:wrap}.mt30{margin-top:30px}@-webkit-keyframes circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@-webkit-keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-loading{font-size:0;padding:5px;position:relative;vertical-align:middle}.van-loading__spinner{display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;position:relative;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite;color:#fff;-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:circular 1.5s ease-in-out infinite;animation:circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:90px;max-width:70%;min-height:90px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(50,50,51,.68);border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:9999999}.van-toast__text{margin-top:8px}.showalert-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);max-width:80%;padding:12px 20px;background:rgba(0,0,0,.75);color:#fff;font-size:14px;line-height:1.5;border-radius:8px;text-align:center;word-break:break-all;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.showalert-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.box{--box-padding:20px;--primary:#f60;--text-main:#666;--text-sub:#999;position:relative;z-index:1;padding:var(--box-padding);margin-bottom:20px;background:#fff;border-radius:6px;box-shadow:0 0 16px rgba(18,35,75,.05);display:flow-root}.boxhead{position:relative;margin:0 0 20px calc(var(--box-padding)*-1);padding-left:var(--box-padding);color:var(--text-main);font-size:14px;line-height:1.5;font-weight:700}.boxhead:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:14px;background:var(--primary);border-radius:2px}.boxhead span{margin-left:8px;color:var(--text-sub);font-weight:400}@media (max-width:767px){.box{--box-padding:15px;margin-bottom:15px}.boxhead{margin-bottom:15px}.boxhead span{display:block;margin:10px 0 0}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 16px 10px;flex-shrink:0;z-index:11;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;visibility:visible}.sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar>*{min-width:168px;flex-shrink:0}html.sidebar-collapsed .sidebar{transform:translate3d(-100%,0,0);visibility:hidden;border-right-color:transparent;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s}.logo{font-size:24px;font-weight:900;color:var(--primary-color);letter-spacing:-.5px;margin-bottom:32px;padding-left:8px;white-space:nowrap}.logo span{color:var(--text-main);padding-left:2px}.logo img{width:100px;height:auto;max-width:100%}.side-searchbox{display:flex;align-items:center;background-color:#f2f4f7;border-radius:20px;padding:5px 10px;transition:background-color .3s ease,box-shadow .3s ease;margin-bottom:20px}.side-searchbox:focus-within{background-color:#fff;box-shadow:0 0 0 1.5px rgba(255,107,0,.12)}.side-searchbox i{font-size:15px;color:#999;margin-right:7px}.side-searchbox input{border:none;background:0 0;outline:none;font-size:12px;width:100%;color:#333}.side-searchbox input::placeholder{color:#999}#side-searchbtn{border:none;background:#f60;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;cursor:pointer;white-space:nowrap;margin-left:8px}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-muted);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;transition:var(--transition)}.nav-item:hover{background-color:var(--bg-version);color:var(--text-main)}.nav-item.active{background-color:var(--bg-version);color:var(--primary-color);font-weight:500}.nav-item i{flex-shrink:0;font-size:18px;font-weight:700}.sidebar-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}.sidebar-user{display:flex;align-items:center;gap:8px}.sidebar-user-avatar{flex:0 0 auto;width:32px;height:32px;overflow:hidden}.sidebar-user-avatar img{display:block;width:100%;height:100%;padding:1px;border-radius:50%;background:#ff660055;object-fit:cover}.sidebar-user-name{flex:1;min-width:0;font-size:14px;font-weight:400;color:#1f2329;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-more{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;padding:0;color:#8a9099;cursor:pointer;transition:background .2s ease,color .2s ease}.siteco{color:#999;font-size:12px;margin-top:15px;white-space:nowrap}.siteco p{line-height:2;margin:0}.sidebar-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;position:fixed;top:12px;width:38px;height:38px;padding:0;border:none;border-radius:10px;background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center;z-index:30;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,left .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.sidebar-toggle:hover{background:#f2f4f7;color:#000;box-shadow:0 3px 10px rgba(0,0,0,.12)}.sidebar-toggle svg{width:20px;height:20px;stroke-width:2.2}.sidebar-toggle--open{left:16px;display:none}html.sidebar-collapsed .sidebar-toggle--open{display:inline-flex}.sidebar-toggle--close{left:calc(var(--sidebar-width) - 54px);display:inline-flex}html.sidebar-collapsed .sidebar-toggle--close{display:none}@media (max-width:768px){.sidebar-toggle--close{left:calc(150px - 54px)}.sidebar>*{min-width:0}.sidebar{z-index:11;width:150px;transition:left .25s ease,padding .25s ease;box-shadow:4px 0 24px rgba(0,0,0,.08)}}.sidebar-overlay{position:fixed;inset:0;z-index:10;background-color:rgba(17,24,39,.18);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s}.sidebar-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}body.sidebar-open{overflow:hidden}@media (min-width:769px){.sidebar-overlay{display:none}}@media (max-width:768px){.sidebar-toggle--close{display:none}}.main-content{flex:1;background-color:#f7f9fc;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left .25s ease;box-sizing:border-box}@media (max-width:768px){.main-content{margin-left:0}}.index-header{background-color:#fff;padding:24px 30px 20px;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:9}.header-main{display:flex;justify-content:space-between;align-items:flex-end}.header-text h1{font-size:20px;font-weight:700;color:#222;margin-bottom:10px}.header-text p{font-size:13px;color:#888}@media (max-width:768px){.index-header{padding:14px 30px 10px 65px}.header-text h1{font-size:16px;margin-bottom:6px}.header-text p{font-size:12px}}.detail-header{background-color:#fff;padding:20px 30px;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;flex-direction:column;gap:8px}.breadcrumb{font-size:12px;color:#999}.breadcrumb span{color:#333}.header-title-row{margin-top:6px;display:flex;gap:12px}.header-title-row h1{font-size:22px;font-weight:700;color:#222;line-height:36px}.header-artist{line-height:36px;font-size:14px;color:#888}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.collectbutton{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 18px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;color:#666;font-size:14px;line-height:1;text-decoration:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .25s ease;box-sizing:border-box;white-space:nowrap}.collectbutton .icon{font-size:16px;transition:transform .25s ease,color .25s ease}.collectbutton:hover{border-color:#ff6b81;color:#ff6b81}.collectbutton:active{transform:scale(.96)}.collectbutton:focus-visible{outline:2px solid #ff6b81;outline-offset:2px}.collect-no{border-color:#e0e0e0;background:#fff;color:#666}.collect-no:hover{border-color:#ff6b81;background:#fff5f7;color:#ff6b81}.collect-no:hover .icon{transform:scale(1.15)}.collect-yes{border-color:#ff6b81;background:#fff5f7;color:#ff6b81}.collect-yes .icon{color:#ff6b81;animation:collect-pop .35s ease}.collect-yes:hover{background:#ffe9ee;border-color:#ff4d6a;color:#ff4d6a}.collect-yes:hover .icon{color:#ff4d6a}@keyframes collect-pop{0%{transform:scale(.6)}55%{transform:scale(1.25)}100%{transform:scale(1)}}.collectbutton{border-color:#e0e0e0;background:#fff;color:#666}.collectbutton:hover{border-color:#ff6b81;color:#ff6b81;background:#fff5f7}.downbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 20px;border:none;border-radius:20px;font-size:14px;line-height:1;cursor:pointer;user-select:none;text-decoration:none;transition:all .25s ease;box-sizing:border-box;white-space:nowrap;background:linear-gradient(135deg,#ff6b81,#ff4d6a);color:#fff;box-shadow:0 4px 12px rgba(255,77,106,.28)}.downbtn .icon{font-size:16px}.downbtn:hover{background:linear-gradient(135deg,#ff556e,#f35);box-shadow:0 6px 16px rgba(255,77,106,.38);transform:translateY(-1px)}.downbtn:active{transform:translateY(0) scale(.97);box-shadow:0 2px 8px rgba(255,77,106,.3)}.btn-primary:focus-visible{outline:2px solid #ff4d6a;outline-offset:2px}@media (max-width:480px){.header-actions{gap:8px}.collectbutton,.downbtn{height:36px;padding:0 14px;font-size:13px}.collectbutton .icon,.downbtn .icon{font-size:15px}}@media (prefers-color-scheme:dark){.collectbutton{background:#1f1f1f;border-color:#333;color:#bbb}.collect-no:hover,.collectbutton:hover{background:#2a1d20;border-color:#ff6b81}.collect-yes{background:#2a1d20;border-color:#ff6b81}}@media (max-width:768px){.detail-header{padding:14px 30px 10px 65px}.header-title-row{margin-top:1px}.header-title-row h1{font-size:16px;line-height:26px}.header-artist{line-height:26px}}.index-content{flex:1;overflow-y:auto;padding:32px}.page-title{font-size:24px;font-weight:700;margin-bottom:20px}.page-subtitle{font-size:14px;color:var(--text-light);margin-bottom:32px}#music-cards{width:100%}.song-card{width:calc((100% - 48px)/3);box-sizing:border-box;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;display:flex;flex-direction:column;transition:box-shadow .25s ease,border-color .25s ease}.song-card:hover{box-shadow:0 10px 30px -10px rgba(0,0,0,.08);border-color:#e0e7ff}@media (max-width:1100px){.song-card{width:calc((100% - 24px)/2)}}@media (max-width:768px){.song-card{width:100%}.index-content{padding:12px}}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.song-info{display:flex;align-items:center;gap:12px}.musicpic{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.musicpic img{width:60px;height:60px;object-fit:cover;border-radius:6px}.cover-placeholder{width:60px;height:60px;border-radius:var(--radius-md);background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%);flex-shrink:0;overflow:hidden}.song-title{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:6px}.song-artist{font-size:13px;color:var(--text-muted)}@media (max-width:768px){.musicpic{width:48px;height:48px}.musicpic img{width:48px;height:48px}.cover-placeholder{width:48px;height:48px}.song-title{font-size:16px}}.link-more{font-size:12px;color:var(--text-light);display:flex;align-items:center;gap:2px;transition:var(--transition);margin-top:4px}.link-more:hover{color:var(--primary-color)}.link-more svg{width:14px;height:14px}.version-list{display:flex;flex-direction:column;gap:12px}.version-item{background-color:var(--bg-version);border-radius:var(--radius-md);padding:16px;position:relative;cursor:pointer;transition:var(--transition)}.version-item:hover{background-color:var(--bg-version-hover);transform:translateY(2px)}.version-left{display:flex;flex-direction:column;gap:6px}.version-title{font-size:14px;max-width:78%;font-weight:600;color:var(--text-main)}.version-title a{max-width:78%}.version-format{font-size:12px;color:var(--text-muted)}.version-tags{display:flex;align-items:center;gap:8px;margin-top:4px}.version-tags .tag{background-color:#fff;border:1px solid #e5e7eb;padding:0 6px;border-radius:4px;font-size:10px;color:var(--text-muted);display:flex;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,.02)}.tag-primary{color:var(--primary-color);font-weight:500}.tag-warning{color:#d97706}.tag svg{width:12px;height:12px}.starnandu i{letter-spacing:1.5px;color:#f60}.version-right{position:absolute;right:18px;top:30%;transform:translateY(-30%);color:var(--text-light)}.view-count{display:flex;align-items:center;gap:4px;font-size:12px}.view-count svg{width:14px;height:14px}.stars-loading{text-align:center;padding:20px 0;color:#999;font-size:14px}.stars-loading span:after{content:'';display:inline-block;width:14px;height:14px;margin-left:6px;border:2px solid #ddd;border-top-color:#999;border-radius:50%;vertical-align:middle;animation:stars-spin .8s linear infinite}@keyframes stars-spin{to{transform:rotate(360deg)}}.stars-end{text-align:center;padding:24px 0;color:#bbb;font-size:13px}.empty-tip{text-align:center;padding:40px 0;color:#999}.stars-sentinel[data-state=idle] .stars-sentinel__text{color:#8a9099}.stars-sentinel[data-state=loading] .stars-sentinel__spinner{display:inline-block}.stars-sentinel[data-state=loading] .stars-sentinel__text{color:#ff7a45}.stars-sentinel[data-state=done] .stars-sentinel__text{color:#c0c4cc;position:relative;padding:0 40px}.stars-sentinel[data-state=done] .stars-sentinel__text:before,.stars-sentinel[data-state=done] .stars-sentinel__text:after{content:"";position:absolute;top:50%;width:32px;height:1px;background:#eef0f3}.stars-sentinel[data-state=done] .stars-sentinel__text:before{left:0}.stars-sentinel[data-state=done] .stars-sentinel__text:after{right:0}.stars-sentinel[data-state=error]{cursor:pointer}.stars-sentinel[data-state=error] .stars-sentinel__text{color:#e8590c;text-decoration:underline}.stars-sentinel[data-state=loading]{cursor:wait}.edit-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;justify-content:center;align-items:center}.edit-modal{background:#fff;width:90%;max-width:420px;border-radius:12px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);box-sizing:border-box;overflow-y:auto}.edit-modal .form-group{margin-bottom:24px}.edit-modal .form-label{display:flex;align-items:center;font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.edit-modal .label-bar{display:inline-block;width:4px;height:16px;background:#ff6a00;border-radius:2px;margin-right:8px}.edit-modal .cover-upload{text-align:center;cursor:pointer;text-align:center;background:#f2f2f2;position:relative;width:120px;height:120px;line-height:120px;border-radius:5px;margin:5px 0}.edit-modal .cover-upload:hover{background:#ddd;color:#353535}.edit-modal .cover-upload input{position:absolute;top:0;left:0;width:100%;width:120px;height:120px;cursor:pointer;opacity:0;box-sizing:border-box}.edit-modal .cover-upload img{width:120px;height:120px;border-radius:5px;object-fit:cover}.edit-modal .checkbox-group{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.edit-modal .checkbox-item{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:4px;padding:3px 5px;background:#f5f6f8;border:1px solid transparent;border-radius:8px;cursor:pointer;user-select:none;transition:all .2s;font-size:12px;color:#555}.edit-modal .checkbox-item:hover{background:#ebedf0}.edit-modal .checkbox-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.edit-modal .checkbox-box{position:relative;flex-shrink:0;width:16px;height:16px;border:1.5px solid #c8ccd4;border-radius:4px;background:#fff;transition:all .2s}.edit-modal .checkbox-box:after{content:"";position:absolute;top:1px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s}.edit-modal .checkbox-item input:checked~.checkbox-box{background:#ff6a00;border-color:#ff6a00}.edit-modal .checkbox-item input:checked~.checkbox-box:after{transform:rotate(45deg) scale(1)}.edit-modal .checkbox-item input:checked~.checkbox-text{color:#ff6a00;font-weight:600}.edit-modal .checkbox-item:has(input:checked){background:#fff5ec;border-color:#ff6a00}.edit-modal .checkbox-item input:focus-visible~.checkbox-box{box-shadow:0 0 0 3px rgba(255,106,0,.2)}@media (max-width:400px){.edit-modal .checkbox-group{grid-template-columns:repeat(2,1fr)}}.edit-modal .form-input,.edit-modal .form-textarea{width:100%;background:#f5f6f8;border:none;border-radius:8px;padding:14px 16px;font-size:15px;color:#333;box-sizing:border-box;outline:none;transition:background .3s}.edit-modal .form-input:focus,.edit-modal .form-textarea:focus{background:#ebedf0}.edit-modal .form-textarea{height:100px;resize:vertical}.edit-modal .form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.edit-modal .btn-cancel{background:#f0f0f0;color:#666;border:none;padding:5px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.edit-modal .btn-cancel:hover{background:#e4e4e4}.edit-modal .btn-submit{background:#ff6a00;color:#fff;border:none;padding:7px 24px;border-radius:6px;font-size:15px;cursor:pointer;transition:background .3s}.edit-modal .btn-submit:hover{background:#e05e00}.btn-edit-tag{background:0 0;border:1px solid #ddd;border-radius:4px;padding:2px 8px;font-size:12px;color:#666;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-left:5px;transition:all .2s}.btn-edit-tag:hover{border-color:#ff6a00;color:#ff6a00}.btn-edit-tag i{width:12px;height:12px}.single-video-player{position:relative;margin-bottom:20px;cursor:pointer;width:100%}.single-video-player .single-video-pic{aspect-ratio:7/4;object-fit:cover;border-radius:5px;width:100%}.single-video-player .icon-bofang{font-size:28px}.single-video-player .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60px;width:60px;line-height:60px;border-radius:50%;background-image:-webkit-linear-gradient(311deg,#ec1700 0,#fc7c0a 100%);background-image:linear-gradient(139deg,#ec1700 0,#fc7c0a 100%);color:#fff;border:2px solid #fff;cursor:pointer}.single-video-player .video-play-btn:before{float:left;-webkit-transform:translate(17px);transform:translate(17px);margin-top:-2px}.video-framework{position:relative}.puvideo .iframe-video{margin-bottom:20px}.articlevideo .iframe-video{margin-bottom:20px}.iframe-video{display:flex;background:#000;aspect-ratio:7/4;border-radius:3px;position:relative}.iframe-video iframe{width:100%;height:100%;margin:auto;text-align:center}.iframe-video .changevideo{position:absolute;top:20px;right:0;color:#fff;font-size:14px;padding:0 6px 0 12px;border-radius:32px 0 0 32px;line-height:32px;height:32px}.iframe-video .changevideo[type='1']{background:red}.iframe-video .changevideo[type='2']{background:#f60}.iframe-video .changevideo i{vertical-align:-1px;padding-right:4px}.change-video{position:absolute;top:20px;right:20px;height:32px;font-size:13px;border:2px solid #f1f2f5;border-radius:6px;background:#e6ecf4}.change-video a{padding:0 10px;color:#565656;height:28px;border-radius:6px;transition:all .2s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;-o-transition:all .1s linear}.change-video a.videocurrent{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);color:#565656;font-weight:700}.tkqin{position:absolute;z-index:99}.tkqin a{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:36px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;color:#fff;border-radius:8px}.tkqin a .leftc{padding:0 10px;height:36px;justify-content:center;background-color:rgba(255,102,0,.9);border-radius:8px 0 0 8px}.tkqin a .rightc{padding:0 10px;height:36px;justify-content:center;background-color:rgba(255,102,0,.9);border-radius:0 8px 8px 0;position:relative;color:#1f1f1f}.tkqin a .rightc:before{content:'';position:absolute;top:12px;bottom:12px;left:-.5px;width:1px;background:rgba(255,255,255,.25)}.tkqin a{color:#ffffff!important;text-decoration:none!important;border:0!important}.tkqin i{cursor:pointer;color:#fff;margin-right:6px;vertical-align:-1px}.tkqin span{color:#fff}@media(min-width:1080px){.tkqin{bottom:50px;left:30px}}@media (min-width:960px) and (max-width:1079px){.tkqin{bottom:40px;left:20px}}@media (max-width:767px){.tkqin{bottom:20px;left:20px}}.article-content-inner{flex:1;padding:20px 30px 20px 20px;display:flex;gap:20px;min-height:0;overflow:hidden}.left-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.left-header{background:#fff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f0f0f0;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:20px;flex-shrink:0}.video-entry{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;background-color:#fff;border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent}.video-entry:hover{border-color:#ffd9b0}.video-entry-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ff6b00;color:#fff;transition:transform .25s ease,background-color .25s ease}.video-entry:hover .video-entry-icon{transform:scale(1.06)}.video-entry-icon svg{width:18px;height:18px;margin-left:2px;fill:currentColor}.video-entry-text{flex:1;min-width:0}.video-entry-title{font-size:14px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-entry-arrow{flex-shrink:0;width:16px;height:16px;color:var(--text-light,#9ca3af);transition:transform .25s ease,color .25s ease}.video-entry:hover .video-entry-arrow{transform:translateX(2px);color:#ff6b00}@media (max-width:767px){.left-header{padding:12px 14px;border-radius:10px}.video-entry{padding:3px 12px 3px 3px;gap:8px}.video-entry-icon{width:26px;height:26px}.video-entry-icon svg{width:14px;height:14px}.video-entry-title{font-size:13px}}.video-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.video-modal.is-open{opacity:1;visibility:visible}.video-modal-mask{position:absolute;inset:0;background:rgba(17,24,39,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.video-modal-dialog{position:relative;width:min(960px,100%);background:#0f1115;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease}.video-modal.is-open .video-modal-dialog{opacity:1;transform:none}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 100px 16px 20px;border-bottom:1px solid rgba(255,255,255,.06);color:#fff}.video-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.video-modal-title .dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color,#f60);box-shadow:0 0 0 4px rgba(255,102,0,.18)}.video-modal-sub{font-size:12px;color:rgba(255,255,255,.45);white-space:nowrap}.video-modal-actions{position:absolute;top:14px;right:14px;z-index:2;display:flex;gap:8px}.video-modal-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:background .2s ease,transform .25s ease}.video-modal-btn:hover{background:rgba(255,255,255,.2)}.video-modal-btn[data-close]:hover{transform:rotate(90deg)}.video-modal [data-minimize]{display:flex}.video-modal [data-expand]{display:none}.video-modal-dialog.is-docked [data-minimize]{display:none}.video-modal-dialog.is-docked [data-expand]{display:flex}.video-modal-tabs{display:flex;gap:8px;padding:10px 20px;background:#0f1115;border-bottom:1px solid rgba(255,255,255,.06)}.vm-tab{padding:6px 16px;font-size:13px;color:rgba(255,255,255,.6);background:0 0;border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.vm-tab:hover{color:#fff;border-color:rgba(255,255,255,.3)}.vm-tab.is-active{color:#fff;background:var(--primary-color,#f60);border-color:var(--primary-color,#f60)}.video-modal-tabs:has(.vm-tab:only-child){display:none}.video-modal-body{background:#000}.video-modal-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;color:#fff;background:#000;font-size:14px}.video-modal-state p{margin:0;color:rgba(255,255,255,.65)}.video-modal-state.is-error p{color:#ff6b6b}.vm-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vm-spin .8s linear infinite}@keyframes vm-spin{to{transform:rotate(360deg)}}.video-modal-body .video-framework{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}.video-modal-body .video-framework>div{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.video-modal-body .video-framework video{display:block;width:100%;height:100%;object-fit:contain;background:#000}@supports not (aspect-ratio:16/9){.video-modal-body .video-framework{height:0;padding-top:56.25%}}.small-video .video-framework{width:100%;aspect-ratio:16/9}.video-modal-footer{padding:12px 20px;text-align:center;font-size:12px;color:rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.06)}.video-modal.is-mini{padding:0;background:0 0;opacity:1;visibility:visible;pointer-events:none;display:none !important}.video-modal.is-mini .video-modal-mask{display:none}.video-modal.is-mini .video-modal-header,.video-modal.is-mini .video-modal-footer{display:none}.video-modal.is-mini .video-modal-actions{top:8px;right:8px;gap:6px}.video-modal.is-mini .video-modal-btn{width:28px;height:28px;background:rgba(0,0,0,.55)}.video-modal.is-mini .video-modal-btn:hover{background:rgba(0,0,0,.8)}.small-video{position:fixed;right:20px;bottom:20px;width:380px;z-index:9998;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 12px 32px -14px rgba(0,0,0,.6)}.small-video:empty{display:none}.small-video .video-modal-dialog,.video-modal-dialog.is-docked{position:static !important;inset:auto !important;width:100% !important;max-width:100% !important;height:auto !important;max-height:none !important;margin:0 !important;transform:none !important;opacity:1 !important;visibility:visible !important;box-shadow:none !important;z-index:auto !important;border-radius:0 !important;border:0 !important}.small-video .video-modal-header,.small-video .video-modal-footer{display:none}@media (max-width:600px){.video-modal{padding:12px}.video-modal-dialog{border-radius:14px}.video-modal-header{padding:12px 92px 12px 14px}.video-modal-sub{display:none}.video-modal-footer{display:none}.video-modal-actions{top:10px;right:10px;gap:6px}.video-modal-btn{width:30px;height:30px}.small-video{width:220px;right:12px;bottom:12px}}.left-imgpu{flex:1;min-height:0;background-color:#fff;box-shadow:inset 0 4px 12px rgba(0,0,0,.02);overflow-y:auto;display:flex;flex-direction:column;align-items:center;border-radius:8px}.left-imgpu::-webkit-scrollbar{width:4px}.left-imgpu::-webkit-scrollbar-thumb{background:#f5f5f5;border-radius:4px}.left-imgpu img{max-width:100%;border-radius:8px;margin-bottom:20px}.pusetting-row{display:flex;align-items:center;gap:10px}.pucustom-select{position:relative;display:inline-block;width:240px;font-size:14px}.puselect-trigger{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;background-color:#fff;border:1px solid var(--border-color);border-radius:999px;color:var(--text-main);cursor:pointer;transition:var(--transition)}.pucustom-select:hover .puselect-trigger{border-color:#ffd9b0;box-shadow:0 2px 8px -2px rgba(0,0,0,.06)}.pucustom-select.open .puselect-trigger{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(255,102,0,.1)}.setting-rowtitle{flex-shrink:0;padding:6px 14px;border-radius:999px;background-color:#fff7ed;border:1px solid #ffe0c2;color:var(--primary-color);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.puselect-text{flex:1;min-width:0;padding:0;font-size:14px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puselect-arrow{flex-shrink:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #9ca3af;transition:transform .2s ease}.custom-select.open .select-arrow{transform:rotate(180deg)}.puselect-options{position:absolute;top:calc(100% + 8px);left:0;right:0;margin-top:0;padding:6px;background-color:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 32px -8px rgba(0,0,0,.14);overflow:hidden;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.pucustom-select.open .puselect-options{opacity:1;visibility:visible;transform:translateY(0)}.puselect-option{display:block;padding:10px 14px;border-radius:10px;color:var(--text-main);font-size:14px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .18s ease,color .18s ease}.puselect-option:hover{border-color:#ffd9b0}.puselect-option.active{background-color:#fff7ed;color:var(--primary-color);font-weight:600}.right-sidebar{width:340px;display:flex;flex-direction:column}.right-sidebar::-webkit-scrollbar{width:4px}.right-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sidebar-card{background-color:#fff;border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);margin-bottom:20px}.song-info-header{display:flex;gap:12px}.album-cover{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%);flex-shrink:0;overflow:hidden}.album-cover img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.song-title-wrap{display:flex;flex-direction:column;justify-content:center}.song-artist{font-size:14px;color:var(--text-muted)}.right-puinfo{width:100%;margin-bottom:20px}.right-puinfo .right-puinfo-inner{display:flex;flex-wrap:wrap;overflow:hidden}.right-puinfo .right-puinfo-item{margin-bottom:8px;display:flex;align-items:flex-start;flex-basis:50%;font-size:13px;line-height:22px;word-break:break-all}.right-puinfo .right-puinfo-item label{color:#999;flex-shrink:0;font-size:13px}.right-puinfo .right-puinfo-item span{color:#565656;margin-left:4px;font-family:DIN-Medium;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:112px}.right-puinfo .right-puinfo-item a,.right-puinfo .right-puinfo-item a:hover{color:#565656}.right-puinfo .right-puinfo-item i{line-height:22px;padding-right:2px;color:#f60}.right-puinfo .pu-audio{margin-top:10px;color:#999;display:block}.right-puinfo .upu-description{color:#565656;margin-top:10px}.right-puinfo .upu-description p{line-height:1.8;padding-top:8px}.right-puinfo .upu-description span{color:#888;font-weight:700}.right-puinfo .upu-description a{color:#f60}.siderlogin{width:100%;padding:14px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:16px;font-weight:600;line-height:1;color:#fff;background-color:#f60;border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:background-color .2s}.siderlogin:hover{box-shadow:0 6px 16px rgba(255,77,106,.08);transform:translateY(.2px)}.collectbutton:active{transform:scale(.98)}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}100%{transform:scale(1)}}.collectbutton.just-collected i{color:#f43f5e;animation:heartPop .45s cubic-bezier(.4,0,.2,1)}.sidebar-collect .collectbutton{display:flex;justify-content:center;padding:12px 16px;margin-bottom:15px}@media (max-width:767px){.header-actions{display:none}}@media (min-width:768px){.sidebar-collect{display:none}}@media (max-width:900px){.article-content-inner{flex-direction:column;gap:16px;padding:16px;overflow-y:auto}.left-area{flex:0 0 auto;width:100%;min-height:0}.left-imgpu{flex:0 0 auto;overflow-y:visible;min-height:0;max-height:none}.right-sidebar{width:100%;height:auto;overflow-y:visible;padding-right:0}}@media (max-width:600px){.left-header{flex-wrap:wrap;gap:12px}.custom-select{width:100%}.setting-row{width:100%;flex-wrap:wrap}}.ukulele_cons{position:relative;padding:10px 20px;margin-bottom:30px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow .2s ease}.ukulele_cons:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}.ukulele_li{list-style:none;display:flex;align-items:flex-start;margin:20px 0}.ukulele_li .conlei{flex:0 0 52px;height:24px;line-height:24px;font-size:14px;font-weight:600;color:#999}.ukulele_li .xuanxiang{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:8px 10px}.ukulele_li .xuanxiang a{display:inline-block;height:24px;line-height:24px;padding:0 10px;font-size:14px;color:#000;white-space:nowrap;text-decoration:none;border-radius:2px;transition:background-color .15s ease,color .15s ease}.ukulele_li .xuanxiang a:hover,.ukulele_li .xuanxiang a.current{color:#fff;background-color:#ff6607}.ukulele_li .xuanxiang a.buxian:hover,.ukulele_li .xuanxiang a.current.buxian{color:#fff;background-color:red}.query_count{display:block;padding:15px 25px 2px 0;color:#777}.ukulele-list{padding-bottom:20px;color:#333;line-height:1.8}.ukulele-list ul{min-height:350px;margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.ukulele-list ul li{list-style:none;overflow:hidden;padding:15px 15px 10px;box-sizing:border-box;cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow .2s ease,border-color .2s ease}.ukulele-list ul li:hover{border-color:#f60;box-shadow:0 6px 18px rgba(0,0,0,.08)}.ukulele-list ul li a{color:inherit;text-decoration:none}.ukulele-list ul .uke-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;margin:0 auto}.ukulele-list ul .uke-info .e-title{display:-webkit-box;height:40px;margin-top:10px;font-size:14px;line-height:20px;color:#222;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease}.ukulele-list ul li:hover .e-title{color:#f60}.ukulele-list ul .uke-info .baikeprice{display:flex;align-items:baseline;height:32px;margin-top:6px}.ukulele-list ul .uke-info .baikeprice .pn{font-family:DIN-Medium,Arial,sans-serif;font-size:18px;line-height:25px;padding-right:10px;letter-spacing:.5px;color:#ff0036}.ukulele-list ul .uke-info .baikeprice small{padding-right:2px;font-size:13px;color:#f83a25}.ukulele-list ul .uke-info .baikeprice .pt{font-size:12px;line-height:26px}@media (max-width:992px){.ukulele-list ul{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width:768px){.ukulele_cons{padding:10px 12px;margin-bottom:20px}.ukulele_li{margin:10px 0}.ukulele-list ul{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ukulele-list ul li{padding:10px 10px 8px}.ukulele-list ul .uke-info .e-title{height:36px;font-size:13px;line-height:18px}.ukulele-list ul .uke-info .baikeprice .pn{font-size:16px}}@media (max-width:480px){.ukulele-list ul{grid-template-columns:repeat(2,1fr);gap:8px}.ukulele_li .conlei{flex-basis:44px}.ukulele_li .xuanxiang a{padding:0 8px;font-size:13px}}.quanbox{display:inline-flex;float:right;height:26px;line-height:26px;width:110px;font-size:13px;position:relative;background-image:linear-gradient(to right,#f50,red);color:#fff;border-radius:5px}.quanbox .line{border-left:2px dotted #f2f2f2;height:26px;position:absolute;right:41px}.quanbox:before{content:"";background:#f9f9f9;position:absolute;top:-6px;right:38px;width:8px;height:8px;border-radius:50%;z-index:9}.quanbox:after{content:"";background:#f9f9f9;position:absolute;bottom:-6px;right:38px;width:8px;height:8px;border-radius:50%;z-index:9;border:1px solid #f3f3f3}.quanbox .quan-btn{position:absolute;right:0;text-align:center;width:40px;color:#fff}.quanbox .quan-price{width:calc(100% - 46px);text-align:center;display:inline-block}.metronome{margin:0 auto;position:relative;top:50vh;transform:translateY(-50%);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:24px;padding:36px;box-shadow:0 25px 60px rgba(0,0,0,.5);text-align:center;width:100%;max-width:520px}.metronometitle{font-size:13px;color:#94a3b8;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px}.bpm-value{font-size:104px;font-weight:700;line-height:1;color:#f60;font-variant-numeric:tabular-nums;transition:color .15s,text-shadow .15s;letter-spacing:-2px}.bpm-value.beat{color:#86efac;text-shadow:0 0 40px rgba(134,239,172,.06)}.bpm-value.beat-accent{color:#fbbf24;text-shadow:0 0 50px rgba(251,191,36,.7)}.bpm-unit{font-size:11px;color:#64748b;letter-spacing:4px;margin-top:4px}.tempo-name{font-size:13px;color:#94a3b8;margin-top:10px;font-style:italic}.beat-indicator{display:flex;justify-content:center;gap:12px;margin:28px 0;min-height:22px;align-items:center}.beat-dot{width:14px;height:14px;border-radius:50%;background:rgba(71,85,105,.6);transition:all .08s ease-out}.beat-dot.accent{width:18px;height:18px;background:rgba(148,163,184,.5)}.beat-dot.active{background:#f60;box-shadow:0 0 20px rgba(74,222,128,.7);transform:scale(1.35)}.beat-dot.accent.active{background:#fbbf24;box-shadow:0 0 24px rgba(251,191,36,.8)}.bpm-slider-wrap{margin:24px 0 22px}input[type=range]{width:100%;height:6px;border-radius:3px;background:rgba(71,85,105,.5);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f60 0%,#f80 100%);cursor:pointer;box-shadow:0 4px 12px rgba(74,222,128,.5);transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f60 0%,#f80 100%);cursor:pointer;border:none;box-shadow:0 4px 12px rgba(74,222,128,.5)}.bpmcontrols{display:flex;gap:10px;width:100%;margin-top:30px;margin-bottom:30px}.bpmcontrols>*{flex:1 1 0;min-width:0;height:48px}.bpmcontrols .secondary{display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:15px;font-weight:700;color:#ff6b1a;background:#232b38;border:1px solid #3a4351;border-radius:10px;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}.bpmcontrols .secondary.active{background:rgba(74,222,128,.15);color:#f60}.bpmcontrols .secondary.tap-flash{background:#f60;color:#0f172a;transition:none}.bpmcontrols select.secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 7L1 3h8z' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.playbpm-btn{background:linear-gradient(135deg,#f60 0%,#f80 100%);color:#fff;border:none;padding:16px 24px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px rgba(74,222,128,.03);letter-spacing:3px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.playbpm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(74,222,128,.04)}.playbpm-btn:active{transform:translateY(0)}.playbpm-btn.playing{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow:0 4px 20px rgba(248,113,113,.03)}.playbpm-btn.playing:hover{box-shadow:0 6px 24px rgba(248,113,113,.04)}.play-icon{font-size:14px}.kbd-hint{margin-top:14px;font-size:11px;color:#475569}kbd{display:inline-block;padding:1px 6px;border-radius:4px;background:rgba(71,85,105,.5);font-family:inherit;font-size:10px;color:#94a3b8;border:1px solid rgba(148,163,184,.15);margin:0 2px}.flex-content{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fff;font-size:18px;font-weight:500}.video-section-wrapper{width:100%;padding:20px}.video-section-header{display:flex;align-items:baseline;margin-bottom:20px;gap:12px;flex-wrap:wrap}.video-main-title{font-size:18px;font-weight:700;color:#111;margin:0}.video-sub-title{font-size:14px;color:#888;font-weight:400}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px 16px}.video-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s ease}.video-card:hover{transform:translateY(-3px)}.video-thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background-color:#f0f0f0;box-shadow:0 2px 6px rgba(0,0,0,.04)}.video-thumb-wrap img{width:100%;height:100%;object-fit:cover;margin-bottom:0 !important;border-radius:0 !important}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 4px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%)}.video-date{font-family:monospace;letter-spacing:.5px;opacity:.9}.video-views{font-weight:500}.video-title{margin:10px 0 0;font-size:14px;line-height:1.4;color:#333;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card:hover .video-title{color:var(--primary-color)}.common-header{padding-bottom:5px}.common-header .atitle{font-size:18px;display:flex;font-weight:700;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0}.common-header .article-author{position:relative;color:#888;line-height:22px;font-size:13px;margin:5px 0 0}.common-header .article-author .avatar{position:relative;border-radius:50%;float:left;width:22px;height:auto;margin:0 3px 0 0}.common-header .article-author .avatar:after{content:"";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAtJJREFUWMPNWEFr1EAUDvgH9H8k7ipeRE+K4kGQIiJCF7148qYnjyIoHsTeBAWh9ShsWl26pdYNVlaQgnWtqAtStEWLVIvsVmsmyYzzZutkayaZl3QjCQyE5M2bb+Z98743YxgpH1azdrm2OUyq5iixTce1rTZ/70IT7/wb/AMbsDXyevxxc4gP1CC25blVk2Ea2EIf6DswIN5E+QCfdRMLIh6c2QRfmYEwdmoHdzKyXSAKYCPgOx0Yu7yTVK3pQYORoLhvGAMNhhPybV5gZONjaEGJMOW4MsqVSgpfHpzBcCp2N/1vMH+bcvcpt/bkIRb8aEeaWzuYki8lFqzMyv7EORNJCZGkF+eMbqyyfx/y/EK6FVi4KfsGn2eUNluSJ2TTOGf+8mQEkP/+Lh7Q1DFG/Q3Rj5KuWHU1wc2G1KYkOfBeXokAClbn0ICCr03Zz5u/migzQvuIXaokOp0+HgEEM3btsj5Uc5fDSXybR+y4UgXIPKYzVPKocTp5AE58+nutN4GAMPL4BCYFjBmihNAYqnjkta4n9/n0MOTcu9vYnOQYUMNol17BI3+5Hu/42fkwvJ1F5o7vQaYHq22IwkpnqOLRrxW17cQ+RteXejaUMvL0bAopMbsQsg7GWMUjt344Gqr2vXAVFx+klZEOKmSxPHpxaavDJyc5gb3e6vAJuI/2p8zoEDIEqWN59OF+n81uFqwt9IG9mEVoHUMU5JgOCh4BAAm4dSP8/sXJWI6Yo/rEmMAjCA+Q2K0fYdT7uSkP60puIYu2Ya106HhEZs8JJZehenUtY120KR06cdXq2vfXfe8tbmdlDVcDVX7oeBSGj8vDzFDmIi1ydsOevVT5qFeS3NnWmS1zCaviEe1+5PKwd7AlLLbIV/EIiD3wIh99DJo6yvylmmzem1v5HYMKd1As5FG6kJcNhbyOKeyFlepKDwQZCvLYKz3xr1TJcqX3B9KdR6Yd1V4RAAAAAElFTkSuQmCC) no-repeat;background-size:10px;width:10px;height:10px;right:0;bottom:0}.common-header .article-author .avatar img{display:inline-block;vertical-align:middle;border-radius:50%;border:.1px solid #e5e5e5}.common-header .article-author a{color:#888}.common-header .article-author .authorlink:hover{color:#00a4ff}.common-header .article-author span{margin-right:3px;font-family:DIN-Medium}.entry-content{margin-bottom:10px;display:inline-block;width:100%;padding:20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.entry-content h1{font-size:18px;display:flex;font-weight:700;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0}.entry-content blockquote{margin:15px 0;padding:0 0 0 15px;border-left:5px solid #ff6607;color:#1a1a1a;color:#333}.entry-content h3{margin:15px auto;padding:8px 30px 8px 20px;font-size:15px;font-weight:700;background-color:#ffa600;color:#fff;overflow:hidden;display:inline-block;width:auto;border-radius:0 0 40px}.entry-content p{margin-bottom:15px;font-size:15px;line-height:1.8;position:relative}.entry-content p a{color:#1e70bf;border-bottom:1px dotted #1e70bf;padding-bottom:2px;font-size:15px}.entry-content p a.showvideo{position:absolute;z-index:3;top:20px;right:20px;display:inline-block;border:none;padding:0 10px;text-align:center;line-height:28px;border-radius:28px;background:#f60;font-size:13px;color:#fff;font-weight:500;letter-spacing:.3px;box-shadow:0 4px 8px rgba(40,40,40,.2)}.entry-content p a.showvideo i{font-size:15px;margin-right:3px;vertical-align:-2px}.entry-content p img{max-width:100%;height:auto;margin:0 auto!important;text-align:center}.collect-wrap{max-width:720px;margin:0 auto;padding:20px}.collect-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.collect-title{margin:0;font-size:20px;font-weight:800;line-height:1.2}.collect-sub{margin:12px 0 0;font-size:15px;color:var(--text-muted)}.clear-btn{flex-shrink:0;padding:8px 22px;font-size:14px;font-weight:500;color:var(--text-main);background-color:#fff;border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:var(--transition)}.clear-btn:hover{border-color:#d1d5db;background-color:#fafafa}.clear-btn:active{transform:scale(.97)}.collect-list{display:flex;flex-direction:column;gap:16px}.collect-item{display:flex;align-items:center;gap:20px;padding:15px 20px;background-color:var(--bg-card);border-radius:var(--radius-lg);text-decoration:none;color:inherit;cursor:pointer;transition:var(--transition)}.collect-item:hover{box-shadow:0 10px 30px -12px rgba(0,0,0,.12);transform:translateY(-1px)}.collect-cover{flex-shrink:0;width:66px;height:66px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)}.collect-cover img{display:block;width:100%;height:100%;object-fit:cover}.collect-info{flex:1;min-width:0}.collect-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.collect-aname{font-size:16px;font-weight:700;line-height:1.3;color:var(--text-main)}.collect-meta{display:flex;align-items:center;gap:8px;margin-top:14px}.collect-meta span{background-color:#fff;border:1px solid #e5e7eb;padding:0 6px;border-radius:4px;font-size:10px;color:var(--text-muted);display:flex;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,.02)}.collect-arrow{flex-shrink:0;width:12px;height:12px;color:#b6bcc6;transition:var(--transition)}.collect-item:hover .collect-arrow{color:var(--primary-color);transform:translateX(3px)}.collect-pager{margin:20px 0;display:flex;align-items:center;justify-content:center}@media (max-width:640px){.collect-title{font-size:20px}.collect-sub{font-size:13px}.clear-btn{padding:9px 16px;font-size:13px}.collect-item{padding:14px;gap:14px;border-radius:16px}.collect-cover{width:72px;height:72px;border-radius:12px}.collect-aname{font-size:15px}.collect-meta{margin-top:8px;font-size:13px;gap:4px 12px}.collect-arrow{width:18px;height:18px}}.product-card{background:#fff;border-radius:16px;padding:32px;display:flex;gap:40px;align-items:flex-start}.product-image-area{flex:1;min-width:0;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:center;position:sticky;top:20px}.product-image-area img{width:100%;max-width:100%;object-fit:contain;transition:transform .4s ease;display:block}.product-image-area:hover img{transform:scale(1.03)}.product-info-area{flex:1.2;min-width:0;display:flex;flex-direction:column}.product-title{font-size:22px;font-weight:700;color:#1f2937;line-height:1.4;margin-bottom:20px;word-break:break-word}.product-price{font-size:28px;letter-spacing:1px;color:#f25c05;font-weight:700;margin-bottom:25px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.product-price small{font-size:18px;color:#f25c05;font-weight:700}.product-price span{font-size:14px;color:#9ca3af;font-weight:400}.product-desc{font-size:15px;line-height:1.8;color:#4b5563;margin-bottom:30px;border-radius:0 6px 6px 0;word-break:break-word}.product-desc img{max-width:100%;height:auto}.specs-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;margin-top:auto}.specs-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:20px;display:flex;align-items:center}.specs-title:before{content:'';display:inline-block;width:4px;height:16px;background:#f25c05;border-radius:2px;margin-right:10px}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.spec-item{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px dashed #f3f4f6;min-width:0}.spec-label{font-size:12px;color:#9ca3af}.spec-value{font-size:14px;color:#1f2937;font-weight:600;word-break:break-word}.product-detail-container{max-width:1200px;margin:0 auto;padding:20px}.product_details_box{margin-bottom:20px}@media (max-width:768px){.product-card{flex-direction:column;gap:20px;padding:20px}.product-image-area{width:100%;padding:0;position:static}.product-image-area img{max-height:320px;width:auto;margin:0 auto}.product-info-area{width:100%}.product-title{font-size:18px;margin-bottom:14px}.product-price{font-size:22px;margin-bottom:8px}.product-price small{font-size:14px}.product-desc{font-size:14px;margin-bottom:20px}.specs-section{padding:16px}.specs-grid{grid-template-columns:1fr;gap:12px 16px}}.ucard{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden;margin:6px 0 12px}.ucard-inner{padding:12px}.ucard-a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.ucard-img{flex:0 0 112px;width:112px;height:112px;border-radius:8px;overflow:hidden;background:#f6f6f6}.ucard-img img{display:block;width:100%;height:100%;object-fit:cover}.ucard-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ucard-title{font-size:13px;font-weight:600;line-height:1.8;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.ucard-title>span{display:inline-block;vertical-align:1px;margin-right:6px;padding:1px 6px;font-size:12px;font-weight:600;line-height:1.4;color:#fff;background:linear-gradient(135deg,#ff7a1a,#ff5a00);border-radius:5px;white-space:nowrap}.youhui-container{display:flex;flex-wrap:wrap;gap:6px}.youhui-container>span{display:inline-block;padding:3px 8px;font-size:12px;line-height:1.3;color:#ff6a00;background:#fff4ec;border-radius:6px;white-space:nowrap}.ucard-price{display:flex;align-items:baseline;gap:2px;margin-top:6px;color:#ff5a00;font-size:0}.ucard-price small{font-size:12px;font-weight:600;color:#ff5a00;line-height:1}.ucard-price .pricenum{font-size:20px;font-weight:700;line-height:1;color:#ff5a00}.ucard-price small:first-child{margin-right:1px}.ucard-price .pricenum+small{margin-left:2px}.ucard-go{margin-left:auto;align-self:center;padding:4px 12px;font-size:13px;font-weight:500;line-height:1.4;color:#ff5a00;background:#fff;border:1px solid #ff5a00;border-radius:999px;white-space:nowrap}.ucard-a:active .ucard-img img{transform:scale(1.03)}.ucard-img img{transition:transform .25s ease}@media (hover:hover){.ucard:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.ucard-a:hover .ucard-go{background:#fff4ec}}.pqudaolist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));gap:25px 15px}.pinfo-item{padding:14px;box-sizing:border-box;background-color:var(--bg-card);border:1px solid #f1faf0;border-radius:var(--radius-lg);transition:box-shadow .2s,transform .2s}.pinfo-item-a{display:flex;align-items:stretch;width:100%;text-decoration:none;color:inherit;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.pinfo-item-img{flex:0 0 115px;width:115px;height:115px;border-radius:6px;overflow:hidden;background:#fafafa}.pinfo-item-img img{width:100%;height:100%;object-fit:contain;border-radius:6px;display:block}.pinfo-item-info{flex:1;min-width:0;margin-left:15px;display:flex;flex-direction:column;overflow:hidden}.pinfo-item-title{margin:0;color:#353535;font-size:14px;line-height:1.6;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.pinfo-shop{display:inline-block;align-self:flex-start;margin-top:10px;padding:1px 5px;font-size:12px;background:#ffedeb;color:#e62828;border-radius:3px}.pinfo-buy{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px}.pinfo-item-price{font-family:DIN-Medium,-apple-system,sans-serif;color:#ff5000;line-height:1}.pinfo-item-price small{font-size:10px;font-weight:500}.pinfo-item-price .pricenum{padding:0 4px;font-size:18px}.pinfo-go{display:inline-block;height:28px;line-height:26px;padding:0 15px;font-size:13px;letter-spacing:.4px;color:#f63;background:#fff;border:1px solid #f63;border-radius:26px;font-weight:700;transition:background .2s,color .2s;white-space:nowrap}.pinfo-item:hover .pinfo-go,.pinfo-item:focus-within .pinfo-go{background:#f63;color:#fff}@media (max-width:767px){.tkl_wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:10000}.tkl_wrap .tkl_wrap_inner{box-sizing:border-box;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:73%;margin:auto;border-radius:5px;-webkit-box-shadow:0px 2px 30px 4px rgba(157,160,165,.37);box-shadow:0px 2px 20px 2px rgba(157,160,165,.2);background:#fff;box-sizing:border-box}.tkl_close{position:absolute;top:-30px;right:8%;color:#6c6c6d;font-size:30px;color:#fff;transform:rotate(45deg);cursor:pointer}.tkl_wrap .tkl_content{padding:35px 30px 20px;display:block;clear:both;box-sizing:border-box}.tkl_wrap .tkl_img img{width:100%;border-radius:10px;margin-bottom:20px}.tkl_wrap .tkl_neirong{font-size:13px;line-height:1.8;cursor:pointer}.tkl_wrap .tkl_control{margin-top:20px;box-sizing:border-box}.tkl_wrap .tkl_control .copy_tkl{display:block;border-radius:5px;background:#ff0002;color:#fff;letter-spacing:.5px;text-align:center;font-weight:700;border-radius:38px;height:38px;line-height:38px}.tkl_wrap .tkl_control .tkl_link{display:block;text-align:center;color:#787878;padding-top:16px;font-size:12px;text-decoration:underline}}.login-wrap{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(17,24,39,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-wrap-inner{position:relative;display:flex;width:min(720px,100%);height:450px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.04);animation:loginIn .34s cubic-bezier(.22,1,.36,1)}@keyframes loginIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-img{flex:0 0 42%;background-size:cover !important;background-position:center !important;position:relative}.login-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,0) 70%,rgba(255,255,255,.18) 100%);pointer-events:none}.wxform{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 48px 40px;background:#fff}.login-close{position:absolute;top:18px;right:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;line-height:1;color:#b6bcc6;text-decoration:none;border-radius:50%;transform:rotate(45deg);transition:background-color .2s ease,color .2s ease,transform .25s ease}.login-close:hover{background:#f3f4f6;color:#111827;transform:rotate(45deg) scale(1.06)}.wxform h3{margin:0 0 22px;font-size:20px;font-weight:800;letter-spacing:1.3px;color:#111827;text-align:center}.weixin-img{display:flex;flex-direction:column;align-items:center;width:100%}.weixin-img img{display:block;width:176px;height:176px;padding:12px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px #eceff3,0 16px 40px -20px rgba(0,0,0,.18);object-fit:contain;transition:box-shadow .25s ease}.weixin-img img:hover{box-shadow:0 0 0 1px #e3e6ec,0 20px 48px -20px rgba(0,0,0,.22)}.wxfollow-tip{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;font-size:13px;line-height:1.7;color:#9ca3af;text-align:center;letter-spacing:.1px}.wxfollow-tip{font-size:13px;color:#9ca3af;margin-top:10px;text-align:center}.wxfollow-tip span{color:#111827;font-weight:600}.wxfollow-tip:first-of-type{margin-top:18px}.weixin-login{display:flex;align-items:center;width:100%;max-width:240px;height:46px;margin-top:26px;padding:4px;background:#f4f5f7;border-radius:999px;transition:background-color .2s ease,box-shadow .2s ease}.weixin-login:focus-within{background:#fff;box-shadow:0 0 0 1px #111827 inset,0 0 0 4px rgba(17,24,39,.06)}.weixin-login input[type=text]{flex:1;min-width:0;height:100%;padding:0 8px 0 18px;font-size:14px;color:#111827;background:0 0;border:none;outline:none}.weixin-login input[type=text]::placeholder{color:#9ca3af}.weixin-login input[type=button]{flex-shrink:0;height:100%;padding:0 22px;font-size:14px;font-weight:600;letter-spacing:.3px;color:#fff;background:#111827;border:none;border-radius:999px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.weixin-login input[type=button]:hover{background:#000}.weixin-login input[type=button]:active{transform:scale(.97)}@media (max-width:720px){.login-wrap{padding:46px}.login-wrap-inner{height:auto;min-height:auto;border-radius:20px}.login-img{display:none}.wxform{padding:44px 24px 32px}.wxform h3{font-size:20px;margin-bottom:24px}.weixin-img img{width:160px;height:160px;border-radius:16px}.weixin-login{max-width:100%;height:46px}.weixin-login input[type=button]{padding:0 18px}}:root{--bg-color:#f0f2f5;--accent:#ff6b00;--accent-hover:#ff882b;--text-sub:#8a95a5;--card-bg-light:#252d40;--brand:#f60;--brand-2:#f80;--brand-soft:#fff3ea;--brand-glow:rgba(255,102,0,.35);--brand-glow-soft:rgba(255,102,0,.18);--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--line-dark:rgba(148,163,184,.1);--line-dark-2:rgba(148,163,184,.12);--line-dark-3:rgba(148,163,184,.22);--line-light:#eceef2;--line-light-2:#eef1f5;--text-mid:#475569;--text-mute:#94a3b8;--sharp:#f87171;--sharp-2:#ef4444;--flat:#60a5fa;--r-lg:24px;--r-md:12px;--r-sm:10px;--r-pill:999px;--t:.2s cubic-bezier(.4,0,.2,1);--t-fast:.15s cubic-bezier(.4,0,.2,1)}.workspace{padding:30px;flex:1;display:flex;justify-content:center;align-items:center;gap:30px;box-sizing:border-box;overflow:hidden}.tuner{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.05);padding:25px;flex-direction:column;width:480px;color:var(--text-main);justify-content:center;background:#1a2030;box-shadow:0 20px 50px rgba(26,32,48,.3);align-items:center;position:relative;overflow:visible}.mode-switch{display:flex;gap:4px;padding:4px;margin-bottom:14px;background:rgba(15,23,42,.7);border:1px solid var(--line-dark);border-radius:var(--r-md)}.mode-btn{flex:1;padding:9px 12px;font:inherit;font-size:13px;font-weight:500;color:var(--slate-400);background:0 0;border:none;border-radius:9px;cursor:pointer;transition:color var(--t),background var(--t),box-shadow var(--t)}.mode-btn:hover{color:var(--slate-300)}.mode-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mode-btn.active{color:#fff;font-weight:600;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);box-shadow:0 2px 10px var(--brand-glow-soft)}.preset-row{display:flex;gap:10px;align-items:center;padding:0 14px;margin-bottom:12px;background:rgba(15,23,42,.5);border:1px solid var(--line-dark-2);border-radius:var(--r-sm);transition:border-color var(--t),box-shadow var(--t)}.preset-row:hover{border-color:var(--line-dark-3);box-shadow:0 0 0 3px rgba(148,163,184,.06)}.custom-select{position:relative;flex:1;min-width:0}.cs-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:9px 0;font:inherit;font-size:13px;color:#e2e8f0;text-align:left;background:0 0;border:none;cursor:pointer}.cs-trigger:focus-visible{outline:2px solid #f60;outline-offset:2px;border-radius:4px}.cs-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-desc{font-size:11px;color:#64748b;white-space:nowrap;font-variant-numeric:tabular-nums}.cs-arrow{flex:0 0 10px;color:#94a3b8;transition:transform .2s}.custom-select.open .cs-arrow{transform:rotate(180deg)}.cs-list{position:absolute;top:calc(100% + 6px);left:-14px;right:-14px;z-index:30;max-height:320px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:#0f172a;border:1px solid rgba(148,163,184,.16);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}.custom-select.open .cs-list{opacity:1;visibility:visible;transform:translateY(0)}.cs-list::-webkit-scrollbar{width:6px}.cs-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25);border-radius:999px}.cs-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;color:#cbd5e1;cursor:pointer;transition:background .15s,color .15s}.cs-item:hover{background:rgba(51,65,85,.55);color:#e2e8f0}.cs-item.selected{background:rgba(255,102,0,.12);color:#f60;font-weight:600}.cs-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-item-desc{font-size:11px;color:#64748b;white-space:nowrap;font-variant-numeric:tabular-nums}.cs-item.selected .cs-item-desc{color:rgba(255,102,0,.75)}.preset-row:has(.custom-select.open){border-color:rgba(148,163,184,.25)}.strings{display:grid;gap:6px;margin-bottom:18px}.string-btn{padding:6px 2px;font:inherit;font-size:10px;font-weight:500;line-height:1.5;color:var(--slate-300);background:rgba(51,65,85,.5);border:1px solid rgba(148,163,184,.05);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.string-btn:hover{color:var(--slate-200);background:rgba(71,85,105,.7)}.string-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.string-btn.active{color:#fff;font-weight:700;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);border-color:transparent;box-shadow:0 4px 14px var(--brand-glow)}.string-btn .num{display:block;font-size:10px;opacity:.75}.string-btn .nt{display:block;font-size:13px}.string-btn.active .num{opacity:.85}.note-display{display:flex;align-items:center;justify-content:center;min-height:88px;font-size:68px;font-weight:700;line-height:1;color:var(--slate-500);font-variant-numeric:tabular-nums;transition:color var(--t),text-shadow var(--t)}.note-display.active{color:var(--brand);text-shadow:0 0 36px var(--brand-glow)}.note-display.sharp{color:var(--sharp);text-shadow:0 0 36px rgba(248,113,113,.35)}.note-display.flat{color:var(--flat);text-shadow:0 0 36px rgba(96,165,250,.35)}.frequency{display:flex;align-items:center;justify-content:center;min-height:20px;margin-top:3px;font-size:13px;line-height:1.5;color:var(--slate-500);font-variant-numeric:tabular-nums}.meter-container{margin:12px 0 0;position:relative}.status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:40px;font-size:13px;font-weight:500;line-height:1.2;color:var(--slate-500);transition:color var(--t)}.status.active{color:var(--brand)}.status .dir{display:inline-block;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;color:var(--slate-300);background:rgba(148,163,184,.15);border-radius:6px}.status.sharp .dir{color:#fca5a5;background:rgba(248,113,113,.2)}.status.flat .dir{color:#93c5fd;background:rgba(96,165,250,.2)}#tunertoggle{display:flex;align-items:center;justify-content:center;padding:14px 44px;font:inherit;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 20px var(--brand-glow-soft);transition:transform var(--t),box-shadow var(--t)}#tunertoggle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px var(--brand-glow)}.tuner button:active{transform:translateY(0)}.tuner button:disabled{opacity:.6;cursor:not-allowed;transform:none}.tuner button.stop{background:linear-gradient(135deg,var(--sharp) 0%,var(--sharp-2) 100%);box-shadow:0 4px 20px rgba(248,113,113,.3)}.tuner button.stop:hover:not(:disabled){box-shadow:0 8px 28px rgba(248,113,113,.45)}.debug{display:none;margin-top:18px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.7;color:var(--slate-400);text-align:left;background:rgba(15,23,42,.7);border:1px solid var(--line-dark);border-radius:var(--r-sm)}.debug.show{display:block}.debug span{color:var(--slate-200)}.debug b{color:var(--brand)}.debug b.bad{color:var(--sharp)}.debug-toggle{padding:4px 8px;margin-top:10px;font:inherit;font-size:11px;font-weight:400;color:var(--slate-500);background:0 0;box-shadow:none;border:none;cursor:pointer;transition:color var(--t)}.debug-toggle:hover{color:var(--slate-400)}.side-panel{width:300px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.sidecard{padding:16px 16px 18px;background:#fff;border:1px solid var(--line-light);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.sidecard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.sidecard-head h3{margin:0;font-size:12.5px;font-weight:700;letter-spacing:1.2px;color:var(--text-mute)}.sidecard-desc{margin:-6px 0 12px;font-size:12px;color:var(--text-mute);letter-spacing:.4px}.badge{padding:3px 9px;font-size:11px;font-weight:700;color:var(--brand);white-space:nowrap;background:var(--brand-soft);border-radius:var(--r-pill)}.display-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:30px 18px 24px;margin:6px 0 4px;border-radius:20px;overflow:hidden;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.1)}.display-card:after{content:'';position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(148,163,184,.07);box-shadow:0 0 0 30px rgba(148,163,184,.022),0 0 0 60px rgba(148,163,184,.012);pointer-events:none}.side-string{display:flex;align-items:center;gap:10px;padding:8px 11px;margin-bottom:6px;font-size:12px;background:#f8fafc;border:1px solid var(--line-light-2);border-radius:var(--r-sm);transition:background var(--t),border-color var(--t),box-shadow var(--t)}.side-string:last-child{margin-bottom:0}.side-string .ss-num{flex:0 0 32px;font-size:11px;color:#a2adba;font-variant-numeric:tabular-nums}.side-string .ss-note{min-width:42px;font-size:14px;font-weight:700;color:#1e293b;font-variant-numeric:tabular-nums}.side-string .ss-freq{margin-left:auto;font-size:11.5px;color:var(--text-mute);font-variant-numeric:tabular-nums}.side-string.active{background:linear-gradient(135deg,#fff5ee 0%,#ffe9d9 100%);border-color:#ffc9a0;box-shadow:0 2px 10px rgba(255,102,0,.1)}.side-string.active .ss-note{color:var(--brand)}.side-string.active .ss-num{color:#ff9c55}.steps{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding-left:30px;font-size:12.5px;line-height:1.6;color:var(--text-mid);counter-increment:step}.steps li:before{content:counter(step);position:absolute;top:1px;left:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:50%}.tips-list{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}.tips-list li{position:relative;padding-left:14px;font-size:12px;line-height:1.65;color:var(--text-mid)}.tips-list li:before{content:'';position:absolute;top:8px;left:0;width:5px;height:5px;background:#ffb27a;border-radius:50%}.tempo-list{justify-content:center;display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}.tempo-item{flex:1 1 70px;min-width:46px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px 12px;font-size:14px;color:#555;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:.2s}.tempo-item:hover{background:#f8f9fa}.tempo-item.active{background:#fff5ef;border-color:rgba(255,107,0,.2);color:var(--accent);font-weight:600}.tempo-item-main{display:flex;flex-direction:column;align-items:center;gap:6px;color:#666;font-size:12px}.tempo-item .bpm-range{margin-top:8px;font-size:12px;color:#aaa}.metro-panner{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.05);padding:25px;flex-direction:column;width:480px;color:var(--text-main);justify-content:center;background:#1a2030;box-shadow:0 20px 50px rgba(26,32,48,.3);align-items:center;position:relative;overflow:visible}#manualModeContent{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.bpm-display{text-align:center;margin-top:10px}.bpm-value{font-size:90px;font-weight:800;line-height:1;color:var(--accent);letter-spacing:2px;text-shadow:0 0 30px rgba(255,107,0,.3);transition:.1s}.bpm-unit{font-size:14px;color:var(--text-sub);letter-spacing:2px;margin-top:5px}.tempo-name{font-size:16px;color:var(--text-sub);margin-top:5px;font-style:italic}.beat-indicator{display:flex;gap:15px;margin:20px 0}.beat-dot{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:all .1s ease}.beat-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px rgba(255,107,0,.6);transform:scale(1.2)}.slider-area{width:100%;padding:0 10px;box-sizing:border-box}.slider-controls{display:flex;align-items:center;gap:15px;margin-bottom:15px}.slider-btn{background:var(--card-bg-light);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.2s;flex-shrink:0}.slider-btn:hover{background:#3a4560}.slider-btn:active{transform:scale(.9)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 15px rgba(255,107,0,.8);transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.bpm-presets{display:flex;justify-content:space-between;gap:8px;margin-top:15px}.preset-btn{background:0 0;border:1px solid rgba(255,255,255,.15);color:var(--text-sub);padding:5px 0;flex:1;border-radius:6px;font-size:12px;cursor:pointer;transition:.2s}.preset-btn:hover{border-color:var(--accent);color:var(--accent)}.control-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;margin-top:20px}.ctrl-btn{background:0 0;border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px 0;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:.2s;text-align:center;display:flex;justify-content:center;align-items:center;gap:5px}.ctrl-btn:hover{background:#3a4560}.ctrl-btn.tap-btn{color:var(--accent);font-size:16px;letter-spacing:1px}.playmt-btn{margin:20px 0 0;width:100%;padding:12px 0;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:.3s;box-shadow:0 10px 25px rgba(255,107,0,.3)}.playmt-btn:hover{background:var(--accent-hover);box-shadow:0 15px 30px rgba(255,107,0,.4);transform:translateY(-1px)}.playmt-btn:active{transform:translateY(0)}.playmt-btn.playing{background:#e0e0e0;color:#333;box-shadow:none}.kbd-hint{font-size:12px;color:var(--text-sub);margin-top:15px}.kbd-hint kbd{background:var(--card-bg-light);padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-family:inherit}#autoModeContent{width:100%;height:100%;display:none;flex-direction:column;justify-content:space-between}.train-body{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;padding-right:5px}.train-body::-webkit-scrollbar{width:4px}.train-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.train-row{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg-light);padding:10px 15px;border-radius:12px}.header-row{background:0 0;padding:0 15px;font-size:13px;color:var(--text-sub);margin-bottom:-5px}.highlight-text{color:var(--accent);font-weight:700;font-size:18px}.stage-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg-light);padding:10px 15px;border-radius:12px;gap:10px;margin-top:5px}.counter-wrap{display:flex;align-items:center;background:#111827;border-radius:8px;overflow:hidden}.counter-btn{background:0 0;border:none;color:var(--text-sub);width:30px;height:30px;font-size:18px;cursor:pointer;transition:.2s}.counter-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.counter-val{color:#fff;min-width:55px;text-align:center;font-size:14px;font-weight:700}.remove-stage{background:0 0;border:none;color:#ff4d4f;font-size:16px;cursor:pointer;padding:0 5px}.train-actions{display:flex;gap:10px;margin-top:5px}.train-actions .preset-btn{border-color:rgba(255,255,255,.15);color:#fff;padding:10px 0}.train-actions .preset-btn:hover{border-color:var(--accent);color:var(--accent)}.train-total{text-align:center;font-size:13px;color:var(--text-sub);margin-top:10px}.train-total .highlight-text{font-size:15px}.custom-select{position:relative;width:100%;user-select:none;font-size:14px;font-weight:600}.select-trigger{background:0 0;border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px;transition:.2s}.custom-select:hover .select-trigger{background:#3a4560}.custom-select.open .select-trigger{border-color:var(--accent);background:#3a4560}.select-trigger .arrow{font-size:10px;transition:transform .3s ease;color:var(--text-sub)}.custom-select.open .select-trigger .arrow{transform:rotate(180deg);color:var(--accent)}.select-options{position:absolute;top:100%;left:0;right:0;background:#1a2030;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);margin-top:8px;box-shadow:0 15px 30px rgba(0,0,0,.5);z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);max-height:260px;overflow-y:auto;padding:6px}.custom-select.open .select-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-select.drop-up .select-options{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;transform:translateY(10px)}.custom-select.drop-up.open .select-options{transform:translateY(0)}.select-options .group-title{font-size:11px;color:rgba(255,255,255,.3);padding:8px 10px 4px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}.select-options .group-title:last-of-type{border-bottom:none}.select-options .option{padding:10px;border-radius:6px;color:var(--text-sub);cursor:pointer;transition:.15s;text-align:center}.select-options .option:hover{background:rgba(255,255,255,.05);color:#fff}.select-options .option.selected{background:rgba(255,107,0,.15);color:var(--accent);font-weight:700}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.setting-label{font-size:13px;color:#888;margin-bottom:10px;display:block}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.btn-group .preset-btn{border-color:#e0e0e0;color:#555;padding:8px 0;flex:1 1 45%;min-width:60px}.btn-group .preset-btn.active{background:#fff5ef;border-color:var(--accent);color:var(--accent)}.sidecard{padding:16px 16px 18px;background:#fff;border:1px solid var(--line-light);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.sidecard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.sidecard-head h3{margin:0;font-size:12.5px;font-weight:700;letter-spacing:1.2px;color:var(--text-mute)}.sidecard-desc{margin:-6px 0 12px;font-size:12px;color:var(--text-mute);letter-spacing:.4px}.side-panel{width:300px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(20px);background:#fff;color:#333;padding:14px 24px;border-radius:12px;font-size:14px;border:1px solid rgba(255,107,0,.3);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10000;display:flex;align-items:center;gap:10px;pointer-events:none}.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.toast:before{content:"";font-size:18px}.train-progress-body{display:flex;flex-direction:column;gap:18px;padding:10px 5px 0}.progress-stage-label{text-align:center;font-size:13px;color:var(--text-sub);letter-spacing:1px}.progress-stage-label span{color:var(--accent);font-weight:700;font-size:15px}.progress-timer-wrap{text-align:center;padding:15px 0}.progress-timer{font-size:64px;font-weight:800;color:var(--accent);letter-spacing:2px;line-height:1;text-shadow:0 0 30px rgba(255,107,0,.3);font-variant-numeric:tabular-nums}.progress-subtitle{font-size:12px;color:var(--text-sub);letter-spacing:2px;margin-top:8px;text-transform:uppercase}.progress-info-row{display:flex;gap:10px}.progress-info-box{flex:1;background:var(--card-bg-light);border-radius:12px;padding:12px 15px;text-align:center}.info-label{font-size:12px;color:var(--text-sub);margin-bottom:6px}.info-value{font-size:22px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.info-value span{font-size:12px;color:var(--text-sub);font-weight:400;margin-left:2px}.progress-bar-wrap{margin-top:5px}.progress-bar-bg{width:100%;height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:4px;transition:width .9s linear;box-shadow:0 0 10px rgba(255,107,0,.5)}.progress-bar-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-sub);margin-top:6px;font-variant-numeric:tabular-nums}.progress-next-hint{text-align:center;font-size:12px;color:var(--text-sub);background:rgba(255,107,0,.08);border:1px dashed rgba(255,107,0,.25);border-radius:10px;padding:10px 12px}.progress-next-hint:empty{display:none}@media (max-width:768px){.workspace{flex-wrap:wrap;height:auto;overflow:visible;padding:20px}.tuner,.side-panel{width:100%}.metro-panner,.side-panel{width:100%}.preset-btn{padding:8px 0}.tempo-list{flex-direction:row;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:8px}.tempo-item{flex:1 0 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:46px;padding:5px 12px;flex-shrink:0}.tempo-item-main{display:flex;flex-direction:column;align-items:center;gap:2px}.bpm-range{margin-top:6px;font-size:11px;color:#999}.kbd-hint{display:none}.note-display{font-size:56px;min-height:72px}}
@font-face{font-family:'icomoon';src:url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/icomoon.eot?rw5tse);src:url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/icomoon.eot?rw5tse#iefix) format('embedded-opentype'),url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/icomoon.ttf?rw5tse) format('truetype'),url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/icomoon.woff?rw5tse) format('woff'),url(//www.ukuleleba.com/wp-content/themes/usimple/static/fonts/icomoon.svg?rw5tse#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-xihuand:before{content:"\e917"}.icon-xihuan:before{content:"\e906"}.icon-pause:before{content:"\e916"}.icon-dian:before{content:"\e903"}.icon-max:before{content:"\e907"}.icon-mini:before{content:"\e908"}.icon-close:before{content:"\e909"}.icon-shouqi:before{content:"\e90a"}.icon-menu:before{content:"\e90b"}.icon-metro:before{content:"\e90d"}.icon-tuner:before{content:"\e90e"}.icon-chord:before{content:"\e910"}.icon-history:before{content:"\e911"}.icon-collected:before{content:"\e912"}.icon-sun:before{content:"\e913"}.icon-qin:before{content:"\e914"}.icon-explore:before{content:"\e900"}.icon-tao:before{content:"\e901"}.icon-video:before{content:"\e902"}.icon-search:before{content:"\e904"}.icon-share:before{content:"\e905"}.icon-user:before{content:"\e90c"}.icon-download:before{content:"\e90f"}.icon-view:before{content:"\e915"}.icon-refresh:before{content:"\e919"}.icon-right:before{content:"\e91b"}.icon-left:before{content:"\e91c"}.icon-click:before{content:"\e925"}.icon-weixin:before{content:"\e926"}.icon-bofang:before{content:"\e928"}.icon-star-empty:before{content:"\e9d7"}.icon-star:before{content:"\e9d9"}