1 line
4.1 KiB
Plaintext
1 line
4.1 KiB
Plaintext
.scroll-top-mask{left:0;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:40}.scroll-top-blur,.scroll-top-gradient{height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.scroll-top-gradient{height:80%}.scroll-top-title{bottom:38%;color:var(--text-primary);font-size:36rpx;font-weight:600;left:0;letter-spacing:0;pointer-events:none;position:absolute;right:0;text-align:center}.scroll-top-back{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(32rpx) saturate(1.2);-webkit-backdrop-filter:blur(32rpx) saturate(1.2);background:hsla(0,0%,100%,.55);border:1rpx solid hsla(0,0%,100%,.55);border-radius:50%;-webkit-box-shadow:0 12rpx 40rpx rgba(0,0,0,.18),0 4rpx 12rpx rgba(0,0,0,.08);box-shadow:0 12rpx 40rpx rgba(0,0,0,.18),0 4rpx 12rpx rgba(0,0,0,.08);display:-webkit-flex;display:-ms-flexbox;display:flex;height:80rpx;-webkit-justify-content:center;justify-content:center;left:30rpx;pointer-events:auto;position:absolute;width:80rpx}.theme-dark .scroll-top-back{background:rgba(25,25,25,.55);border-color:hsla(0,0%,100%,.14);-webkit-box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3);box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3)}.scroll-top-back-arrow{color:var(--text-primary);font-size:44rpx;font-weight:600;line-height:1}.scroll-top-blur-mid{backdrop-filter:blur(12rpx);-webkit-backdrop-filter:blur(12rpx);-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(42%,rgba(0,0,0,.8)),color-stop(76%,rgba(0,0,0,0)));-webkit-mask-image:-webkit-linear-gradient(top,#000,rgba(0,0,0,.8) 42%,rgba(0,0,0,0) 76%);mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(42%,rgba(0,0,0,.8)),color-stop(76%,rgba(0,0,0,0)));mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.8) 42%,rgba(0,0,0,0) 76%)}.scroll-top-blur-soft{backdrop-filter:blur(6rpx);-webkit-backdrop-filter:blur(6rpx);-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(52%,rgba(0,0,0,.65)),to(rgba(0,0,0,0)));-webkit-mask-image:-webkit-linear-gradient(top,#000,rgba(0,0,0,.65) 52%,rgba(0,0,0,0));mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(52%,rgba(0,0,0,.65)),to(rgba(0,0,0,0)));mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.65) 52%,rgba(0,0,0,0))}.theme-light .scroll-top-gradient{background:-webkit-gradient(linear,left top,left bottom,from(hsla(38,44%,96%,.94)),color-stop(50%,hsla(38,44%,96%,.9)),color-stop(78%,hsla(38,44%,96%,.58)),to(hsla(38,44%,96%,0)));background:-webkit-linear-gradient(top,hsla(38,44%,96%,.94),hsla(38,44%,96%,.9) 50%,hsla(38,44%,96%,.58) 78%,hsla(38,44%,96%,0));background:linear-gradient(180deg,hsla(38,44%,96%,.94) 0,hsla(38,44%,96%,.9) 50%,hsla(38,44%,96%,.58) 78%,hsla(38,44%,96%,0))}.theme-dark .scroll-top-gradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(25,25,25,.94)),color-stop(50%,rgba(25,25,25,.9)),color-stop(78%,rgba(25,25,25,.58)),to(rgba(25,25,25,0)));background:-webkit-linear-gradient(top,rgba(25,25,25,.94),rgba(25,25,25,.9) 50%,rgba(25,25,25,.58) 78%,rgba(25,25,25,0));background:linear-gradient(180deg,rgba(25,25,25,.94) 0,rgba(25,25,25,.9) 50%,rgba(25,25,25,.58) 78%,rgba(25,25,25,0))}.bottom-action-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(32rpx) saturate(1.2);-webkit-backdrop-filter:blur(32rpx) saturate(1.2);background:hsla(0,0%,100%,.55);border:1rpx solid hsla(0,0%,100%,.55);border-radius:64rpx;bottom:36rpx;-webkit-box-shadow:0 12rpx 40rpx rgba(46,34,34,.18),0 4rpx 12rpx rgba(46,34,34,.08);box-shadow:0 12rpx 40rpx rgba(46,34,34,.18),0 4rpx 12rpx rgba(46,34,34,.08);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;left:36rpx;padding:24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));position:fixed;right:36rpx;z-index:500}.theme-dark .bottom-action-bar{background:rgba(25,25,25,.55);border-color:hsla(0,0%,100%,.14);-webkit-box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3);box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3)} |