:root{--primary: #37352f;--secondary: #ebebeb;--accent: #e16259;--bg: #f7f6f3;--card: #ffffff;--text-light: #aaa;--border: #e1e1e0;--shadow: rgba(15, 15, 15, .05);--font-main: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Twemoji Country Flags", "Inter", "Helvetica", "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-serif: "Lyon-Text", "Libre Baskerville", "Georgia", serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}body{font-family:var(--font-main);background-color:var(--bg);color:var(--primary);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;-webkit-font-smoothing:antialiased;padding:20px;box-sizing:border-box}#app{width:100%;max-width:640px;background:var(--card);padding:0;border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--shadow),0 1px 2px #0000000d;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden;min-height:550px}h1,h2,h3,h4{font-weight:700;margin:0 0 16px;line-height:1.3}p{line-height:1.6;color:#555;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500;color:var(--primary);box-sizing:border-box}.btn:hover:not(:disabled){background:#f7f9fb;border-color:#d0d0d0;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff;border:1px solid transparent;font-weight:600}.btn-primary:hover:not(:disabled){background:#d6544b;border-color:transparent;box-shadow:0 2px 8px #e162594d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.start-screen[data-v-55a6485a]{padding:60px 40px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px;position:relative;overflow:hidden}.bg-decoration[data-v-55a6485a]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.circle[data-v-55a6485a]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:pulse-55a6485a 8s infinite alternate ease-in-out}.circle-1[data-v-55a6485a]{width:300px;height:300px;background:rgba(225,98,89,.1);top:-100px;right:-50px}.circle-2[data-v-55a6485a]{width:250px;height:250px;background:rgba(55,53,47,.05);bottom:-50px;left:-50px;animation-delay:-4s}@keyframes pulse-55a6485a{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.1)}}.logo-wrapper[data-v-55a6485a]{margin-bottom:32px}.app-logo[data-v-55a6485a]{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(0,0,0,.15))}.animate-pop[data-v-55a6485a]{animation:popIn-55a6485a .8s cubic-bezier(.34,1.56,.64,1) both}.float-anim[data-v-55a6485a]{animation:float-55a6485a 4s infinite ease-in-out;animation-delay:.8s}.animate-up[data-v-55a6485a]{animation:fadeInUp-55a6485a .8s cubic-bezier(.22,1,.36,1) both}.delay-1[data-v-55a6485a]{animation-delay:.2s}.delay-2[data-v-55a6485a]{animation-delay:.4s}.delay-3[data-v-55a6485a]{animation-delay:.6s}@keyframes popIn-55a6485a{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes float-55a6485a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp-55a6485a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title[data-v-55a6485a]{font-size:32px;margin-bottom:24px;letter-spacing:-.02em;font-weight:800;color:var(--primary)}.subtitle[data-v-55a6485a]{font-size:16px;color:#666;line-height:1.8;margin-bottom:48px;max-width:480px;margin-left:auto;margin-right:auto}.action-area[data-v-55a6485a]{width:100%;max-width:320px}.start-btn[data-v-55a6485a]{padding:16px 32px;font-size:18px;margin-bottom:16px;border-radius:40px;transition:all .3s ease}.start-btn[data-v-55a6485a]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #e162594d}.meta[data-v-55a6485a]{font-size:13px;color:#999}.progress-bar[data-v-57573f23]{width:100%;height:6px;background:#eee;border-radius:3px;overflow:hidden}.progress-fill[data-v-57573f23]{height:100%;background:var(--accent);transition:width .3s ease}.quiz-card[data-v-62184d21]{max-width:100%;padding:40px}@media (max-width: 480px){.quiz-card[data-v-62184d21]{padding:24px}}.question-header[data-v-62184d21]{text-align:left;margin-bottom:32px}.progress-section[data-v-62184d21]{margin-bottom:32px}.progress-text[data-v-62184d21]{display:block;text-align:right;font-size:14px;color:var(--text-light);margin-bottom:8px;font-weight:500}.q-number[data-v-62184d21]{display:inline-block;font-size:14px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;background:rgba(225,98,89,.1);padding:4px 8px;border-radius:4px}.question-text[data-v-62184d21]{font-size:24px;line-height:1.4;font-weight:700;color:var(--primary);margin:0}.options-container[data-v-62184d21]{display:flex;flex-direction:column;gap:12px}.option-card[data-v-62184d21]{display:flex;align-items:center;width:100%;padding:18px 24px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.4,1);text-align:left;position:relative;overflow:hidden;box-shadow:0 4px #00000005}.option-card[data-v-62184d21]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #0000000f;background:#fff}.option-card[data-v-62184d21]:active{transform:translateY(1px);box-shadow:0 2px #00000005;background:#fdfdfd}.option-marker[data-v-62184d21]{font-size:14px;font-weight:600;color:#999;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;margin-right:16px;flex-shrink:0;transition:all .2s ease}.option-card:hover .option-marker[data-v-62184d21]{border-color:var(--accent);color:var(--accent);background:rgba(225,98,89,.1)}.option-text[data-v-62184d21]{font-size:16px;line-height:1.5;color:var(--primary);font-weight:500}.nav-controls[data-v-62184d21]{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.nav-btn[data-v-62184d21]{background:transparent;border:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .2s}.nav-btn[data-v-62184d21]:hover:not(:disabled){background:#f5f5f5}.nav-btn[data-v-62184d21]:disabled{opacity:.3;cursor:not-allowed}.pagination-dots[data-v-62184d21]{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:160px}.dot[data-v-62184d21]{width:8px;height:8px;border-radius:50%;background:#eee;cursor:pointer;transition:all .2s}.dot[data-v-62184d21]:hover{background:#ddd}.dot.filled[data-v-62184d21]{background:#bbb}.dot.active[data-v-62184d21]{background:var(--accent);transform:scale(1.2)}.option-card.is-selected[data-v-62184d21]{border-color:var(--accent);background:rgba(225,98,89,.03);box-shadow:0 2px 8px #e162591a}.option-card.is-selected .option-marker[data-v-62184d21]{background:var(--accent);color:#fff;border-color:var(--accent)}.animate-in-left[data-v-62184d21]{animation:slideInLeft-62184d21 .5s cubic-bezier(.25,1,.5,1) both}@keyframes slideInLeft-62184d21{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.result-screen[data-v-672ee650]{text-align:center;padding-bottom:40px;padding-top:60px}.header-msg h2[data-v-672ee650]{font-size:28px;margin-bottom:8px}.header-msg p[data-v-672ee650]{font-size:14px;color:#888;margin-bottom:24px}.share-card[data-v-672ee650]{background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 32px #00000014;border:1px solid var(--border);max-width:500px;margin:0 auto;text-align:left;position:relative;overflow:hidden}.role-header[data-v-672ee650]{text-align:center;margin-bottom:24px}.role-subtitle[data-v-672ee650]{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px}.role-name[data-v-672ee650]{font-size:32px;margin:0;color:var(--primary)!important}.result-img[data-v-672ee650]{width:100%;border-radius:8px;margin-bottom:32px;border:1px solid rgba(0,0,0,.05)}.section-title[data-v-672ee650]{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888;text-align:center;margin-bottom:20px;position:relative}.section-title[data-v-672ee650]:after{content:"";display:block;width:30px;height:2px;background:var(--accent);margin:8px auto 0;opacity:.3}.chart-section[data-v-672ee650]{margin-bottom:40px}.chart-container[data-v-672ee650]{position:relative;height:320px;width:100%;display:flex;align-items:center;justify-content:center}.assessment-section[data-v-672ee650]{margin-bottom:30px}.assessment-grid[data-v-672ee650]{display:flex;flex-direction:column;gap:16px}.section-desc[data-v-672ee650]{font-size:13px;color:#666;text-align:center;margin-bottom:24px}.chart-toggles[data-v-672ee650]{display:flex;justify-content:center;margin-bottom:20px;gap:8px}.toggle-btn[data-v-672ee650]{background:transparent;border:1px solid var(--border);padding:6px 16px;border-radius:20px;font-size:13px;color:#888;cursor:pointer;transition:all .2s ease}.toggle-btn.active[data-v-672ee650]{background:var(--primary);color:#fff;border-color:var(--primary)}.bar-chart[data-v-672ee650]{padding:10px 0;display:flex;flex-direction:column;justify-content:center;width:100%}.bar-row[data-v-672ee650]{display:flex;align-items:center;margin-bottom:12px}.bar-label[data-v-672ee650]{width:90px;font-size:13px;font-weight:500;color:var(--primary);text-align:right;padding-right:12px}.bar-track[data-v-672ee650]{flex:1;height:8px;background:#eee;border-radius:4px;overflow:hidden}.bar-fill[data-v-672ee650]{height:100%;background:var(--accent);border-radius:4px}.bar-fill-anim[data-v-672ee650]{width:0;animation:growBar-672ee650 .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes growBar-672ee650{to{width:var(--target-width)}}.bar-value[data-v-672ee650]{width:90px;font-size:12px;color:#999;padding-left:8px;white-space:nowrap}.advice-card[data-v-672ee650]{background:#f9f9f9;padding:16px;border-radius:8px;border-left:3px solid var(--accent)}.advice-header[data-v-672ee650]{display:flex;align-items:center;margin-bottom:8px}.advice-rank[data-v-672ee650]{background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:8px}.advice-title[data-v-672ee650]{font-weight:700;font-size:15px;color:var(--primary);margin-right:auto}.advice-percent[data-v-672ee650]{font-size:12px;color:var(--accent);font-weight:600;background:rgba(225,98,89,.1);padding:2px 6px;border-radius:4px}.advice-content[data-v-672ee650]{font-size:14px;color:#555;margin:0;line-height:1.6}.strategy-tag[data-v-672ee650]{display:inline-block;font-size:10px;font-weight:700;color:#fff;background:var(--primary);padding:2px 8px;border-radius:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.card-footer[data-v-672ee650]{border-top:1px solid #eee;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa}.brand[data-v-672ee650]{font-weight:600}.actions[data-v-672ee650]{display:flex;flex-direction:column;gap:12px;margin-top:32px;max-width:300px;margin-left:auto;margin-right:auto}.action-btn[data-v-672ee650]{border-radius:40px;font-size:16px;padding:14px}.text-only[data-v-672ee650]{background:transparent;border:none;color:#888;font-size:14px;padding:8px}.text-only[data-v-672ee650]:hover{background:transparent;color:var(--primary);text-decoration:underline;transform:none;box-shadow:none}.container[data-v-77200cc1]{width:100%;overflow-x:hidden}.slide-fade-enter-active[data-v-77200cc1],.slide-fade-leave-active[data-v-77200cc1]{transition:all .4s cubic-bezier(.25,1,.5,1)}.slide-fade-enter-from[data-v-77200cc1]{opacity:0;transform:translate(30px)}.slide-fade-leave-to[data-v-77200cc1]{opacity:0;transform:translate(-30px)}