/* Copied from formal H5 common.css, SHA256 3251addec0d4f31b56fed43e17988519d6cc4eef58829fc78b918019d614204a. Card presentation is unchanged. */
html{font-size:12px}.xm-flex{display:flex}.flex-space-between{justify-content:space-between}.xs-16{font-size:1.4rem!important}
.fb-feed-wall .article,.fb-feed-wall .article *{box-sizing:content-box}
.article {display: block;background: white;border-radius: 3px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);transition: box-shadow 100ms;overflow: hidden;position: relative;margin-bottom: 2%;width: calc((100% - 2%)/2);margin-right: 2%;float: left;}
.article:nth-child(even){margin-right: 0;}
.article:hover{ transform: scale(1.01);}
.article .pic-fm {display: block;width: 100%;margin: 0 0 5% 0;}
.article a{ color: #666;}
.article p{padding:5% 5% 0 5%;font-size: 1.2rem; line-height: 1.5;}
.article p.title{margin-bottom: 8px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 500;font-size: 14px;line-height: 22px;max-height: 44px;height: auto;color: #333;}
.article.fb-no-cover p.title{-webkit-line-clamp:4;max-height:88px;padding-top:12px;}
.article p.small{ font-size: 1rem; color: #666; line-height: 1.5;margin-bottom: 5%;padding: 0 5%;}
.article p.small span{color: #666;}
.article p img{width: 20px;height: 20px;vertical-align: middle;border-radius: 50%;}
.img{position: relative;border-radius: 0;overflow: hidden;}
.article .pic.is-unavailable{position:relative;}
.article .pic.is-unavailable::after{content:"图片暂不可用";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;font-weight:normal;}
.article .pic[data-fb-cover-state]{position:relative;}
.article .pic[data-fb-cover-state="loading"]::before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;box-sizing:border-box;border:2px solid #d9dde2;border-top-color:var(--fb-brand-text,#927125);border-radius:50%;animation:fb-feed-image-spin .8s linear infinite;pointer-events:none;}
@keyframes fb-feed-image-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.article .pic[data-fb-cover-state="loading"]::before{animation:none;}}

/* Shared homepage/UID-feed presentation, one renderer and one style. */
/* The same photo bounds apply before and after detail hydration. Video keeps its own frame. */
.fb-photo-frame{width:100%;aspect-ratio:clamp(.75,calc(var(--fb-gallery-ratio,4 / 3)),1.333333333333);overflow:hidden;}
/* Feed covers reserve their natural ratio, between 4:3 landscape and 3:4 portrait. */
.fb-feed-wall > .article .pic[data-threadid]{padding-bottom:clamp(75%,var(--fb-feed-cover-ratio,75%),133.333333%)!important;overflow:hidden;}
.fb-feed-wall > .article .pic[data-threadid] > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
/* Feed metadata uses explicit centers instead of inline font baselines. */
.fb-feed-wall > .article p.title{margin-bottom:0;}
.article p.small{gap:6px;min-width:0;}
.article .fb-feed-author-slot{flex:1;min-width:0;}
.article .fb-feed-author{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;}
.article .fb-feed-author > img{display:block;flex:none;width:20px;height:20px;}
.article p.small .fb-feed-author-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;}
.fb-feed-wall > .article .fb-feed-like-slot{flex:none;}
.fb-feed-wall > .article .recommend_addkey > .fb-feed-like-icon{display:flex;flex:none;align-items:center;justify-content:center;width:1em;height:1em;padding:0;}
.fb-feed-wall > .article .recommend_addkey > .fb-feed-like-icon::before{content:none;}
.fb-feed-wall > .article .fb-feed-heart{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.fb-feed-wall > .article .icon-likefill .fb-feed-heart{fill:currentColor;}
.wall > .article .img,.wall > .article .pic,.wall > .article .pic > img,.wall > .article .img:after{border-radius:3px}

/* Avatar loading is confined to the fixed image slot; author text stays visible. */
img[data-fb-avatar]{flex-shrink:0;object-fit:cover;}
img[data-fb-avatar="loading"]{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23e2e2e2' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='%23898989' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.75s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") center/14px 14px no-repeat;}
img[data-fb-avatar="error"]{visibility:hidden;}
@media(prefers-reduced-motion:reduce){img[data-fb-avatar="loading"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='5' fill='none' stroke='%23898989' stroke-width='1.5' stroke-dasharray='20 12'/%3E%3C/svg%3E");}}

/* Loading feedback for images whose dimensions are already reserved. */
img[data-fb-image-state="loading"]{min-height:96px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23e2e2e2' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='%23898989' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.75s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") center/24px 24px no-repeat}
@media(prefers-reduced-motion:reduce){img[data-fb-image-state="loading"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23898989' stroke-width='2' stroke-dasharray='36 21'/%3E%3C/svg%3E")}}
.article .recommend_addkey{min-width:44px;min-height:44px;justify-content:center;display:flex;align-items:center;line-height:1}.article p.small{align-items:center}

.wall{--fb-feed-columns:4;display:block;position:relative;width:100%;margin:0;overflow-anchor:none}.wall>.article{width:23.5%}.wall:not([data-layout-ready]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18.36px}.wall:not([data-layout-ready])>.article{width:100%;margin:0}
.xm-videotag{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.5);color:white;font-size:12px;font-style:normal}.fb-video-duration{position:absolute;right:6px;bottom:8px;font-size:11px;line-height:1.5;color:#fff;padding:2px 5px;border-radius:3px;background:rgba(0,0,0,.55);font-variant-numeric:tabular-nums}