.fcircle{max-width:1400px;margin:0 auto;padding:16px}.fcircle .moments-list{display:block}.fcircle .title-section{display:flex;align-items:center;justify-content:space-between;margin:24px 0 16px}.fcircle .title-left{display:flex;align-items:center;gap:8px}.fcircle .title-section h2{margin:0;font-size:16px;font-weight:500;color:var(--md-on-surface);line-height:32px}.fcircle .fc-refresh{width:28px;height:28px;border:none;background:transparent;color:var(--md-on-surface-variant);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:color .18s ease,background-color .18s ease}.fcircle .fc-refresh:hover{color:var(--md-primary);background:var(--md-surface-container)}.fcircle .fc-refresh:disabled{opacity:.5;cursor:wait}.fcircle .fc-refresh.spinning svg{animation:fc-spin .9s linear infinite}@keyframes fc-spin{to{transform:rotate(360deg)}}.fcircle .moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fcircle .fc-card{position:relative;min-height:118px;padding:14px;border:1px solid color-mix(in srgb,var(--md-primary) 14%,var(--md-outline-variant));border-radius:16px;background:var(--md-surface);overflow:hidden;box-sizing:border-box;animation:fc-card-in .35s ease both;transition:border-color .3s ease-out,box-shadow .3s ease-out,transform .3s ease-out}.fcircle .fc-card:hover{border-color:var(--md-primary);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--md-primary) 30%,transparent);transform:translateY(-2px)}@keyframes fc-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fcircle .fc-card-title{position:relative;z-index:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--md-on-surface);font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;word-break:break-word;transition:color .2s ease}.fcircle .fc-card-title:hover{color:var(--md-primary)}.fcircle .fc-author{position:absolute;left:13px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 118px);padding:4px 10px 4px 5px;border:1px solid color-mix(in srgb,var(--md-primary) 12%,var(--md-outline-variant));border-radius:999px;background:color-mix(in srgb,var(--md-surface-container) 82%,transparent)}.fcircle .fc-author img{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.fcircle .fc-author span{font-size:12px;color:var(--md-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcircle .fc-date{position:absolute;right:14px;bottom:16px;z-index:2;font-size:12px;color:var(--md-on-surface-variant);opacity:.8;font-variant-numeric:tabular-nums}.fcircle .fc-card-bg{position:absolute;right:-16px;bottom:-24px;z-index:0;width:104px;height:104px;border-radius:50%;-o-object-fit:cover;object-fit:cover;opacity:.14;filter:saturate(.9);pointer-events:none;transition:transform .3s ease-out}.fcircle .fc-card:hover .fc-card-bg{transform:scale(1.08) translate(-4px,-4px)}html.dark .fcircle .fc-card-bg{opacity:.2}.fcircle .moments-footer{margin-top:8px;padding:12px 8px 4px;border-top:1px solid var(--md-outline-variant);font-size:13px;line-height:26px;color:var(--md-on-surface-variant)}.fcircle .moments-footer .footer-content{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}.fcircle .moments-footer .footer-info{display:flex;align-items:center;gap:16px;margin-right:auto}.fcircle .moments-footer .info-item{display:inline-flex;align-items:center;gap:4px}.fcircle .moments-footer .info-item .label{opacity:.7}.fcircle .moments-footer .info-item .value{font-weight:600;color:var(--md-on-surface)}.fcircle .moments-footer .footer-setting .update-time{opacity:.85}.fcircle-comment{padding-top:0}.fcircle .fc-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--md-on-surface-variant)}.fcircle .fc-loading .kumo-loader{--loader-size: 22px;--loader-width: 2px}.fcircle .fc-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--md-on-surface-variant)}.fcircle .fc-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.fcircle .fc-empty p{margin:0;font-size:var(--md-body-medium)}.fcircle .fc-empty.fc-error .fc-empty-icon{color:#ef4444}.fcircle .fc-pager{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0 12px}.fcircle .fc-pager-info{font-size:13px;color:var(--md-on-surface-variant);text-align:center}.fcircle .fc-pager-info .tabular-nums{font-variant-numeric:tabular-nums}.fcircle .fc-pager-controls{display:inline-flex;align-items:center;height:36px;border-radius:8px;background:var(--md-surface-container);box-sizing:border-box}.fcircle .fc-pager-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:36px;padding:0;box-sizing:border-box;border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.fcircle .fc-pager-btn:not(:disabled):hover{background:color-mix(in srgb,var(--md-primary) 7%,var(--md-surface))}.fcircle .fc-pager-btn:focus-visible{border-color:var(--md-primary);outline:none}.fcircle .fc-pager-btn:disabled{background:var(--md-surface-container);color:var(--md-on-surface-variant);opacity:.55;cursor:not-allowed}.fcircle .fc-pager-controls>*{margin-left:-1px}.fcircle .fc-pager-controls>*:first-child{margin-left:0;border-radius:8px 0 0 8px}.fcircle .fc-pager-controls>*:last-child{border-radius:0 8px 8px 0}.fcircle .fc-pager-controls>*:hover,.fcircle .fc-pager-controls>*:focus-visible{position:relative;z-index:1}.fcircle .fc-pager-input{width:50px;height:36px;box-sizing:border-box;border:1px solid var(--md-outline-variant);border-radius:0;background:transparent;color:var(--md-on-surface);font-size:14px;text-align:center;outline:none;font-variant-numeric:tabular-nums}.fcircle .fc-pager-input:focus{border-color:color-mix(in srgb,var(--md-primary) 50%,var(--md-outline-variant))}@media(max-width:1024px){.fcircle .moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.fcircle{padding:.5rem .75rem 1.5rem}.fcircle .title-section{margin:16px 0 12px}.fcircle .moments-grid{grid-template-columns:1fr}}