:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}.dreampartner-questionnaire{min-height:100vh;position:relative;font-family:Quicksand,PingFang SC,Microsoft YaHei,-apple-system,sans-serif;color:#4a3f4b}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fef7f4,#ffeef2 40%,#fff1f3,#fffbf7)}.bg-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:glow-float-a8244571 25s ease-in-out infinite}.bg-glow.glow-1{width:500px;height:500px;top:-15%;right:-10%;background:radial-gradient(circle,#ffccd5 0%,transparent 70%)}.bg-glow.glow-2{width:400px;height:400px;bottom:10%;left:-10%;background:radial-gradient(circle,#ffa3b5 0%,transparent 70%);animation-delay:-10s}@keyframes glow-float-a8244571{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.05)}}.floating-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-orbs .orb{position:absolute;border-radius:50%;animation:orb-drift-a8244571 linear infinite}@keyframes orb-drift-a8244571{0%{transform:translate(0);opacity:.3}50%{opacity:.5}to{transform:translate(30px,-60px);opacity:.3}}.container{max-width:640px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.state-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}.state-card{width:100%;max-width:400px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border:1px solid rgba(255,163,181,.2);border-radius:28px;padding:48px 36px;text-align:center;box-shadow:0 20px 60px rgba(255,107,138,.1)}.loading-card .loading-visual{width:80px;height:80px;margin:0 auto 24px}.loading-card .loading-visual .heart-loader{width:100%;height:100%;animation:heart-pulse-a8244571 1.5s ease-in-out infinite}.loading-card .loading-text{font-size:1rem;color:#6b5c6e;margin:0}@keyframes heart-pulse-a8244571{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.error-card .error-icon{width:64px;height:64px;margin:0 auto 20px;color:#ff6b8a}.error-card .error-icon svg{width:100%;height:100%}.error-card h2{font-size:1.35rem;font-weight:700;color:#4a3f4b;margin:0 0 12px}.error-card p{font-size:1rem;color:#6b5c6e;margin:0 0 28px;line-height:1.6}.error-card .btn-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#ff6b8a,#c44569);border:none;border-radius:100px;font-size:1rem;font-weight:600;font-family:inherit;color:#fff;cursor:pointer;transition:all .25s ease}.error-card .btn-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,138,.3)}.profile-card{width:100%;max-width:500px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,163,181,.2);border-radius:28px;padding:36px;box-shadow:0 20px 60px rgba(255,107,138,.1)}.profile-card .profile-header{text-align:center;margin-bottom:32px}.profile-card .profile-header .profile-visual{width:72px;height:72px;margin:0 auto 20px}.profile-card .profile-header .profile-visual svg{width:100%;height:100%}.profile-card .profile-header h2{font-size:1.5rem;font-weight:700;color:#4a3f4b;margin:0 0 8px}.profile-card .profile-header p{font-size:.95rem;color:#9a8b9e;margin:0}.profile-form .form-section{margin-bottom:28px}.profile-form .form-section:last-child{margin-bottom:0}.profile-form .form-section .section-label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:#c44569;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,163,181,.2)}.profile-form .form-section .section-label .label-icon{font-size:1.1rem}.profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.profile-form .form-row:last-child{margin-bottom:0}.profile-form .form-group.full-width{grid-column:1/-1}.profile-form .form-group label{display:block;font-size:.85rem;font-weight:600;color:#6b5c6e;margin-bottom:8px}.profile-form .form-group label .required{color:#f43f5e;margin-left:2px}.profile-form .form-group input,.profile-form .form-group select{width:100%;padding:12px 16px;font-size:.95rem;font-family:inherit;border:2px solid rgba(255,163,181,.25);border-radius:14px;background:#fff;color:#4a3f4b;transition:all .2s ease;box-sizing:border-box}.profile-form .form-group input:focus,.profile-form .form-group select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px rgba(255,107,138,.1)}.profile-form .form-group input::placeholder,.profile-form .form-group select::placeholder{color:#c4b8c8}.profile-form .form-group select{cursor:pointer;-webkit-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='%239a8b9e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.profile-form .gender-options{display:flex;gap:12px}.profile-form .gender-options .gender-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid rgba(255,163,181,.25);border-radius:14px;cursor:pointer;transition:all .2s ease;background:#fff}.profile-form .gender-options .gender-btn input{display:none}.profile-form .gender-options .gender-btn svg{width:20px;height:20px;color:#9a8b9e;transition:color .2s}.profile-form .gender-options .gender-btn span{font-size:.95rem;font-weight:500;color:#6b5c6e;transition:color .2s}.profile-form .gender-options .gender-btn:hover{border-color:rgba(255,107,138,.4);background:#fff1f3}.profile-form .gender-options .gender-btn.active{border-color:#ff6b8a;background:linear-gradient(135deg,#fff1f3,rgba(255,228,232,.5))}.profile-form .gender-options .gender-btn.active svg{color:#c44569}.profile-form .gender-options .gender-btn.active span{color:#c44569;font-weight:600}.profile-actions{display:flex;gap:14px;margin-top:32px}.profile-actions .btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:rgba(255,228,232,.5);border:1px solid rgba(255,163,181,.2);border-radius:14px;font-size:.95rem;font-weight:600;font-family:inherit;color:#6b5c6e;cursor:pointer;transition:all .2s ease}.profile-actions .btn-secondary:hover{background:rgba(255,228,232,.8);color:#4a3f4b}.profile-actions .btn-primary{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#ff6b8a,#c44569);border:none;border-radius:14px;font-size:.95rem;font-weight:700;font-family:inherit;color:#fff;cursor:pointer;transition:all .25s ease}.profile-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,138,.3)}.profile-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#c4b8c8;margin:24px 0 0}.privacy-note svg{color:#ff6b8a}.questionnaire-main{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:100;background:rgba(255,251,247,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,163,181,.15);padding:14px 0}.topbar .container{display:flex;justify-content:space-between;align-items:center}.topbar .brand{display:flex;align-items:center;gap:12px}.topbar .brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fef7f4,#fff1f3);border-radius:12px;box-shadow:0 4px 12px rgba(255,107,138,.12)}.topbar .brand-icon svg{width:24px;height:24px}.topbar .brand-text{display:flex;flex-direction:column;gap:1px}.topbar .brand-name{font-size:1rem;font-weight:700;color:#4a3f4b}.topbar .brand-sub{font-size:.7rem;color:#9a8b9e;font-weight:500}.topbar .dimension-badge{padding:8px 16px;background:linear-gradient(135deg,#ff6b8a,#c44569);border-radius:100px;font-size:.8rem;font-weight:700;color:#fff;letter-spacing:.02em}.progress-wrapper{background:rgba(255,255,255,.6);padding:16px 0;border-bottom:1px solid rgba(255,163,181,.1)}.progress-wrapper .progress-bar{height:8px;background:rgba(255,163,181,.15);border-radius:100px;overflow:hidden;margin-bottom:10px}.progress-wrapper .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#ff6b8a,#ff8fa3,#c44569);border-radius:100px;transition:width .4s ease;position:relative}.progress-wrapper .progress-bar .progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));border-radius:0 100px 100px 0}.progress-wrapper .progress-info{display:flex;justify-content:space-between;align-items:center}.progress-wrapper .progress-info .progress-text{font-size:.85rem;font-weight:600;color:#6b5c6e}.progress-wrapper .progress-info .progress-percent{font-size:.85rem;font-weight:700;color:#c44569;background:rgba(255,107,138,.1);padding:4px 12px;border-radius:100px}.question-area{flex:1;padding:24px 0 40px}.question-area .container{max-width:600px}.dimension-card{background:rgba(255,255,255,.7);border:1px solid rgba(255,163,181,.15);border-radius:18px;padding:18px 22px;margin-bottom:20px;backdrop-filter:blur(10px)}.dimension-card .dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dimension-card .dim-name{font-size:1.05rem;font-weight:700;color:#c44569;margin:0}.dimension-card .dim-progress{font-size:.8rem;font-weight:700;color:#ff6b8a;background:rgba(255,107,138,.1);padding:4px 12px;border-radius:100px}.dimension-card .dim-desc{font-size:.9rem;color:#9a8b9e;margin:0;line-height:1.5}.question-card{background:#fff;border:1px solid rgba(255,163,181,.15);border-radius:22px;padding:28px;margin-bottom:24px;box-shadow:0 8px 32px rgba(255,107,138,.06)}.question-card .question-header{margin-bottom:16px}.question-card .question-header .question-num{display:inline-block;font-size:.9rem;font-weight:800;color:#c44569;background:linear-gradient(135deg,#fff1f3,rgba(255,228,232,.5));padding:6px 14px;border-radius:100px;letter-spacing:.05em}.question-card .question-text{font-size:1.15rem;font-weight:600;color:#4a3f4b;line-height:1.7;margin:0}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.option-btn{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;background:#fff;border:2px solid rgba(255,163,181,.2);border-radius:16px;cursor:pointer;transition:all .25s ease;text-align:left;font-family:inherit}.option-btn .option-letter{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,107,138,.08);border-radius:10px;font-size:.95rem;font-weight:700;color:#c44569;transition:all .25s ease}.option-btn .option-text{flex:1;font-size:1rem;font-weight:500;color:#4a3f4b;line-height:1.5}.option-btn .option-check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,163,181,.3);border-radius:50%;opacity:0;transition:all .25s ease}.option-btn .option-check svg{width:14px;height:14px;color:#fff}.option-btn:hover{border-color:rgba(255,107,138,.4);background:#fff1f3;transform:translate(6px)}.option-btn:hover .option-letter{background:rgba(255,107,138,.15)}.option-btn.selected{border-color:#ff6b8a;background:linear-gradient(135deg,#fff1f3,rgba(255,228,232,.4));box-shadow:0 6px 24px rgba(255,107,138,.12)}.option-btn.selected .option-letter{background:#ff6b8a;color:#fff}.option-btn.selected .option-check{opacity:1;background:#ff6b8a;border-color:#ff6b8a}.nav-actions{display:flex;gap:14px}.nav-actions .nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s ease}.nav-actions .nav-btn svg{width:20px;height:20px;transition:transform .25s ease}.nav-actions .nav-btn.prev{background:rgba(255,228,232,.5);border:1px solid rgba(255,163,181,.2);color:#6b5c6e}.nav-actions .nav-btn.prev:hover:not(:disabled){background:rgba(255,228,232,.8);color:#4a3f4b}.nav-actions .nav-btn.prev:hover:not(:disabled) svg{transform:translate(-4px)}.nav-actions .nav-btn.prev:disabled{opacity:.4;cursor:not-allowed}.nav-actions .nav-btn.next{background:linear-gradient(135deg,#ff6b8a,#c44569);border:none;color:#fff;flex:1.5}.nav-actions .nav-btn.next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,107,138,.35)}.nav-actions .nav-btn.next:hover:not(:disabled) svg{transform:translate(4px)}.nav-actions .nav-btn.next:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.profile-card{padding:28px 24px}.profile-form .form-row{grid-template-columns:1fr}.topbar .brand-sub{display:none}.topbar .dimension-badge{padding:6px 12px;font-size:.75rem}.question-card{padding:22px 20px}.question-card .question-text{font-size:1.05rem}.option-btn{padding:16px 18px;gap:14px}.option-btn .option-letter{width:32px;height:32px;font-size:.85rem}.option-btn .option-text{font-size:.95rem}.option-btn .option-check{width:22px;height:22px}.nav-actions{flex-direction:column;gap:12px}.nav-actions .nav-btn.next{flex:1}}@media (max-width: 400px){.container{padding:0 16px}.topbar .brand-icon{width:36px;height:36px}.topbar .brand-icon svg{width:20px;height:20px}.profile-card{padding:24px 20px}.dimension-card{padding:14px 18px}.question-card{padding:20px 18px}}@media (prefers-reduced-motion: reduce){.bg-glow,.floating-orbs .orb,.heart-loader{animation:none!important}.option-btn,.nav-btn,.progress-fill{transition:none!important}}