.design-case-page[data-v-8367ecdc]{width:100%;min-width:0;flex:1 1 auto;align-self:stretch;height:calc(100vh - 60px);overflow-y:auto;background:#fff;color:#333;box-sizing:border-box}.case-toolbar[data-v-8367ecdc]{position:sticky;top:0;z-index:10;padding:14px 0;background:#fff;border-bottom:1px solid #eee}.toolbar-inner[data-v-8367ecdc]{width:calc(100% - 80px);max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:24px}.toolbar-inner>.el-input[data-v-8367ecdc]{flex:1;min-width:0}.toolbar-inner[data-v-8367ecdc] .el-input__inner{height:46px;border:0;border-radius:24px;background:#f5f6f7;padding-left:24px}.toolbar-actions[data-v-8367ecdc]{display:flex;gap:16px;align-items:center}.view-toggle[data-v-8367ecdc]{display:flex;border:1px solid #dcdfe6;border-radius:6px;overflow:hidden}.view-toggle span[data-v-8367ecdc]{padding:10px 14px;cursor:pointer;color:#9aa4ad}.view-toggle span+span[data-v-8367ecdc]{border-left:1px solid #dcdfe6}.view-toggle .active[data-v-8367ecdc]{color:var(--brand-primary-color);background:var(--brand-primary-light-color)}.case-body[data-v-8367ecdc]{width:100%;max-width:1400px;margin:0 auto;padding:28px 24px 60px;box-sizing:border-box}.filter-panel[data-v-8367ecdc]{border-bottom:1px solid #eee}.filter-row[data-v-8367ecdc]{display:flex;min-height:48px;padding:6px 0;box-sizing:border-box;border-bottom:1px solid #f0f0f0}.filter-label[data-v-8367ecdc]{flex:0 0 110px;padding:7px 0;font-size:14px;font-weight:500}.filter-options[data-v-8367ecdc]{display:flex;flex:1;flex-wrap:wrap;gap:4px 12px;align-items:center}.filter-options button[data-v-8367ecdc]{border:1px solid transparent;background:transparent;padding:5px 10px;color:#333;cursor:pointer;border-radius:3px;font-size:13px;line-height:20px}.filter-options button[data-v-8367ecdc]:hover{color:var(--brand-primary-color)}.filter-options button.active[data-v-8367ecdc]{color:var(--brand-primary-color);border-color:var(--brand-primary-color);background:var(--brand-primary-light-color)}.picked-row[data-v-8367ecdc] .el-radio-button__inner{min-width:62px;padding:6px 14px;border-color:#dfe5e9;background:#fff;color:#59636d;font-size:13px;font-weight:400;box-shadow:none}.picked-row[data-v-8367ecdc] .el-radio-button:first-child .el-radio-button__inner{border-radius:4px 0 0 4px}.picked-row[data-v-8367ecdc] .el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.picked-row[data-v-8367ecdc] .el-radio-button__orig-radio:checked+.el-radio-button__inner{border-color:var(--brand-primary-color);background:var(--brand-primary-color);color:#fff;box-shadow:-1px 0 0 0 var(--brand-primary-color)}.xhs-wrapper[data-v-8367ecdc]{width:100%;padding-top:28px;box-sizing:border-box}.xhs-waterfall[data-v-8367ecdc]{display:flex;gap:14px}.xhs-column[data-v-8367ecdc]{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.xhs-card[data-v-8367ecdc]{position:relative;overflow:hidden;border-radius:8px;background:#fff;cursor:pointer;transition:box-shadow .25s ease}.xhs-card[data-v-8367ecdc]:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.xhs-card-image[data-v-8367ecdc]{position:relative;width:100%;overflow:hidden;line-height:0}.xhs-card-image .image[data-v-8367ecdc]{display:block;width:100%}.xhs-card-image[data-v-8367ecdc] img{border-radius:8px}.xhs-card-placeholder[data-v-8367ecdc]{display:flex;width:100%;aspect-ratio:1.33333333;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(145deg,#f0ebe8,#e4dbd5)}.xhs-card-placeholder i[data-v-8367ecdc]{color:#c9bdb5;font-size:32px}.xhs-card-body[data-v-8367ecdc]{padding:10px 12px 12px}.xhs-card-title[data-v-8367ecdc]{display:-webkit-box;max-height:2.9em;overflow:hidden;color:#222;font-size:14px;font-weight:600;line-height:1.45;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xhs-card-footer[data-v-8367ecdc]{display:flex;margin-top:8px;align-items:center;justify-content:space-between}.xhs-card-author[data-v-8367ecdc]{display:flex;min-width:0;align-items:center}.xhs-avatar[data-v-8367ecdc]{display:flex;width:20px;height:20px;margin-right:6px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-primary-color);color:#fff;font-size:11px;font-weight:600}.xhs-card-user[data-v-8367ecdc]{max-width:100px;overflow:hidden;color:#999;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.xhs-card-time[data-v-8367ecdc]{flex-shrink:0;color:#c0c4cc;font-size:11px;white-space:nowrap}.picked-tag[data-v-8367ecdc]{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background:#e8f4fb;color:var(--brand-primary-color);font-size:11px;font-weight:500;line-height:18px}.card-picked-tag[data-v-8367ecdc]{position:absolute;top:0;left:0;z-index:2;height:22px;padding:0 8px;border-radius:8px 0 4px 0;background:var(--brand-primary-color);color:#fff;box-shadow:0 1px 4px rgba(var(--brand-primary-rgb),.2)}.list-picked-tag[data-v-8367ecdc]{height:18px;margin-left:8px;padding:0 6px;vertical-align:3px;flex-shrink:0}.list-wrapper[data-v-8367ecdc]{width:100%;max-width:800px;margin:22px auto 20px}.article-item[data-v-8367ecdc]{width:100%;padding:16px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;justify-content:space-between;transition:background-color .2s ease}.article-item[data-v-8367ecdc]:last-child{border-bottom:none}.article-item .article-item-main[data-v-8367ecdc]{flex:1;width:100%;min-width:0;justify-content:space-between}.article-item .article-title[data-v-8367ecdc]{font-size:18px;font-weight:500;color:#1d2129;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.article-item .article-images[data-v-8367ecdc]{margin:10px 0;width:100%;height:183px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;box-sizing:border-box}.article-item .article-images .item-image[data-v-8367ecdc]{width:100%;min-width:0;height:183px;border-radius:6px;overflow:hidden}.article-item .article-images .item-image .image[data-v-8367ecdc],.article-item .article-images .item-image[data-v-8367ecdc] .el-image{display:block;width:100%;height:100%}.article-item .article-images .item-image[data-v-8367ecdc] .el-image__inner{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-item .article-image[data-v-8367ecdc]{margin:10px 0;width:263px;flex-shrink:0}.article-item .article-image .item-image[data-v-8367ecdc]{width:100%;height:183px;border-radius:6px;overflow:hidden}.article-item .article-image .item-image .image[data-v-8367ecdc]{width:100%;height:100%}.article-item .article-content[data-v-8367ecdc]{font-size:14px;color:#86909c;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.6;margin-top:6px}.article-item .none-img[data-v-8367ecdc]{width:100%;-webkit-line-clamp:3;max-height:4.8em}.article-item .single-img[data-v-8367ecdc]{width:517px;-webkit-line-clamp:6;max-height:9.6em}.article-item .article-bottom[data-v-8367ecdc]{display:flex;font-size:12px;color:#c0c4cc;align-items:center;margin-top:8px}.article-item .article-bottom .article-author[data-v-8367ecdc]{margin-right:8px}.article-item:hover .article-title[data-v-8367ecdc]{color:var(--brand-primary-color)}.load-state[data-v-8367ecdc]{padding:30px;text-align:center;color:#a0a8b0}@media (max-width:900px){.toolbar-inner[data-v-8367ecdc]{width:calc(100% - 32px)}.case-body[data-v-8367ecdc]{padding-right:16px;padding-left:16px}.filter-label[data-v-8367ecdc]{flex-basis:90px}.list-wrapper[data-v-8367ecdc]{max-width:100%}.article-item[data-v-8367ecdc]{flex-direction:column;align-items:stretch}.article-item .article-title[data-v-8367ecdc]{width:100%!important;font-size:16px}.article-item .article-images .item-image[data-v-8367ecdc],.article-item .article-images[data-v-8367ecdc]{height:140px}.article-item .article-image[data-v-8367ecdc]{width:100%;order:2}.article-item .article-image .item-image[data-v-8367ecdc]{height:160px}.article-item .none-img[data-v-8367ecdc],.article-item .single-img[data-v-8367ecdc]{width:100%!important}}