:root{--color-bg:#fdf6f0;--color-bg-card:#fff;--color-bg-warm:#fff5ee;--color-primary:#e8734a;--color-primary-light:#f4a582;--color-primary-dark:#c75b35;--color-secondary:#d4a574;--color-accent:#b8860b;--color-text:#3d2c2c;--color-text-light:#7a6565;--color-text-muted:#a89090;--color-border:#f0ddd0;--color-success:#6b9e78;--color-warning:#d4a574;--color-danger:#c75b5b;--gradient-warm:linear-gradient(135deg, #fdf6f0 0%, #fce4d6 50%, #f8d5c4 100%);--gradient-primary:linear-gradient(135deg, #e8734a 0%, #f4a582 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #fdf6f0 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #e8734a14;--shadow-md:0 4px 16px #e8734a1f;--shadow-lg:0 8px 32px #e8734a29;--font-main:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--gradient-warm);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{max-width:480px;min-height:100vh;margin:0 auto;padding:0 16px;position:relative}.btn{border-radius:var(--radius-lg);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-main);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary-light);background:var(--color-bg-warm)}.btn-ghost{color:var(--color-text-light);background:0 0}.btn-ghost:hover{background:#e8734a14}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:24px}.page-header{text-align:center;padding:20px 0}.page-title{color:var(--color-text);margin-bottom:8px;font-size:24px;font-weight:700}.page-subtitle{color:var(--color-text-light);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-in{animation:.5s ease-out forwards fadeIn}.animate-in-delay-1{opacity:0;animation-delay:.1s}.animate-in-delay-2{opacity:0;animation-delay:.2s}.animate-in-delay-3{opacity:0;animation-delay:.3s}.progress-bar{background:var(--color-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .4s}.likert-scale{justify-content:center;gap:8px;margin:24px 0;display:flex}.likert-option{border:2px solid var(--color-border);background:var(--color-bg-card);width:48px;height:48px;color:var(--color-text-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.likert-option:hover{border-color:var(--color-primary-light);color:var(--color-primary);transform:scale(1.1)}.likert-option.selected{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transform:scale(1.1)}.likert-labels{color:var(--color-text-muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.dimension-bar{margin-bottom:16px}.dimension-bar-header{justify-content:space-between;margin-bottom:6px;display:flex}.dimension-bar-name{font-size:14px;font-weight:500}.dimension-bar-value{color:var(--color-primary);font-size:14px;font-weight:600}.dimension-bar-track{background:var(--color-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.dimension-bar-fill{border-radius:4px;height:100%;transition:width .6s}.harmony-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.harmony-high{color:var(--color-success);background:#e8f5e9}.harmony-medium{color:var(--color-warning);background:#fff3e0}.harmony-low{color:var(--color-danger);background:#fce4ec}.mode-card{background:var(--gradient-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:20px;transition:all .3s}.mode-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}.mode-card.selected{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.mode-icon{margin-bottom:12px;font-size:36px}.mode-title{margin-bottom:4px;font-size:18px;font-weight:700}.mode-desc{color:var(--color-text-light);font-size:13px}.mode-count{background:var(--color-bg-warm);color:var(--color-primary);border-radius:12px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.archetype-card{text-align:center;padding:32px 24px}.archetype-emoji{margin-bottom:16px;font-size:64px;animation:2s infinite pulse}.archetype-name{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.archetype-desc{color:var(--color-text-light);margin-bottom:20px;font-size:15px;line-height:1.6}.archetype-section{text-align:left;background:var(--color-bg-warm);border-radius:var(--radius-md);margin-bottom:12px;padding:16px}.archetype-section-title{color:var(--color-primary);margin-bottom:6px;font-size:13px;font-weight:600}.archetype-section-text{color:var(--color-text);font-size:14px;line-height:1.6}.relationship-card{border:2px solid var(--color-primary-light);background:linear-gradient(135deg,#fdf6f0 0%,#fce4d6 100%)}.relationship-emoji{margin-bottom:12px;font-size:56px}.relationship-name{color:var(--color-primary-dark);margin-bottom:8px;font-size:22px;font-weight:700}.score-ring{width:160px;height:160px;margin:0 auto 20px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8px}.score-ring-fill{fill:none;stroke:var(--color-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s}.score-ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-ring-value{color:var(--color-primary);font-size:36px;font-weight:700}.score-ring-label{color:var(--color-text-muted);font-size:12px}.advice-list{padding:0;list-style:none}.advice-item{background:var(--color-bg-warm);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary-light);margin-bottom:8px;padding:12px 16px;font-size:14px;line-height:1.6}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--color-bg-warm);color:var(--color-primary-dark);border:1px solid var(--color-primary-light);border-radius:20px;padding:6px 14px;font-size:13px}.safe-bottom{height:40px}.option-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;padding:16px 20px;font-weight:500;transition:all .2s}.option-card:hover{border-color:var(--color-primary-light);background:var(--color-bg-warm)}.option-card.selected{border-color:var(--color-primary);background:var(--color-bg-warm);color:var(--color-primary-dark)}