.activity_item{margin:0 auto;max-width:700px;width:100%;display:flex;align-items:stretch;position:relative;background:none}.activity_item_bg{position:absolute;inset:0;z-index:-1;background-color:var(--section-color);border-radius:var(--border-radius);overflow:hidden;transition:.2s}.activity_item_link{position:absolute;inset:0;z-index:2;border-radius:inherit}.activity_item_link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.activity_item_spot{position:relative;z-index:3}.pc_browser .activity_item:hover .activity_item_bg{background-color:#fff0}.activity_item_bg_item{position:absolute;inset:0;background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(20px);transform:scale(1.2);opacity:.2;display:none}.blur_app .activity_item_bg_item{display:block}.activity_item_img{flex-shrink:0;display:flex;align-items:center;z-index:1;padding:10px 4px 10px 10px}.activity_item_img .img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:160px;height:auto;aspect-ratio:1/1.4142135624;background-color:var(--section-inside-color);border-radius:calc(var(--border-radius) - 10px)}@media(max-width:700px){.activity_item_img .img{width:120px}}.activity_item_text_wrapper{flex-shrink:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.activity_item_text{padding:20px;position:relative;display:flex;flex-direction:column;max-height:100%;line-height:1.3}.activity_item_text .info-item{font-size:14px;color:var(--text-sub-color);display:flex;align-items:center;line-height:24px;margin:4px 0}.activity_item_text .info-item.activity_spot_row{flex-wrap:wrap;gap:4px 8px}.activity_item_text .info-item.activity_spot_row .resource_inline_popper{margin-inline-start:-.5em}.activity_item_text .info-item.activity_spot_row .resource_inline{gap:6px}.activity_item_text .info-item.activity_spot_row .resource_type_icon{width:14px;height:14px}.activity_item_text .info-item>svg{width:14px;height:14px;margin-right:6px;stroke:var(--text-sub-color-opaque)}.activity_item_text .title{padding:10px 0}.activity_item_text h2{font-size:20px}.activity_item_text h3{margin-top:6px;font-size:18px;color:var(--text-sub-color)}.activity_item_text .tag{display:flex;flex-wrap:wrap;padding:10px 0;margin:0 -4px -4px}.activity_item_text .tag>*{margin:4px;color:var(--text-sub-color);border-radius:var(--border-radius);border:1px solid var(--text-light-color);font-size:14px;padding:0 12px;height:24px;line-height:24px;display:flex;align-items:center;white-space:nowrap}.activity_item_text .tag_title{opacity:.8;font-size:12px;margin-right:8px}.activity_item_text .intro{padding:10px 20px}.activity_item_text p{line-height:30px;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}@media(max-width:500px){.activity_item_text .intro{display:none}}.activity_entry_container{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(min(500px,100%),1fr))}