body{background-image:url(https://raw.githubusercontent.com/dseditor/pdfbookshelf/main/webp/ComfyUI_00095_.webp);background-size:cover;background-position:center;background-attachment:fixed;background-color:#0a0a1a}.bg-grid-custom{background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.07) 1px,transparent 1px);background-size:2rem 2rem}*{font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pdf-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:2rem;border-radius:2.5rem;cursor:pointer;box-shadow:0 12px 24px #0000004d,0 0 40px #0000001a,0 0 60px #ffffff0d;transition:all .5s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;width:100%;aspect-ratio:1 / 1.414;min-height:400px}.pdf-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 50px #0003,0 0 80px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.pdf-cover{position:relative;width:100%;flex:4;border-radius:1.5rem;overflow:hidden;margin-bottom:1rem;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff1a;min-height:75%}.pdf-cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .5s ease}.pdf-card:hover .pdf-cover img{transform:scale(1.05)}.pdf-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;z-index:1}.pdf-icon{font-size:6rem;color:#fff9;z-index:1;position:relative}.pdf-title{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3;text-align:center;padding:0 .75rem;text-shadow:0 2px 6px rgba(0,0,0,.6);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;max-height:3rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.pdf-subtitle{color:#ffffffb3;font-size:1rem;font-weight:300;text-align:center;text-transform:uppercase;letter-spacing:.05em}.apple-gradient-blue{background:linear-gradient(135deg,#007aff,#5ac8fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.apple-gradient-purple{background:linear-gradient(135deg,#af52de,#ff2d92);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.apple-gradient-green{background:linear-gradient(135deg,#30d158,#32d74b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.apple-gradient-orange{background:linear-gradient(135deg,#ff9500,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 8px 16px #0000004d,0 0 30px #0000001a,0 0 50px #3b82f61a}50%{box-shadow:0 8px 16px #0000004d,0 0 30px #0000001a,0 0 60px #3b82f633}}.pdf-card:nth-child(odd){animation:float 6s ease-in-out infinite}.pdf-card:nth-child(2n){animation:float 6s ease-in-out infinite reverse}.loading-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdf-cover img{transition:opacity .3s ease-in-out}.pdf-cover img[style*="opacity: 0"]{opacity:0!important}.liquidGlass-wrapper[style*="opacity: 0.5"]{cursor:not-allowed!important;filter:grayscale(.3)}.liquidGlass-wrapper[style*="opacity: 0.5"]:hover{transform:none!important;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,0 0 40px #ffffff0d!important}@media (min-width: 1920px){.bento-grid{max-width:1800px;margin:0 auto}.pdf-card{padding:2.5rem;aspect-ratio:1 / 1.414;min-height:500px}.pdf-title{font-size:1.125rem;padding:0 1rem;max-height:3.5rem}}@media (max-width: 1536px){.pdf-card{padding:2rem;min-height:450px}.pdf-title{font-size:1rem;max-height:3.25rem}}@media (max-width: 1280px){.pdf-card{padding:1.75rem;min-height:400px}.pdf-title{font-size:.95rem;max-height:3rem}}@media (max-width: 1024px){.pdf-card{padding:1.5rem;aspect-ratio:1 / 1.414;min-height:350px}.pdf-title{font-size:.875rem;padding:0 .75rem;max-height:2.75rem}}@media (max-width: 768px){.liquidGlass-wrapper{padding:.4rem;border-radius:1.5rem}.liquidGlass-wrapper:hover{padding:.6rem;border-radius:2rem}.pdf-card{padding:1.25rem;aspect-ratio:1 / 1.414;min-height:300px}.pdf-title{font-size:.8rem;padding:0 .5rem;max-height:2.5rem;line-height:1.2}}@media (max-width: 480px){.pdf-card{padding:1rem;aspect-ratio:1 / 1.414;min-height:280px}.pdf-title{font-size:.75rem;padding:0 .5rem;max-height:2.25rem}.pdf-icon{font-size:4rem}}.liquidGlass-text table{border-collapse:separate;border-spacing:0}.liquidGlass-text td{padding:1rem .5rem;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .3s ease}.liquidGlass-text tr:hover td{background-color:#ffffff0d}.menu-item{padding:.4rem .6rem;border-radius:.8rem;transition:all .2s ease;color:#fff;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.menu-item:hover{background-color:#ffffff1a;box-shadow:inset -2px -2px 4px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:scale(1.02)}.page-container{transition:all .6s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.page-container.flip-left{animation:flipLeft 1s cubic-bezier(.23,1,.32,1)}.page-container.flip-right{animation:flipRight 1s cubic-bezier(.23,1,.32,1)}@keyframes flipLeft{0%{transform:rotateY(0) scale(1);opacity:1}25%{transform:rotateY(-15deg) scale(.98);opacity:.9}50%{transform:rotateY(-90deg) scale(.95);opacity:.7}75%{transform:rotateY(-165deg) scale(.98);opacity:.9}to{transform:rotateY(-180deg) scale(1);opacity:1}}@keyframes flipRight{0%{transform:rotateY(0) scale(1);opacity:1}25%{transform:rotateY(15deg) scale(.98);opacity:.9}50%{transform:rotateY(90deg) scale(.95);opacity:.7}75%{transform:rotateY(165deg) scale(.98);opacity:.9}to{transform:rotateY(180deg) scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.homepage-title{background:#0000004d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:2rem;padding:2rem 3rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.liquidGlass-wrapper{position:relative;display:flex;overflow:hidden;padding:.6rem;border-radius:2rem;cursor:pointer;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 25px #0000004d,0 5px 15px #0003,0 0 30px #ffffff1a,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.liquidGlass-wrapper:hover{padding:.8rem;border-radius:2.5rem;transform:translateY(-12px) scale(1.02);background:#ffffff40;border:1px solid rgba(255,255,255,.4);box-shadow:0 25px 50px #0006,0 10px 30px #0000004d,0 0 60px #fff3,inset 0 2px #fff6}.liquidGlass-effect{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:inherit}.liquidGlass-tint{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#ffffff0f,#ffffff14);border-radius:inherit}.liquidGlass-shine{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.2) 100%);box-shadow:inset 3px 3px 2px #ffffff59,inset -2px -2px 2px 1px #ffffff26;border-radius:inherit}.liquidGlass-text{position:relative;z-index:3;transition:all .4s cubic-bezier(.175,.885,.32,2.2);width:100%}.liquidGlass-wrapper:hover .liquidGlass-text{transform:scale(.96)}@keyframes enhanced-float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-15px) rotateX(2deg)}}@keyframes enhanced-glow{0%,to{box-shadow:0 10px 25px #0000004d,0 0 30px #ffc1071a,inset 0 1px #ffffff4d}50%{box-shadow:0 15px 35px #0006,0 0 50px #ffc10733,inset 0 2px #fff6}}.liquidGlass-wrapper:nth-child(odd){animation:enhanced-float 8s ease-in-out infinite,enhanced-glow 6s ease-in-out infinite}.liquidGlass-wrapper:nth-child(2n){animation:enhanced-float 8s ease-in-out infinite reverse,enhanced-glow 6s ease-in-out infinite reverse}.liquidGlass-wrapper:nth-child(1) .liquidGlass-tint{background:linear-gradient(135deg,#e07a5f26,#f4987a1a)}.liquidGlass-wrapper:nth-child(2) .liquidGlass-tint{background:linear-gradient(135deg,#5854af26,#6c68c31a)}.liquidGlass-wrapper:nth-child(3) .liquidGlass-tint{background:linear-gradient(135deg,#8a54af26,#9e68c31a)}.liquidGlass-wrapper:nth-child(4) .liquidGlass-tint{background:linear-gradient(135deg,#54afa326,#68c3b71a)}@media (max-width: 768px){.homepage-title{padding:1.5rem 2rem;margin:0 1rem}}@media (max-width: 480px){.homepage-title{padding:1rem 1.5rem;margin:0 .5rem}.homepage-title h1{font-size:3rem!important}.homepage-title p{font-size:1rem!important}}