.survey-item[data-v-a75f80fb]{display:flex;flex-direction:column;padding:24px;cursor:pointer;transition:all .2s ease;gap:12px;border:1px solid var(--border);border-radius:20px}.survey-item-container[data-v-a75f80fb]{display:grid;width:100%}.survey-content[data-v-a75f80fb]{width:100%}.survey-header[data-v-a75f80fb]{display:flex;align-items:center;justify-content:space-between;gap:16px}.survey-header-left[data-v-a75f80fb]{display:flex;align-items:center;gap:16px}.survey-category[data-v-a75f80fb]{font-size:12px;font-weight:500;color:var(--text)}.survey-date[data-v-a75f80fb]{font-size:12px;color:var(--muted)}.pinned-badge[data-v-a75f80fb]{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--warn);background:#fef3c7;padding:4px 10px;border-radius:12px;border:1px solid #fde68a;white-space:nowrap}.pin-icon[data-v-a75f80fb]{font-size:14px;font-weight:600}.survey-title[data-v-a75f80fb]{font-size:18px;font-weight:600;color:var(--text);line-height:1.3;transition:transform .2s ease;transform-origin:left center;margin:0}.tags-section[data-v-a75f80fb]{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tag-badge[data-v-a75f80fb]{font-size:11px;padding:4px 8px;border-radius:12px;background:#f3f4f6;color:var(--text);font-weight:500}.tag-badge.more[data-v-a75f80fb]{background:#e5e7eb;color:var(--muted)}.survey-status-info[data-v-a75f80fb]{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.progress-info[data-v-a75f80fb]{display:flex;flex-direction:column;gap:4px;width:100%}.progress-text[data-v-a75f80fb]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);width:100%}.progress-percentage[data-v-a75f80fb]{font-size:12px;color:var(--muted);font-weight:500}.progress-bar[data-v-a75f80fb]{width:100%;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.progress-fill[data-v-a75f80fb]{height:100%;background:var(--success);border-radius:2px;transition:width .3s ease}@media(max-width:768px){.survey-item[data-v-a75f80fb]{padding:16px}.survey-title[data-v-a75f80fb]{font-size:16px}}.sticky-controls[data-v-c5ac4404]{position:sticky;top:0;background:#fff;z-index:160;padding:24px 20px;margin:0 -20px;width:calc(100% + 40px);display:flex;flex-direction:column;align-items:center}.page-header[data-v-c5ac4404]{width:100%;max-width:1028px}.header-content[data-v-c5ac4404]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.page-title[data-v-c5ac4404]{display:flex;align-items:center;font-size:32px;font-weight:500;color:var(--text);margin:0;text-wrap:nowrap}.header-right[data-v-c5ac4404]{display:flex;align-items:center;gap:12px}.tabs-container[data-v-c5ac4404]{width:100%;max-width:1028px;display:flex;gap:0;border-bottom:1px solid var(--border)}.tab-btn[data-v-c5ac4404]{padding:12px 20px;background:none;border:none;font-size:16px;font-weight:400;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn[data-v-c5ac4404]:hover{color:var(--text)}.tab-btn.active[data-v-c5ac4404]{color:var(--text);border-bottom-color:var(--text)}.tab-badge[data-v-c5ac4404]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;border-radius:9px;line-height:1}@media(max-width:768px){.sticky-controls[data-v-c5ac4404]{padding:16px 20px}.header-content[data-v-c5ac4404]{margin-bottom:20px}.page-title[data-v-c5ac4404]{font-size:28px}.tabs-container[data-v-c5ac4404]{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn[data-v-c5ac4404]{flex-shrink:0;padding:10px 16px;font-size:14px}}.filter-modal.el-dialog{border-radius:20px;padding:0;overflow:hidden}.filter-modal .el-dialog__header{padding:0;margin:0}.filter-modal .el-dialog__body,.filter-modal .el-dialog__footer{padding:0}@media(max-width:768px){.filter-modal.el-dialog{width:calc(100% - 32px)!important;border-radius:16px}}@media(max-width:480px){.filter-modal.el-dialog{width:calc(100% - 24px)!important}}.modal-header[data-v-b6e0c426]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title[data-v-b6e0c426]{font-size:20px;font-weight:600;color:var(--text);margin:0}.close-btn[data-v-b6e0c426]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#f5f5f5;color:var(--text);cursor:pointer;transition:all .2s ease}.close-btn[data-v-b6e0c426]:hover{background:#e5e5e5}.modal-body[data-v-b6e0c426]{padding:24px;display:flex;flex-direction:column;gap:20px}.filter-group[data-v-b6e0c426]{display:flex;flex-direction:column;gap:8px}.filter-label[data-v-b6e0c426]{font-size:14px;font-weight:500;color:var(--text)}.modal-footer[data-v-b6e0c426]{padding:20px 24px 24px;border-top:1px solid var(--border);flex-shrink:0}@media(max-width:768px){.modal-header[data-v-b6e0c426]{padding:20px}.modal-title[data-v-b6e0c426]{font-size:18px}.modal-body[data-v-b6e0c426]{padding:20px}.modal-footer[data-v-b6e0c426]{padding:16px 20px 20px}}@media(max-width:480px){.modal-header[data-v-b6e0c426]{padding:16px}.modal-title[data-v-b6e0c426]{font-size:16px}.modal-body[data-v-b6e0c426]{padding:16px}.modal-footer[data-v-b6e0c426]{padding:12px 16px 16px}}.controls-right[data-v-d3850f71]{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;justify-content:flex-end;min-width:0}.mobile-filter-control[data-v-d3850f71]{display:none}.filter-icon-btn[data-v-d3850f71]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--text);cursor:pointer;transition:all .2s}.filter-icon-btn[data-v-d3850f71]:hover{border-color:var(--text);background:var(--hover)}.filter-icon-btn .material-symbols-rounded[data-v-d3850f71]{font-size:20px}.clear-filter-btn[data-v-d3850f71]{padding:0;background:none;border:none;color:#6c6c6c;font-size:13px;font-weight:400;cursor:pointer;text-decoration:underline;transition:all .2s}.clear-filter-btn[data-v-d3850f71]:hover{color:var(--muted)}.controls-right .input[data-v-d3850f71]{height:40px;padding:8px 40px 8px 16px;font-size:14px;border-radius:20px;min-width:100px;flex:1;max-width:140px}.controls-right select.input[data-v-d3850f71]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.controls-right select.input[data-v-d3850f71]:focus,.controls-right select.input[data-v-d3850f71]:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.loading-container[data-v-d3850f71]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:16px}.loading-spinner[data-v-d3850f71]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #000000;border-radius:50%;animation:spin-d3850f71 1s linear infinite}@keyframes spin-d3850f71{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-d3850f71]{font-size:16px;color:var(--muted)}.empty-state[data-v-d3850f71]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.empty-title[data-v-d3850f71]{font-size:20px;font-weight:400;color:var(--muted)}.empty-description[data-v-d3850f71]{font-size:13px;color:#9d9d9d;max-width:400px;line-height:1.5}.publish-link-btn[data-v-d3850f71]{display:inline-block;margin-top:24px;padding:12px 24px;background:var(--text);color:#fff;text-decoration:none;border-radius:24px;font-size:14px;font-weight:500;transition:all .2s ease}.publish-link-btn[data-v-d3850f71]:hover{background:#000;transform:translateY(-1px)}.load-more-section[data-v-d3850f71]{display:flex;justify-content:center;margin-top:40px;padding:24px 0 80px;border-top:1px solid var(--border)}.load-more-btn[data-v-d3850f71]{padding:12px 32px;background:none;border:1px solid var(--border);border-radius:40px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s}.load-more-btn[data-v-d3850f71]:hover{background:var(--hover);border-color:var(--text)}.tutorial-fab[data-v-d3850f71]{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:var(--text);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100}.tutorial-fab[data-v-d3850f71]:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003;background:#000}.tutorial-fab[data-v-d3850f71]:active{transform:scale(.95)}.tutorial-fab .material-symbols-rounded[data-v-d3850f71]{font-size:24px}@media(max-width:900px){.desktop-filters[data-v-d3850f71]{display:none}.mobile-filter-control[data-v-d3850f71]{display:block}.load-more-section[data-v-d3850f71]{margin-top:32px;padding:20px 0 80px}.load-more-btn[data-v-d3850f71]{padding:10px 24px;font-size:13px}.tutorial-fab[data-v-d3850f71]{bottom:80px;right:24px;width:52px;height:52px}.tutorial-fab .material-symbols-rounded[data-v-d3850f71]{font-size:24px}}@media(max-width:480px){.tutorial-fab[data-v-d3850f71]{bottom:80px;right:20px;width:48px;height:48px}.tutorial-fab .material-symbols-rounded[data-v-d3850f71]{font-size:24px}}.tutorial-modal.el-dialog{border-radius:20px;overflow:hidden;padding:0}.tutorial-modal .el-dialog__header{padding:0;margin:0}.tutorial-modal .el-dialog__body,.tutorial-modal .el-dialog__footer{padding:0}@media(max-width:900px){.tutorial-modal.el-dialog{width:calc(100% - 32px)!important}}@media(max-width:480px){.tutorial-modal.el-dialog{width:calc(100% - 24px)!important;border-radius:16px}}.tutorial-modal .modal-header[data-v-d3850f71]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.tutorial-modal .modal-title[data-v-d3850f71]{font-size:20px;font-weight:600;color:var(--text);margin:0}.tutorial-modal .close-btn[data-v-d3850f71]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#f5f5f5;color:var(--text);cursor:pointer;transition:all .2s ease}.tutorial-modal .close-btn[data-v-d3850f71]:hover{background:#e5e5e5}.tutorial-content[data-v-d3850f71]{padding:24px;max-height:60vh;overflow-y:auto}.tutorial-step[data-v-d3850f71]{display:flex;gap:16px;margin-bottom:24px}.tutorial-step[data-v-d3850f71]:last-of-type{margin-bottom:0}.step-number[data-v-d3850f71]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text)}.step-content[data-v-d3850f71]{flex:1}.step-content h4[data-v-d3850f71]{font-size:16px;font-weight:600;color:var(--text);margin:0 0 6px}.step-content p[data-v-d3850f71]{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.tutorial-tip[data-v-d3850f71]{display:flex;gap:12px;margin-top:24px;padding:16px;background:transparent;border-radius:12px;border:1px solid #e0e0e0}.tip-label[data-v-d3850f71]{flex-shrink:0;font-size:13px;font-weight:600;color:var(--text);padding:2px 8px;background:#f3f3f3;border-radius:4px;height:fit-content}.tutorial-tip p[data-v-d3850f71]{font-size:13px;color:var(--text);line-height:1.6;margin:0}.tutorial-tip strong[data-v-d3850f71]{font-weight:600}.tutorial-modal .modal-footer[data-v-d3850f71]{padding:20px 24px 24px;border-top:1px solid var(--border);display:flex;justify-content:center}@media(max-width:900px){.tutorial-content[data-v-d3850f71]{max-height:50vh}}@media(max-width:480px){.tutorial-modal .modal-header[data-v-d3850f71]{padding:20px}.tutorial-modal .modal-title[data-v-d3850f71]{font-size:18px}.tutorial-content[data-v-d3850f71]{padding:20px}.step-number[data-v-d3850f71]{width:32px;height:32px;font-size:32px}.step-content h4[data-v-d3850f71]{font-size:15px}.step-content p[data-v-d3850f71]{font-size:13px}.tutorial-modal .modal-footer[data-v-d3850f71]{padding:16px 20px 20px}.tutorial-modal .modal-footer .base-button[data-v-d3850f71]{width:100%}}