@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{color:#eaf4ff;background:#07101b;font-family:Manrope,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.3;cursor:not-allowed}.viewer-shell{--cyan:#6eb5d1;background:#4b4b4b;width:100%;height:100%;position:relative;overflow:hidden}.loading-screen{z-index:100;background:#08101a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-mark{place-items:center;width:104px;height:84px;display:grid;position:relative}.book-loader{perspective:500px;width:72px;height:48px;position:relative}.book-loader:before,.book-loader:after,.book-loader i{content:"";background:linear-gradient(135deg,#1f7ebc40,#ffffff0a);border:1.5px solid #ffffffb3;width:34px;height:43px;position:absolute;top:3px}.book-loader:before{border-radius:4px 0 0 4px;left:2px;transform:skewY(5deg)}.book-loader:after{border-radius:0 4px 4px 0;right:2px;transform:skewY(-5deg)}.book-loader i{transform-origin:0;border-radius:0 4px 4px 0;animation:1.7s ease-in-out infinite loaderFlip;left:36px}.book-loader i:nth-child(2){animation-delay:.55s}.book-loader i:nth-child(3){animation-delay:1.1s}.loader-spark{color:var(--cyan);animation:1.5s infinite pulse;position:absolute;top:0;right:0}.loading-screen h1{letter-spacing:.24em;margin:18px 0 9px;font-size:19px;font-weight:400}.loading-screen h1 b{color:#50d8ff;font-weight:800}.loading-screen p{color:#7690a8;margin:0 0 25px;font-size:12px}.progress-track{background:#16293a;width:250px;height:2px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#177dff,#41e5ff);height:100%;transition:width .25s;display:block}.loading-screen>small{color:#547086;letter-spacing:.16em;margin-top:10px;font-size:10px}.load-error{color:#e44f49!important}.topbar{z-index:20;background:#303234;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand-cube{color:#66dfff;background:linear-gradient(145deg,#183f5a,#0b2133);border:1px solid #2983b3;border-radius:7px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.brand strong{letter-spacing:.14em;font-size:12px;display:block}.brand small{color:#5e7d94;letter-spacing:.2em;margin-top:2px;font-size:7px;display:block}.search-trigger{color:#a8aeb2;background:#26282a;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:9px;width:235px;height:34px;padding:0 10px;display:flex}.search-trigger span{flex:1;font-size:11px}.search-trigger kbd{color:#8c9499;border:1px solid #555b5f;border-radius:3px;padding:3px 5px;font:8px Manrope}.stage{align-items:stretch;display:flex;position:absolute;inset:58px 0}.page-stage{z-index:3;scrollbar-gutter:stable;touch-action:none;background:linear-gradient(#505050,#444);flex:1;position:relative;overflow:auto}.page-stage.is-zoomed{touch-action:none;cursor:grab}.page-stage.is-zoomed:active{cursor:grabbing}.page-sizer{justify-content:center;align-items:center;display:flex}.page-frame{background:#fff;flex:none;position:relative;overflow:visible;box-shadow:0 10px 32px #00000061}.page-canvas{width:100%;height:100%;display:block}.peel-host{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.peel-hot{z-index:6;cursor:grab;touch-action:none;width:14%;padding:0;position:absolute;top:0;bottom:0}.peel-hot.left{left:0}.peel-hot.right{right:0}.peel-hot[hidden]{display:none}.page-stage.flipping .peel-hot{pointer-events:none}.peel-overlay{pointer-events:none;position:absolute;inset:0}.peel-under,.peel-base{background:#fff;position:absolute;inset:0;overflow:hidden}.peel-under{z-index:1}.peel-base{z-index:2}.peel-under,.peel-base canvas{width:100%;height:100%;display:block}.peel-shadow{z-index:3;pointer-events:none;position:absolute;inset:0}.peel-wrap{z-index:4;pointer-events:none;position:absolute;inset:0}.peel-clip{position:absolute;inset:0}.peel-mover{transform-origin:0 0;background:#fff;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 18px #00000047}.peel-mover canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.peel-shade{pointer-events:none;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.edge-nav{z-index:8;color:#eaf4ff;background:#14141452;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:88px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.edge-nav span{letter-spacing:.12em;opacity:0;font-size:8px}.edge-nav:hover:not(:disabled){color:#65dcff}.edge-nav.prev{left:8px}.edge-nav.next{right:8px}.control-deck{z-index:21;background:#303234;border-top:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 18px;display:grid;position:absolute;bottom:0;left:0;right:0}.tool-group,.page-controls{align-items:center;gap:3px;display:flex}.media-tools{justify-self:end}.tool-group button,.page-controls button{color:#718b9e;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.tool-group button:hover,.page-controls button:hover:not(:disabled),.tool-group button.active{color:#65dcff;background:#23a5dd1f}.tool-group i{background:#213343;width:1px;height:19px;margin:0 4px}.zoom-value{color:#627e91;text-align:center;width:38px;font-size:9px}.page-controls{justify-self:center}.page-input{color:#5f7b8f;background:#101d28;border:1px solid #203545;border-radius:7px;align-items:center;height:33px;margin:0 6px;padding-right:10px;font-size:10px;display:flex}.page-input input{text-align:right;color:#e1f4ff;background:0 0;border:0;outline:0;width:42px;height:100%;padding-right:5px;font-size:11px}.gate-layer,.dialog-layer{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02080dc9;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.lead-card{color:#14202a;background:#f8fbfd;border:1px solid #75d2ff2b;border-radius:12px;width:min(430px,92vw);position:relative;overflow:hidden}.lead-close{color:#81919b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:16px}.lead-form{padding:36px 38px 28px}.lead-form>h2{margin:0 0 6px;font-size:20px}.lead-form>p{color:#84929b;margin:0 0 24px;font-size:10px}.lead-form label{margin-bottom:14px;display:block}.lead-form label>span{margin:0 0 6px;font-size:10px;font-weight:700;display:block}.lead-form label b{color:#f05c54}.lead-form label>div{color:#9aabb4;background:#f7f9fa;border:1px solid #dae3e8;border-radius:8px;align-items:center;gap:10px;height:42px;padding:0 12px;display:flex}.lead-form input{color:#172932;background:0 0;border:0;outline:0;width:100%;font-size:11px}.submit-lead{color:#fff;background:linear-gradient(90deg,#0878dc,#18aee7);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:45px;margin-top:5px;font-size:12px;font-weight:700;display:flex}.privacy{text-align:center;color:#a1adb4;margin-top:10px;font-size:8px;display:block}.form-error{color:#e44f49;margin:-5px 0 8px;font-size:9px}.shake{animation:.38s shake}.side-drawer{z-index:30;background:#060f18f5;border-right:1px solid #5bb7e52b;width:330px;padding:18px;position:absolute;top:68px;bottom:62px;left:0}.drawer-head{border-bottom:1px solid #182d3c;justify-content:space-between;align-items:flex-start;height:52px;display:flex}.drawer-head small{letter-spacing:.2em;color:#397b9e;font-size:7px}.drawer-head h2{margin:3px 0;font-size:14px}.thumb-grid{grid-template-columns:1fr 1fr;align-content:start;gap:17px 12px;height:calc(100% - 62px);padding:15px 3px;display:grid;overflow:auto}.thumb-grid button>div{aspect-ratio:1.4;background:#dfe6e9;border:2px solid #0000;border-radius:3px;position:relative;overflow:hidden}.thumb-grid canvas{z-index:2;object-fit:contain;width:100%;height:100%;position:relative}.thumb-loading{color:#82919a;place-items:center;display:grid;position:absolute;inset:0}.thumb-grid small{color:#587387;margin-top:5px;font-size:8px;display:block}.thumb-grid button.active>div{border-color:#36c9f8}.search-panel{background:#0a1722;border:1px solid #64bee833;border-radius:15px;width:min(650px,92vw);min-height:360px;max-height:70vh;overflow:hidden}.search-box{border-bottom:1px solid #1a3040;align-items:center;gap:12px;height:61px;padding:0 17px;display:flex}.search-box input{color:#e6f6ff;background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-content{height:300px;overflow:auto}.search-empty{color:#4e7187;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.result-list button{color:#8aa7b9;text-align:left;grid-template-columns:45px 1fr 18px;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.result-list b{color:#41cfff;font-size:9px}.result-list span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.spin{animation:1s linear infinite spin}.toast{z-index:110;color:#9cecff;background:#071f2cf0;border:1px solid #4bdcff40;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:10px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.fade-enter-active,.fade-leave-active{transition:all .25s}.fade-enter-from,.fade-leave-to{opacity:0}.gate-enter-active{transition:all .5s cubic-bezier(.2,.8,.2,1)}.gate-leave-active{transition:all .35s}.gate-enter-from,.gate-leave-to{opacity:0}.drawer-enter-active,.drawer-leave-active{transition:all .32s}.drawer-enter-from,.drawer-leave-to{transform:translate(-100%)}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}@keyframes loaderFlip{0%{opacity:0;transform:rotateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotateY(-180deg)}}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (width<=800px){html,body,#app,.viewer-shell{height:100dvh}.topbar{height:48px;padding:0 8px}.brand small{display:none}.search-trigger{justify-content:center;width:32px;height:32px;padding:0}.search-trigger span,.search-trigger kbd{display:none}.stage{inset:48px 0 calc(52px + env(safe-area-inset-bottom))}.control-deck{height:calc(52px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom)}.page-controls button:first-child,.page-controls button:last-child,.media-tools button:last-child{display:none}.edge-nav{width:34px;height:72px}.edge-nav.prev{left:2px}.edge-nav.next{right:2px}.lead-form{padding:30px 20px 22px}.lead-form input{font-size:16px}}