.scenario-guide-post-card[data-v-8d867386]{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background-color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;border:1px solid #eee}.scenario-guide-post-card[data-v-8d867386]:hover{box-shadow:0 4px 30px 0 rgba(0,0,0,.1)}.card-cover-link[data-v-8d867386]{display:block}.media-item[data-v-8d867386]{display:flex;width:100%;aspect-ratio:16/9}.media-item .video-container[data-v-8d867386]{position:relative;display:flex;width:100%;height:100%;border-radius:12px 12px 0 0}.media-item .video-container .post-video-cover[data-v-8d867386]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px 12px 0 0}.media-item .video-container .post-video-play-icon[data-v-8d867386]{pointer-events:none;position:absolute;left:50%;top:50%;height:48px;width:48px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.media-item .media-img[data-v-8d867386]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px 12px 0 0}.card-body[data-v-8d867386]{gap:16px;padding:16px}.card-body[data-v-8d867386],.card-main[data-v-8d867386]{flex:1;min-height:0;display:flex;flex-direction:column}.card-main[data-v-8d867386]{gap:12px;min-width:0}.card-title-row[data-v-8d867386]{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.card-title[data-v-8d867386]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d1d1f;font-family:Inter;font-size:18px;font-weight:600;line-height:28px}.post-text-content[data-v-8d867386]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-text-content[data-v-8d867386],.post-text-content[data-v-8d867386] *{margin:0!important;font-size:14px!important;font-weight:400!important;line-height:22px!important;--tw-text-opacity:1!important;color:rgb(66 66 69/var(--tw-text-opacity))!important}.card-tags[data-v-8d867386]{display:flex;gap:8px;overflow:hidden}.card-tag[data-v-8d867386]{flex-shrink:0;color:#6e6e73;font-family:Inter;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap}.card-user[data-v-8d867386]{display:flex;align-items:center;gap:12px}.card-user-info[data-v-8d867386]{display:flex;flex-direction:column;gap:4px;min-width:0}.card-user-name[data-v-8d867386]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d1d1f;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.card-stats[data-v-8d867386]{display:flex;align-items:center;gap:8px;border-top:1px solid #eee;padding-top:8px}.stat-item[data-v-8d867386]{display:flex;height:32px;cursor:pointer;align-items:center;justify-content:center;gap:6px;border-radius:34px;background-color:transparent;padding-left:12px;padding-right:12px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;--common-icon-collection-size:20px;--common-icon-collection-color:#424245}.stat-item[data-v-8d867386]:hover{--tw-bg-opacity:1;background-color:rgb(245 245 247/var(--tw-bg-opacity))}.stat-item .stat-count[data-v-8d867386]{white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;--tw-text-opacity:1;color:rgb(66 66 69/var(--tw-text-opacity))}.scenario-guide-filter-bar[data-v-e3aee8ec]{height:56px;padding:12px 20px;background:#fff;border-radius:12px}.filter-search[data-v-e3aee8ec],.scenario-guide-filter-bar[data-v-e3aee8ec]{display:flex;align-items:center;gap:16px;box-sizing:border-box}.filter-search[data-v-e3aee8ec]{width:374px;height:100%;padding:4px 24px;border:1px solid #ccc;border-radius:100px}.filter-search .search-icon[data-v-e3aee8ec]{width:16px;height:16px;flex-shrink:0;cursor:pointer}.filter-search .search-input[data-v-e3aee8ec]{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#1d1d1f;font-family:Inter;font-size:16px;font-weight:400;line-height:24px}.filter-search .search-input[data-v-e3aee8ec]::-moz-placeholder{color:#6e6e73}.filter-search .search-input[data-v-e3aee8ec]::placeholder{color:#6e6e73}.filter-search .search-clear-icon[data-v-e3aee8ec]{width:16px;height:16px;flex-shrink:0;cursor:pointer}.filter-dropdown[data-v-e3aee8ec]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;height:100%;padding:4px 16px;box-sizing:border-box;border:1px solid #ccc;border-radius:100px;cursor:pointer}.filter-dropdown .dropdown-label[data-v-e3aee8ec]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d1d1f;font-family:Inter;font-size:14px;font-weight:400;line-height:24px}.filter-dropdown .dropdown-label.placeholder[data-v-e3aee8ec]{color:#6e6e73}.filter-dropdown .dropdown-icon[data-v-e3aee8ec]{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.filter-dropdown.expanded .dropdown-icon[data-v-e3aee8ec]{transform:rotate(180deg)}.posted-by-dropdown[data-v-e3aee8ec]{width:140px}.posted-by-dropdown .dropdown-option[data-v-e3aee8ec]{min-height:36px}.filter-dropdown.sort-dropdown[data-v-e3aee8ec]{width:24px;height:24px;margin-left:auto;padding:0;border:0}.filter-dropdown.sort-dropdown .sort-icon[data-v-e3aee8ec]{width:24px;height:24px;display:block}.filter-dropdown.sort-dropdown .dropdown-panel[data-v-e3aee8ec]{left:auto;right:0;min-width:160px}.dropdown-panel[data-v-e3aee8ec]{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;padding:8px 0;box-sizing:border-box;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:30}.dropdown-options[data-v-e3aee8ec]{max-height:280px;overflow-y:auto}.dropdown-option[data-v-e3aee8ec]{display:flex;align-items:center;min-height:36px;padding:0 16px;box-sizing:border-box;color:#86868b;font-family:Inter;font-size:14px;font-weight:400;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dropdown-option.active[data-v-e3aee8ec],.dropdown-option[data-v-e3aee8ec]:hover{background:#f5f5f7;color:#1d1d1f}.scenario-guide-detail[data-v-3ac5c2a7]{display:flex;flex-direction:column;min-width:0}.detail-header[data-v-3ac5c2a7]{display:flex;flex-direction:column;gap:2px}.detail-name[data-v-3ac5c2a7]{font-size:18px;font-weight:600;line-height:28px}.detail-desc[data-v-3ac5c2a7],.detail-name[data-v-3ac5c2a7]{color:#1d1d1f;font-family:Inter}.detail-desc[data-v-3ac5c2a7]{font-size:14px;font-weight:400;line-height:22px}.detail-filter-bar[data-v-3ac5c2a7],.detail-posts[data-v-3ac5c2a7]{margin-top:24px}.detail-posts[data-v-3ac5c2a7]{display:flex;align-items:flex-start;gap:20px}.detail-posts__column[data-v-3ac5c2a7]{flex:1 1 0;min-width:0}.detail-posts__column>[data-v-3ac5c2a7]{margin-bottom:20px}.load-more-sentinel[data-v-3ac5c2a7]{width:100%;height:1px;flex-shrink:0}.no-more[data-v-3ac5c2a7]{display:flex;align-items:center;justify-content:center;padding:30px 0;color:#86868b;font-size:14px;text-align:center}.no-more[data-v-3ac5c2a7]:after,.no-more[data-v-3ac5c2a7]:before{content:"";flex:1;height:1px;background:#e5e5e5;margin:0 16px}.detail-search-empty[data-v-3ac5c2a7]{width:100%;height:470px;margin-top:24px;box-sizing:border-box;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.detail-search-empty .search-empty-icon[data-v-3ac5c2a7]{width:72px;height:72px;margin-bottom:24px}.detail-search-empty .search-empty-title[data-v-3ac5c2a7]{color:rgba(0,0,0,.85);font-family:Inter;font-size:20px;font-weight:600;line-height:24px;margin-bottom:12px}.detail-search-empty .search-empty-subtitle[data-v-3ac5c2a7]{color:#6e6e73;font-family:Inter;font-size:14px;font-weight:400;line-height:22px}.detail-empty-card[data-v-3ac5c2a7]{margin-top:24px;min-height:400px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;--empty-icon-width:65px;--empty-icon-height:61px}