1 line
4.3 KiB
CSS
1 line
4.3 KiB
CSS
.qa-page[data-v-8b8970ae]{padding-top:90px;padding-bottom:40px;min-height:100vh;background-color:#f5f7fa}.container[data-v-8b8970ae]{max-width:800px;margin:0 auto;padding:0 20px}.header-section[data-v-8b8970ae]{text-align:center;margin-bottom:25px}.header-section h1[data-v-8b8970ae]{font-size:28px;color:#2c3e50;margin-bottom:10px}.subtitle[data-v-8b8970ae]{color:#7f8c8d;font-size:16px}.notice-box[data-v-8b8970ae]{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;max-width:100%;box-sizing:border-box}.notice-icon-circle[data-v-8b8970ae]{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}.warm-card[data-v-8b8970ae]{background-color:#fff7e6;border:1px solid #ffe4b5;color:#d35400;padding:15px 20px;border-radius:12px;margin:20px auto;text-align:left;line-height:1.6;font-size:15px;box-shadow:0 2px 8px rgba(211,84,0,.05)}.warm-card p[data-v-8b8970ae]{margin:5px 0}.info-card[data-v-8b8970ae]{background-color:#e8f4fd;border:1px solid #d6eaf8;color:#2980b9;padding:15px 20px;border-radius:12px;margin:20px auto;text-align:left;box-shadow:0 2px 8px rgba(41,128,185,.05)}.info-header[data-v-8b8970ae]{text-align:center;font-weight:700;font-size:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.info-list[data-v-8b8970ae]{margin:0;padding-left:20px;font-size:14px;line-height:1.6}.info-list li[data-v-8b8970ae]{margin-bottom:4px}.card[data-v-8b8970ae]{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);padding:30px}.form-group[data-v-8b8970ae]{margin-bottom:30px}.form-label[data-v-8b8970ae]{display:block;font-weight:600;color:#2c3e50;margin-bottom:15px;font-size:16px}.form-label.required[data-v-8b8970ae]:after{content:"*";color:#e74c3c;margin-left:4px}.options-grid[data-v-8b8970ae]{display:flex;flex-wrap:wrap;gap:12px}.radio-label[data-v-8b8970ae]{display:flex;align-items:center;cursor:pointer;padding:10px 16px;border:2px solid #eef1f6;border-radius:8px;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-label[data-v-8b8970ae]:hover{border-color:#bdc3c7}.radio-label.checked[data-v-8b8970ae]{border-color:#3498db;background-color:#ebf5fb;color:#3498db;font-weight:500}.radio-label input[data-v-8b8970ae]{display:none}.sub-input[data-v-8b8970ae]{margin-top:10px}.form-input[data-v-8b8970ae],.form-textarea[data-v-8b8970ae]{width:100%;padding:12px 15px;border:2px solid #eef1f6;border-radius:8px;font-size:15px;transition:border-color .2s;box-sizing:border-box;font-family:inherit;resize:vertical}.form-input[data-v-8b8970ae]:focus,.form-textarea[data-v-8b8970ae]:focus{outline:none;border-color:#3498db}.rating-group[data-v-8b8970ae]{display:flex;gap:10px;flex-wrap:wrap}.rating-item[data-v-8b8970ae]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:2px solid #eef1f6;border-radius:8px;cursor:pointer;font-weight:600;color:#7f8c8d;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rating-item[data-v-8b8970ae]:hover{border-color:#bdc3c7;color:#34495e}.rating-item.active[data-v-8b8970ae]{background-color:#3498db;border-color:#3498db;color:#fff}.rating-item input[data-v-8b8970ae]{display:none}.rating-desc[data-v-8b8970ae]{margin-top:8px;display:flex;justify-content:space-between;color:#95a5a6;font-size:13px;max-width:300px}.rating-group.wrap[data-v-8b8970ae]{gap:8px}.rating-item.small[data-v-8b8970ae]{width:36px;height:36px;font-size:14px}.btn-submit[data-v-8b8970ae]{width:100%;padding:16px;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:10px}.btn-submit[data-v-8b8970ae]:hover:not(:disabled){background-color:#2980b9}.btn-submit[data-v-8b8970ae]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width:600px){.qa-page[data-v-8b8970ae]{padding-top:70px}.card[data-v-8b8970ae]{padding:20px}.rating-item[data-v-8b8970ae]{width:36px;height:36px}.rating-item.small[data-v-8b8970ae]{width:32px;height:32px}.radio-label[data-v-8b8970ae]{width:100%;justify-content:center}.header-section h1[data-v-8b8970ae]{font-size:24px}} |