/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-02-05 23:02:54
 * Fingerprint: a47d25c65288206d
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
.moments-page{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-10);min-height:100vh;position:relative}.moments-container{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.moments-header{text-align:center;margin-bottom:var(--space-8);position:relative}.moments-stats{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-4)}.moments-stat{text-align:center}.moments-stat-num{font-size:1.5rem;font-weight:700;color:var(--color-accent);font-family:var(--font-mono)}.moments-stat-label{font-size:11px;color:var(--color-text-muted)}.moments-list{display:flex;flex-direction:column;gap:var(--space-5);position:relative}.moment-item{display:flex;gap:var(--space-3);align-items:flex-start;position:relative}.moment-item:not(:last-child)::before{content:'';position:absolute;left:20px;top:56px;bottom:-12px;width:2px;background:linear-gradient(to bottom,transparent 0%,var(--color-accent) 15%,var(--color-accent-secondary) 50%,var(--color-accent) 85%,transparent 100%);opacity:0.6;border-radius:var(--radius-full)}.moment-avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;object-fit:cover;border:3px solid var(--color-bg);box-shadow:0 2px 8px rgba(0,0,0,0.12),0 0 0 2px var(--color-accent);transition:all 0.3s ease;position:relative;z-index:2}.moment-avatar:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 4px 12px rgba(0,0,0,0.2),0 0 0 3px var(--color-accent)}.moment-bubble{flex:1;position:relative;background:var(--color-bg-soft);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid var(--color-border);transition:all 0.3s ease}.moment-bubble:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}.moment-bubble::after{content:'';position:absolute;left:-8px;top:14px;width:0;height:0;border-style:solid;border-width:6px 8px 6px 0;border-color:transparent var(--color-bg-soft) transparent transparent;filter:drop-shadow(-2px 0 1px rgba(0,0,0,0.05))}.moment-bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.moment-author{font-size:0.85rem;font-weight:600;color:var(--color-accent)}.moment-time{font-size:0.7rem;color:var(--color-text-muted)}.moment-content{font-size:0.9rem;line-height:1.7;color:var(--color-text);word-break:break-word}.moment-content p{margin:0}.moment-images{display:grid;gap:6px;margin-top:var(--space-2)}.moment-images.single{grid-template-columns:1fr;max-width:280px}.moment-images.double{grid-template-columns:repeat(2,1fr);max-width:320px}.moment-images.multiple{grid-template-columns:repeat(3,1fr)}.moment-img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;transition:all 0.3s ease}.moment-img:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.moment-images.single .moment-img{height:auto;max-width:200px;max-height:200px;object-fit:contain}.moment-media{display:grid;gap:8px;margin-top:var(--space-2)}.moment-media img{max-width:200px;max-height:200px;height:auto;object-fit:contain;border-radius:var(--radius-md);cursor:pointer;transition:all 0.3s ease}.moment-media img:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.moment-video{width:100%;max-height:300px;border-radius:var(--radius-md);background:var(--color-bg)}.moment-audio{width:100%;margin-top:var(--space-1)}.moment-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.moment-tag{font-size:0.7rem;padding:2px 10px;background:linear-gradient(135deg,rgba(var(--color-accent-rgb),0.1),rgba(var(--color-accent-rgb),0.05));border-radius:var(--radius-full);color:var(--color-accent);border:1px solid rgba(var(--color-accent-rgb),0.2);transition:all 0.3s ease}.moment-tag:hover{background:rgba(var(--color-accent-rgb),0.15)}.moment-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.moment-action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:0.75rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all 0.3s ease}.moment-action-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),0.05)}.moment-action-btn svg{width:14px;height:14px;transition:all 0.3s ease}.moment-comment-btn:hover,.moment-comment-btn.active{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),0.05)}.moment-comments{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);display:none}.moment-comments.active{display:block}.moment-comments .comment-widget{--halo-comment-widget-bg:transparent;--halo-comment-widget-border-radius:var(--radius-md)}.moment-stat-item{display:flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--color-text-muted)}.moment-stat-item svg{width:14px;height:14px}.moments-pagination{text-align:center;margin-top:var(--space-6);padding:var(--space-3)}.pagination-info{font-size:0.8rem;color:var(--color-text-muted)}.moments-empty{text-align:center;padding:var(--space-10);color:var(--color-text-muted)}.moments-empty svg{width:64px;height:64px;stroke:var(--color-text-muted);opacity:0.5;margin-bottom:var(--space-4)}@media (max-width:768px){.moments-container{padding:0 var(--space-3)}.moment-item::before{display:none}.moment-avatar{width:36px;height:36px}.moment-bubble{padding:var(--space-3)}.moment-media img{max-height:200px}.moment-video{max-height:200px}}