/* style.css */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#333;line-height:1.6}.navbar{box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-brand{font-weight:600}.card{border:none;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s ease-in-out}.card:hover{transform:translateY(-2px)}.btn{border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:all .2s ease-in-out}.btn-primary{background-color:#4a90e2;border-color:#4a90e2}.btn-primary:hover{background-color:#357abd;border-color:#357abd;transform:translateY(-1px)}.btn-outline-primary{color:#4a90e2;border-color:#4a90e2}.btn-outline-primary:hover{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.compatibility-score{font-size:3rem;font-weight:700;margin:1rem 0}.unlock-section{background:#f8f9fa;border-radius:.5rem;padding:2rem;margin-top:2rem}.blur-overlay{backdrop-filter:blur(8px);background:rgba(255,255,255,.9)}@media (max-width:768px){.container{padding-left:1rem;padding-right:1rem}.btn{width:100%;margin-bottom:.5rem}.compatibility-score{font-size:2.5rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}.form-select{border-radius:.5rem;padding:.75rem 1rem;border:1px solid #dee2e6;transition:border-color .2s ease-in-out}.form-select:focus{border-color:#4a90e2;box-shadow:0 0 0 .2rem rgba(74,144,226,.25)}footer{margin-top:auto;padding:1.5rem 0;background-color:#f8f9fa;border-top:1px solid #dee2e6}

/* 16personalities.css */
@media (max-width:767px){header.personalities-header .container-fluid{padding-left:.5rem;padding-right:.5rem}.logo{gap:.5rem}.brand-name{white-space:nowrap}}:root{--analyst-purple:#9B6EF3;--diplomat-green:#58B368;--sentinel-blue:#4F90CD;--explorer-yellow:#F7C948;--error-red:#F87171;--success-green:#4ADE80;--neutral-gray:#E5E7EB;--light-gray:#F9FAFB;--dark-gray:#374151;--white:#fff;--font-primary:'Inter','Noto Sans TC',sans-serif;--font-secondary:'Noto Sans TC',sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);line-height:1.6;color:var(--dark-gray);background-color:var(--light-gray)}.personalities-container{min-height:100vh;background:linear-gradient(135deg,rgba(155,110,243,.05) 0,rgba(88,179,104,.05) 25%,rgba(79,144,205,.05) 50%,rgba(247,201,72,.05) 100%)}header.personalities-header{background:var(--white);border-bottom:1px solid var(--neutral-gray);padding:1rem 2rem;box-shadow:var(--shadow-sm);height:72px;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:1rem;text-decoration:none;cursor:pointer}.logo:hover .brand-name{transform:scale(1.02)}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:'Quicksand',var(--font-primary);font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:-.02em;background-size:300% 100%;background-image:linear-gradient(90deg,var(--analyst-purple) 0,var(--diplomat-green) 33%,var(--explorer-yellow) 66%,var(--sentinel-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 8s ease infinite;transition:all .3s ease}.brand-name:hover{animation:gradientFlowFast 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientFlowFast{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo-img{width:40px;height:40px;transition:transform .3s ease}.logo:hover .logo-img{transform:scale(1.05)}.brand-tagline{font-family:'Inter',var(--font-primary);font-size:.875rem;color:#666;margin-top:-2px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--analyst-purple),var(--diplomat-green));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-family:'Quicksand',var(--font-primary);font-size:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}.lang-select{background:var(--light-gray);border:2px solid var(--neutral-gray);border-radius:var(--radius-lg);padding:.5rem 1rem;color:var(--dark-gray);font-family:'Inter',var(--font-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.lang-select:hover{border-color:var(--diplomat-green);background:#f3fefa}.lang-select:focus{outline:none;border-color:var(--sentinel-blue);box-shadow:0 0 0 3px rgba(79,144,205,.2)}.nav-button{color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--radius-lg);font-family:'Inter',var(--font-primary);font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-home{background:linear-gradient(135deg,var(--sentinel-blue),var(--diplomat-green))}.nav-discover{background:linear-gradient(135deg,var(--analyst-purple),var(--explorer-yellow))}.nav-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff}.nav-button svg{width:18px;height:18px}.mbti-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;padding:1rem}.mbti-card{background:var(--white);border-radius:1.2rem;padding:0;text-align:center;cursor:pointer;transition:box-shadow .3s,transform .3s;border:2px solid transparent;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;margin-bottom:.5rem}.mbti-card:hover{box-shadow:0 8px 32px -8px rgba(155,110,243,.18),0 2px 8px 0 rgba(88,179,104,.1);z-index:2}.mbti-card.analyst{border-color:var(--analyst-purple);background:linear-gradient(135deg,rgba(155,110,243,.1),rgba(155,110,243,.05))}.mbti-card.analyst:hover{border-color:var(--analyst-purple);background:linear-gradient(135deg,rgba(155,110,243,.15),rgba(155,110,243,.1))}.mbti-card.diplomat{border-color:var(--diplomat-green);background:linear-gradient(135deg,rgba(88,179,104,.1),rgba(88,179,104,.05))}.mbti-card.diplomat:hover{border-color:var(--diplomat-green);background:linear-gradient(135deg,rgba(88,179,104,.15),rgba(88,179,104,.1))}.mbti-card.sentinel{border-color:var(--sentinel-blue);background:linear-gradient(135deg,rgba(79,144,205,.1),rgba(79,144,205,.05))}.mbti-card.sentinel:hover{border-color:var(--sentinel-blue);background:linear-gradient(135deg,rgba(79,144,205,.15),rgba(79,144,205,.1))}.mbti-card.explorer{border-color:var(--explorer-yellow);background:linear-gradient(135deg,rgba(247,201,72,.1),rgba(247,201,72,.05))}.mbti-card.explorer:hover{border-color:var(--explorer-yellow);background:linear-gradient(135deg,rgba(247,201,72,.15),rgba(247,201,72,.1))}.mbti-card.selected{transform:scale(1.05);box-shadow:var(--shadow-lg)}.mbti-card .type-name{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.mbti-card .type-category{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:var(--radius-lg);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:.875rem;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--diplomat-green),#4caf50);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#4caf50,var(--diplomat-green))}.btn-secondary{background:linear-gradient(135deg,var(--sentinel-blue),#2196f3);color:var(--white)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#2196f3,var(--sentinel-blue))}.btn-premium{background:linear-gradient(135deg,var(--analyst-purple),var(--explorer-yellow));color:var(--white);font-weight:600}.btn-premium:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--explorer-yellow),var(--analyst-purple))}.card{background:var(--white);border-radius:var(--radius-xl);padding:2rem}

/* performance.css */
personalities-container{contain:layout style paint}.card{contain:layout style}.mbti-card,.nav-premium-cta,.btn{will-change:transform;transform:translateZ(0)}body{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.analysis-item,.unlock-content,.card-body{contain:style}.personalities-container{scroll-behavior:smooth}@media (max-width:768px){.card,.btn{box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.unlock-section{content-visibility:auto;contain-intrinsic-size:300px}table{table-layout:fixed}.compatibility-score{contain:layout}.offer-corner{background-attachment:scroll}.btn-primary::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:inherit;z-index:-1;opacity:0;transition:opacity .2s}.hidden{display:none!important}.invisible{visibility:hidden!important}.d-flex{contain:layout}.text-center,.text-muted{contain:style}