.spot-filter[data-v-d601bdd3]{background:#fff;padding:12px 0;border-bottom:1px solid #eee;overflow-x:auto;display:flex;align-items:center;gap:8px}.spot-filter[data-v-d601bdd3]::-webkit-scrollbar{display:none}.filter-icon[data-v-d601bdd3]{padding-left:12px;color:#666;font-size:14px;flex-shrink:0}.filter-container[data-v-d601bdd3]{display:flex;gap:0;padding-right:12px}.spot-item[data-v-d601bdd3]{padding:6px 12px;color:#666;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s ease;position:relative;border-bottom:2px solid transparent}.spot-item.active[data-v-d601bdd3]{color:#b8860b;border-bottom-color:#b8860b;font-weight:500}.spot-item[data-v-d601bdd3]:hover:not(.active){color:#333}.photo-gallery[data-v-7e0d6b07]{padding:0 12px 12px}.ws-status[data-v-7e0d6b07]{display:flex;align-items:center;gap:8px;padding:6px 16px;margin-bottom:8px;border-radius:8px;font-size:12px;color:#999;background:#f8f9fa}.ws-status.connected[data-v-7e0d6b07]{display:none}.ws-status.connecting[data-v-7e0d6b07]{color:#f0ad4e;background:#fff8e1}.ws-status.disconnected[data-v-7e0d6b07]{color:#d9534f;background:#fce4e4}.ws-dot[data-v-7e0d6b07]{width:8px;height:8px;border-radius:50%;display:inline-block}.ws-status.connecting .ws-dot[data-v-7e0d6b07]{background:#f0ad4e;animation:pulse-7e0d6b07 1.5s ease-in-out infinite}.ws-status.disconnected .ws-dot[data-v-7e0d6b07]{background:#d9534f}@keyframes pulse-7e0d6b07{0%,to{opacity:1}50%{opacity:.4}}.loading-state[data-v-7e0d6b07],.empty-state[data-v-7e0d6b07],.error-state[data-v-7e0d6b07]{text-align:center;padding:60px 20px;color:#999}.error-state[data-v-7e0d6b07]{color:#d9534f}.retry-btn[data-v-7e0d6b07]{margin-top:12px;padding:8px 24px;border:none;border-radius:4px;background:#b8860b;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.retry-btn[data-v-7e0d6b07]:hover{background:#a07800}.spinner[data-v-7e0d6b07]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #b8860b;border-radius:50%;animation:spin-7e0d6b07 1s linear infinite;margin:0 auto 20px}@keyframes spin-7e0d6b07{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline[data-v-7e0d6b07]{background:#fff}.time-block[data-v-7e0d6b07]{border-bottom:1px solid #f0f0f0}.time-block[data-v-7e0d6b07]:last-child{border-bottom:none}.block-header[data-v-7e0d6b07]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.block-header[data-v-7e0d6b07]:hover{background:#fafafa}.time-label[data-v-7e0d6b07]{font-weight:500;color:#333;font-size:14px}.photo-count[data-v-7e0d6b07]{font-size:12px;color:#999;margin-left:auto;margin-right:12px}.toggle-icon[data-v-7e0d6b07]{color:#999;font-size:12px}.photo-grid[data-v-7e0d6b07]{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px}.no-more[data-v-7e0d6b07]{text-align:center;color:#999;font-size:14px;padding:30px 0}@media (max-width: 480px){.photo-grid[data-v-7e0d6b07]{grid-template-columns:repeat(3,1fr)}}.photo-item[data-v-7e0d6b07]{aspect-ratio:1;overflow:hidden;cursor:pointer;transition:opacity .2s ease;background:#eee}.photo-item[data-v-7e0d6b07]:hover{opacity:.9}.photo-item img[data-v-7e0d6b07]{width:100%;height:100%;object-fit:cover}.preview-modal[data-v-7e0d6b07]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.preview-content[data-v-7e0d6b07]{max-width:100%;max-height:100%;text-align:center;position:relative}.preview-content img[data-v-7e0d6b07]{max-width:100%;max-height:70vh;border-radius:4px;box-shadow:0 10px 30px #0000004d}.preview-info[data-v-7e0d6b07]{margin-top:12px;display:flex;flex-direction:column;gap:4px;color:#ccc;font-size:13px}.preview-actions[data-v-7e0d6b07]{margin-top:20px;display:flex;gap:10px;justify-content:center}.download-btn[data-v-7e0d6b07],.close-btn[data-v-7e0d6b07]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.download-btn[data-v-7e0d6b07]{background:#b8860b;color:#fff}.download-btn[data-v-7e0d6b07]:hover{background:#a07800}.close-btn[data-v-7e0d6b07]{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn[data-v-7e0d6b07]:hover{background:#ffffff4d}.nav-arrow[data-v-7e0d6b07]{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:36px;width:44px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background .3s ease;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-arrow[data-v-7e0d6b07]:hover{background:#ffffff4d}.nav-arrow[data-v-7e0d6b07]:active{background:#fff6}.nav-prev[data-v-7e0d6b07]{left:10px}.nav-next[data-v-7e0d6b07]{right:10px}.photo-counter[data-v-7e0d6b07]{color:#888;font-size:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:100%;margin:0 auto}.app-header{background:#fff;color:#333;padding:16px 20px;border-bottom:1px solid #eee}.header-row{display:flex;align-items:flex-end;gap:20px}.app-header h1{font-size:1.6rem;font-weight:500;color:#b8860b;letter-spacing:2px;font-family:STKaiti,KaiTi,SimKaiti,serif}.header-number{font-size:1.2rem;font-weight:400;color:#b8860b}.header-spot-name{font-size:.9rem;color:#666;white-space:nowrap}.date-tabs{display:flex;align-items:center;overflow-x:auto;padding:12px;background:#fff;border-bottom:1px solid #eee;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.date-tabs::-webkit-scrollbar{display:none}.date-icon{color:#666;font-size:14px;margin-right:4px;flex-shrink:0}.date-tab{padding:6px 14px;border:none;border-radius:4px;background:transparent;color:#666;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.date-tab.active{background:#b8860b;color:#fff}.date-tab:not(.active):hover{color:#333;background:#f5f5f5}.app-footer{padding:30px 20px 40px;text-align:center;color:#999;font-size:12px;line-height:1.8}