@import url("https://fonts.googleapis.cn/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#ffffff}.mobile-container,body,html{max-width:430px;margin:0 auto;min-height:100vh}.mobile-container{padding:16px}.question-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px 20px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-title{font-size:16px;font-weight:500;margin-bottom:16px;line-height:1.6;color:#ffffff}.question-title .required{color:#ff6b6b;margin-left:4px}.rating-container{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px}.rating-label{font-size:11px;color:rgba(255,255,255,.6);text-align:center;min-width:40px}.rating-option{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.rating-button{width:100%;max-width:40px;height:40px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rating-button:hover{border-color:rgba(0,212,255,.5);background:rgba(0,212,255,.1)}.rating-button.selected{border-color:transparent;transform:scale(1.05);box-shadow:0 4px 15px rgba(0,212,255,.3)}.rating-button.selected,.submit-button{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:white}.submit-button{width:100%;padding:16px 32px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,212,255,.3)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,212,255,.4)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.progress-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#7b2ff7);border-radius:2px;transition:width .3s ease}.breadcrumb{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:20px;display:flex;align-items:center;gap:8px}.breadcrumb-separator{color:rgba(255,255,255,.3)}.input-field{width:100%;padding:14px 16px;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.05);color:white;font-size:15px;outline:none;transition:all .2s ease;font-family:inherit}.input-field:focus{border-color:#00d4ff;background:rgba(0,212,255,.05)}.input-field::placeholder{color:rgba(255,255,255,.4)}.select-field{width:100%;padding:14px 16px;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.05);color:white;font-size:15px;outline:none;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.select-field option{background:#1a1a2e;color:white}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:rgba(0,212,255,.5)}.radio-option.selected{border-color:#00d4ff;background:rgba(0,212,255,.1)}.radio-circle{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.radio-option.selected .radio-circle{border-color:#00d4ff}.radio-circle:after{content:"";width:12px;height:12px;border-radius:50%;background:#00d4ff;transform:scale(0);transition:transform .2s ease}.radio-option.selected .radio-circle:after{transform:scale(1)}.radio-label{font-size:15px;color:white}.page-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:14px;color:rgba(255,255,255,.6);text-align:center;margin-bottom:24px}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.image-container{position:relative;width:100%;border-radius:16px;overflow:hidden;margin:16px 0}.scenario-image{width:100%;height:auto;display:block}.image-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.warning-box{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:16px;margin:16px 0}.warning-text{font-size:14px;color:#ffc107;line-height:1.6}