:root{color-scheme:light;--text:#111827;--muted:#9ca3af;--icon:#343a40;--page:#edf2fa;--bg:#fff;--hover:#f5f7fa;--rule:#e5e7eb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.app{width:min(100%,584px);min-height:100vh;margin:0 auto;background:var(--bg);overflow:hidden}.home{border-top:1px solid var(--rule)}.media-list{display:grid;gap:6px;padding:26px 28px}.media-item{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;min-height:66px;padding:8px 12px;border-radius:12px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .15s ease}.media-item:hover{background:var(--hover)}.media-item:active{transform:scale(.99)}.media-item:focus-visible,.icon-button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.media-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--icon)}.media-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.media-text{margin:0 0 0 38px;font-size:19px;line-height:1.3;white-space:nowrap}.chevron{color:#9ca3af;font-size:26px;font-weight:300;line-height:1;text-align:right}.topbar{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:76px;padding:0 10px}.topbar h1{display:flex;height:46px;align-items:center;margin:0;font-size:25px;font-weight:500;line-height:1}.icon-button{display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:50%;background:transparent;color:#9b9b9b;text-decoration:none}.icon-button:hover{background:#f3f4f6}.back-arrow{position:relative;display:block;width:30px;height:2px;background:currentColor}.back-arrow:before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-50%) rotate(45deg);transform-origin:center}.empty-wrap{display:grid;min-height:calc(100vh - 76px);place-items:center;padding:32px}.empty-state{display:grid;justify-items:center;color:var(--muted);text-align:center}.empty-state p{margin:18px 0 0;font-size:17px}.empty-image{position:relative;width:62px;height:50px;border:3px solid #c2c7cf;border-radius:7px}.empty-image:before{content:"";position:absolute;width:8px;height:8px;top:9px;left:11px;border:3px solid #c2c7cf;border-radius:50%}.empty-video{position:relative;width:64px;height:48px;border:3px solid #c2c7cf;border-radius:8px}.empty-video:after{content:"";position:absolute;width:16px;height:20px;top:11px;right:-15px;border:3px solid #c2c7cf;border-left:0;border-radius:0 6px 6px 0}.month{padding:18px 18px 10px;font-size:19px;font-weight:600}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 3px 18px}.image-grid a{display:block;aspect-ratio:1;overflow:hidden;background:#eef0f3}.image-grid img{width:100%;height:100%;display:block;object-fit:cover}.video-list{display:grid;gap:18px;padding:8px 14px 30px}.video-card{overflow:hidden;border:1px solid var(--rule);border-radius:14px;background:#fff}.video-card video{display:block;width:100%;max-height:68vh;background:#111}.video-meta{padding:12px 14px}.video-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.video-meta span{display:block;margin-top:5px;color:#777;font-size:12px}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:64px minmax(0,1fr) 58px;background:rgba(7,8,12,.96);color:#fff;overscroll-behavior:contain}.lightbox-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:rgba(255,255,255,.82);font-size:14px}.lightbox-close,.lightbox-nav,.lightbox-stage{border:0;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.lightbox-close{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;font-size:34px;font-weight:200}.lightbox-close:hover,.lightbox-nav:hover{background:rgba(255,255,255,.1)}.lightbox-nav{align-self:center;width:54px;height:74px;border-radius:14px;font-size:58px;font-weight:200;line-height:1}.lightbox-prev{grid-column:1;grid-row:2;justify-self:center}.lightbox-next{grid-column:3;grid-row:2;justify-self:center}.lightbox-stage{grid-column:2;grid-row:2;display:grid;width:100%;height:100%;place-items:center;padding:8px;cursor:e-resize}.lightbox-stage img{display:block;max-width:100%;max-height:calc(100vh - 138px);object-fit:contain;user-select:none;-webkit-user-drag:none}.lightbox-caption{grid-column:1/-1;overflow:hidden;padding:12px 20px;color:rgba(255,255,255,.72);font-size:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.lightbox{grid-template-columns:48px minmax(0,1fr) 48px}.lightbox-nav{width:44px;height:64px;font-size:48px}.lightbox-stage{padding:2px}.lightbox-stage img{max-height:calc(100vh - 122px)}}@media(max-width:420px){.media-list{padding:22px 12px}.media-item{grid-template-columns:34px minmax(0,1fr) 22px}.media-text{margin-left:26px;font-size:18px}.topbar{grid-template-columns:58px minmax(0,1fr);padding:0 4px}.topbar h1{font-size:23px}}