.moments-skeleton-wrap{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.moments-skeleton-item{position:relative;display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line-divider)}.moments-skeleton-item:last-child{border-bottom:none}.moments-skeleton-avatar{width:3rem;height:3rem;border-radius:999px}.moments-skeleton-content{display:flex;flex-direction:column;gap:.75rem}.moments-skeleton-line{height:.9rem;border-radius:999px}.moments-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.moments-skeleton-grid>div{aspect-ratio:1;border-radius:calc(var(--radius-large) - .25rem)}.moments-skeleton-block{position:relative;overflow:hidden;background:color-mix(in oklch,var(--card-bg) 80%,var(--line-divider) 20%)}.moments-skeleton-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);animation:momentsSkeleton 1.4s ease-in-out infinite}@keyframes momentsSkeleton{to{transform:translate(100%)}}.moments-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;padding:2rem 1rem}.moments-tag-filter{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;border:0;border-radius:.75rem;padding:.45rem .85rem;background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:600;transition:background-color .2s ease,color .2s ease,transform .2s ease}.moments-tag-filter:hover{background:var(--btn-regular-bg-hover);transform:translateY(-1px)}.moments-tag-filter.is-active{background:var(--primary);color:#fff}.moments-tag-filter-count{font-size:.75rem;opacity:.7}.moments-timeline{position:relative}.moments-timeline:before{content:"";position:absolute;top:0;bottom:0;left:4rem;width:1px;background:linear-gradient(to bottom,color-mix(in oklch,var(--primary) 22%,transparent),var(--line-divider))}.moment-item{position:relative;display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.25rem;padding:1.4rem 0;border-bottom:1px solid var(--line-divider)}.moment-item:last-child{border-bottom:none}.moment-timeline-dot{position:absolute;left:3.65rem;top:2rem;width:.7rem;height:.7rem;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch,var(--card-bg) 88%,transparent)}.moment-time{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding-top:.7rem;color:var(--content-meta);text-align:center}.moment-time-day{font-size:1.2rem;line-height:1;font-weight:800;color:var(--text-color)}.moment-time-month{font-size:.78rem;letter-spacing:.04em}.moment-main{position:relative;display:flex;flex-direction:column;gap:.95rem;min-width:0}.moment-header{display:flex;align-items:flex-start;gap:.85rem}.moment-avatar{width:2.75rem;height:2.75rem;border-radius:999px;object-fit:cover;border:1px solid var(--line-divider);flex-shrink:0}.moment-header-meta{min-width:0;display:flex;flex-direction:column;gap:.35rem}.moment-header-top{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.moment-username{font-size:1rem;font-weight:700;color:var(--text-color)}.moment-created-at{font-size:.78rem;color:var(--content-meta)}.moment-tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.moment-tag-badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;color:var(--primary);background:color-mix(in oklch,var(--primary) 14%,transparent);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent)}.moment-content{color:var(--text-color);line-height:1.85;font-size:.97rem;word-break:break-word}.moment-content:empty{display:none}.moment-content-link{color:var(--primary);text-decoration:none;font-weight:500}.moment-content-link:hover{text-decoration:underline}.moment-images{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);width:fit-content;max-width:100%}.moment-images.count-1{grid-template-columns:1fr;max-width:min(100%,28rem)}.moment-images.count-2{grid-template-columns:repeat(2,1fr);max-width:min(100%,30rem)}.moment-images.count-3{grid-template-columns:repeat(3,1fr);max-width:min(100%,34rem)}.moment-images.count-4{grid-template-columns:repeat(2,1fr);max-width:min(100%,30rem)}.moment-img-item{width:100%;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--radius-large) - .25rem);background:color-mix(in oklch,var(--card-bg) 85%,var(--line-divider) 15%);border:1px solid var(--line-divider);cursor:pointer;padding:0}.moment-img-item.single{aspect-ratio:auto;max-height:24rem}.moment-img-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.moment-img-item:hover img{transform:scale(1.04)}.moment-extension-block{border-radius:calc(var(--radius-large) - .25rem);overflow:hidden}.moment-link-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid var(--line-divider);background:color-mix(in oklch,var(--card-bg) 92%,var(--primary) 8%);text-decoration:none;color:inherit;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.moment-link-card:hover{border-color:color-mix(in oklch,var(--primary) 40%,transparent);background:color-mix(in oklch,var(--card-bg) 85%,var(--primary) 15%);transform:translateY(-1px)}.moment-link-card-icon{width:2.5rem;height:2.5rem;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--primary) 16%,transparent);color:var(--primary);font-weight:700;flex-shrink:0}.moment-link-card-body{min-width:0;display:flex;flex-direction:column;gap:.2rem}.moment-link-card-title{font-size:.95rem;font-weight:700;color:var(--text-color)}.moment-link-card-desc{font-size:.82rem;color:var(--content-meta);line-height:1.55}.moment-link-card-arrow{margin-left:auto;color:var(--content-meta);font-size:.78rem;flex-shrink:0}.moment-music{border:1px solid var(--line-divider);background:color-mix(in oklch,var(--card-bg) 90%,var(--line-divider) 10%)}.moment-music .aplayer{margin:0!important;background:transparent!important;box-shadow:none!important}.moment-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played,.moment-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded,.moment-music .aplayer .aplayer-list ol li.aplayer-list-light{background-color:var(--primary)!important}.moment-video{border:1px solid var(--line-divider);background:color-mix(in oklch,var(--card-bg) 90%,var(--line-divider) 10%)}.moment-video iframe{width:100%;display:block;aspect-ratio:16 / 9;border:0;min-height:15rem}.moment-comment-btn{position:absolute;right:.75rem;bottom:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:999px;background:transparent;color:var(--content-meta);opacity:.5;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.moment-comment-btn:hover{opacity:1;background:color-mix(in oklch,var(--card-bg) 76%,var(--line-divider) 24%);color:var(--text-color)}.moment-comment-btn:focus-visible{opacity:1;outline:2px solid var(--primary);outline-offset:2px}.moment-comment-btn-icon{font-size:1rem;line-height:1}.moments-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000eb;cursor:pointer;padding:2rem;box-sizing:border-box}.moments-lightbox.hidden{display:none}.moments-lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:1rem;display:block;cursor:default;box-shadow:0 1rem 3rem #00000059}.moments-lightbox-counter{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);color:#ffffffd1;font-size:.9rem;pointer-events:none}.moments-lightbox-close,.moments-lightbox-nav{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.moments-lightbox-close:hover,.moments-lightbox-nav:hover{background:#ffffff29;transform:scale(1.03)}.moments-lightbox-close{top:1.25rem;right:1.25rem;z-index:1;font-size:1.5rem;line-height:1}.moments-lightbox-prev{left:1.25rem}.moments-lightbox-next{right:1.25rem}@media(max-width:767px){.moments-timeline:before{display:none}.moment-item{grid-template-columns:1fr;gap:.85rem}.moment-timeline-dot,.moment-time{display:none}.moment-main{padding-left:0}.moments-skeleton-item{grid-template-columns:1fr}.moments-lightbox{padding:1rem}.moments-lightbox-nav{width:2.6rem;height:2.6rem}}@media(max-width:640px){.moment-header{align-items:center}.moment-images,.moment-images.count-3,.moment-images.count-5,.moment-images.count-6,.moment-images.count-7,.moment-images.count-8,.moment-images.count-9{grid-template-columns:repeat(2,1fr)}.moment-comment-btn{right:.35rem;bottom:.2rem}}
