.photo-map-page{height:100%;width:100%;position:relative}.photo-map-page__body{height:100%;position:relative;overflow:hidden}.photo-map-page__map-wrap{position:absolute;inset:0}.photo-map-page__map{width:100%;height:100%}.panel{position:absolute;left:6px;bottom:0;top:6px;width:340px;z-index:20;display:flex;flex-direction:column;transition:transform .3s ease;overflow:hidden}.panel--collapsed{transform:translateY(calc(100% - 136px))}.panel--collapsed .panel__content{pointer-events:none}.panel__header{flex-shrink:0;height:40px;background:#fffffff7;backdrop-filter:blur(8px);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;padding:0 14px;position:relative;cursor:pointer;box-shadow:0 -2px 12px #00000014;gap:8px}.panel__back{position:absolute;left:14px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.panel__back-arrow{position:relative;display:block;width:14px;height:2px;background:#999;border-radius:1px}.panel__back-arrow:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-left:2px solid #999;border-bottom:2px solid #999;border-radius:1px;transform:translateY(-50%) rotate(45deg)}.panel__back:hover .panel__back-arrow{background:#666}.panel__back:hover .panel__back-arrow:before{border-color:#666}.panel__title{position:absolute;left:40px;right:40px;font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis}.panel__chevron{width:28px;height:10px;position:relative;transition:transform .25s ease}.panel__chevron:before,.panel__chevron:after{content:"";position:absolute;bottom:0;width:16px;height:4px;background:#999;border-radius:2px}.panel__chevron:before{right:50%;transform-origin:right bottom;transform:rotate(30deg)}.panel__chevron:after{left:50%;transform-origin:left bottom;transform:rotate(-30deg)}.panel__chevron--up{transform:rotate(180deg)}.panel__content{flex:1;min-height:0;background:#fffffff2;backdrop-filter:blur(8px);box-shadow:0 4px 24px #0000001f;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.panel__content::-webkit-scrollbar{display:none}.panel__loading,.panel__empty{padding:40px 16px;text-align:center;color:#999;font-size:14px}.browse{padding:4px 0 16px}.sec{margin-bottom:4px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}.sec:last-child{border-bottom:none}.sec__header{display:flex;align-items:center;gap:4px;padding:10px 14px 6px;cursor:pointer;user-select:none}.sec__header:hover .sec__title{color:#4264fb}.sec__title{font-size:15px;font-weight:700;color:#222;transition:color .2s}.sec__arrow{width:8px;height:8px;position:relative;transition:transform .25s ease}.sec__arrow:after{content:"";position:absolute;top:1px;left:0;width:6px;height:6px;border-right:2px solid #999;border-bottom:2px solid #999;border-radius:1px;transform:rotate(-45deg)}.sec__arrow--open{transform:rotate(90deg)}.sec__row{display:flex;gap:8px;padding:0 14px;overflow-x:auto;scrollbar-width:none;outline:none}.sec__row::-webkit-scrollbar{display:none}.sec__expanded{display:flex;flex-direction:column;gap:8px;padding:0 14px}.card{flex-shrink:0;width:150px;border-radius:10px;overflow:hidden;cursor:pointer;background:#f5f5f5;transition:transform .2s;position:relative}.card:hover{transform:translateY(-2px)}.card__cover{width:150px;height:110px;overflow:hidden}.card__cover img{width:100%;height:100%;object-fit:cover;display:block}.card__label{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(transparent,#0000008c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-lg{border-radius:10px;overflow:hidden;cursor:pointer;background:#f5f5f5;transition:transform .2s,box-shadow .2s;position:relative}.card-lg:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-lg__cover{width:100%;aspect-ratio:16 / 9;overflow:hidden}.card-lg__cover img{width:100%;height:100%;object-fit:cover;display:block}.card-lg__info{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#0009);display:flex;align-items:center;justify-content:space-between}.card-lg__name{font-size:14px;font-weight:700;color:#fff}.card-lg__count{font-size:12px;color:#fffc}.photo-list{display:flex;flex-direction:column;height:100%;overflow-y:auto}.photo-list__header{padding:12px 16px;border-bottom:1px solid #eee;font-size:13px;color:#666;flex-shrink:0}.photo-list__empty{padding:40px 16px;text-align:center;color:#999;font-size:14px}.photo-list__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.photo-list__item{cursor:pointer;border-radius:8px;overflow:hidden;background:#f9f9f9;transition:transform .2s,box-shadow .2s}.photo-list__item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.photo-list__thumb-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden}.photo-list__thumb{width:100%;height:100%;object-fit:cover;display:block}.photo-list__distance{position:absolute;top:6px;right:6px;background:#0009;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px)}.photo-list__meta{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;background:linear-gradient(transparent,#0000008c)}.photo-list__city{color:#fff;font-weight:500}.photo-list__date{color:#ffffffbf}.photo-list__loading{padding:16px;text-align:center;color:#999;font-size:13px}.photo-list__load-more{margin:8px 12px 16px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#4264fb;font-size:14px;cursor:pointer;transition:all .2s}.photo-list__load-more:hover{background:#f5f7ff}.photo-detail{display:flex;flex-direction:column;height:100%;overflow-y:auto;background:#fff}.photo-detail__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;flex-shrink:0}.photo-detail__title{font-size:14px;font-weight:600;color:#333}.photo-detail__close{background:none;border:none;font-size:16px;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.photo-detail__close:hover{background:#f0f0f0;color:#333}.photo-detail__loading{padding:40px 16px;text-align:center;color:#999}.photo-detail__image-wrap{width:100%;aspect-ratio:4 / 3;overflow:hidden}.photo-detail__image{width:100%;height:100%;object-fit:cover;display:block}.photo-detail__info{padding:16px;display:flex;flex-direction:column;gap:12px}.photo-detail__row{display:flex;align-items:flex-start;gap:8px;font-size:14px}.photo-detail__label{flex-shrink:0;color:#666;min-width:28px}.photo-detail__value{color:#333}.photo-detail__tag{display:inline-block;background:#f0f4ff;color:#4264fb;padding:2px 8px;border-radius:4px;font-size:12px;margin-right:4px}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.lb{position:fixed;inset:0;z-index:100;background:#000000eb;display:flex;align-items:center;justify-content:center}.lb__close{position:absolute;top:16px;right:20px;z-index:102;background:none;border:none;color:#fffc;font-size:32px;line-height:1;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.lb__close:hover{background:#ffffff1f;color:#fff}.lb__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:102;background:#ffffff14;border:none;color:#fffc;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.lb__arrow:hover{background:#ffffff2e;color:#fff}.lb__arrow--left{left:16px}.lb__arrow--right{right:16px}.lb__image-wrap{position:absolute;inset:60px 80px 64px;display:flex;align-items:center;justify-content:center}.lb__image{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease;user-select:none;-webkit-user-drag:none}.lb__image--loaded{opacity:1}.lb__bar{position:absolute;bottom:0;left:0;right:0;z-index:101;height:48px;background:#000000b3;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:0 20px;gap:10px;font-size:13px;color:#ffffffd9;overflow-x:auto;white-space:nowrap}.lb__params{display:flex;align-items:center;gap:12px}.lb__param{display:inline-flex;align-items:center;gap:4px}.lb__param-icon{width:16px;height:16px;flex-shrink:0}.lb__sep{color:#ffffff40;font-size:14px}.lb__location,.lb__camera,.lb__lens{flex-shrink:0}.lb__more{background:none;border:none;color:#ffffffb3;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s;flex-shrink:0}.lb__more:hover{background:#ffffff1f;color:#fff}.lb__popup{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:103;width:420px;max-width:calc(100vw - 40px);background:#1e1e1ef5;backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 8px 40px #00000080;padding:16px;color:#e0e0e0}.lb__popup-tabs{display:flex;gap:4px;margin-bottom:14px;background:#ffffff0f;border-radius:8px;padding:3px}.lb__popup-tab{flex:1;padding:7px 0;border:none;background:none;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.lb__popup-tab--active{background:#ffffff1f;color:#fff}.lb__popup-tab:hover:not(.lb__popup-tab--active){color:#ffffffbf}.lb__popup-grid,.lb__popup-geo{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lb__popup-card{background:#ffffff0f;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.lb__popup-card-label{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.lb__popup-card-value{font-size:14px;font-weight:500;color:#fff}.lb-fade-enter-active,.lb-fade-leave-active{transition:opacity .25s ease}.lb-fade-enter-from,.lb-fade-leave-to{opacity:0}.lb-popup-enter-active,.lb-popup-leave-active{transition:opacity .2s ease,transform .2s ease}.lb-popup-enter-from,.lb-popup-leave-to{opacity:0;transform:translate(-50%) translateY(12px)}@media(max-width:768px){.panel{left:0;right:0;width:auto}.lb__image-wrap{inset:50px 10px 60px}.lb__arrow--left{left:4px}.lb__arrow--right{right:4px}.lb__bar{font-size:12px;padding:0 12px;gap:6px}.lb__popup{width:calc(100vw - 20px);bottom:56px}}.mapboxgl-ctrl-group .pm-locate-btn{display:block;width:32px;height:32px;padding:0;border:none;cursor:pointer;background:none;color:#333;line-height:32px;text-align:center}.mapboxgl-ctrl-group .pm-locate-btn:hover{background:#0000000d}.mapboxgl-ctrl-group .pm-locate-btn svg{vertical-align:middle}.photo-map-page .card,.photo-map-page .card-lg{max-width:none;margin:0;padding:0;background:#f5f5f5;border:none}html[data-mode=dark] .photo-map-page .panel__header{background:#1e1e1ef7;box-shadow:0 -2px 12px #0000004d}html[data-mode=dark] .photo-map-page .panel__title{color:#e0e0e0}html[data-mode=dark] .photo-map-page .panel__chevron:before,html[data-mode=dark] .photo-map-page .panel__chevron:after{background:#666}html[data-mode=dark] .photo-map-page .panel__back-arrow{background:#666}html[data-mode=dark] .photo-map-page .panel__back-arrow:before{border-color:#666}html[data-mode=dark] .photo-map-page .panel__back:hover .panel__back-arrow{background:#888}html[data-mode=dark] .photo-map-page .panel__back:hover .panel__back-arrow:before{border-color:#888}html[data-mode=dark] .photo-map-page .panel__content{background:#1c1c1cf2;box-shadow:0 4px 24px #0000004d}html[data-mode=dark] .photo-map-page .panel__loading,html[data-mode=dark] .photo-map-page .panel__empty{color:#666}html[data-mode=dark] .photo-map-page .sec{border-bottom-color:#ffffff14}html[data-mode=dark] .photo-map-page .sec__title{color:#e0e0e0}html[data-mode=dark] .photo-map-page .sec__header:hover .sec__title{color:#6b8aff}html[data-mode=dark] .photo-map-page .sec__arrow:after{border-color:#666}html[data-mode=dark] .photo-map-page .card{background:#2a2a2a}html[data-mode=dark] .photo-map-page .card:hover{box-shadow:0 4px 12px #0006}html[data-mode=dark] .photo-map-page .card-lg{background:#2a2a2a}html[data-mode=dark] .photo-map-page .card-lg:hover{box-shadow:0 4px 16px #0006}html[data-mode=dark] .photo-list__header{border-bottom-color:#ffffff14;color:#999}html[data-mode=dark] .photo-list__empty{color:#666}html[data-mode=dark] .photo-list__item{background:#2a2a2a}html[data-mode=dark] .photo-list__item:hover{box-shadow:0 4px 12px #0006}html[data-mode=dark] .photo-list__city{color:#fff}html[data-mode=dark] .photo-list__date{color:#ffffffbf}html[data-mode=dark] .photo-list__loading{color:#666}html[data-mode=dark] .photo-list__load-more{border-color:#444;background:#1e1e1e;color:#6b8aff}html[data-mode=dark] .photo-list__load-more:hover{background:#2a2a3a}html[data-mode=dark] .photo-detail{background:#1e1e1e}html[data-mode=dark] .photo-detail__header{border-bottom-color:#ffffff14}html[data-mode=dark] .photo-detail__title{color:#e0e0e0}html[data-mode=dark] .photo-detail__close{color:#666}html[data-mode=dark] .photo-detail__close:hover{background:#333;color:#e0e0e0}html[data-mode=dark] .photo-detail__loading{color:#666}html[data-mode=dark] .photo-detail__label{color:#999}html[data-mode=dark] .photo-detail__value{color:#e0e0e0}html[data-mode=dark] .photo-detail__tag{background:#4264fb26;color:#6b8aff}html[data-mode=dark] .lb{background:#000000f5}html[data-mode=dark] .lb__bar{background:#000c}html[data-mode=dark] .lb__popup{background:#141414fa}html[data-mode=dark] .pm-locate-btn{color:#ccc}html[data-mode=dark] .pm-locate-btn:hover{background:#ffffff14}