.rpx-wrap{--rpx-a: #6c5ce7;--rpx-b: #00cec9;--rpx-t: 5px;--rpx-track: rgba(108,92,231,.12);--rpx-z: 99999;--rpx-top: 0px;--rpx-sf: #fff;--rpx-ink: #16162a;--rpx-cs: 56px;--p: 0;font-family: inherit}.rpx-wrap *,.rpx-wrap *::before,.rpx-wrap *::after{box-sizing: border-box}.rpx-note{padding: 14px 18px;border-radius: 12px;background: #f3f1ff;border: 1.5px dashed #6c5ce7;color: #4b3fc0;font-size: 13px;text-align: center}.rpx-ind{position: fixed;z-index: var(--rpx-z);transition: opacity .35s ease,transform .35s ease}.rpx-tg-box .rpx-ind{position: absolute;z-index: 5}.rpx-ind.is-hidden{opacity: 0;pointer-events: none}.rpx-grad{background: linear-gradient(90deg,var(--rpx-a),var(--rpx-b))}.rpx-bar{background: var(--rpx-track);pointer-events: none}.rpx-bar.rpx-pos-top{left: 0;right: 0;top: var(--rpx-top);height: var(--rpx-t)}.rpx-bar.rpx-pos-bottom{left: 0;right: 0;bottom: 0;height: var(--rpx-t)}.rpx-bar.rpx-pos-left,.rpx-bar.rpx-pos-right{top: var(--rpx-top);bottom: 0;width: var(--rpx-t)}.rpx-bar.rpx-pos-left{left: 0}.rpx-bar.rpx-pos-right{right: 0}.rpx-tg-box .rpx-bar.rpx-pos-top,.rpx-tg-box .rpx-bar.rpx-pos-left,.rpx-tg-box .rpx-bar.rpx-pos-right{top: 0}.rpx-bar .rpx-fill{position: absolute;left: 0;top: 0;display: block;width: 0;height: 100%;background: linear-gradient(90deg,var(--rpx-a),var(--rpx-b))}.rpx-bar.rpx-pos-left .rpx-fill,.rpx-bar.rpx-pos-right .rpx-fill{width: 100%;height: 0;background: linear-gradient(180deg,var(--rpx-a),var(--rpx-b))}.rpx-bar.is-round .rpx-fill{border-radius: 0 99px 99px 0}.rpx-bar.rpx-pos-left.is-round .rpx-fill,.rpx-bar.rpx-pos-right.is-round .rpx-fill{border-radius: 0 0 99px 99px}.rpx-st-solid .rpx-fill{background: var(--rpx-a) !important}.rpx-st-rainbow .rpx-fill{background: linear-gradient(90deg,#ff6b6b,#feca57,#1dd1a1,#48dbfb,#a29bfe,#ff9ff3) !important;background-size: 100vw 100% !important}.rpx-tg-box .rpx-st-rainbow .rpx-fill{background-size: 600px 100% !important}.rpx-st-striped .rpx-fill{background: repeating-linear-gradient(45deg,var(--rpx-a) 0 10px,var(--rpx-b) 10px 20px) !important;background-size: 28px 28px !important;animation: rpxStripe .8s linear infinite}@keyframes rpxStripe{to{background-position: 28px 0}}.rpx-st-glow .rpx-fill{box-shadow: 0 0 10px var(--rpx-a),0 0 22px color-mix(in srgb,var(--rpx-b) 70%,transparent)}.rpx-st-glow{background: transparent}.rpx-head{position: absolute;right: 0;top: 50%;display: block;width: calc(var(--rpx-t) * 2.6);height: calc(var(--rpx-t) * 2.6);min-width: 12px;min-height: 12px;border-radius: 50%;background: #fff;transform: translate(50%,-50%);box-shadow: 0 0 0 3px var(--rpx-b),0 0 16px 4px var(--rpx-b);font-style: normal}.rpx-pos-left .rpx-head,.rpx-pos-right .rpx-head{top: auto;bottom: 0;right: 50%;transform: translate(50%,50%)}.rpx-st-head .rpx-head{animation: rpxPulse 1.4s ease-in-out infinite}@keyframes rpxPulse{50%{box-shadow: 0 0 0 5px color-mix(in srgb,var(--rpx-b) 50%,transparent),0 0 24px 8px var(--rpx-b)}}.rpx-st-shift .rpx-fill{background: color-mix(in srgb,var(--rpx-b) calc(var(--p) * 100%),var(--rpx-a)) !important;box-shadow: 0 0 12px color-mix(in srgb,var(--rpx-b) calc(var(--p) * 100%),var(--rpx-a))}.rpx-st-wave{overflow: visible}.rpx-st-wave .rpx-fill{overflow: visible}.rpx-wave{position: absolute;right: -18px;top: 0;width: 20px;height: 100%;fill: var(--rpx-b)}.rpx-st-wave .rpx-fill::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size: 60px 100%;animation: rpxShine 1.6s linear infinite}@keyframes rpxShine{from{background-position: -60px 0}to{background-position: 120% 0}}.rpx-head.is-emoji{width: auto;height: auto;min-width: 0;min-height: 0;background: none;box-shadow: none;font-size: 22px;line-height: 1;transform: translate(60%,-50%) rotate(45deg);filter: drop-shadow(0 3px 6px rgba(0,0,0,.25))}.rpx-pos-bottom .rpx-head.is-emoji{transform: translate(60%,-80%) rotate(45deg)}.rpx-pos-top .rpx-head.is-emoji{transform: translate(60%,-20%) rotate(45deg)}.rpx-st-thin{height: 2px !important;background: color-mix(in srgb,var(--rpx-a) 14%,transparent)}.rpx-st-thin .rpx-fill{background: var(--rpx-a) !important}.rpx-st-thin .rpx-head{width: 10px;height: 10px;min-width: 10px;min-height: 10px;background: var(--rpx-a);box-shadow: 0 0 0 4px color-mix(in srgb,var(--rpx-a) 25%,transparent)}.rpx-bar .rpx-pct{position: absolute;top: calc(100% + 6px);left: calc(var(--p) * 100%);transform: translateX(-50%);padding: 3px 8px;border-radius: 99px;background: var(--rpx-a);color: #fff;font-size: 11px;font-weight: 800;white-space: nowrap;box-shadow: 0 4px 12px rgba(20,20,60,.18)}.rpx-pos-bottom .rpx-pct{top: auto;bottom: calc(100% + 6px)}.rpx-pos-left .rpx-pct,.rpx-pos-right .rpx-pct{top: calc(var(--p) * 100%);left: calc(100% + 6px);transform: translateY(-50%)}.rpx-pos-right .rpx-pct{left: auto;right: calc(100% + 6px)}.rpx-bar.rpx-pos-top .rpx-pct[style],.rpx-bar .rpx-pct{min-width: 38px;text-align: center}.rpx-fin-glow.is-done .rpx-bar .rpx-fill{animation: rpxDoneGlow 1.2s ease-in-out 3}@keyframes rpxDoneGlow{50%{box-shadow: 0 0 18px 4px var(--rpx-b);filter: brightness(1.2)}}.rpx-fin-check.is-done .rpx-bar .rpx-fill{background: linear-gradient(90deg,#00b894,#55efc4) !important}.rpx-chap{left: 0;right: 0;top: var(--rpx-top);display: flex;flex-direction: column;pointer-events: none}.rpx-chap.rpx-pos-bottom{top: auto;bottom: 0;flex-direction: column-reverse}.rpx-tg-box .rpx-chap{top: 0}.rpx-tg-box .rpx-chap.rpx-pos-bottom{top: auto}.rpx-segs{display: flex;gap: 3px;height: calc(var(--rpx-t) + 2px);pointer-events: auto}.rpx-seg{position: relative;flex: 1 1 0;min-width: 6px;height: 100%;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: var(--rpx-track) !important;cursor: pointer;overflow: visible;transition: height .2s ease}.rpx-seg:hover{filter: brightness(.95)}.rpx-sf{position: absolute;inset: 0;display: block;background: linear-gradient(90deg,var(--rpx-a),var(--rpx-b));transform: scaleX(0);transform-origin: 0 50%}.rpx-tip{position: absolute;top: calc(100% + 8px);left: 50%;transform: translate(-50%,-4px);padding: 5px 9px;border-radius: 8px;background: #16162a;color: #fff;font-size: 11.5px;font-weight: 700;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity .2s ease,transform .2s ease}.rpx-pos-bottom .rpx-tip{top: auto;bottom: calc(100% + 8px)}.rpx-seg:hover .rpx-tip{opacity: 1;transform: translate(-50%,0)}.rpx-clabel{align-self: flex-start;display: inline-flex;align-items: center;gap: 8px;margin: 8px 0 0 12px;padding: 6px 12px;border-radius: 99px;background: var(--rpx-sf);color: var(--rpx-ink);font-size: 12.5px;font-weight: 700;box-shadow: 0 6px 18px rgba(20,20,60,.12);max-width: calc(100% - 24px)}.rpx-pos-bottom .rpx-clabel{margin: 0 0 8px 12px}.rpx-cnum{padding: 2px 7px;border-radius: 99px;background: linear-gradient(135deg,var(--rpx-a),var(--rpx-b));color: #fff;font-size: 11px}.rpx-clabel .rpx-sec{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.rpx-clabel .rpx-time{flex: none;font-style: normal;font-weight: 600;opacity: .6}.rpx-circle{width: var(--rpx-cs);height: var(--rpx-cs);padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: var(--rpx-sf) !important;color: var(--rpx-ink) !important;box-shadow: 0 10px 28px rgba(20,20,60,.18);cursor: pointer;display: grid;place-items: center}.rpx-corner-br{right: 22px;bottom: 22px}.rpx-corner-bl{left: 22px;bottom: 22px}.rpx-corner-tr{right: 22px;top: calc(var(--rpx-top) + 22px)}.rpx-corner-tl{left: 22px;top: calc(var(--rpx-top) + 22px)}.rpx-corner-bc{left: 50%;bottom: 22px;transform: translateX(-50%)}.rpx-tg-box .rpx-corner-tr,.rpx-tg-box .rpx-corner-tl{top: 16px}.rpx-tg-box .rpx-corner-br,.rpx-tg-box .rpx-corner-bl,.rpx-tg-box .rpx-corner-bc{bottom: 16px}.rpx-tg-box .rpx-corner-br,.rpx-tg-box .rpx-corner-tr{right: 16px}.rpx-tg-box .rpx-corner-bl,.rpx-tg-box .rpx-corner-tl{left: 16px}.rpx-circle svg{position: absolute;inset: 0;width: 100%;height: 100%;transform: rotate(-90deg)}.rpx-ct,.rpx-cf{fill: none;stroke-width: 7;stroke-linecap: round}.rpx-ct{stroke: var(--rpx-track)}.rpx-cf{stroke: var(--rpx-a);stroke-dasharray: 100;stroke-dashoffset: 100}.rpx-cn,.rpx-up,.rpx-ok{grid-area: 1 / 1;position: relative;font-weight: 800;line-height: 1}.rpx-cn{font-size: calc(var(--rpx-cs) * .24);font-variant-numeric: tabular-nums}.rpx-up{font-size: calc(var(--rpx-cs) * .36);transition: transform .25s ease}.rpx-ok{font-size: calc(var(--rpx-cs) * .38);color: #00b894;opacity: 0;transform: scale(.4);transition: opacity .3s ease,transform .3s cubic-bezier(.3,1.6,.5,1)}.rpx-cs-ring .rpx-cn,.rpx-cs-ring .rpx-up{display: none}.rpx-cs-percent .rpx-up,.rpx-cs-pie .rpx-up,.rpx-cs-gauge .rpx-up{display: none}.rpx-cs-arrow .rpx-cn{display: none}.rpx-circle:hover .rpx-up{transform: translateY(-3px)}.rpx-cs-pie svg{display: none}.rpx-cs-pie{background: conic-gradient(var(--rpx-a) calc(var(--p) * 360deg),var(--rpx-track) 0) !important}.rpx-cs-pie::after{content: "";position: absolute;inset: 18%;border-radius: 50%;background: var(--rpx-sf)}.rpx-cs-pie .rpx-cn,.rpx-cs-pie .rpx-ok{z-index: 1}.rpx-cs-gauge{border-radius: calc(var(--rpx-cs) * .3) !important;height: calc(var(--rpx-cs) * .78)}.rpx-cs-gauge svg{transform: none;inset: 12% 8% auto;width: 84%;height: auto}.rpx-cs-gauge .rpx-cn{align-self: end;margin-bottom: 14%}.rpx-fin-check.is-done .rpx-circle .rpx-cn,.rpx-fin-check.is-done .rpx-circle .rpx-up{opacity: 0}.rpx-fin-check.is-done .rpx-circle .rpx-ok{opacity: 1;transform: none}.rpx-fin-check.is-done .rpx-cf{stroke: #00b894}.rpx-fin-glow.is-done .rpx-circle,.rpx-fin-glow.is-done .rpx-pill,.rpx-fin-glow.is-done .rpx-header{animation: rpxRing 1.2s ease-in-out 3}@keyframes rpxRing{50%{box-shadow: 0 0 0 8px color-mix(in srgb,var(--rpx-b) 30%,transparent),0 10px 28px rgba(20,20,60,.18)}}.rpx-pill{display: flex;align-items: center;gap: 10px;min-width: 210px;max-width: min(360px,calc(100% - 32px));padding: 10px 14px 14px;border-radius: 16px;background: var(--rpx-sf);color: var(--rpx-ink);box-shadow: 0 12px 30px rgba(20,20,60,.18);font-size: 13px;overflow: hidden}.rpx-pi{font-size: 18px;line-height: 1}.rpx-ptx{flex: 1;display: flex;flex-direction: column;min-width: 0;line-height: 1.25}.rpx-ptx .rpx-time{font-style: normal;font-weight: 800}.rpx-ptx .rpx-sec{font-size: 11.5px;opacity: .65;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.rpx-pill .rpx-pct{font-weight: 800;font-variant-numeric: tabular-nums;color: var(--rpx-a)}.rpx-mini{position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background: var(--rpx-track)}.rpx-mini .rpx-fill{display: block;width: 0;height: 100%;background: linear-gradient(90deg,var(--rpx-a),var(--rpx-b))}.rpx-fin-check.is-done .rpx-pill .rpx-pi{animation: rpxPop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes rpxPop{50%{transform: scale(1.5) rotate(-10deg)}}.rpx-header{left: 0;right: 0;top: var(--rpx-top);background: var(--rpx-sf);color: var(--rpx-ink);box-shadow: 0 8px 26px rgba(20,20,60,.12);transform: translateY(0)}.rpx-tg-box .rpx-header{top: 0}.rpx-header.is-hidden{transform: translateY(-110%);opacity: 1}.rpx-hin{display: flex;align-items: center;gap: 10px;max-width: 1180px;margin: 0 auto;padding: 12px 18px;font-size: 14px}.rpx-hdot{flex: none;width: 10px;height: 10px;border-radius: 50%;background: linear-gradient(135deg,var(--rpx-a),var(--rpx-b))}.rpx-htitle{flex: 0 1 auto;min-width: 70px;max-width: 55%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 800}.rpx-hsep{opacity: .3}.rpx-header .rpx-sec{flex: 1 1 0;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;opacity: .7}.rpx-header .rpx-time{flex: none;font-style: normal;font-size: 12.5px;font-weight: 700;padding: 4px 10px;border-radius: 99px;background: color-mix(in srgb,var(--rpx-a) 12%,transparent);color: var(--rpx-a)}.rpx-htop{flex: none;width: 32px;height: 32px;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: linear-gradient(135deg,var(--rpx-a),var(--rpx-b)) !important;color: #fff !important;font-weight: 800;cursor: pointer}.rpx-hbar{display: block;height: 3px;background: var(--rpx-track)}.rpx-hbar .rpx-fill{display: block;width: 0;height: 100%;background: linear-gradient(90deg,var(--rpx-a),var(--rpx-b))}.rpx-dots{top: 50%;transform: translateY(-50%);padding: 10px 0}.rpx-dots.rpx-side-right{right: 18px}.rpx-dots.rpx-side-left{left: 18px}.rpx-dots.is-hidden{transform: translateY(-50%) translateX(20px)}.rpx-dline{position: absolute;top: 18px;bottom: 18px;left: 50%;width: 2px;margin-left: -1px;background: var(--rpx-track)}.rpx-dline .rpx-fill{display: block;width: 100%;height: 0;background: linear-gradient(180deg,var(--rpx-a),var(--rpx-b))}.rpx-dlist{position: relative;display: flex;flex-direction: column;gap: 16px;margin: 0;padding: 0;list-style: none}.rpx-dot{position: relative;display: block;width: 14px;height: 14px;padding: 0 !important;border: 2px solid var(--rpx-track) !important;border-radius: 50% !important;background: var(--rpx-sf) !important;cursor: pointer;transition: transform .2s ease,border-color .2s ease,background .2s ease}.rpx-dot.is-past{border-color: var(--rpx-a) !important;background: var(--rpx-a) !important}.rpx-dot.is-active{border-color: var(--rpx-b) !important;transform: scale(1.35);box-shadow: 0 0 0 4px color-mix(in srgb,var(--rpx-b) 25%,transparent)}.rpx-dl{position: absolute;top: 50%;right: calc(100% + 12px);transform: translate(6px,-50%);padding: 5px 10px;border-radius: 8px;background: var(--rpx-ink);color: var(--rpx-sf);font-size: 12px;font-weight: 700;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity .2s ease,transform .2s ease}.rpx-side-left .rpx-dl{right: auto;left: calc(100% + 12px);transform: translate(-6px,-50%)}.rpx-dot:hover .rpx-dl,.rpx-dot.is-active .rpx-dl{opacity: 1;transform: translate(0,-50%)}.rpx-dot.is-active:not(:hover) .rpx-dl{opacity: .9}.rpx-toast{position: fixed;left: 50%;bottom: 28px;z-index: var(--rpx-z);padding: 12px 20px;border-radius: 14px;background: linear-gradient(135deg,var(--rpx-a),var(--rpx-b));color: #fff;font-size: 14px;font-weight: 800;box-shadow: 0 14px 32px rgba(20,20,60,.25);transform: translate(-50%,30px);opacity: 0;pointer-events: none;transition: opacity .35s ease,transform .45s cubic-bezier(.3,1.5,.5,1);white-space: nowrap}.rpx-tg-box .rpx-toast{position: absolute;z-index: 6;bottom: 18px}.rpx-toast.is-show{opacity: 1;transform: translate(-50%,0)}.rpx-confetti{position: fixed;left: 0;top: 0;z-index: 999999;pointer-events: none}.rpx-confetti.is-local{position: absolute;z-index: 7}.rpx-box{--bx-bg: #fff;--bx-tx: #4a4a64;--bx-hd: #16162a;--bx-line: #ececf4;overflow: hidden;border: 1px solid var(--bx-line);border-radius: 18px;background: var(--bx-bg);box-shadow: 0 14px 34px rgba(20,20,60,.08)}.rpx-box.rpx-th-dark{--bx-bg: #13132a;--bx-tx: #c3c1e0;--bx-hd: #fff;--bx-line: rgba(255,255,255,.1);box-shadow: 0 14px 34px rgba(0,0,0,.3)}.rpx-bhead{display: flex;align-items: center;gap: 10px;padding: 11px 16px;border-bottom: 1px solid var(--bx-line);color: var(--bx-hd);font-size: 13px}.rpx-bhead strong{min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.rpx-bdots{flex: none;display: inline-flex;gap: 5px}.rpx-bdots i{width: 9px;height: 9px;border-radius: 50%;background: #ff6b6b}.rpx-bdots i:nth-child(2){background: #feca57}.rpx-bdots i:nth-child(3){background: #1dd1a1}.rpx-frame{position: relative;overflow: hidden}.rpx-scroll{height: var(--rpx-bh,320px);overflow-y: auto;padding: 26px 26px 40px;color: var(--bx-tx);font-size: 14.5px;line-height: 1.7;outline: none;overscroll-behavior: contain;scrollbar-width: thin}.rpx-t-chapters .rpx-scroll{padding-top: 64px}.rpx-t-header .rpx-scroll{padding-top: 26px}.rpx-t-dots .rpx-scroll{padding-right: 56px}.rpx-scroll h1{margin: 0 0 14px;color: var(--bx-hd);font-size: 22px;font-weight: 800;line-height: 1.25}.rpx-scroll h2{margin: 22px 0 6px;color: var(--bx-hd);font-size: 17px;font-weight: 800;line-height: 1.3}.rpx-scroll p{margin: 0 0 12px}.rpx-end{margin-top: 26px !important;text-align: center;font-size: 12.5px;opacity: .55}.rpx-tg-box .rpx-dots .rpx-dl{display: none}.rpx-tg-box .rpx-dots .rpx-dot:hover .rpx-dl{display: block}.rpx-tg-box .rpx-header .rpx-hin{padding: 10px 14px;font-size: 13px}@media (max-width: 767px){.rpx-dots .rpx-dl{display: none !important}.rpx-header .rpx-sec,.rpx-header .rpx-hsep{display: none}.rpx-corner-br,.rpx-corner-bl{bottom: 16px}.rpx-clabel .rpx-time{display: none}}@media (prefers-reduced-motion: reduce){.rpx-wrap *{animation: none !important}}