.app-header{position:sticky;top:0;z-index:20;height:var(--header-height);background:#ffffffed;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;gap:40px;min-width:0}.app-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.5px;line-height:1.2;color:var(--color-text);white-space:nowrap;min-width:0}.app-brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--color-muted);font-weight:400;margin-top:2px}.app-brand-mark{width:34px;height:34px;flex-shrink:0;background:var(--color-primary);color:#fff;border-radius:11px;display:grid;place-items:center;font-size:19px;transform:rotate(-5deg)}.app-nav{display:flex;align-items:stretch;align-self:stretch;gap:28px;font-size:14px}.app-nav-link{display:flex;align-items:center;color:var(--color-secondary);border-bottom:3px solid transparent;border-top:3px solid transparent;transition:color var(--motion-fast),border-color var(--motion-fast)}.app-nav-link:hover{color:var(--color-text)}.app-nav-link.active{color:var(--color-primary);font-weight:650;border-bottom-color:var(--color-primary)}.app-header-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);white-space:nowrap;min-width:0}.app-header-right>.ant-btn{flex-shrink:0}.app-user-entry{display:flex;align-items:center;gap:8px;color:var(--color-text);cursor:pointer;border:0;background:none;font-weight:600;font-size:14px;padding:6px 8px;border-radius:var(--radius-control);transition:background var(--motion-fast);min-width:0;max-width:100%}.app-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-entry:hover{background:var(--color-primary-soft)}@media (max-width: 1199px){.app-header-inner{gap:24px}}@media (max-width: 599px){.app-header-inner{padding:0 16px;gap:12px}.app-nav{display:none}.app-brand{font-size:17px}.app-brand small{display:none}.app-brand-mark{width:31px;height:31px}.app-header-right{gap:8px}}.feed-layout{max-width:var(--layout-max);margin:0 auto;padding:24px 24px 48px;display:grid;grid-template-columns:var(--rail-left) minmax(0,var(--feed-width)) var(--rail-right);column-gap:var(--column-gap);align-items:start}.feed-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 1440px){.feed-layout{padding-top:38px}}@media (max-width: 1199px){.feed-layout{grid-template-columns:184px minmax(0,var(--feed-width));max-width:936px;justify-content:center}}@media (max-width: 899px){.feed-layout{grid-template-columns:minmax(0,1fr);max-width:728px;padding-top:24px}}@media (max-width: 599px){.feed-layout{display:block;padding:16px 0 24px}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.left-rail{position:sticky;top:calc(var(--header-height) + 24px);display:flex;flex-direction:column;gap:var(--space-6)}@media (max-height: 720px){.left-rail{position:static}}.rail-title{font-size:24px;font-weight:650;line-height:1.4;color:var(--color-text)}.rail-subtitle{font-size:12px;color:var(--color-muted);margin-top:var(--space-1)}.rail-nav{display:flex;flex-direction:column;gap:var(--space-1)}.rail-nav-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--color-secondary);font-size:14px;border:0;background:none;cursor:pointer;text-align:left;transition:background var(--motion-fast),color var(--motion-fast)}.rail-nav-item:hover{background:var(--color-soft);color:var(--color-text)}.rail-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:650}.rail-section-title{font-size:12px;font-weight:650;letter-spacing:1px;color:var(--color-muted);margin-bottom:var(--space-2)}.rail-tip{font-size:12px;line-height:1.8;color:var(--color-secondary)}.right-rail{display:flex;flex-direction:column;gap:var(--space-4)}.aside-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-soft)}.aside-card h3{font-size:14px;font-weight:650;margin-bottom:var(--space-3);color:var(--color-text)}.aside-card p,.aside-card ol{font-size:12px;line-height:1.8;color:var(--color-secondary);margin:0;padding-left:18px}.aside-card ol li+li{margin-top:var(--space-2)}.aside-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:0;background:var(--color-primary-soft);color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--motion-fast)}.aside-entry:hover{background:#dceee9}.feed-heading h1{font-size:24px;font-weight:650;line-height:1.4;color:var(--color-text)}.feed-heading p{font-size:13px;color:var(--color-muted);margin-top:var(--space-1)}.composer-entry{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-soft)}.composer-entry-trigger{flex:1;min-height:44px;text-align:left;border:0;background:var(--color-soft);border-radius:999px;padding:0 var(--space-4);color:var(--color-muted);font-size:14px;cursor:pointer;transition:background var(--motion-fast)}.composer-entry-trigger:hover{background:#e7efee}.composer-entry-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}@media (max-width: 599px){.composer-entry{margin:0 12px}.feed-heading{padding:0 16px}}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.feed-toolbar-sorts{display:flex;gap:var(--space-2)}.sort-chip{min-height:36px;padding:0 var(--space-4);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);font-size:13px;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.sort-chip:hover{color:var(--color-text)}.sort-chip[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:650}.feed-toolbar-region{display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 599px){.feed-toolbar{padding:0 16px;margin:4px 0 0}.sort-chip{min-height:44px}}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-soft);margin-bottom:var(--space-4)}.post-card-variant-detail{margin-bottom:0}@media (max-width: 599px){.post-card{border-left:0;border-right:0;border-radius:0;padding:18px 16px;margin-bottom:10px;box-shadow:none}}.post-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.post-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.post-author-name{font-size:15px;font-weight:600;color:var(--color-text)}.post-author-meta{font-size:12px;color:var(--color-muted);margin-top:2px}.post-more{margin-left:auto;min-width:36px;min-height:44px;border:0;background:none;border-radius:var(--radius-control);color:var(--color-secondary);cursor:pointer;display:grid;place-items:center;font-size:18px;transition:background var(--motion-fast)}.post-more:hover{background:var(--color-soft)}.post-text{font-size:var(--font-body);line-height:var(--line-body);color:var(--color-text);white-space:pre-wrap}.post-text.clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.expand-toggle{border:0;background:none;padding:var(--space-1) 0;min-height:32px;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer}.expand-toggle:hover{color:var(--color-primary-hover)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.post-tag{font-size:13px;color:var(--color-primary)}.media-grid{display:grid;gap:4px;margin-top:var(--space-3);border-radius:var(--radius-media);overflow:hidden}.media-cell{position:relative;padding:0;border:0;background:var(--color-soft);cursor:zoom-in;overflow:hidden;min-width:0;min-height:0}.media-cell:focus-visible{outline-offset:-3px}.media-cell img{width:100%;height:100%;object-fit:cover}.media-grid[data-count="1"] .media-cell{cursor:zoom-in}.media-grid[data-count="1"] .media-cell{background:transparent}.media-grid[data-count="1"] .media-cell img{object-fit:contain;width:100%;height:auto;max-height:560px;margin:0 auto;border-radius:var(--radius-media);border:1px solid var(--color-border)}@media (max-width: 599px){.media-grid[data-count="1"] .media-cell img{max-height:460px}}.media-grid[data-count="2"]{grid-template-columns:1fr 1fr}.media-grid[data-count="2"] .media-cell{aspect-ratio:1}.media-grid[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:4 / 3}.media-grid[data-count="3"] .media-cell:first-child{grid-row:1 / 3}.media-grid[data-count="4"]{grid-template-columns:1fr 1fr}.media-grid[data-count="4"] .media-cell{aspect-ratio:1}.media-grid[data-count="5"],.media-grid[data-count="6"],.media-grid[data-count="7"],.media-grid[data-count="8"],.media-grid[data-count="9"]{grid-template-columns:repeat(3,1fr)}.media-grid[data-count="5"] .media-cell,.media-grid[data-count="6"] .media-cell,.media-grid[data-count="7"] .media-cell,.media-grid[data-count="8"] .media-cell,.media-grid[data-count="9"] .media-cell{aspect-ratio:1}.media-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--color-soft);color:var(--color-muted);font-size:12px;gap:6px;text-align:center;padding:var(--space-2)}.media-badge{position:absolute;left:8px;top:8px;background:#ffffffd9;color:var(--color-secondary);font-size:10px;padding:2px 8px;border-radius:999px;pointer-events:none}.spot-link{display:flex;align-items:center;gap:10px;width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);min-height:44px;border:0;border-radius:var(--radius-control);background:var(--color-primary-soft);color:var(--color-primary);cursor:pointer;text-align:left;transition:background var(--motion-fast)}.spot-link:hover{background:#dceee9}.spot-link-name{font-size:14px;font-weight:600}.spot-link-action{margin-left:auto;font-size:12px;flex-shrink:0}.spot-link-unavailable{background:var(--color-soft);color:var(--color-muted);cursor:default}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3);font-size:12px;color:var(--color-muted)}.post-meta span{display:inline-flex;align-items:center;gap:6px}.post-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 var(--space-2);border:0;background:none;border-radius:var(--radius-control);color:var(--color-secondary);font-size:13px;cursor:pointer;transition:color var(--motion-fast),background var(--motion-fast)}.action-button:hover{background:var(--color-soft);color:var(--color-text)}.action-button[aria-pressed=true]{color:var(--color-like);font-weight:650}@media (max-width: 599px){.post-actions{gap:0;justify-content:space-between}.action-button{padding:10px 5px}}.quote-block{margin-top:var(--space-3);border-left:3px solid var(--color-primary);background:var(--color-soft);border-radius:0 var(--radius-control) var(--radius-control) 0;padding:var(--space-3) var(--space-4);font-size:13px;color:var(--color-secondary)}.quote-block b{color:var(--color-text)}.state-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-8) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.state-block img{width:120px;height:auto;opacity:.9}.state-block h3{font-size:16px;font-weight:650;color:var(--color-text)}.state-block p{font-size:13px;color:var(--color-secondary)}.state-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.feed-end{text-align:center;font-size:12px;color:var(--color-muted);padding:var(--space-4) 0 var(--space-2)}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#202e31eb;display:flex;flex-direction:column}.lightbox-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);color:#fff}.lightbox-counter{font-size:13px;opacity:.9}.lightbox-close{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff24;color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background var(--motion-fast)}.lightbox-close:hover{background:#ffffff47}.lightbox-stage{flex:1;display:grid;place-items:center;min-height:0;padding:0 var(--space-4) var(--space-4)}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain}.lightbox-caption{text-align:center;color:#ffffffbf;font-size:12px;padding-bottom:var(--space-4)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#ffffff24;color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center;transition:background var(--motion-fast)}.lightbox-nav:hover:not(:disabled){background:#ffffff47}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.comment-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);margin-top:var(--space-4)}.comment-section h2{font-size:16px;font-weight:650;margin-bottom:var(--space-4)}.comment-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.comment-item:last-child{border-bottom:0}.comment-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.comment-author{font-size:13px;font-weight:600;color:var(--color-text)}.comment-content{font-size:14px;line-height:1.75;color:var(--color-text);margin-top:2px}.comment-time{font-size:12px;color:var(--color-muted);margin-top:2px}.comment-composer{display:flex;gap:var(--space-3);margin-top:var(--space-4);align-items:flex-start}@media (max-width: 599px){.comment-section{border-left:0;border-right:0;border-radius:0;padding:18px 16px}}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 599px){.locate-label{display:none}}@media (max-width: 1199px){.right-rail{display:none}}@media (max-width: 899px){.left-rail{display:none}}@media (max-width: 599px){.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid var(--color-border);z-index:30;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:60px;font-size:10px;color:var(--color-secondary);border:0;background:none;cursor:pointer}.mobile-nav-item .anticon{font-size:20px}.mobile-nav-item.active{color:var(--color-primary);font-weight:650}}:root{--color-bg:#f5f7f8;--color-surface:#ffffff;--color-soft:#f0f5f4;--color-text:#202e31;--color-secondary:#53666a;--color-muted:#67797d;--color-border:#e5eceb;--color-primary:#087f73;--color-primary-hover:#06675e;--color-primary-soft:#e8f5f1;--color-like:#bb4861;--color-danger:#b93838;--color-warning:#8c650b;--color-focus:#006d65;--radius-card:16px;--radius-media:12px;--radius-control:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-body:15px;--line-body:1.75;--header-height:64px;--layout-max:1232px;--rail-left:208px;--feed-width:680px;--rail-right:280px;--column-gap:24px;--shadow-soft:0 5px 24px rgba(28,66,60,.035);--motion-fast:.16s}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}.feed-text,.post-body-text{overflow-wrap:anywhere;word-break:break-word}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}