.vue3-seamless-wrapper[data-v-5c249cc3]{width:100%;height:100%}.book-item[data-v-d1e5c046]{width:80px;height:110px;border-radius:4px;flex-shrink:0;cursor:pointer;position:relative;display:flex;flex-direction:column}.item-main[data-v-d1e5c046]{width:100%;height:100%;overflow:hidden;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:10px;position:relative}.item-main.breathe[data-v-d1e5c046]{animation:breathe-d1e5c046 var(--breathe-duration, 1s) ease-in-out infinite}@keyframes breathe-d1e5c046{0%,50%,to{box-shadow:0 0 10px var(--breathe-color, rgba(0, 212, 255, .5))}25%,75%{box-shadow:0 0 10px var(--breathe-color, rgba(0, 212, 255, 1)),0 0 15px var(--breathe-color, rgba(0, 212, 255, .8)),0 0 30px var(--breathe-color, rgba(0, 212, 255, .5))}}.book-item-image[data-v-d1e5c046]{width:100%;height:60%;overflow:hidden;flex-shrink:0}.book-item-image img[data-v-d1e5c046]{width:100%;height:100%;object-fit:cover;pointer-events:none}.book-item-image.image-only[data-v-d1e5c046]{height:100%}.book-item-text[data-v-d1e5c046]{width:100%;height:40%;background:linear-gradient(135deg,#667eea,#764ba2);padding:4px;box-sizing:border-box;text-align:center;overflow:hidden}.text-content[data-v-d1e5c046]{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);letter-spacing:1px;text-align:center;word-break:break-all;overflow-wrap:break-word;line-height:1.2;white-space:normal;width:100%;box-sizing:border-box;overflow:hidden}.book-item-text.text-only[data-v-d1e5c046]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center}.love-count[data-v-d1e5c046]{position:absolute;top:10px;left:10px;display:flex;display:none}.love-title[data-v-d1e5c046]{margin-left:12px;font-size:14px;color:red}.heart[data-v-d1e5c046]{width:10px;height:10px;background:red;transform:rotate(-45deg) translateY(50%)}@media screen and (min-width: 1921px){@keyframes breathe-d1e5c046{0%,50%,to{box-shadow:0 0 20px var(--breathe-color, rgba(0, 212, 255, .5))}25%,75%{box-shadow:0 0 20px var(--breathe-color, rgba(0, 212, 255, 1)),0 0 30px var(--breathe-color, rgba(0, 212, 255, .8)),0 0 60px var(--breathe-color, rgba(0, 212, 255, .5))}}.item-main[data-v-d1e5c046]{border-radius:20px}.text-content[data-v-d1e5c046]{font-size:56px}.love-count[data-v-d1e5c046]{top:20px;left:20px}.love-title[data-v-d1e5c046]{margin-left:24px;font-size:28px}.heart[data-v-d1e5c046]{width:20px;height:20px}.book-item-text[data-v-d1e5c046]{padding:8px}}.vdr-container{position:absolute;border:1px solid transparent;box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:system-ui,-apple-system,sans-serif}#app{width:100%;height:100%}.app{width:100%;height:100%;display:flex;flex-direction:column}.loading-page{justify-content:center;align-items:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-icon{width:48px;height:48px;border:3px solid rgba(0,212,255,.3);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#00d4ff;font-size:16px;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.logo-area{width:100%;height:var(--v1e0b31aa);display:flex;justify-content:flex-start;padding:20px;box-sizing:border-box;transition:height .3s ease}.logo-content{width:var(--v08acf6a5);height:var(--v08acf6a5);background:#001428d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border-radius:12px;border:1px solid rgba(0,212,255,.4);box-shadow:0 4px 20px #00d4ff4d;display:flex;align-items:center;justify-content:center}.logo-image{width:100%;height:100%;object-fit:cover}.logo-text-box{flex:1;height:var(--v08acf6a5);background:#001428d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;margin-left:20px;border-radius:12px;border:1px solid rgba(0,212,255,.4);box-shadow:0 4px 20px #00d4ff4d;display:flex;align-items:center;overflow:hidden}.logo-text-box input{width:100%;height:100%;background:transparent;border:none;color:#fff;font-size:var(--cf09b556);outline:none}.logo-text-box input::placeholder{color:#ffffff80}.logo-text{font-size:var(--cf09b556);font-weight:700;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.8);letter-spacing:4px}.wall-container{flex:1;background:#000;position:relative;overflow:hidden;display:flex;flex-direction:column}.row-wrapper{width:100%}.viewer-card{width:350px;height:450px;background:#1a1a1a;border-radius:8px;box-shadow:0 10px 40px #000c;overflow:hidden;z-index:5;transform:translate(-50%,-50%)}.close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#000c;color:#fff;border:2px solid #fff;border-radius:50%;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000080}.favorite{position:absolute;bottom:20px;left:20px;display:flex;z-index:10}.favorite-btn{cursor:pointer}.love-title{margin-left:24px;font-size:28px;color:gray}.heart{width:20px;height:20px;background:gray;transform:rotate(-45deg) translateY(50%)}.heart.active{background:red;animation:beat .6s ease}.love-title.active{color:red}@keyframes beat{0%{transform:rotate(-45deg) translateY(50%)scale(1)}25%{transform:rotate(-45deg) translateY(50%) scale(1.2)}50%{transform:rotate(-45deg) translateY(50%) scale(.9)}75%{transform:rotate(-45deg) translateY(50%) scale(1.1)}to{transform:rotate(-45deg) translateY(50%) scale(1)}}.heart:before{content:"";width:100%;height:100%;background:inherit;border-radius:50%;position:absolute;top:-50%;left:0}.heart:after{content:"";width:100%;height:100%;background:inherit;border-radius:50%;position:absolute;top:0;right:-50%}.viewer-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8);letter-spacing:4px;padding:30px;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.viewer-mixed-text{position:absolute;bottom:0;left:0;right:0;height:30%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);letter-spacing:2px;padding:10px;text-align:center;word-wrap:break-word;overflow-wrap:break-word;background:linear-gradient(transparent,#000000b3)}.vdr-container.active{border:none}.book-item-image{width:100%;height:66.67%;overflow:hidden;flex-shrink:0}.book-item-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.book-item-image.image-only{height:100%}.book-item-text{width:100%;height:33.33%;background:linear-gradient(135deg,#667eea,#764ba2);padding:5px;box-sizing:border-box;text-align:center;overflow:hidden}.text-content{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);letter-spacing:1px;text-align:center;word-break:break-all;overflow-wrap:break-word;line-height:1.2;white-space:normal;width:100%;box-sizing:border-box;overflow:hidden}.book-item-text{padding:10px}.book-item-text.text-only{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1921px){.close-btn{top:20px;right:20px;width:60px;height:60px;font-size:36px}.viewer-card{width:700px;height:900px;background:#1a1a1a;border-radius:16px;box-shadow:0 20px 80px #000c}.favorite{bottom:40px;left:40px}.heart{width:40px;height:40px}.text-content{font-size:56px}.love-title{margin-left:48px;font-size:56px}}