mashangyoujiu/rider/static/report-problem-qjwerKjE.css

.report-problem-container[data-v-022a913c]{min-height:100vh;background-color:#f5f5f5;padding-bottom:120px}.nav-bar[data-v-022a913c]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #f0f0f0}.nav-bar .nav-title[data-v-022a913c]{font-size:18px;font-weight:600;color:#333}.nav-bar .nav-right[data-v-022a913c]{width:20px}.order-info-card[data-v-022a913c]{margin:20px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.order-info-card .order-header[data-v-022a913c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-info-card .order-header .order-no[data-v-022a913c]{font-size:16px;font-weight:600;color:#333}.order-info-card .order-header .order-status[data-v-022a913c]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#fdf6ec;color:#e6a23c}.order-info-card .merchant-info[data-v-022a913c]{display:flex;justify-content:space-between;align-items:center}.order-info-card .merchant-info .merchant-name[data-v-022a913c]{font-size:14px;color:#666}.order-info-card .merchant-info .order-time[data-v-022a913c]{font-size:12px;color:#999}.problem-type-card[data-v-022a913c],.description-card[data-v-022a913c],.evidence-card[data-v-022a913c],.contact-card[data-v-022a913c]{margin:20px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.problem-type-card .card-title[data-v-022a913c],.description-card .card-title[data-v-022a913c],.evidence-card .card-title[data-v-022a913c],.contact-card .card-title[data-v-022a913c]{display:flex;align-items:center;margin-bottom:20px}.problem-type-card .card-title .title-text[data-v-022a913c],.description-card .card-title .title-text[data-v-022a913c],.evidence-card .card-title .title-text[data-v-022a913c],.contact-card .card-title .title-text[data-v-022a913c]{font-size:16px;font-weight:600;color:#333;margin-left:8px}.problem-type-card .card-title .optional-text[data-v-022a913c],.description-card .card-title .optional-text[data-v-022a913c],.evidence-card .card-title .optional-text[data-v-022a913c],.contact-card .card-title .optional-text[data-v-022a913c]{font-size:12px;color:#999;margin-left:8px}.problem-list .problem-item[data-v-022a913c]{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:12px;transition:all .3s ease}.problem-list .problem-item[data-v-022a913c]:last-child{margin-bottom:0}.problem-list .problem-item.selected[data-v-022a913c]{border-color:#3c9cff;background:#f0f9ff}.problem-list .problem-item .problem-content[data-v-022a913c]{display:flex;align-items:center;flex:1}.problem-list .problem-item .problem-content .problem-info[data-v-022a913c]{margin-left:12px}.problem-list .problem-item .problem-content .problem-info .problem-title[data-v-022a913c]{font-size:15px;font-weight:500;color:#333;display:block;margin-bottom:4px}.problem-list .problem-item .problem-content .problem-info .problem-desc[data-v-022a913c]{font-size:12px;color:#999}.textarea-container[data-v-022a913c]{margin-top:12px}.photo-upload .photo-list[data-v-022a913c]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.photo-upload .photo-list .photo-item[data-v-022a913c]{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .2s ease}.photo-upload .photo-list .photo-item[data-v-022a913c]:active{transform:scale(.95)}.photo-upload .photo-list .photo-item uni-image[data-v-022a913c]{width:100%;height:100%;object-fit:cover}.photo-upload .photo-list .photo-item .photo-delete[data-v-022a913c]{position:absolute;top:4px;right:4px;width:22px;height:22px;background:rgba(245,108,108,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease}.photo-upload .photo-list .photo-item .photo-delete[data-v-022a913c]:active{transform:scale(.9);background:#f56c6c}.photo-upload .photo-list .photo-add[data-v-022a913c]{width:100px;height:100px;border:2px dashed #e1e5e9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8f9bb3;background:#f8f9fa;transition:all .2s ease}.photo-upload .photo-list .photo-add[data-v-022a913c]:active{transform:scale(.95);border-color:#3c9cff;background:#f0f9ff;color:#3c9cff}.photo-upload .photo-list .photo-add .add-text[data-v-022a913c]{font-size:12px;margin-top:6px;font-weight:500}.photo-upload .photo-tip[data-v-022a913c]{font-size:12px;color:#8f9bb3;line-height:1.6;padding:8px 12px;background:#f0f9ff;border-radius:6px;border-left:3px solid #3c9cff}.contact-input[data-v-022a913c]{margin-top:12px;margin-bottom:8px}.contact-tip[data-v-022a913c]{font-size:12px;color:#999}.bottom-actions[data-v-022a913c]{position:fixed;bottom:0;left:0;right:0;padding:20px;background:#fff;border-top:1px solid #f0f0f0}.tips-card[data-v-022a913c]{margin:20px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.tips-card .tips-header[data-v-022a913c]{display:flex;align-items:center;margin-bottom:12px}.tips-card .tips-header .tips-title[data-v-022a913c]{font-size:14px;font-weight:500;color:#666;margin-left:6px}.tips-card .tips-content .tips-text[data-v-022a913c]{font-size:12px;color:#999;line-height:1.6;display:block;margin-bottom:4px}.tips-card .tips-content .tips-text[data-v-022a913c]:last-child{margin-bottom:0}