:root{--alltuu-blue:#054ef7;--alltuu-blue-soft:#054ef71f;--bg-page:#000;--bg-panel:#000;--bg-desktop:#ebebeb;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-muted:#ffffff61;--line-soft:#ffffff14;--danger:#ff4d6a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100vh;color:var(--text-primary);background:var(--bg-page);margin:0}button{font:inherit;cursor:pointer}.album-page{background:var(--bg-page);max-width:100%;margin:0 auto;padding:0 0 24px}.album-header{background:var(--bg-page)}.album-banner{background:#111;width:100%;overflow:hidden}.banner-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.album-info{padding:14px 16px 6px}.title-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.album-title{color:#fffffff2;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.view-badge{background:var(--alltuu-blue);color:#fff;white-space:nowrap;letter-spacing:.02em;border-radius:3px;flex-shrink:0;align-items:center;height:22px;margin-top:1px;padding:0 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.meta-block{gap:5px;margin-bottom:8px;display:grid}.meta-line{color:#ffffff80;align-items:center;gap:5px;margin:0;font-size:12px;line-height:1.45;display:flex}.meta-icon{color:#ffffff59;flex-shrink:0;font-size:13px}.photo-count{color:#ffffff61;margin:0;font-size:12px;line-height:1.4}.photo-count-num{color:#ffffff8c;font-weight:500}.tabs-wrap{z-index:30;background:var(--bg-panel);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.live-tabs{align-items:center;gap:24px;padding:10px 14px 0;display:flex}.live-tab{color:var(--text-secondary);background:0 0;border:none;padding:0 0 10px;font-size:16px;font-weight:600;line-height:1.2;position:relative}.live-tab.active{color:var(--alltuu-blue)}.live-tab.active:after{content:"";background:var(--alltuu-blue);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.tools{align-items:center;gap:12px;margin-left:auto;padding-bottom:8px;display:flex}.tool-btn{width:22px;height:22px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex}.tool-btn:active{color:var(--alltuu-blue)}.category-tabs{scrollbar-width:none;gap:20px;padding:10px 14px 12px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.tab-item{color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1.2}.tab-item.active{color:var(--alltuu-blue);font-weight:600}.photo-gallery{min-height:200px;padding:6px 4px 0}.photo-gallery.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.photo-gallery.layout-grid.dense{gap:2px}.photo-gallery.layout-masonry{column-count:2;column-gap:4px}.photo-gallery.layout-masonry.dense{column-gap:2px;padding:4px 2px 0}.photo-card{cursor:zoom-in;content-visibility:auto;contain-intrinsic-size:auto 180px;background:#111;border-radius:2px;overflow:hidden}.photo-gallery.layout-masonry .photo-card{break-inside:avoid;margin-bottom:4px}.photo-gallery.layout-masonry.dense .photo-card{margin-bottom:2px}.photo-frame{background:#141414;width:100%;position:relative;overflow:hidden}.photo-image{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .22s;display:block;position:absolute;inset:0}.photo-link{color:inherit;line-height:0;text-decoration:none;display:block}.photo-image.is-loaded{opacity:1}.photo-gallery.layout-grid .photo-card{contain-intrinsic-size:auto 135px}.photo-gallery.layout-grid .photo-frame,.photo-gallery.layout-grid .photo-fallback,.photo-gallery.layout-grid .photo-skeleton{aspect-ratio:203/135}.photo-skeleton{aspect-ratio:1;background:#1a1a1a;animation:1.2s ease-in-out infinite skeleton-pulse}.photo-fallback{width:100%;min-height:0;color:var(--text-muted);background:#141414;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.retry-btn{background:var(--alltuu-blue-soft);color:var(--alltuu-blue);border:none;border-radius:4px;padding:4px 12px;font-size:12px}.state-text{text-align:center;color:var(--text-muted);margin:20px 0 8px;font-size:13px}.state-error{color:var(--danger)}.empty-state{justify-items:center;gap:10px;margin:32px auto 8px;display:grid}.empty-illustration{opacity:.5;filter:grayscale();width:min(200px,55vw)}.load-more-anchor{height:1px}.preview-mask{z-index:99;background:#000000f2;justify-content:center;align-items:center;padding:48px 0 0;display:flex;position:fixed;inset:0}.preview-image{object-fit:contain;width:auto;max-width:min(100vw - 24px,1200px);height:auto;max-height:calc(100vh - 48px)}.preview-close,.preview-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none}.preview-close{border-radius:4px;padding:6px 12px;font-size:14px;position:absolute;top:12px;right:12px}.preview-nav{border-radius:4px;padding:8px 10px;font-size:13px;position:absolute;top:50%;transform:translateY(-50%)}.preview-prev{left:8px}.preview-next{right:8px}.pswp{--pswp-bg:#000}@media (width>=768px){html,body,#app{background:var(--bg-desktop);color:#333}.album-page{background:var(--bg-desktop);max-width:1200px;padding:0 0 32px}.album-header{background:#fff;margin-top:0}.album-banner{max-height:420px}.banner-img{aspect-ratio:21/9;max-height:420px}.album-info{background:#fff;padding:16px 20px 8px}.album-title{color:#222;-webkit-line-clamp:2;font-size:20px}.photo-count-num{color:#666}.meta-line{color:#888;font-size:14px}.photo-count{color:#aaa}.tabs-wrap{background:#fff;border-bottom:1px solid #eee}.live-tabs{padding:12px 20px 0}.live-tab{color:#666;font-size:18px}.live-tab.active{color:var(--alltuu-blue)}.tool-btn{color:#999}.category-tabs{padding:10px 20px 14px}.tab-item{color:#666;font-size:15px}.tab-item.active{color:var(--alltuu-blue)}.photo-gallery.layout-masonry{column-count:4;column-gap:3px;padding:6px 4px 0}.photo-gallery.layout-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.photo-gallery.layout-masonry .photo-card{margin-bottom:3px}.state-text{color:#999}}@media (width>=1200px){.album-page{max-width:1400px}.photo-gallery.layout-masonry{column-count:5}.photo-gallery.layout-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:.85}}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}
