.split-viewport{width:100vw;height:calc(100vh - 72px);margin-top:72px;display:flex}.sidebar-timeline{background:#ffffff03;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:420px;height:100%;display:flex;position:relative;overflow:visible!important}.timeline-header{z-index:50;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;display:flex;position:relative;overflow:visible!important}.timeline-header h2{color:#fff;white-space:nowrap;font-family:Noto Sans SC,sans-serif;font-size:1.05rem}.filter-selectors{align-items:center;gap:6px;display:flex}.minimal-btn.mobile-only{display:none!important}.minimal-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:inline-flex}.minimal-btn:hover{background:#ffffff1f;border-color:#ffffff40}.minimal-btn svg{width:16px;height:16px}.custom-dropdown{display:inline-block;position:relative}.custom-dropdown-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;align-items:center;gap:6px;padding:6px 10px;font-family:Noto Sans SC,sans-serif;font-size:.78rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.custom-dropdown-btn:hover{background:#ffffff1a;border-color:#ffffff38}.chevron-icon{opacity:.6;width:12px;height:12px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.custom-dropdown.open .chevron-icon{transform:rotate(180deg)}.custom-dropdown-menu{background:var(--glass-bg,#14141aeb);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border,#ffffff1f);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;min-width:110px;max-height:220px;padding:6px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility 0s linear .2s;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;transform:translateY(-8px)scale(.95);box-shadow:0 16px 40px #00000080;z-index:999!important}.custom-dropdown.open .custom-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility linear;transform:translateY(0)scale(1)}.custom-dropdown-item{color:#aaa;cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 12px;font-family:Noto Sans SC,sans-serif;font-size:.8rem;transition:background .15s,color .15s}.custom-dropdown-item:hover{color:#fff;background:#ffffff1a}.custom-dropdown-item.selected{color:#fff;background:#ffffff2e;font-weight:700}.timeline-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0,0)}}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translate(0,0)}}@keyframes cardCascadeIn{0%{opacity:0;transform:translateY(42px)scale(.94)}70%{opacity:.9;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translate(0,0)scale(1)}}.animate-sidebar{animation:.6s cubic-bezier(.16,1,.3,1) both fadeSlideIn}.animate-item{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) both itemFadeIn}.timeline-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:14px;padding:12px;transition:all .25s;display:flex}.timeline-item:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translate(2px)}.timeline-item.active{background:#ffffff14;border-color:#ffffff40}.date-col{flex-direction:column;align-items:flex-start;min-width:42px;display:flex}.day-num{color:#fff;font-family:Noto Sans SC,sans-serif;font-size:1.25rem;font-weight:900;line-height:1.1}.month-text{color:#aaa;font-size:.75rem}.thumb-col{background:#111;border-radius:6px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.thumb-col img{object-fit:cover;width:100%;height:100%}.info-col{flex:1;overflow:hidden}.item-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;margin-bottom:2px;font-family:Noto Sans SC,sans-serif;font-size:.9rem;font-weight:700;overflow:hidden}.item-sub{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.main-detail-area{background:#050505;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.detail-scroll-container{flex-direction:column;flex:1;align-items:center;padding:40px;display:flex;position:relative;overflow-y:auto}.detail-card{width:100%;max-width:640px;padding-bottom:60px;display:none}.detail-card.active{display:block}.detail-user-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.avatar-box{color:#fff;background:linear-gradient(135deg,#222,#555);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-family:Noto Sans SC,sans-serif;font-size:1.1rem;font-weight:900;display:flex;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.author-name{color:#fff;margin-bottom:2px;font-family:Noto Sans SC,sans-serif;font-size:1.05rem;font-weight:700}.detail-title-text{color:#aaa;font-size:.92rem}.detail-desc{color:#f0f0f0;word-break:break-word;margin-bottom:24px;font-size:1.06rem;line-height:1.75;white-space:pre-wrap!important}.lazy-img{opacity:0;will-change:opacity;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.lazy-img.loaded{opacity:1}.detail-media-grid{border-radius:10px;gap:8px;width:100%;margin-bottom:24px;display:grid;overflow:hidden}.detail-media-grid.count-1{grid-template-columns:320px;max-width:320px}.detail-media-grid.count-1 .media-box{aspect-ratio:4/5;border-radius:10px;width:100%}.detail-media-grid.count-1 .media-box img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.detail-media-grid.count-2{grid-template-columns:repeat(2,1fr);max-width:380px}.detail-media-grid.count-3{grid-template-columns:repeat(3,1fr);max-width:440px}.detail-media-grid.count-4{grid-template-columns:repeat(2,1fr);max-width:320px}.detail-media-grid.count-5,.detail-media-grid.count-6,.detail-media-grid.count-7,.detail-media-grid.count-8,.detail-media-grid.count-9{grid-template-columns:repeat(3,1fr);max-width:440px}.media-box{aspect-ratio:1;cursor:pointer;background:#151515;border-radius:8px;transition:transform .3s;overflow:hidden}.media-box img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .4s;display:block}.media-box:hover img{transform:scale(1.06)}.detail-time-row{color:#aaa;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;font-size:.85rem;display:flex}.time-location-group{align-items:center;gap:12px;display:flex}.location-tag{color:#8af;background:#88aaff14;border:1px solid #88aaff26;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;display:inline-flex}.loc-icon{width:12px;height:12px}.post-like-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;font-size:1.1rem;transition:all .2s;display:inline-flex}.post-like-btn:hover{color:#ff3e18;background:#ffffff0d}.post-like-btn.liked{color:#ff3e18}.post-like-btn .like-heart{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.post-like-btn.liked .like-heart{transform:scale(1.2)}.likes-section{background:#ffffff05;border-radius:10px;align-items:center;gap:14px;margin-bottom:14px;padding:14px 18px;display:flex}.likes-icon-row{color:#ff3e18;font-size:1rem}.likes-avatars{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar-tag{color:#ccc;background:#ffffff0f;border-radius:6px;padding:3px 10px;font-family:Noto Sans SC,sans-serif;font-size:.82rem}.avatar-tag.my-like{color:#ff8b78;background:#ff3e1833;border:1px solid #ff3e184d;font-weight:700}.comments-section{background:#ffffff05;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:30px;padding:14px 18px;display:flex}.comment-row{justify-content:space-between;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.55;display:flex}.comment-main{flex:1}.c-user{color:#fff;margin-right:8px;font-family:Noto Sans SC,sans-serif;font-weight:700}.c-text{color:#ddd}.comment-like-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-family:Noto Sans SC,sans-serif;font-size:.78rem;transition:all .2s;display:flex}.comment-like-btn:hover{color:#ff3e18;background:#ffffff0d}.comment-like-btn.liked{color:#ff3e18}.like-heart{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.comment-like-btn.liked .like-heart{transform:scale(1.15)}@media (max-width:992px){.minimal-btn.mobile-only{display:inline-flex!important}html,body,main,.split-viewport,.main-detail-area,.detail-scroll-container{height:auto!important;max-height:none!important;overflow:visible!important}.split-viewport{flex-direction:column;min-height:calc(100vh - 72px)}.view-mode-feed .sidebar-timeline{-webkit-backdrop-filter:blur(28px)saturate(200%);opacity:1;transform-origin:top;pointer-events:auto;border-radius:24px;transform:translate(0,0)scale(1);box-shadow:0 16px 40px #0000006b,inset 0 1px #ffffff1f;z-index:40!important;background:var(--glass-bg,#121218cc)!important;border:1px solid var(--glass-border,#ffffff1f)!important;width:auto!important;height:auto!important;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),box-shadow .35s!important;animation:none!important;position:fixed!important;top:84px!important;left:16px!important;right:16px!important}.view-mode-feed .timeline-header{border-bottom:none!important;padding:10px 16px!important}.view-mode-feed .sidebar-timeline.sidebar-hidden{opacity:0;pointer-events:none;transform:translateY(-150%)scale(.86);box-shadow:0 0 #0000!important}.view-mode-feed .timeline-list{display:none!important}.view-mode-feed .main-detail-area{box-sizing:border-box;width:100%;padding:64px 16px 0;margin-top:0!important}.view-mode-feed .detail-scroll-container{padding:12px 0 20px}.view-mode-feed .detail-card.feed-visible{box-sizing:border-box;opacity:0;background:#ffffff06;border:1px solid #ffffff12;border-radius:20px;margin-bottom:24px;padding:22px 20px;transform:translateY(42px)scale(.94);box-shadow:0 12px 32px #00000040;display:block!important}.view-mode-feed .detail-card.feed-visible.in-view{animation:.65s cubic-bezier(.16,1,.3,1) both cardCascadeIn}.view-mode-feed .detail-card.feed-visible:last-child{margin-bottom:40px}.view-mode-list .sidebar-timeline{border-right:none;width:100%;height:calc(100vh - 72px);box-shadow:none!important;z-index:auto!important;background:0 0!important;border:none!important;border-radius:0!important;position:relative!important;top:0!important;left:0!important;right:0!important}.view-mode-list .timeline-list{flex-direction:column;padding:16px;display:flex;overflow-y:auto}.view-mode-list .main-detail-area{display:none!important}.main-detail-area{width:100%;min-height:500px}.detail-media-grid.count-1{grid-template-columns:1fr;max-width:100%}.detail-media-grid.count-2,.detail-media-grid.count-3,.detail-media-grid.count-4,.detail-media-grid.count-5,.detail-media-grid.count-6,.detail-media-grid.count-7,.detail-media-grid.count-8,.detail-media-grid.count-9{grid-template-columns:repeat(3,1fr);max-width:100%}}@supports ((-moz-appearance:none)){@media (max-width:992px){.view-mode-feed .sidebar-timeline{-webkit-backdrop-filter:none!important;background:#16161ef2!important}html.light-mode .view-mode-feed .sidebar-timeline{background:#fffffff2!important}}}html.perf-degraded .animate-sidebar,html.perf-degraded .animate-item{opacity:1!important;animation:none!important}html.perf-degraded .media-box,html.perf-degraded .media-box img,html.perf-degraded .timeline-item{transition:none!important}html.perf-degraded .media-box:hover img,html.perf-degraded .timeline-item:hover{transform:none!important}html.perf-degraded .view-mode-feed .sidebar-timeline{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#121218f2!important;transition:none!important}html.perf-degraded .view-mode-feed .detail-card.feed-visible{opacity:1!important;animation:none!important;transform:none!important}html.light-mode,html.light-mode body{background-color:#fff!important}html.light-mode .split-viewport{background:#fff!important}html.light-mode .sidebar-timeline{background:#fff;border-right-color:#00000014}html.light-mode .view-mode-feed .sidebar-timeline{background:#ffffffe0!important;border-color:#00000014!important;box-shadow:0 16px 40px #00000014,inset 0 1px #fffc!important}html.light-mode .timeline-header{border-bottom-color:#0000000f}html.light-mode .timeline-header h2{color:#1d1d1f}html.light-mode .minimal-btn{color:#1d1d1f;background:#0000000a;border-color:#0000001a}html.light-mode .minimal-btn:hover{background:#00000014}html.light-mode .custom-dropdown-btn{color:#1d1d1f;background:#0000000a;border-color:#0000001a}html.light-mode .custom-dropdown-btn:hover{background:#00000014;border-color:#0003}html.light-mode .custom-dropdown-menu{background:#fffffff2!important;border-color:#0000001a!important;box-shadow:0 12px 32px #0000001f!important}html.light-mode .custom-dropdown-item{color:#555}html.light-mode .custom-dropdown-item:hover{color:#1d1d1f;background:#0000000d}html.light-mode .custom-dropdown-item.selected{color:#1d1d1f;background:#00000014;font-weight:700}html.light-mode .timeline-item{background:#00000005;border-color:#0000000a}html.light-mode .timeline-item:hover{background:#0000000a;border-color:#0000001f}html.light-mode .timeline-item.active{background:#0000000f;border-color:#0003}html.light-mode .thumb-col{background:#e5e5ea}html.light-mode .main-detail-area{background:#fff!important}html.light-mode .avatar-box{color:#1d1d1f;background:linear-gradient(135deg,#e5e5ea,#c7c7cc)}html.light-mode .day-num,html.light-mode .item-title,html.light-mode .author-name,html.light-mode .c-user{color:#1d1d1f}html.light-mode .month-text,html.light-mode .item-sub,html.light-mode .detail-title-text,html.light-mode .detail-time-row{color:#6e6e73}html.light-mode .detail-time-row{border-bottom-color:#0000000f}html.light-mode .detail-desc{color:#1d1d1f!important}html.light-mode .media-box{background:#e5e5ea}html.light-mode .view-mode-feed .detail-card.feed-visible{background:#fff;border-color:#00000014;box-shadow:0 4px 20px #0000000d}html.light-mode .location-tag{color:#2b6cb0;background:#2b6cb014;border-color:#2b6cb026}html.light-mode .likes-section,html.light-mode .comments-section{background:#00000008}html.light-mode .post-like-btn,html.light-mode .comment-like-btn{color:#6e6e73}html.light-mode .post-like-btn:hover,html.light-mode .comment-like-btn:hover{color:#ff3e18;background:#0000000d}html.light-mode .avatar-tag{color:#333;background:#0000000f}html.light-mode .avatar-tag.my-like{color:#e63512;background:#ff3e1826;border-color:#ff3e1840}html.light-mode .c-text{color:#3a3a3c}.like-island-wrapper{width:100%}@keyframes qmGoldenHeart{0%{opacity:0;transform:scale(0)rotate(-12deg)}38%{opacity:1;transform:scale(1.18)rotate(0)}58%{opacity:1;transform:scale(.96)rotate(0)}78%{opacity:1;transform:scale(1.02)rotate(0)}to{opacity:0;transform:scale(1.06)translateY(-18px)}}@keyframes qmGoldenAura{0%{opacity:0;transform:scale(.382)}40%{opacity:1;transform:scale(1.272)}to{opacity:0;transform:scale(2.058)}}@keyframes qmGoldenRing{0%{opacity:1;border-width:1.618px;transform:scale(.618)}61.8%{opacity:.8;border-width:1px;transform:scale(1.618)}to{opacity:0;border-width:.5px;transform:scale(2.618)}}@keyframes qmGoldenDot{0%{opacity:0;transform:rotate(var(--angle)) translateY(0px) scale(.382)}40%{opacity:1;transform:rotate(var(--angle)) translateY(-72px) scale(1.272)}to{opacity:0;transform:rotate(var(--angle)) translateY(-116px) scale(0)}}article.detail-card{position:relative!important}.post-like-btn{cursor:pointer;color:#ffffff73;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),color .2s;display:inline-flex}.post-like-btn:active{transform:scale(1.35)}.post-like-btn.liked,.post-like-btn.liked .like-heart{color:#ff4757!important}.avatar-tag.my-like-tag{opacity:0;white-space:nowrap;pointer-events:none;vertical-align:middle;border:0 solid #ff475759;border-radius:12px;justify-content:center;align-items:center;max-width:0;margin-right:0;padding:0;font-weight:700;transition:max-width .35s cubic-bezier(.34,1.56,.64,1),opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1),margin-right .35s cubic-bezier(.34,1.56,.64,1),padding .35s,border-width .2s;overflow:hidden;transform:scale(.3)translate(-10px);color:#ff4757!important;background:#ff47572e!important;display:inline-flex!important}.avatar-tag.my-like-tag.active{opacity:1;border-width:1px;max-width:42px;margin-right:6px;padding:2px 8px;transform:scale(1)translate(0)}.qm-heart-anim-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:99;justify-content:center;align-items:center;width:240px;height:240px;margin-top:-120px;margin-left:-120px;display:flex;position:absolute;top:50%;left:50%}.qm-anim-glow{background:radial-gradient(circle,#ff475747 0%,#ff6b8114 61.8%,#0000 100%);border-radius:50%;width:116px;height:116px;animation:.85s cubic-bezier(.16,1,.3,1) forwards qmGoldenAura;position:absolute}.qm-anim-ring{border:1.2px solid #ff4757d9;border-radius:50%;width:72px;height:72px;animation:.8s cubic-bezier(.1,.8,.3,1) forwards qmGoldenRing;position:absolute}.qm-anim-dots{width:100%;height:100%;position:absolute}.qm-anim-dots .dot{border-radius:50%;width:4.5px;height:4.5px;margin-top:-2.25px;margin-left:-2.25px;animation:.8s cubic-bezier(.16,1,.3,1) forwards qmGoldenDot;position:absolute;top:50%;left:50%}.dot.d1{--angle:0deg;background:#ff4757}.dot.d2{--angle:45deg;background:#ff6b81}.dot.d3{--angle:90deg;background:#ffa502}.dot.d4{--angle:135deg;background:#ff4757}.dot.d5{--angle:180deg;background:#ff6b81}.dot.d6{--angle:225deg;background:#ffa502}.dot.d7{--angle:270deg;background:#ff4757}.dot.d8{--angle:315deg;background:#ff6b81}.qm-anim-heart{z-index:2;filter:drop-shadow(0 8px 24px #ff475773);animation:.85s cubic-bezier(.175,.885,.32,1.275) forwards qmGoldenHeart;width:72px!important;min-width:72px!important;height:72px!important;min-height:72px!important;display:block!important}html.light-mode .post-like-btn{color:#00000059}html.light-mode .post-like-btn.liked{color:#ff4757!important}