.retail-dispatch-view[data-v-84b417ae]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 60px)}.page-header[data-v-84b417ae]{margin-bottom:20px}.page-title[data-v-84b417ae]{color:#303133;font-size:24px;font-weight:600;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.content-card[data-v-84b417ae]{border-radius:8px}.card-header[data-v-84b417ae]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-header[data-v-84b417ae],.card-title[data-v-84b417ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-title[data-v-84b417ae]{font-size:16px;font-weight:600;color:#303133;gap:6px}.order-count[data-v-84b417ae]{color:#909399;font-size:14px}.image-gallery[data-v-84b417ae]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.image-item[data-v-84b417ae]{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #ebeef5;-webkit-transition:all .3s ease;transition:all .3s ease}.image-item[data-v-84b417ae]:hover{border-color:#409eff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.2);box-shadow:0 4px 12px rgba(64,158,255,.2)}.image-item img[data-v-84b417ae]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-84b417ae]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);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;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.image-item:hover .image-overlay[data-v-84b417ae]{opacity:1}.image-overlay i[data-v-84b417ae]{color:#fff;font-size:24px}.empty-state[data-v-84b417ae]{text-align:center;padding:60px 20px;color:#909399}.empty-state i[data-v-84b417ae]{font-size:64px;margin-bottom:16px;display:block}.empty-state p[data-v-84b417ae]{margin:8px 0;font-size:16px}.empty-tip[data-v-84b417ae]{font-size:14px!important;color:#c0c4cc!important}.image-preview-dialog[data-v-84b417ae]{border-radius:8px}.image-preview-dialog[data-v-84b417ae] .el-dialog{border-radius:8px;background:#000}.image-preview-dialog[data-v-84b417ae] .el-dialog__body{padding:0}.image-preview-container[data-v-84b417ae]{background:#000;color:#fff}.preview-header[data-v-84b417ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:rgba(0,0,0,.8);border-bottom:1px solid #333}.preview-title[data-v-84b417ae]{font-size:16px;font-weight:600}.preview-counter[data-v-84b417ae]{color:#ccc;font-size:14px}.close-btn[data-v-84b417ae]{color:#fff!important;font-size:18px}.preview-content[data-v-84b417ae]{position:relative;-ms-flex-align:center;-ms-flex-pack:center;min-height:400px;max-height:70vh}.preview-content[data-v-84b417ae],.preview-image[data-v-84b417ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.preview-image[data-v-84b417ae]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;-ms-flex-pack:center;padding:20px}.preview-image img[data-v-84b417ae]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.preview-nav[data-v-84b417ae]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,.6);border-radius:50%;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;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10}.preview-nav[data-v-84b417ae]:hover{background:rgba(0,0,0,.8)}.preview-nav.prev[data-v-84b417ae]{left:20px}.preview-nav.next[data-v-84b417ae]{right:20px}.preview-nav i[data-v-84b417ae]{font-size:20px;color:#fff}.preview-thumbnails[data-v-84b417ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:15px 20px;background:rgba(0,0,0,.8);border-top:1px solid #333;overflow-x:auto}.thumbnail[data-v-84b417ae]{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0}.thumbnail.active[data-v-84b417ae],.thumbnail[data-v-84b417ae]:hover{border-color:#409eff}.thumbnail img[data-v-84b417ae]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-image[data-v-84b417ae],.no-remarks[data-v-84b417ae]{color:#c0c4cc;font-size:12px}.remarks-dialog-content[data-v-84b417ae]{background:#f8f9fa;padding:15px;border-radius:6px;color:#606266;font-size:14px;line-height:1.6;min-height:100px;white-space:pre-wrap;word-break:break-all}@media (max-width:768px){.retail-dispatch-view[data-v-84b417ae]{padding:10px}.order-card[data-v-84b417ae]{padding:15px}.image-gallery[data-v-84b417ae]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-item[data-v-84b417ae]{width:100px;height:100px}.preview-nav[data-v-84b417ae]{width:40px;height:40px}.preview-nav i[data-v-84b417ae]{font-size:16px}}