.scroll-page-indicator{position:fixed;top:50%;left:20px;-webkit-transform:translateY(-50%) translateX(-100px);-moz-transform:translateY(-50%) translateX(-100px);-ms-transform:translateY(-50%) translateX(-100px);-o-transform:translateY(-50%) translateX(-100px);transform:translateY(-50%) translateX(-100px);background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:12px 20px;border-radius:0 30px 30px 0;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-box-shadow:3px 3px 15px rgba(0,0,0,.2);-moz-box-shadow:3px 3px 15px rgba(0,0,0,.2);box-shadow:3px 3px 15px rgba(0,0,0,.2);z-index:9999;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);-moz-transition:all .3s cubic-bezier(.4,0,.2,1);-ms-transition:all .3s cubic-bezier(.4,0,.2,1);-o-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.scroll-page-indicator.visible{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translateY(-50%) translateX(0);-moz-transform:translateY(-50%) translateX(0);-ms-transform:translateY(-50%) translateX(0);-o-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}.scroll-page-indicator.visible:hover{-webkit-transform:translateY(-50%) translateX(0) scale(1.05);-moz-transform:translateY(-50%) translateX(0) scale(1.05);-ms-transform:translateY(-50%) translateX(0) scale(1.05);-o-transform:translateY(-50%) translateX(0) scale(1.05);transform:translateY(-50%) translateX(0) scale(1.05);-webkit-box-shadow:3px 3px 20px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 20px rgba(0,0,0,.3);box-shadow:3px 3px 20px rgba(0,0,0,.3)}.scroll-page-indicator.visible:active{-webkit-transform:translateY(-50%) translateX(0) scale(.98);-moz-transform:translateY(-50%) translateX(0) scale(.98);-ms-transform:translateY(-50%) translateX(0) scale(.98);-o-transform:translateY(-50%) translateX(0) scale(.98);transform:translateY(-50%) translateX(0) scale(.98)}.scroll-page-indicator .page-current{font-size:18px;font-weight:700;margin-right:2px}.scroll-page-indicator .page-total{font-size:14px;opacity:.9}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}50%{-webkit-transform:translateY(-50%) translateX(0) scale(1.05);transform:translateY(-50%) translateX(0) scale(1.05)}to{-webkit-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}50%{-moz-transform:translateY(-50%) translateX(0) scale(1.05);transform:translateY(-50%) translateX(0) scale(1.05)}to{-moz-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}}@keyframes pulse{0%{-webkit-transform:translateY(-50%) translateX(0) scale(1);-moz-transform:translateY(-50%) translateX(0) scale(1);-ms-transform:translateY(-50%) translateX(0) scale(1);-o-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}50%{-webkit-transform:translateY(-50%) translateX(0) scale(1.05);-moz-transform:translateY(-50%) translateX(0) scale(1.05);-ms-transform:translateY(-50%) translateX(0) scale(1.05);-o-transform:translateY(-50%) translateX(0) scale(1.05);transform:translateY(-50%) translateX(0) scale(1.05)}to{-webkit-transform:translateY(-50%) translateX(0) scale(1);-moz-transform:translateY(-50%) translateX(0) scale(1);-ms-transform:translateY(-50%) translateX(0) scale(1);-o-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}}.scroll-page-indicator.visible{-webkit-animation:pulse .3s ease-in-out;-moz-animation:pulse .3s ease-in-out;-o-animation:pulse .3s ease-in-out;animation:pulse .3s ease-in-out}@media (max-width:1024px){.scroll-page-indicator{left:15px;padding:10px 16px;font-size:13px}.scroll-page-indicator .page-current{font-size:16px}.scroll-page-indicator .page-total{font-size:13px}}@media (max-width:768px){.scroll-page-indicator{left:10px;padding:8px 14px;font-size:12px;border-radius:0 25px 25px 0}.scroll-page-indicator .page-current{font-size:15px}.scroll-page-indicator .page-total{font-size:12px}}@media (max-width:480px){.scroll-page-indicator{left:5px;padding:6px 12px;font-size:11px;border-radius:0 20px 20px 0}.scroll-page-indicator .page-current{font-size:14px}.scroll-page-indicator .page-total{font-size:11px}}@media (prefers-color-scheme:dark){.scroll-page-indicator{background:linear-gradient(135deg,#2e7d32,#388e3c)}}@media print{.scroll-page-indicator{display:none!important}}.no-fixed-support .scroll-page-indicator{position:absolute}.page-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;-moz-transition:opacity .3s ease,visibility .3s ease;-ms-transition:opacity .3s ease,visibility .3s ease;-o-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.page-selector-modal.visible{opacity:1;visibility:visible}.page-selector-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);cursor:pointer}.page-selector-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:12px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.3);-moz-box-shadow:0 10px 40px rgba(0,0,0,.3);box-shadow:0 10px 40px rgba(0,0,0,.3);min-width:300px;max-width:90%;max-height:80vh;display:flex;flex-direction:column}.page-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.page-selector-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.page-selector-close{background:none;border:none;font-size:32px;line-height:1;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.page-selector-close:hover{background:#f5f5f5;color:#333}.page-selector-close:active{background:#e0e0e0}.page-selector-body{padding:16px;overflow-y:auto;max-height:60vh}.page-option{padding:14px 20px;margin-bottom:8px;background:#f8f8f8;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:#333;display:flex;justify-content:space-between;align-items:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.page-option:hover{background:#e8f5e9;border-color:#4caf50;-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}.page-option:active{-webkit-transform:translateX(5px) scale(.98);-moz-transform:translateX(5px) scale(.98);-ms-transform:translateX(5px) scale(.98);-o-transform:translateX(5px) scale(.98);transform:translateX(5px) scale(.98)}.page-option.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-color:#4caf50;cursor:default}.page-option.active:hover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.current-badge{background:hsla(0,0%,100%,.3);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.page-selector-body::-webkit-scrollbar{width:8px}.page-selector-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.page-selector-body::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.page-selector-body::-webkit-scrollbar-thumb:hover{background:#388e3c}@media (max-width:768px){.page-selector-content{min-width:280px;max-width:95%}.page-selector-header{padding:16px 20px}.page-selector-header h3{font-size:16px}.page-option{padding:12px 16px;font-size:14px}}@media (max-width:480px){.page-selector-content{min-width:260px}.page-selector-header{padding:14px 16px}.page-selector-header h3{font-size:15px}.page-option{padding:10px 14px;font-size:13px}.current-badge{font-size:11px;padding:3px 10px}}