.display-container[data-v-0510c15f]{width:100vw;height:100vh;background:#000;overflow:hidden;position:relative}.loading-overlay[data-v-0510c15f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner[data-v-0510c15f]{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin-0510c15f 1s linear infinite}.loading-text[data-v-0510c15f]{color:#fff;font-size:18px;margin-top:20px}@keyframes spin-0510c15f{to{transform:rotate(360deg)}}.photo-wrapper[data-v-0510c15f]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fullscreen-photo[data-v-0510c15f]{width:100%;height:100%;object-fit:contain}.zoom-animation .fullscreen-photo[data-v-0510c15f]{animation:kenBurns-0510c15f 5s ease-in-out}@keyframes kenBurns-0510c15f{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.config-button-wrapper[data-v-0510c15f]{position:fixed;top:20px;right:20px;opacity:0;transition:opacity .3s ease;z-index:100;pointer-events:none}.config-button-wrapper.visible[data-v-0510c15f]{opacity:1;pointer-events:auto}.config-btn[data-v-0510c15f]{background:#0009;border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;white-space:nowrap}.config-btn[data-v-0510c15f]:hover{background:#000c;transform:scale(1.05)}@media (max-width: 768px){.config-button-wrapper[data-v-0510c15f]{top:10px;right:10px}.config-btn[data-v-0510c15f]{padding:8px 16px;font-size:14px;border-radius:6px}}.control-bar[data-v-0510c15f]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease;z-index:100;pointer-events:none;flex-wrap:wrap}.control-bar.visible[data-v-0510c15f]{opacity:1;pointer-events:auto}.ctrl-btn[data-v-0510c15f]{background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:20px;transition:all .3s ease;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ctrl-btn[data-v-0510c15f]:hover{background:#ffffff4d;transform:scale(1.1)}.mode-btn[data-v-0510c15f]{font-size:20px;width:50px;height:50px;padding:0!important;background:#fff3!important;border:none!important;border-radius:50%!important;transition:all .3s ease}.mode-btn[data-v-0510c15f]:hover{background:#ffffff4d!important;transform:scale(1.1)}.mode-icon[data-v-0510c15f]{font-size:20px;line-height:1;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.mode-btn[data-v-0510c15f]{width:40px;height:40px;font-size:16px}.mode-icon[data-v-0510c15f]{font-size:16px}}@media (max-width: 480px){.mode-btn[data-v-0510c15f]{width:36px;height:36px;font-size:14px}.mode-icon[data-v-0510c15f]{font-size:14px}}.photo-counter[data-v-0510c15f]{color:#fff;font-size:18px;margin-left:10px;white-space:nowrap}.mode-toast[data-v-0510c15f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:500;z-index:200;opacity:0;transition:opacity .3s ease;pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-toast.show[data-v-0510c15f]{opacity:1}@media (max-width: 768px){.mode-toast[data-v-0510c15f]{padding:12px 24px;font-size:14px}}@media (max-width: 768px){.control-bar[data-v-0510c15f]{gap:10px;padding:12px 10px}.ctrl-btn[data-v-0510c15f]{width:40px;height:40px;font-size:16px}.photo-counter[data-v-0510c15f]{font-size:14px;margin-left:5px}}@media (max-width: 480px){.control-bar[data-v-0510c15f]{gap:8px;padding:8px 5px}.ctrl-btn[data-v-0510c15f]{width:36px;height:36px;font-size:14px}.photo-counter[data-v-0510c15f]{font-size:12px;margin-left:3px}}.fade-enter-active[data-v-0510c15f],.fade-leave-active[data-v-0510c15f]{transition:opacity .5s ease}.fade-enter-from[data-v-0510c15f],.fade-leave-to[data-v-0510c15f]{opacity:0}.slide-enter-active[data-v-0510c15f]{transition:all .5s ease-out}.slide-leave-active[data-v-0510c15f]{transition:all .5s ease-in}.slide-enter-from[data-v-0510c15f]{transform:translateY(100%);opacity:0}.slide-leave-to[data-v-0510c15f]{transform:translateY(-100%);opacity:0}.zoom-fade-enter-active[data-v-0510c15f],.zoom-fade-leave-active[data-v-0510c15f]{transition:all .5s ease}.zoom-fade-enter-from[data-v-0510c15f]{transform:scale(.9);opacity:0}.zoom-fade-leave-to[data-v-0510c15f]{transform:scale(1.1);opacity:0}.slide-horizontal-enter-active[data-v-0510c15f],.slide-horizontal-leave-active[data-v-0510c15f]{transition:all .5s ease}.slide-horizontal-enter-from[data-v-0510c15f]{transform:translate(100%);opacity:0}.slide-horizontal-leave-to[data-v-0510c15f]{transform:translate(-100%);opacity:0}.rotate-fade-enter-active[data-v-0510c15f],.rotate-fade-leave-active[data-v-0510c15f]{transition:all .6s ease}.rotate-fade-enter-from[data-v-0510c15f]{transform:rotate(5deg) scale(.95);opacity:0}.rotate-fade-leave-to[data-v-0510c15f]{transform:rotate(-5deg) scale(.95);opacity:0}.config-container[data-v-0e2c5a90]{width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;overflow-y:auto;overflow-x:hidden}.config-wrapper[data-v-0e2c5a90]{max-width:1000px;margin:0 auto 40px;background:#fffffff2;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.title[data-v-0e2c5a90]{font-size:2.5rem;color:#333;text-align:center;margin-bottom:40px}.config-section[data-v-0e2c5a90]{margin-bottom:40px;padding:30px;background:#f8f9fa;border-radius:12px}.config-section h2[data-v-0e2c5a90]{font-size:1.5rem;color:#555;margin-bottom:20px;border-bottom:2px solid #667eea;padding-bottom:10px}.mode-options[data-v-0e2c5a90]{display:flex;flex-wrap:wrap;gap:15px}.mode-option[data-v-0e2c5a90]{display:flex;align-items:center;padding:12px 24px;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease}.mode-option[data-v-0e2c5a90]:hover{border-color:#667eea;transform:translateY(-2px)}.mode-option input[type=radio][data-v-0e2c5a90]{margin-right:8px}.mode-option input[type=radio]:checked+span[data-v-0e2c5a90]{color:#667eea;font-weight:700}.interval-setting[data-v-0e2c5a90]{margin-top:20px;padding:20px;background:#fff;border-radius:8px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.interval-label[data-v-0e2c5a90]{font-weight:700;color:#555;font-size:1rem}.interval-input[data-v-0e2c5a90]{width:100px;padding:10px;border:2px solid #ddd;border-radius:6px;font-size:1rem;text-align:center;transition:border-color .3s ease}.interval-input[data-v-0e2c5a90]:focus{outline:none;border-color:#667eea}.interval-hint[data-v-0e2c5a90]{color:#888;font-size:.9rem}.storage-mode[data-v-0e2c5a90]{display:flex;gap:20px;margin-bottom:20px}.json-url-config[data-v-0e2c5a90]{margin-bottom:20px;padding:20px;background:#f0f8ff;border-left:4px solid #007bff;border-radius:4px}.url-input-group[data-v-0e2c5a90]{display:flex;flex-direction:column;gap:10px}.url-input-group label[data-v-0e2c5a90]{font-weight:700;color:#555}.url-input-group .input-field[data-v-0e2c5a90]{flex:1}.btn-load-url[data-v-0e2c5a90]{align-self:flex-start;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-load-url[data-v-0e2c5a90]:hover{background:#0056b3;transform:translateY(-2px)}.url-hint[data-v-0e2c5a90]{margin:10px 0 0;color:#004085;font-size:.9rem;line-height:1.5}.json-file-operations[data-v-0e2c5a90]{margin-top:20px;padding:20px;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:15px}.file-operation-group[data-v-0e2c5a90]{display:flex;align-items:center;gap:15px}.btn-export[data-v-0e2c5a90],.btn-import[data-v-0e2c5a90]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:5px}.btn-export[data-v-0e2c5a90]{background:#28a745;color:#fff}.btn-export[data-v-0e2c5a90]:hover{background:#218838;transform:translateY(-2px)}.btn-import[data-v-0e2c5a90]{background:#007bff;color:#fff}.btn-import[data-v-0e2c5a90]:hover{background:#0056b3;transform:translateY(-2px)}.file-hint[data-v-0e2c5a90]{color:#888;font-size:.9rem}.music-controls[data-v-0e2c5a90]{display:flex;flex-direction:column;gap:15px}.checkbox-option[data-v-0e2c5a90]{display:flex;align-items:center;font-size:1.1rem;cursor:pointer}.checkbox-option input[data-v-0e2c5a90]{margin-right:10px;width:20px;height:20px}.music-input-group[data-v-0e2c5a90]{display:flex;flex-direction:column;gap:10px}.music-input-group label[data-v-0e2c5a90]{font-weight:700;color:#555}.input-field[data-v-0e2c5a90]{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.input-field[data-v-0e2c5a90]:focus{outline:none;border-color:#667eea}.hint[data-v-0e2c5a90]{font-size:.9rem;color:#888;margin:0}.photo-management[data-v-0e2c5a90]{display:flex;flex-direction:column;gap:20px}.add-photo[data-v-0e2c5a90]{display:flex;gap:10px}.add-photo .input-field[data-v-0e2c5a90]{flex:1}.btn-add[data-v-0e2c5a90]{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-add[data-v-0e2c5a90]:hover{background:#5568d3;transform:translateY(-2px)}.photo-list[data-v-0e2c5a90]{display:flex;flex-direction:column;gap:15px}.photo-count[data-v-0e2c5a90]{font-size:1.1rem;color:#555;font-weight:700}.photo-items[data-v-0e2c5a90]{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding:10px;background:#fff;border-radius:8px}.photo-item[data-v-0e2c5a90]{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.photo-item[data-v-0e2c5a90]:hover{background:#e9ecef}.photo-preview[data-v-0e2c5a90]{width:80px;height:60px;object-fit:cover;border-radius:4px}.photo-info[data-v-0e2c5a90]{display:flex;align-items:center;gap:10px;flex:1}.photo-number[data-v-0e2c5a90]{font-weight:700;color:#667eea;min-width:30px}.photo-url-input[data-v-0e2c5a90]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.photo-url-input[data-v-0e2c5a90]:focus{outline:none;border-color:#667eea}.btn-update[data-v-0e2c5a90]{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.85rem}.btn-update[data-v-0e2c5a90]:hover{background:#218838}.btn-remove[data-v-0e2c5a90]{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-remove[data-v-0e2c5a90]:hover{background:#c82333}.bulk-textarea[data-v-0e2c5a90]{width:100%;min-height:150px;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:monospace;resize:vertical}.bulk-textarea[data-v-0e2c5a90]:focus{outline:none;border-color:#667eea}.btn-import[data-v-0e2c5a90]{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-top:10px}.btn-import[data-v-0e2c5a90]:hover{background:#218838;transform:translateY(-2px)}.action-buttons[data-v-0e2c5a90]{display:flex;justify-content:center;gap:20px;margin-top:40px}.action-buttons button[data-v-0e2c5a90]{padding:15px 40px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-save[data-v-0e2c5a90]{background:#28a745;color:#fff}.btn-save[data-v-0e2c5a90]:hover{background:#218838;transform:translateY(-2px)}.btn-reset[data-v-0e2c5a90]{background:#dc3545;color:#fff}.btn-reset[data-v-0e2c5a90]:hover{background:#c82333;transform:translateY(-2px)}.btn-preview[data-v-0e2c5a90]{background:#667eea;color:#fff}.btn-preview[data-v-0e2c5a90]:hover{background:#5568d3;transform:translateY(-2px)}@media (max-width: 768px){.config-wrapper[data-v-0e2c5a90]{padding:20px}.title[data-v-0e2c5a90]{font-size:2rem}.action-buttons[data-v-0e2c5a90]{flex-direction:column}.action-buttons button[data-v-0e2c5a90]{width:100%}.add-photo[data-v-0e2c5a90]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#app{width:100vw;height:100vh}