.feedback-page[data-v-d533bb1a]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:#333;overflow-x:hidden}.feedback-header[data-v-d533bb1a]{position:relative;padding:40px 0 50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a152f,#1a2847);color:#fff;overflow:hidden}.header-background[data-v-d533bb1a]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 0);background-size:50px 50px;animation:gridMove-d533bb1a 20s linear infinite;opacity:.3;pointer-events:none;z-index:0}.light-source[data-v-d533bb1a]{position:absolute;top:-50%;left:50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,153,255,.15) 0,transparent 50%);transform:translateX(-50%);pointer-events:none;z-index:1}@keyframes gridMove-d533bb1a{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.header-content[data-v-d533bb1a]{position:relative;z-index:2;text-align:center;padding:0 20px}.page-title[data-v-d533bb1a]{font-size:32px;font-weight:700;margin:0 0 8px 0;color:#fff;letter-spacing:-.5px}.page-subtitle[data-v-d533bb1a]{font-size:15px;color:hsla(0,0%,100%,.7);margin:0}.feedback-main[data-v-d533bb1a]{padding:24px 0;position:relative}.feedback-container[data-v-d533bb1a]{max-width:1200px;margin:0 auto;padding:0 24px}.feedback-form-section[data-v-d533bb1a]{margin-bottom:24px}.form-container[data-v-d533bb1a]{background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:24px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.form-container[data-v-d533bb1a]:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:#d1d9e0}.feedback-form[data-v-d533bb1a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-d533bb1a]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-d533bb1a]{font-size:14px;font-weight:500;color:#333}.required[data-v-d533bb1a]{color:#ef4444}.form-hint[data-v-d533bb1a]{font-size:12px;font-weight:400;color:#8899a6;margin-left:4px}.form-input[data-v-d533bb1a],.form-select[data-v-d533bb1a],.form-textarea[data-v-d533bb1a]{background:#fff;border:1px solid #e1e8ed;border-radius:6px;padding:10px 14px;color:#333;font-size:14px;outline:none;transition:all .3s ease;font-family:inherit}.form-input[data-v-d533bb1a]:focus,.form-select[data-v-d533bb1a]:focus,.form-textarea[data-v-d533bb1a]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.form-textarea[data-v-d533bb1a]{resize:none;min-height:120px;line-height:1.5}.form-select[data-v-d533bb1a]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.image-upload-area[data-v-d533bb1a]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-btn[data-v-d533bb1a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.upload-btn[data-v-d533bb1a]:hover:not(:disabled){background:linear-gradient(135deg,#fff,#f8fafc);border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.15)}.upload-btn[data-v-d533bb1a]:disabled{opacity:.5;cursor:not-allowed}.upload-btn svg[data-v-d533bb1a]{width:20px;height:20px}.upload-hint[data-v-d533bb1a]{font-size:13px;color:#8899a6}.image-preview-list[data-v-d533bb1a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.image-preview-item[data-v-d533bb1a]{position:relative;width:100%;aspect-ratio:1;border:1px solid #e1e8ed;border-radius:6px;overflow:hidden;background:#f5f7fa}.image-preview-item img[data-v-d533bb1a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.remove-image-btn[data-v-d533bb1a]{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;outline:none;z-index:2}.remove-image-btn[data-v-d533bb1a]:hover{background:rgba(239,68,68,.8);transform:scale(1.1)}.remove-image-btn svg[data-v-d533bb1a]{width:14px;height:14px}.upload-progress[data-v-d533bb1a]{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(0,0,0,.1);overflow:hidden}.progress-bar[data-v-d533bb1a]{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .3s ease}.form-actions[data-v-d533bb1a]{display:flex;justify-content:flex-end;margin-top:8px}.btn-primary[data-v-d533bb1a]{padding:12px 32px;background:linear-gradient(135deg,#0f2d53,#1a3d6b 50%,#0d3a5f);background-size:200% 200%;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 12px rgba(15,45,83,.3)}.btn-primary[data-v-d533bb1a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,45,83,.4);background-position:100% 0}.btn-primary[data-v-d533bb1a]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-d533bb1a]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.feedback-container[data-v-d533bb1a]{padding:0 16px}.form-container[data-v-d533bb1a]{padding:20px}.page-title[data-v-d533bb1a]{font-size:24px}.page-subtitle[data-v-d533bb1a]{font-size:13px}.image-preview-list[data-v-d533bb1a]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}