1 line
5.5 KiB
CSS
1 line
5.5 KiB
CSS
.advice-page[data-v-480fd0ea]{padding-top:90px;padding-bottom:40px;min-height:100vh;background-color:#f5f7fa}.container[data-v-480fd0ea]{max-width:800px;margin:0 auto;padding:0 20px}.header-section[data-v-480fd0ea]{text-align:center;margin-bottom:18px}.header-section h1[data-v-480fd0ea]{font-size:28px;color:#2c3e50;margin-bottom:10px}.subtitle[data-v-480fd0ea]{color:#7f8c8d;font-size:16px}.notice-box[data-v-480fd0ea]{background-color:#e8f4fd;color:#3498db;padding:10px 20px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;margin-top:15px;font-size:14px;border:1px solid #d6eaf8}.notice-icon-circle[data-v-480fd0ea]{display:inline-flex;justify-content:center;align-items:center;width:18px;height:18px;background-color:#3498db;color:#fff;border-radius:50%;font-weight:700;font-size:12px;flex-shrink:0;font-family:Arial,sans-serif}.tabs-container[data-v-480fd0ea]{display:flex;justify-content:center;margin-bottom:20px}.tabs[data-v-480fd0ea]{display:flex;background:#fff;border-radius:30px;padding:5px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tab-item[data-v-480fd0ea]{padding:10px 30px;cursor:pointer;border-radius:25px;font-weight:500;color:#7f8c8d;transition:all .3s ease}.tab-item.active[data-v-480fd0ea]{background-color:#3498db;color:#fff;box-shadow:0 2px 6px rgba(52,152,219,.3)}.card[data-v-480fd0ea]{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);padding:30px;transition:transform .2s}.form-group[data-v-480fd0ea]{margin-bottom:25px}.form-label[data-v-480fd0ea]{margin-bottom:0;font-weight:600;color:#2c3e50}.form-label-row[data-v-480fd0ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.input-mode-switch[data-v-480fd0ea]{font-size:14px;color:#95a5a6}.mode-item[data-v-480fd0ea]{cursor:pointer;transition:color .2s}.mode-item[data-v-480fd0ea]:hover{color:#3498db}.mode-item.active[data-v-480fd0ea]{color:#3498db;font-weight:600}.mode-divider[data-v-480fd0ea]{margin:0 8px;color:#e0e0e0}.type-selector[data-v-480fd0ea]{display:flex;gap:15px}.radio-label[data-v-480fd0ea]{display:flex;align-items:center;cursor:pointer;padding:10px 20px;border:2px solid #eef1f6;border-radius:8px;transition:all .2s}.radio-label[data-v-480fd0ea]:hover{border-color:#bdc3c7}.radio-label.checked[data-v-480fd0ea]{border-color:#3498db;background-color:#ebf5fb;color:#3498db}.radio-label input[data-v-480fd0ea]{display:none}.type-description[data-v-480fd0ea]{margin-top:15px;padding:12px;background-color:#f8f9fa;border-radius:6px;color:#606266;font-size:14px;text-align:center}.form-textarea[data-v-480fd0ea]{width:100%;padding:15px;border:2px solid #eef1f6;border-radius:8px;font-size:15px;line-height:1.6;transition:border-color .2s;resize:vertical;box-sizing:border-box;font-family:inherit}.form-textarea[data-v-480fd0ea]:focus{outline:none;border-color:#3498db}.btn-submit[data-v-480fd0ea]{width:100%;padding:14px;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-submit[data-v-480fd0ea]:hover:not(:disabled){background-color:#2980b9}.btn-submit[data-v-480fd0ea]:disabled{background-color:#bdc3c7;cursor:not-allowed}.empty-state[data-v-480fd0ea],.loading-state[data-v-480fd0ea]{text-align:center;padding:40px 0;color:#95a5a6}.spinner[data-v-480fd0ea]{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin-480fd0ea 1s linear infinite;margin:0 auto 15px}@keyframes spin-480fd0ea{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-link[data-v-480fd0ea]{margin-top:10px;background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline}.advice-item[data-v-480fd0ea]{border-bottom:1px solid #f1f2f6;padding:20px 0}.advice-item[data-v-480fd0ea]:last-child{border-bottom:none}.item-header[data-v-480fd0ea]{justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.header-left[data-v-480fd0ea],.item-header[data-v-480fd0ea]{display:flex;align-items:center;gap:10px}.badge[data-v-480fd0ea],.status-badge[data-v-480fd0ea]{font-size:12px;padding:3px 8px;border-radius:4px;font-weight:500}.badge-feature[data-v-480fd0ea]{background-color:#e8f6f3;color:#1abc9c}.badge-bug[data-v-480fd0ea]{background-color:#fdedec;color:#e74c3c}.status-processing[data-v-480fd0ea]{background-color:#fdf6ec;color:#e6a23c}.status-done[data-v-480fd0ea]{background-color:#f0f9eb;color:#67c23a}.status-closed[data-v-480fd0ea]{background-color:#fef0f0;color:#f56c6c}.time[data-v-480fd0ea]{font-size:13px;color:#95a5a6}.item-content[data-v-480fd0ea]{font-size:15px;color:#34495e;line-height:1.6;white-space:pre-wrap;margin-bottom:15px}.item-reply[data-v-480fd0ea]{background-color:#f8f9fa;border-radius:6px;padding:15px;font-size:14px;color:#2c3e50;border-left:3px solid #3498db}.reply-header[data-v-480fd0ea]{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#3498db}.reply-content[data-v-480fd0ea]{white-space:pre-wrap;line-height:1.6}.pagination[data-v-480fd0ea]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.page-btn[data-v-480fd0ea]{padding:6px 16px;border:1px solid #dcdfe6;background:#fff;border-radius:4px;cursor:pointer;color:#606266;transition:all .2s}.page-btn[data-v-480fd0ea]:hover:not(:disabled){border-color:#3498db;color:#3498db}.page-btn[data-v-480fd0ea]:disabled{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.page-info[data-v-480fd0ea]{font-size:14px;color:#606266}@media (max-width:600px){.advice-page[data-v-480fd0ea]{padding-top:80px}.tabs[data-v-480fd0ea]{width:100%}.tab-item[data-v-480fd0ea]{flex:1;text-align:center;padding:10px 0}.card[data-v-480fd0ea]{padding:20px}} |