.visual-list-container[data-v-319d8a69]{padding:20px;background-color:#f5f7fa;min-height:100vh}.empty-state[data-v-319d8a69]{text-align:center;padding:60px 0;color:#999}.search-bar[data-v-319d8a69]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-grid[data-v-319d8a69]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px}.visual-card[data-v-319d8a69]{background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.visual-card[data-v-319d8a69]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 16px rgba(0,0,0,.15);box-shadow:0 8px 16px rgba(0,0,0,.15)}.card-image-wrapper[data-v-319d8a69]{width:100%;padding-top:56.25%;position:relative;background-color:#f0f2f5}.card-image-container[data-v-319d8a69]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-image[data-v-319d8a69]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.no-image-placeholder[data-v-319d8a69]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;color:#999;background-color:#fafafa}.device-type-tag[data-v-319d8a69]{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:4px;font-size:12px;color:#fff}.device-type-tag.pc[data-v-319d8a69]{background-color:rgba(24,144,255,.85)}.device-type-tag.mobile[data-v-319d8a69]{background-color:rgba(82,196,26,.85)}.card-content[data-v-319d8a69]{padding:16px}.card-title[data-v-319d8a69]{margin:0 0 8px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-description[data-v-319d8a69]{font-size:14px;color:#666;height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-actions[data-v-319d8a69]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-top:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-actions button[data-v-319d8a69]{-webkit-box-flex:0;-ms-flex:none;flex:none}@media (max-width:768px){.card-grid[data-v-319d8a69]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.card-actions[data-v-319d8a69]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-actions button[data-v-319d8a69]{width:100%}}