.wechat-image-extractor[data-v-2cca5617]{display:flex;flex-direction:column;height:100%;min-height:600px}.extractor-header[data-v-2cca5617]{border-radius:12px;padding:24px}.input-section[data-v-2cca5617]{display:flex;gap:12px;margin-bottom:12px}.input-section .url-input[data-v-2cca5617]{flex:1}.input-tips[data-v-2cca5617]{align-items:center;color:#999;display:flex;font-size:13px;gap:6px}.input-tips[data-v-2cca5617] .arco-icon{color:var(--theme-primary,#165dff)}.extractor-content[data-v-2cca5617]{border-radius:12px;flex:1;overflow-y:auto;padding:24px}.empty-state[data-v-2cca5617]{color:#999;flex-direction:column;padding:80px 20px}.empty-state[data-v-2cca5617],.empty-state .empty-icon[data-v-2cca5617]{align-items:center;display:flex;justify-content:center}.empty-state .empty-icon[data-v-2cca5617]{background:#f5f7fa;border-radius:50%;height:80px;margin-bottom:16px;width:80px}.empty-state .empty-icon[data-v-2cca5617] .arco-icon{color:#d9d9d9;font-size:40px}.empty-state .empty-text[data-v-2cca5617]{color:#999;font-size:14px}.loading-state[data-v-2cca5617]{align-items:center;display:flex;justify-content:center;padding:80px 20px}.result-section .result-header[data-v-2cca5617]{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.result-section .result-header .result-stats[data-v-2cca5617]{align-items:center;display:flex;gap:16px}.result-section .result-header .result-stats .stats-item[data-v-2cca5617]{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.result-section .result-header .result-stats .stats-item[data-v-2cca5617] .arco-icon{color:var(--theme-primary,#165dff)}.result-section .result-header .result-stats .stats-item strong[data-v-2cca5617]{color:var(--theme-primary,#165dff);font-size:18px}.result-section .result-header .result-stats .selected-count[data-v-2cca5617]{color:#52c41a;font-size:14px}.result-section .result-header .result-stats .selected-count strong[data-v-2cca5617]{color:#52c41a;font-size:16px}.result-section .result-header .result-actions[data-v-2cca5617]{display:flex;gap:12px}.image-grid[data-v-2cca5617]{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.image-card[data-v-2cca5617]{border:2px solid transparent;border-radius:12px;overflow:hidden;position:relative;transition:all .3s}.image-card[data-v-2cca5617]:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.image-card.selected[data-v-2cca5617]{border-color:var(--theme-primary,#165dff);box-shadow:0 4px 16px rgba(var(--theme-primary-rgb,22,93,255),.2)}.image-card .image-checkbox[data-v-2cca5617]{background:#ffffffe6;border-radius:4px;left:12px;padding:4px;position:absolute;top:12px;z-index:10}.image-card .image-wrapper[data-v-2cca5617]{aspect-ratio:16/10;background:#f5f7fa;cursor:pointer;overflow:hidden;position:relative}.image-card .image-wrapper img[data-v-2cca5617]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.image-card .image-wrapper .image-overlay[data-v-2cca5617]{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.image-card .image-wrapper .image-overlay .overlay-icon[data-v-2cca5617]{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px}.image-card .image-wrapper .image-overlay .overlay-icon[data-v-2cca5617] .arco-icon{font-size:32px}.image-card .image-wrapper .image-overlay .overlay-icon span[data-v-2cca5617]{font-size:13px}.image-card .image-wrapper:hover img[data-v-2cca5617]{transform:scale(1.05)}.image-card .image-wrapper:hover .image-overlay[data-v-2cca5617]{opacity:1}.image-card .image-info[data-v-2cca5617]{align-items:center;background:#fafafa;display:flex;justify-content:space-between;padding:12px 16px}.image-card .image-info .image-index[data-v-2cca5617]{color:#999;font-size:13px;font-weight:500}.image-card .image-info .image-actions[data-v-2cca5617]{display:flex;gap:8px}.pagination-wrapper[data-v-2cca5617]{border-top:1px solid #f0f0f0;display:flex;justify-content:center;padding-top:20px}@media (max-width:992px){.image-grid[data-v-2cca5617]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.input-section[data-v-2cca5617],.result-header[data-v-2cca5617]{flex-direction:column}.result-header[data-v-2cca5617]{align-items:flex-start!important;gap:12px}.image-grid[data-v-2cca5617]{grid-template-columns:1fr}}