.apps-exhibition-container {
max-width: 1000px;
margin: 0 auto !important;
padding: 20px 0px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
box-sizing: border-box;
position: relative;
left: 0;
transform: none;
}
.apps-exhibition-row {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 20px;
}
.app-card {
width: 400px;
display: grid;
grid-template-columns: auto 1fr 65px; align-items: center; gap: 10px; background-color: #f3f4f7;
border-radius: 14px;
padding: 15px; 
margin: 0 10px 0;
transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
min-height: 110px; box-sizing: border-box; }
.app-card:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .empty-card {
background-color: transparent;
box-shadow: none;
visibility: hidden;
}
.app-icon {  flex-shrink: 0; }
.app-icon img {
width: 60px;
height: 60px;
border-radius: 15px;
object-fit: cover;
display: block; }
.app-info { display: flex;
flex-direction: column;
justify-content: center; overflow: hidden; }
.app-info .app-name {
font-size: 1em;
font-weight: bold;
margin: 0 0 2px 0; height: 1.4em; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.app-description {
font-size: 14px;
line-height: 1.4; height: calc(1.4em * 3); margin: 0;
padding: 0;
display: flex; align-items: center; overflow: hidden;
} .app-description span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word; width: 100%;
}
.app-platform { display: inline-block;
justify-self: center; box-sizing: border-box; width: 60px; padding: 5px 0; border-radius: 15px;
font-size: 12px;
font-weight: 500;
color: #fff; text-decoration: none;
text-align: center; white-space: nowrap;
} .ios, .android, .mac, .win, .linux, .多平台 {
background-color: #98c1d9;
} .app-platform:hover {
background-color: #98c1d9;
color: #fff;
text-decoration: none;
} @media (max-width: 850px) {
.apps-exhibition-container {
padding: 10px 0; }
.apps-exhibition-row {
flex-direction: column;
align-items: center;
margin-bottom: 0; }
.app-card {
width: calc(100% - 20px); margin: 10px 10px; max-width: 400px; }
.empty-card {
display: none;
}
.app-icon {
flex: 0 0 60px;
}
.app-icon img {
width: 60px;
height: 60px;
}
.app-name {
font-size: 16px;
}
.app-description {
font-size: 13px;
}
}.bslb-reaction {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
margin: 20px 0 0 0;
}
.bslb-like-button {
background: transparent;
border: none;
cursor: pointer;
padding: 5px;
display: inline-flex;
align-items: center;
transition: all 0.2s ease;
color: currentColor;
}
.bslb-like-icon {
display: flex;
align-items: center;
gap: 8px;
}
.bslb-like-svg {
fill: none;
stroke: currentColor;
stroke-width: 2;
transition: fill 0.2s ease, stroke 0.2s ease;
vertical-align: middle;
} .bslb-like-button.liked .bslb-like-svg {
fill: #98c1d9;
stroke: #98c1d9;
}
.bslb-like-count {
color: currentColor;
font-size: 16px;
line-height: 1;
vertical-align: middle;
} @keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.pulse {
animation: pulse 0.5s ease-in-out;
}
.bslb-support-link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: inherit;
transition: color 0.2s ease;
}
.bslb-support-icon {
fill: none;
stroke: currentColor;
stroke-width: 2;
vertical-align: middle;
}.goods-exhibition-container,
.goods-exhibition-container * {
box-sizing: border-box;
} .goods-exhibition-container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;  text-align: center; } .goods-exhibition-grid {
display: flex;
flex-wrap: wrap;
margin: -10px;
justify-content: center; } .goods-exhibition-item {
flex: 0 0 calc(50% - 20px);
margin: 10px;
display: flex;
flex-direction: column;
background-color: #f3f4f7;
border-radius: 14px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
max-width: 320px; text-align: left; }
.goods-exhibition-item:hover {
transform: translateY(-3px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.goods-exhibition-item-placeholder:hover {
box-shadow: none;
} .goods-exhibition-item.has-link {
position: relative; cursor: pointer;
} .goods-exhibition-item.has-link::after {    content: ''; position: absolute;
bottom: 10px; right: 10px; width: 16px; height: 16px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>'); background-repeat: no-repeat; background-size: contain;     opacity: 0.7;
transition: opacity 0.3s ease;
z-index: 5; }
.goods-exhibition-item.has-link:hover::after {
opacity: 1;
} .goods-exhibition-item-placeholder {
background: transparent;
box-shadow: none;
} .goods-exhibition-image-container {
position: relative;
padding-top: 80%; background-color: #f3f4f7; overflow: hidden;
} .goods-exhibition-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
padding: 15px;
transition: transform 0.3s ease;
}
.goods-exhibition-item:hover .goods-exhibition-image {
transform: scale(1.03);
} .goods-exhibition-new-badge {
position: absolute;
top: 8px;
right: 8px;
color: #98c1d9;
padding: 3px 8px;
font-size: 12px;
font-weight: bold;
border-radius: 4px;
z-index: 1;
} .goods-exhibition-content {
padding: 20px; flex-grow: 1;
display: flex;
flex-direction: column;
} .goods-exhibition-title {
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 600;
} .goods-exhibition-description {
line-height: 1.4;
flex-grow: 1;
font-size: 14px;
} .goods-exhibition-row-divider {
flex-basis: 100%;
height: 0;
} .goods-exhibition-empty {
text-align: center;
padding: 30px;
font-size: 14px;
color: #86868b;
} @media (max-width: 768px) {
.goods-exhibition-grid {
margin: -8px;
}
.goods-exhibition-item {
flex: 0 0 calc(100% - 16px);
margin: 8px;
}
}body.no-scroll{overflow:hidden}.mwl-img{cursor:zoom-in}.mwl-img:focus{opacity:.5}.mwl-img-clone-container{position:relative;will-change:transform,opacity,width,height;transform:translateZ(0);transform-origin:50% 50%;z-index:999999}.mwl-img-clone{position:absolute;display:block;width:100%;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.mwl{touch-action:pan-x pan-y;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;display:none}.mwl.safari-browser .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img{opacity:1!important}.mwl::selection{background:red}.mwl.visible{display:flex;flex-direction:column}.mwl.extended .mwl__metadata{display:none!important}.mwl .mwl__topbar{position:absolute;z-index:9;top:0;left:0;width:100%;height:40px}.mwl .mwl__topbar .mwl__topbar__slide-counter{float:left;color:#fff;line-height:40px;margin-left:20px;font-family:sans-serif;font-size:16px;opacity:.6}.mwl .mwl__topbar .mwl__topbar__controls{float:right;line-height:40px;margin-right:15px}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control{position:relative;display:inline-block;margin-right:10px;opacity:.6;transition:opacity .2s;cursor:pointer}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control:hover{opacity:1;transition:opacity .3s}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control:hover .mwl__topbar__controls__control__label{visibility:visible;margin-top:0;opacity:.8;transition:.3s}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control.hidden{display:none}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control svg{display:inline-block;height:30px;margin-top:8px}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control svg path{fill:#fff}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control .mwl__topbar__controls__control__label{position:absolute;opacity:0;visibility:hidden;margin-top:10px;right:0;font-size:12px;font-family:sans-serif;padding:8px 15px;line-height:1em;border-radius:4px;background:#000;color:rgba(255,255,255,.5);white-space:nowrap}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control .mwl__topbar__controls__control__label::before{content:"";position:absolute;top:-5px;right:7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing{position:relative}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing:hover .mwl__topbar__controls__control--sharing__options{visibility:visible;opacity:1}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing .mwl__topbar__controls__control--sharing__options{position:absolute;color:rgba(255,255,255,.8);white-space:nowrap;border-radius:4px;padding:8px 15px;right:0;font-size:12px;line-height:1em;background:#000;visibility:hidden;opacity:0}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing .mwl__topbar__controls__control--sharing__options::before{content:"";position:absolute;top:-5px;right:7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing .mwl__topbar__controls__control--sharing__options li{list-style:none;margin:0;padding:5px}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing .mwl__topbar__controls__control--sharing__options li a{color:rgba(255,255,255,.5);text-decoration:none;transition:.2s}.mwl .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control--sharing .mwl__topbar__controls__control--sharing__options li:hover a{color:#fff}.mwl .mwl__navigations{position:relative;top:50%;width:100%;z-index:1}.mwl .mwl__navigation__next,.mwl .mwl__navigation__previous{position:absolute;padding:15px 10px;border-radius:99px;line-height:16px;opacity:.7;transition:opacity .2s;cursor:pointer}.mwl .mwl__navigation__next svg,.mwl .mwl__navigation__previous svg{width:30px}.mwl .mwl__navigation__next:hover,.mwl .mwl__navigation__previous:hover{opacity:.6;background:#fff;transition:opacity .3s,background .3s}.mwl .mwl__navigation__previous{left:20px;padding-left:8px;margin-top:-25px;color:#fff;background:rgba(255,255,255,.3)}.mwl .mwl__navigation__next{right:20px;padding-right:8px;margin-top:-25px;color:#fff;background:rgba(255,255,255,.3)}.mwl .mwl__slider{position:relative;width:100%;height:100%;min-height:0;display:flex;flex:1}.mwl .mwl__slider.mwl-animate{transition:transform 1s}.mwl .mwl__slider .mwl__slider__image{min-width:100%;height:100%;display:flex;flex-direction:column;opacity:0;transition:opacity .3s}.mwl .mwl__slider .mwl__slider__image.visible{opacity:1}.mwl .mwl__slider .mwl__slider__image.no-magnification .mwl__slider__image__thumbnail img{cursor:default}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail{display:flex;flex:1;width:100%;height:100%;padding:10px;padding-top:40px;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail.mwl__full__screen{padding:0!important}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail .mwl__slider__image__thumbnail__low-res{display:none}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img{max-width:100%;max-height:100%;transform:scale(1);transition:transform .2s;cursor:zoom-in}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img.zoomed{max-width:200%;max-height:200%}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail.magnification_disabled img{cursor:crosshair}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail .mwl__slider__image__thumbnail__low-res-container{position:absolute;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:inherit;box-sizing:border-box;overflow:hidden}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail .mwl__slider__image__thumbnail__low-res-container .mwl__slider__image__thumbnail__low-res{top:0;left:0;cursor:progress}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail .image-map{position:absolute;background:#321}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail .image-map button img{transform:translate(-50%,-50%)}.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail .image-map .gm-svpc img{max-width:none;max-height:none}.mwl .mwl__metadata{width:80%;max-width:840px;margin:auto;padding:0;box-sizing:border-box;color:#fff;text-align:center}.mwl .mwl__metadata h2{margin:20px 0;margin-bottom:10px;font-size:22px;color:#fff}.mwl .mwl__metadata h2::after,.mwl .mwl__metadata h2::before{display:none}.mwl .mwl__metadata .exifs,.mwl .mwl__metadata h2,.mwl .mwl__metadata p{font-family:sans-serif}.mwl .mwl__metadata .description{margin:5px 0;font-size:16px;opacity:.8;display:none}.mwl .mwl__metadata .description.visible{display:block}.mwl .mwl__metadata .description .caption-wrapper{max-height:300px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#5f5f5f rgba(255,255,255,.07);scrollbar-width:thin}.mwl .mwl__metadata .description .caption{word-wrap:break-word;white-space:pre-wrap}.mwl .mwl__metadata .description .toggle-full-description{font-family:sans-serif;font-size:18px;height:18px;display:inline-block;font-weight:700;cursor:pointer;vertical-align:top;margin-bottom:10px}.mwl .mwl__metadata .description .toggle-full-description svg{height:18px}.mwl .mwl__metadata .description .toggle-full-description svg path{fill:#fff}.mwl .mwl__metadata .exifs .exif{display:inline-block;margin:20px 5px;margin-top:0;opacity:1}.mwl .mwl__metadata .exifs .exif svg{display:inline-block;vertical-align:middle;height:20px!important}.mwl .mwl__metadata .exifs .exif svg path{fill:#fff}.mwl .mwl__metadata .exifs .exif span{display:inline-block;line-height:26px;vertical-align:middle;font-size:14px}.mwl.light .mwl__topbar .mwl__topbar__slide-counter{color:#000}.mwl.light .mwl__topbar .mwl__topbar__controls .mwl__topbar__controls__control svg path{fill:#000}.mwl.light .mwl__metadata{color:#000!important}.mwl.light .mwl__metadata h2{color:#000!important}.mwl.light .mwl__metadata p svg path{fill:#000}.mwl.light .mwl__metadata .exifs svg path{fill:#000}.mwl.pswp--open{display:block!important}.mwl .pswp__custom-caption{background:rgba(0,0,0,.3);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3);font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);width:100%;max-width:calc(80%);padding:12px 16px;border-radius:16px;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1)!important}.mwl .pswp__custom-caption a{color:#fff;text-decoration:underline}.mwl .hidden-caption-content{display:none}.mwl button.pswp__button{color:#fff}.mwl button.pswp__button.pswp__button--zoom{display:none}.mwl button.pswp__button path{fill:#fff}.mwl .mwl__pswp--sharing__options{position:absolute;left:50%;transform:translateX(-50%);background:#fff;border-radius:4px;padding:8px 15px;font-size:12px;line-height:1em;white-space:nowrap;margin-top:20px;margin-bottom:10px;z-index:1000}.mwl .mwl__pswp--sharing__options::after{content:'';position:absolute;top:100%;left:50%;border-width:8px;border-style:solid;border-radius:2px;border-color:#fff transparent transparent transparent;transform:translateX(-50%)}.mwl .mwl__pswp--sharing__options ul{list-style:none;margin:0;padding:0}.mwl .mwl__pswp--sharing__options li{margin:0;padding:5px 0}.mwl .mwl__pswp--sharing__options li a{color:rgba(3,3,3,.5);text-decoration:none;transition:color .2s}.mwl .mwl__pswp--sharing__options li a:hover{color:#474747}body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}.friends-plugin-container {
box-sizing: border-box;
width: 100%;
} .widget .friends-plugin-container,
.sidebar .friends-plugin-container {
max-width: none;
margin: 0;
padding: 10px 0;
}
.friends-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 15px;
}
.friend-card {
background: #fff;
border-radius: 6px;
padding: 15px;
border: 1px solid #eee;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.friend-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.friend-name {
margin: 0 0 8px 0;
font-size: 1em;
font-weight: 600;
}
.friend-name a {
color: #333;
text-decoration: none;
}
.friend-name a:hover {
color: #0073aa;
}
.friend-description {
margin: 0 0 12px 0;
font-size: 0.85em;
color: #666;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.friend-latest-post {
font-size: 0.85em;
color: #666;
border-top: 1px solid #f0f0f0;
padding-top: 12px;
}
.latest-post-title {
display: block;
color: #333;
text-decoration: none;
margin-bottom: 4px;
font-size: 0.9em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.latest-post-title:hover {
color: #0073aa;
}
.latest-post-date {
font-size: 0.8em;
color: #999;
}
.no-latest-post {
color: #999;
font-style: italic;
font-size: 0.85em;
} @media screen and (max-width: 480px) {
.friends-plugin-container {
padding: 10px;
}
.friends-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.friend-card {
padding: 12px;
}
.friend-name {
font-size: 0.95em;
}
.friend-description {
font-size: 0.8em;
-webkit-line-clamp: 3;
}
.friend-latest-post {
font-size: 0.8em;
padding-top: 10px;
}
.latest-post-title {
font-size: 0.85em;
}
.latest-post-date {
font-size: 0.75em;
}
} @media screen and (min-width: 481px) and (max-width: 768px) {
.friends-grid {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 12px;
}
.friend-card {
padding: 14px;
}
.friend-name {
font-size: 0.95em;
}
.friend-description {
font-size: 0.82em;
}
.friend-latest-post {
font-size: 0.82em;
}
} @media screen and (min-width: 769px) and (max-width: 992px) {
.friends-grid {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.friend-description {
font-size: 0.88em;
}
} .friends-plugin-container.wide-container .friends-grid {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 20px;
}
.friends-plugin-container.wide-container .friend-card {
padding: 18px;
} .friends-plugin-container.narrow-container .friends-grid {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 12px;
}
.friends-plugin-container.narrow-container .friend-card {
padding: 14px;
}
.friends-plugin-container.narrow-container .friend-name {
font-size: 0.95em;
}
.friends-plugin-container.narrow-container .friend-description {
font-size: 0.85em;
} .friends-plugin-container.very-narrow-container .friends-grid {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
}
.friends-plugin-container.very-narrow-container .friend-card {
padding: 12px;
}
.friends-plugin-container.very-narrow-container .friend-name {
font-size: 0.9em;
}
.friends-plugin-container.very-narrow-container .friend-description {
font-size: 0.8em;
-webkit-line-clamp: 2;
}
.friends-plugin-container.very-narrow-container .latest-post-title {
font-size: 0.8em;
} @media (prefers-color-scheme: dark) {
.friend-card {
background: #222;
border-color: #333;
}
.friend-name a {
color: #e0e0e0;
}
.friend-description {
color: #999;
}
.friend-latest-post {
border-top-color: #333;
}
.latest-post-title {
color: #e0e0e0;
}
.latest-post-date,
.no-latest-post {
color: #666;
}
}