.moment-notice{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:80px 24px}.moment-notice-icon{border-radius:var(--radius-full);background:var(--color-primary-bg);width:64px;height:64px;color:var(--color-primary);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.moment-notice-icon svg{width:32px;height:32px}.moment-notice h2{color:var(--color-text);margin-bottom:8px;font-size:1.25rem}.moment-notice p{color:var(--color-text-secondary);max-width:420px;margin:0 auto;font-size:14px;line-height:1.6}.moments-hero{border:1px solid var(--color-border);box-shadow:var(--shadow-md);isolation:isolate;border-radius:16px;margin-bottom:22px;position:relative;overflow:hidden}.moments-hero-bg{z-index:0;position:absolute;inset:0}.moments-hero-bg img{object-fit:cover;width:100%;height:100%}.moments-hero-bg--fallback{z-index:0;background:radial-gradient(60% 80% at 92% 8%,#a7f3d080 0%,#0000 60%),radial-gradient(70% 90% at 8% 100%,#6ee7b766 0%,#0000 55%),linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 38%,#a7f3d0 62%,#6ee7b7 100%);position:absolute;inset:0}[data-theme=dark] .moments-hero-bg--fallback{background:radial-gradient(60% 80% at 92% 8%,#10b98159 0%,#0000 60%),radial-gradient(70% 90% at 8% 100%,#05966940 0%,#0000 55%),linear-gradient(135deg,#042f2e 0%,#064e3b 38%,#065f46 62%,#0f172a 100%)}.moments-hero-bg--fallback:before{content:"";background-image:radial-gradient(#10b9811a 1px,#0000 1px),radial-gradient(#10b9810f 1px,#0000 1px);background-position:0 0,14px 14px;background-size:28px 28px,56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0006 0%,#0000 70%);mask-image:linear-gradient(#0006 0%,#0000 70%)}[data-theme=dark] .moments-hero-bg--fallback:before{background-image:radial-gradient(#a7f3d026 1px,#0000 1px),radial-gradient(#a7f3d014 1px,#0000 1px)}.moments-hero-overlay{z-index:1;background:linear-gradient(#0000 0% 50%,#f8fafc4d 100%);position:absolute;inset:0}[data-theme=dark] .moments-hero-overlay{background:linear-gradient(#0000001a 0%,#0006 60%,#000000b3 100%)}.moments-hero-content{z-index:2;text-align:left;flex-direction:column;align-items:flex-start;gap:16px;padding:22px 36px;display:flex;position:relative}.moments-hero-left{flex-direction:column;align-items:flex-start;display:flex}.moments-hero-eyebrow{letter-spacing:.08em;color:#fff;background:var(--color-primary);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.moments-hero-eyebrow svg{width:14px;height:14px}.moments-hero-left h1{color:#064e3b;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.2}.moments-hero-desc{color:#065f46;opacity:.85;max-width:520px;margin-bottom:24px;font-size:14px;line-height:1.6}[data-theme=dark] .moments-hero-left h1{color:#f1f5f9;text-shadow:0 2px 8px #00000080}[data-theme=dark] .moments-hero-desc{color:#f1f5f9d9;text-shadow:0 1px 4px #0006}.moments-hero-stats{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.moments-hero-stat{align-items:center;gap:10px;display:flex}.moments-hero-stat-icon{color:#0f766e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-theme=dark] .moments-hero-stat-icon{color:#6ee7b7;background:#ffffff1f}.moments-hero-stat-icon svg{width:18px;height:18px}.moments-hero-stat-text{flex-direction:column;gap:0;display:flex}.moments-hero-stat-num{color:#064e3b;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.2}.moments-hero-stat-label{color:#0f766e;opacity:.7;font-size:12px}[data-theme=dark] .moments-hero-stat-num{color:#f1f5f9}[data-theme=dark] .moments-hero-stat-label{color:#f1f5f9b3}.moments-hero-stat-divider{background:#0f766e33;flex-shrink:0;width:1px;height:28px}[data-theme=dark] .moments-hero-stat-divider{background:#ffffff26}.moments-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.moment-tags{flex-wrap:wrap;gap:8px;display:flex}.moment-tag{border-radius:var(--radius-full);background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:var(--transition);align-items:center;gap:6px;padding:6px 14px;font-size:13px;text-decoration:none;display:inline-flex}.moment-tag:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.moment-tag.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.moment-tag small{opacity:.75;padding-left:2px;font-size:11px}.moments-toolbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.moment-sort{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;padding:3px;display:inline-flex}.moment-sort-item{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:var(--transition);padding:5px 12px;font-size:13px;text-decoration:none}.moment-sort-item:hover{color:var(--color-primary)}.moment-sort-item.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.btn-publish{border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-publish svg{width:15px;height:15px}.moment-feed{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:2px 20px;display:flex}.moment-card{border-bottom:1px solid var(--color-border);gap:14px;padding:20px 0;display:flex}.moment-card:last-child{border-bottom:none}.moment-avatar{border-radius:var(--radius-full);background:var(--color-primary-bg);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.moment-avatar img{object-fit:cover;width:100%;height:100%;display:block}.moment-body{flex:1;min-width:0}.moment-header-line{flex-direction:column;gap:2px;display:flex}.moment-header-main{align-items:center;gap:8px;display:flex}.moment-name{color:var(--color-text);font-size:15px;font-weight:700;text-decoration:none}.moment-name:hover{color:var(--color-primary)}.moment-level{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);padding:1px 7px;font-size:11px;font-weight:700}.moment-level--1{color:#64748b;background:#f1f5f9}.moment-level--2{color:#10b981;background:#ecfdf5}.moment-level--3{color:#3b82f6;background:#eff6ff}.moment-level--4{color:#a855f7;background:#faf5ff}.moment-level--5{color:#f97316;background:#fff7ed}.moment-level--6{color:#ef4444;background:#fef2f2}[data-theme=dark] .moment-level--1{color:#94a3b8;background:#64748b26}[data-theme=dark] .moment-level--2{color:#34d399;background:#10b98126}[data-theme=dark] .moment-level--3{color:#60a5fa;background:#3b82f626}[data-theme=dark] .moment-level--4{color:#c084fc;background:#a855f726}[data-theme=dark] .moment-level--5{color:#fb923c;background:#f9731626}[data-theme=dark] .moment-level--6{color:#f87171;background:#ef444426}.moment-sub-line{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.moment-dot{color:var(--color-text-muted)}.moment-category{color:var(--color-primary);font-weight:500}.moment-content{color:var(--color-text);word-break:break-word;margin-top:8px;font-size:15px;line-height:1.7}.moment-content p{margin:0 0 10px}.moment-content p:last-child{margin-bottom:0}.moment-content img{border-radius:var(--radius-md);max-width:100%;margin:8px 0}.moment-content a{color:var(--color-primary);border-bottom:1px solid var(--color-primary-border);text-decoration:none}.moment-content a:hover{border-bottom-color:var(--color-primary)}.moment-tags-inline{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.moment-tag-inline{color:var(--color-primary);transition:var(--transition);font-size:13px;text-decoration:none}.moment-tag-inline:hover{text-decoration:underline}.moment-media{grid-template-columns:repeat(3,1fr);gap:6px;max-width:420px;margin-top:12px;display:grid}.moment-media.is-single{grid-template-columns:1fr;max-width:260px}.moment-media.is-single .moment-media-item{aspect-ratio:auto}.moment-media.is-single .moment-media-photo img{object-fit:contain;height:auto;max-height:320px}.moment-media.is-duo,.moment-media.is-four{grid-template-columns:repeat(2,1fr);max-width:320px}.moment-media-item{aspect-ratio:1;background:var(--color-bg);border-radius:8px;position:relative;overflow:hidden}.moment-media-photo{display:block}.moment-media-photo img{object-fit:cover;cursor:zoom-in;width:100%;height:100%;transition:var(--transition);display:block}.moment-media-photo:hover img{opacity:.92;transform:scale(1.03)}.moment-media-video,.moment-media-audio,.moment-media-post{grid-column:1/-1}.moment-media-video{aspect-ratio:16/9}.moment-media-video video,.moment-media-audio audio{border-radius:8px;width:100%;height:100%;display:block}.moment-media-post{background:var(--color-primary-bg);color:var(--color-primary);transition:var(--transition);border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.moment-media-post:hover{filter:brightness(.97)}.moment-media-post svg{flex-shrink:0;width:18px;height:18px}.moment-interactions{align-items:center;gap:2px;margin-top:14px;display:flex}.moment-interaction{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.moment-interaction:hover{color:var(--color-primary)}.moment-like:hover{color:#ef4444}.moment-like:hover svg{stroke:#ef4444}.moment-like.liked{color:#ef4444}.moment-like.liked svg{fill:#ef4444;stroke:#ef4444}.moment-like.liked .moment-like-count{color:#ef4444}.moment-comment:hover{color:var(--color-primary)}.moment-share:hover{color:#10b981}.moment-interaction svg{width:18px;height:18px;transition:var(--transition)}.moment-interaction span{text-align:center;min-width:14px}.moment-detail-link{border-radius:var(--radius-sm);color:var(--color-text-muted);white-space:nowrap;transition:var(--transition);align-items:center;gap:4px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.moment-detail-link svg{width:15px;height:15px;transition:transform .2s}.moment-detail-link:hover{color:var(--color-primary);background:var(--color-primary-bg)}.moment-detail-link:hover svg{transform:translate(3px)}.moment-load-more{border-radius:var(--radius-full);background:var(--color-card);border:1px solid var(--color-border);max-width:240px;color:var(--color-primary);transition:var(--transition);justify-content:center;align-items:center;gap:6px;margin:28px auto 0;padding:12px 20px;font-size:14px;text-decoration:none;display:flex}.moment-load-more:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.moment-load-more.loading{opacity:.7;pointer-events:none}.moment-load-more span{display:inline-block}.moment-load-more svg{width:18px;height:18px;transition:var(--transition)}.moment-load-more.loading svg{animation:.8s linear infinite moment-spin}@keyframes moment-spin{to{transform:rotate(360deg)}}.moment-back{color:var(--color-text-secondary);transition:var(--transition);align-items:center;gap:6px;margin-bottom:16px;font-size:14px;text-decoration:none;display:inline-flex}.moment-back:hover{color:var(--color-primary)}.moment-back svg{width:18px;height:18px}.moment-detail{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:16px;padding:22px 24px;display:flex}.moment-detail .moment-avatar--lg{width:56px;height:56px;font-size:22px}.moment-detail .moment-body{flex:1;min-width:0}.moment-detail .moment-content{margin-top:8px;font-size:16px}.moment-detail .moment-media{max-width:560px}.moment-detail .moment-media.is-single{max-width:300px}.moment-detail .moment-media.is-single .moment-media-photo img{max-height:420px}.widget-moments-profile{padding:18px}.widget-moments-profile-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.widget-moments-profile-header strong{color:var(--color-text);font-size:15px;font-weight:700}.widget-moments-profile-header a{color:var(--color-text-muted);font-size:12px;text-decoration:none}.widget-moments-profile-header a:hover{color:var(--color-primary)}.widget-moments-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.widget-moments-stat{background:var(--color-bg);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:2px;padding:12px;display:flex}.widget-moments-stat-num{color:var(--color-text);font-size:1.15rem;font-weight:800}.widget-moments-stat-label{color:var(--color-text-muted);font-size:12px}.widget-moments-tags .widget-title{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.widget-moments-tags .widget-title a{color:var(--color-text-muted);font-size:12px;text-decoration:none}.widget-moments-tags .widget-title a:hover{color:var(--color-primary)}.widget-moments-tag-list{flex-wrap:wrap;gap:8px;display:flex}.widget-moments-tag{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:var(--transition);align-items:center;gap:5px;padding:5px 11px;font-size:13px;text-decoration:none;display:inline-flex}.widget-moments-tag:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.widget-moments-tag small{color:var(--color-text-muted);font-size:11px}.widget-moments-users .widget-title{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.widget-moments-users .widget-title a{color:var(--color-text-muted);font-size:12px;text-decoration:none}.widget-moments-user-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.widget-moments-user{align-items:center;gap:10px;display:flex}.widget-moments-user-avatar{border-radius:var(--radius-full);background:var(--color-primary-bg);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.widget-moments-user-avatar img{object-fit:cover;width:100%;height:100%}.widget-moments-user-info{flex-direction:column;gap:1px;min-width:0;display:flex}.widget-moments-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.widget-moments-user-name-row{align-items:center;gap:5px;min-width:0;display:flex}.widget-moments-user-level{border-radius:var(--radius-full);flex-shrink:0;padding:0 5px;font-size:10px;font-weight:700;line-height:1.6}.widget-moments-user-count{color:var(--color-text-muted);font-size:12px}.widget-moments-user-count strong{color:var(--color-primary);font-weight:700}.widget-moments-calendar .widget-title{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.widget-moments-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.widget-moments-weekday{color:var(--color-text-muted);padding:4px 0;font-size:11px}.widget-moments-day{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-secondary);cursor:default;justify-content:center;align-items:center;margin:0 auto;font-size:12px;display:flex}.widget-moments-day.has-moment{background:var(--color-primary-bg);color:var(--color-primary);cursor:pointer;font-weight:700}.widget-moments-day.has-moment:hover{background:var(--color-primary);color:#fff}.widget-moments-day.is-today{background:var(--color-primary);color:#fff;font-weight:700}.widget-moments-calendar-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.widget-moments-calendar-month{color:var(--color-text);text-align:center;margin-bottom:0;font-size:14px;font-weight:700}.widget-moments-calendar-nav{gap:4px;display:flex}.widget-moments-calendar-nav button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.widget-moments-calendar-nav button:hover{border-color:var(--color-primary);color:var(--color-primary)}.widget-moments-calendar-nav button svg{width:12px;height:12px}.widget-moments-day.is-other-month{color:var(--color-text-muted);opacity:.4}.moment-lightbox{z-index:9999;opacity:0;visibility:hidden;background:#000000eb;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.moment-lightbox.is-open{opacity:1;visibility:visible}.moment-lightbox-stage{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.moment-lightbox-img{object-fit:contain;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4px;max-width:90vw;max-height:90vh;transition:transform .1s}.moment-lightbox-img.is-dragging{cursor:grabbing;transition:none}.moment-lightbox-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.moment-lightbox-close:hover{background:#ffffff4d}.moment-lightbox-close svg{width:22px;height:22px}.moment-lightbox-nav{color:#fff;cursor:pointer;z-index:2;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.moment-lightbox-nav:hover{background:#ffffff47}.moment-lightbox-nav svg{width:24px;height:24px}.moment-lightbox-prev{left:20px}.moment-lightbox-next{right:20px}.moment-lightbox-counter{color:#fffc;z-index:2;background:#ffffff1f;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.moment-lightbox-hint{color:#fff6;z-index:2;font-size:12px;position:absolute;bottom:20px;right:20px}@media (width<=768px){.moment-lightbox-nav{width:36px;height:36px}.moment-lightbox-prev{left:10px}.moment-lightbox-next{right:10px}.moment-lightbox-hint{display:none}}@media (width<=1024px){.moments-hero-content{padding:22px 28px}.moments-toolbar{flex-direction:column;align-items:flex-start}.moments-toolbar-actions{justify-content:space-between;width:100%}}@media (width<=768px){.moments-hero-content{padding:18px}.moments-hero-left h1{font-size:1.7rem}.moments-hero-stats{flex-wrap:wrap;gap:14px}.moments-hero-stat-icon{width:30px;height:30px}.moments-hero-stat-num{font-size:1.1rem}.moment-tags{gap:6px}.moment-tag{padding:5px 11px;font-size:12px}.moments-toolbar-actions{flex-wrap:wrap;gap:10px}.moment-feed{padding:2px 14px}.moment-card{gap:12px;padding:16px 0}.moment-avatar{width:42px;height:42px;font-size:16px}.moment-detail{gap:12px;padding:16px 14px}.moment-detail .moment-avatar--lg{width:48px;height:48px;font-size:18px}.moment-media{gap:4px;max-width:none}.moment-media.is-single{max-width:200px}.moment-interactions{max-width:none}}