*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark:#000;--color-bg-card:#1a1a1a;--color-bg-hover:#222;--color-brand:#9bf00b;--color-brand-rgb:155,240,11;--color-brand-hover:#a8ff1a;--color-brand-active:#8cdb07;--color-secondary:#4d4d4d;--color-secondary-hover:#5a5a5a;--color-secondary-active:#333;--color-white:#fff;--color-gray-100:#f5f5f5;--color-gray-300:#ccc;--color-gray-500:#999;--color-gray-700:#666;--color-gray-900:#333;--color-text-title:#fff;--color-text-body:#e0e0e0;--color-neutral:#9e9e9e;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-2xs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:0.2s;--transition-normal:0.3s;--transition-slow:0.5s;--ease-default:ease-out;--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--label-disagree:"不同意";--label-agree:"同意";--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-text-muted:#999;--color-bg-primary:#000;--color-bg-secondary:#1a1a1a;--color-bg-muted:#222;--color-border:hsla(0,0%,100%,.1);--color-border-light:hsla(0,0%,100%,.05);--color-success:#4caf50;--color-error:#f44336;--color-warning:#ffc107;--color-info:#2196f3}body{font-family:var(--font-family);background-color:var(--color-bg-dark);color:var(--color-text-body);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text-title);line-height:1.3;font-weight:600}a{color:inherit;text-decoration:none}p{margin-bottom:var(--spacing-md)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width:768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.section{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--spacing-md)}.grid{display:grid}.btn-primary{background-color:var(--color-brand);color:#000;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-default);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-primary:hover{background-color:var(--color-brand-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{background-color:var(--color-brand-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border:1px solid var(--color-gray-700);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-default);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-secondary:hover{background-color:var(--color-secondary-hover);box-shadow:var(--shadow-sm)}.btn-secondary:active{background-color:var(--color-secondary-active);transform:translateY(1px)}.test-container{max-width:1000px;margin:var(--spacing-3xl) auto;padding:var(--spacing-xl);background-color:var(--color-bg-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.test-header{text-align:center;margin-bottom:var(--spacing-2xl)}.test-header h2{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-text-title);line-height:1.2;margin-bottom:var(--spacing-md)}.test-header p{color:var(--color-text-body);font-size:var(--font-size-xl);max-width:800px;margin-left:auto;margin-right:auto}.progress-container{margin-bottom:var(--spacing-xl)}.progress-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-300)}.progress-bar{height:8px;background-color:var(--color-secondary);overflow:hidden}.progress-bar,.progress-value{border-radius:var(--radius-full)}.progress-value{height:100%;background:linear-gradient(90deg,var(--color-brand) 0,var(--color-brand-active) 100%);transition:width var(--transition-normal) var(--ease-default)}.question-container{margin-bottom:var(--spacing-2xl)}.question-title{font-size:var(--font-size-2xl);font-weight:500;color:var(--color-text-title);line-height:1.5;margin-bottom:var(--spacing-xl);text-align:center}.rating-options{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem auto;position:relative;padding:1rem 3rem;max-width:800px}.rating-options:before{content:var(--label-disagree);left:0;color:#ef4444}.rating-options:after,.rating-options:before{position:absolute;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:500}.rating-options:after{content:var(--label-agree);right:0;color:#0ea5e9}.rating-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid #e2e8f0;background-color:var(--color-bg-card);cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.rating-button:hover{transform:translateY(-4px);background-color:hsla(0,0%,100%,.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.rating-button:active{transform:translateY(0)}.rating-button:first-child{border-color:#ef4444}.rating-button:nth-child(2){border-color:#f97316}.rating-button:nth-child(3){border-color:#f59e0b}.rating-button:nth-child(4){border-color:#94a3b8}.rating-button:nth-child(5){border-color:#84cc16}.rating-button:nth-child(6){border-color:#22c55e}.rating-button:nth-child(7){border-color:#0ea5e9}.rating-button.selected{background-color:var(--color-brand);border-color:var(--color-brand);transform:scale(1.1);box-shadow:0 4px 15px rgba(155,240,11,.4)}@media (max-width:768px){.rating-options{padding:1rem 2.5rem;gap:.35rem}.rating-button{width:2rem;height:2rem}.rating-options:after,.rating-options:before{font-size:.75rem}}.result-container{background:linear-gradient(135deg,rgba(26,26,26,.9),hsla(0,0%,8%,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem 2rem;margin:2rem auto;max-width:900px;box-shadow:0 10px 40px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);animation:fadeInUp .8s ease-out forwards;position:relative;overflow:hidden}.result-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to right,var(--color-brand),rgba(155,240,11,.5))}.result-type{font-size:2.6rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin:.5rem 0;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.result-title{font-size:1.8rem;font-weight:600;color:var(--color-brand);text-align:center;margin-bottom:1rem}.result-description{text-align:center;font-size:1.1rem;line-height:1.7;max-width:700px;margin:0 auto 2rem;color:var(--color-text-secondary);padding:0 1rem}.analysis-tabs{justify-content:center;gap:1.5rem;margin:2rem 0;padding:.5rem;z-index:10}.analysis-tab,.analysis-tabs{display:flex;position:relative}.analysis-tab{flex-direction:column;align-items:center;padding:1rem 2rem;background:rgba(40,40,40,.6);border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1);overflow:hidden;min-width:120px;color:var(--color-text-secondary)}.analysis-tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(155,240,11,.1),rgba(155,240,11,.05));opacity:0;transition:opacity .3s ease;z-index:-1}.analysis-tab:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3);border-color:rgba(155,240,11,.3)}.analysis-tab:hover:before{opacity:1}.analysis-tab.active{background:linear-gradient(135deg,rgba(155,240,11,.8),rgba(155,240,11,.6));color:#000;border-color:transparent;box-shadow:0 8px 20px rgba(155,240,11,.3);transform:translateY(-3px)}.analysis-content{background:var(--color-bg-card);border-radius:16px;padding:2rem;box-shadow:0 8px 30px rgba(0,0,0,.2);margin-top:1rem;border:1px solid hsla(0,0%,100%,.1)}.dimensions-chart{margin:2rem 0;padding:1.5rem;background:rgba(35,35,35,.7);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.08)}.dimensions-chart h3{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-primary);text-align:center}.dimension-row{margin-bottom:1.5rem;padding:.5rem;background:rgba(35,35,35,.5);border-radius:12px;transition:all .3s ease}.dimension-row:hover{background:rgba(40,40,40,.8);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.dimension-labels{display:flex;justify-content:space-between;margin-bottom:.75rem}.dimension-label{display:flex;align-items:center;gap:.5rem;transition:all .3s ease;color:var(--color-text-secondary)}.dimension-label.font-bold{color:var(--color-text-primary);font-weight:600}.dimension-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:700;background:linear-gradient(135deg,rgba(155,240,11,.2),rgba(155,240,11,.1));color:var(--color-brand)}.dimension-name{font-size:.9rem}.dimension-percentage{font-size:.85rem;opacity:.8}.dimension-bar-container{display:flex;height:10px;background:rgba(50,50,50,.5);border-radius:5px;overflow:hidden;position:relative}.dimension-bar{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.dimension-bar-left{background:linear-gradient(90deg,rgba(155,240,11,.9),rgba(155,240,11,.6));border-radius:5px 0 0 5px}.dimension-bar-right{background:linear-gradient(90deg,rgba(155,240,11,.6),rgba(155,240,11,.9));border-radius:0 5px 5px 0}.dimension-indicator{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--color-brand);top:50%;right:-9px;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(155,240,11,.3);z-index:2}.dimension-bar-right .dimension-indicator{left:-9px;right:auto}.personality-traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin:1.5rem 0}.trait-card{background:linear-gradient(135deg,rgba(40,40,40,.9),rgba(30,30,30,.95));border-radius:12px;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);transition:all .3s ease}.trait-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(155,240,11,.1);border-color:rgba(155,240,11,.2)}.trait-title{font-weight:600;color:var(--color-brand);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.trait-description{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.career-path-section{margin:2.5rem 0;padding:2rem;background:linear-gradient(135deg,rgba(35,35,35,.9),rgba(25,25,25,.95));border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);animation:fadeInUp .8s ease-out forwards}.career-path-section h2{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.career-path-section h3{font-size:1.4rem;font-weight:600;color:var(--color-brand);margin:1.5rem 0 1rem;border-bottom:2px solid rgba(155,240,11,.3);padding-bottom:.5rem;display:inline-block}.career-description{background:rgba(40,40,40,.7);border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 5px 20px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.08)}.career-description p{line-height:1.7;color:var(--color-text-secondary);margin-bottom:1rem}.relationship-matches-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.relationship-match{background:linear-gradient(145deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1));border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all var(--transition-normal) var(--ease-default);box-shadow:0 4px 15px rgba(0,0,0,.05)}.relationship-match:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--color-brand)}.relationship-type{font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--color-brand);margin-bottom:.75rem;letter-spacing:1px}.relationship-description{margin-bottom:1rem;flex-grow:1}.relationship-title{font-size:1.2rem;font-weight:var(--font-weight-medium);color:var(--color-text-heading);display:block;margin-bottom:.5rem}.relationship-subtitle{font-size:.95rem;color:var(--color-text-body);line-height:1.5}.match-value{display:inline-block;background:linear-gradient(90deg,var(--color-brand),rgba(155,240,11,.6));color:var(--color-text-heading);font-weight:var(--font-weight-semibold);padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.85rem;align-self:flex-start;margin-top:.5rem;box-shadow:0 2px 10px rgba(155,240,11,.2);animation:pulseGlow 2s infinite alternate}@media (max-width:768px){.relationship-matches-container{grid-template-columns:1fr}.relationship-match{padding:1.25rem}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(155,240,11,.4)}70%{box-shadow:0 0 0 10px rgba(155,240,11,0)}to{box-shadow:0 0 0 0 rgba(155,240,11,0)}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.site-header{position:fixed;width:100%;top:0;left:0;background-color:var(--color-bg-dark);z-index:100;border-bottom:1px solid hsla(0,0%,100%,.1)}.header-container{justify-content:space-between;height:70px;padding:0 var(--spacing-xl);max-width:1280px;margin:0 auto}.header-container,.header-left{display:flex;align-items:center}.header-left{gap:var(--spacing-md)}.language-dropdown{position:relative;margin-right:var(--spacing-md)}.language-current{background:transparent;border:1px solid var(--color-gray-700);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);color:var(--color-text-body);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:.5rem}.language-current span{font-size:8px;margin-top:2px}.language-options-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-card);border-radius:var(--radius-md);margin-top:.5rem;box-shadow:var(--shadow-md);overflow:hidden;z-index:10;display:none;flex-direction:column;min-width:200px;border:1px solid var(--color-gray-700)}.language-dropdown:hover .language-options-dropdown{display:flex}.language-option{border:none;border-bottom:1px solid var(--color-gray-700);text-align:left}.language-option:last-child{border-bottom:none}.language-option.active{color:var(--color-brand)}.site-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-title);text-decoration:none}.main-nav{display:none}.nav-list{display:flex;gap:var(--spacing-xl);list-style:none}.nav-item{font-size:var(--font-size-md);color:var(--color-text-body);text-decoration:none;transition:color var(--transition-fast) ease;padding:var(--spacing-xs) 0}.nav-item:hover{color:var(--color-text-title)}.header-actions{display:none}.cta-button{background-color:var(--color-brand);color:#000;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast) ease;display:inline-block}.cta-button:hover{background-color:var(--color-brand-hover);transform:translateY(-2px)}.mobile-menu-toggle{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-title);cursor:pointer}.menu-icon{width:24px;height:24px}.mobile-menu{background-color:var(--color-bg-dark);border-top:1px solid hsla(0,0%,100%,.1);padding:var(--spacing-lg) var(--spacing-xl)}.mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mobile-nav-item{font-size:var(--font-size-lg);color:var(--color-text-body);text-decoration:none;padding:var(--spacing-xs) 0;display:block}.mobile-cta{margin-top:var(--spacing-lg)}.mobile-cta-button{width:100%;text-align:center}@media (min-width:768px){.header-actions,.main-nav{display:block}.mobile-menu-toggle{display:none}}@media (max-width:768px){.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.header-left{flex:1 1}.language-dropdown{margin-right:var(--spacing-xs)}.language-current{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.language-options-dropdown{left:-50px;right:auto}.site-logo{font-size:var(--font-size-lg)}.header-actions,.main-nav{display:none}.mobile-menu-toggle{display:flex}.rating-options{padding:1rem 2.5rem;gap:.35rem}.rating-button{width:2rem;height:2rem}.rating-options:after,.rating-options:before{font-size:.75rem}.analysis-tabs{flex-direction:column;align-items:center}.analysis-tab{width:100%;max-width:300px}.analysis-tab.active{transform:translateY(-5px) scale(1.03)}.traits-grid{grid-template-columns:repeat(2,1fr)}.careers-grid,.strengths-grid{grid-template-columns:1fr}.hero-heading{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:300px}.test-header h2{font-size:var(--font-size-3xl)}.test-header p{font-size:var(--font-size-lg)}}.space-y-3>*+*{margin-top:.75rem}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.flex{display:flex}.gap-4{gap:1rem}.hero-section,.justify-center{justify-content:center}.hero-section{padding:var(--spacing-3xl) 0;margin-bottom:var(--spacing-md);background-color:var(--color-bg-light);display:flex;position:relative;margin-top:70px;text-align:center}.hero-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);max-width:900px;margin:0 auto}.hero-heading{font-size:var(--font-size-6xl);font-weight:700;color:var(--color-text-title);line-height:1.2;margin-bottom:var(--spacing-lg);text-align:center}.hero-heading-accent{color:var(--color-brand);display:inline-block}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-body);line-height:1.6;max-width:800px;text-align:center}.hero-actions,.hero-description{margin-bottom:var(--spacing-2xl)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center}.hero-btn{min-width:160px;font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-2xl)}.hero-users-count{font-size:var(--font-size-md);color:var(--color-gray-300);margin-top:var(--spacing-lg);text-align:center}.users-highlight{font-weight:700;color:var(--color-brand)}.language-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-2xl) auto;max-width:1000px}.language-option{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;border:1px solid var(--color-gray-700);border-radius:var(--radius-full);color:var(--color-text-body);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast) var(--ease-default)}.language-option.active,.language-option:hover{background-color:var(--color-secondary-hover)}.language-option.active{border-color:var(--color-text-title)}.language-option.disabled{opacity:.5;cursor:not-allowed}.language-option.disabled:hover{background-color:transparent;transform:none}@media (max-width:768px){.hero-heading{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:300px}.language-selector{flex-wrap:wrap;justify-content:center}.test-header h2{font-size:var(--font-size-3xl)}.test-header p{font-size:var(--font-size-lg)}}.language-select{background-color:transparent}.language-select:hover{border-color:var(--color-gray-500)}.language-select:focus{box-shadow:0 0 0 2px var(--color-brand-transparent)}.language-select option{background-color:var(--color-bg-card);color:var(--color-text-body);padding:var(--spacing-sm)}.language-select option:disabled{color:var(--color-gray-500)}.language-select-wrapper:after{content:"▼";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-body);font-size:8px;pointer-events:none}.language-dropdown-mobile{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xs) 0}.language-label,.language-select-mobile{color:var(--color-text-body)}.language-select-mobile{background-color:var(--color-bg-card);border:1px solid var(--color-gray-700);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-md);cursor:pointer;flex-grow:1}@media (max-width:768px){.language-select{font-size:var(--font-size-sm);min-width:100px;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xs)}}.test-container{background-color:var(--color-bg-light);padding:var(--spacing-3xl) 0;position:relative;text-align:center;margin-top:var(--spacing-xl)}.nav-item-language{display:flex;align-items:center;margin-left:var(--spacing-md);padding:0}.header-actions{gap:var(--spacing-md)}.cta-wrapper,.header-actions,.header-language-selector,.lang-wrapper{display:flex;align-items:center}.header-language-selector{margin-left:var(--spacing-md);padding:0}.language-select-wrapper{position:relative;margin:0 var(--spacing-xs)}.language-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.05);border:1px solid var(--color-gray-700);border-radius:var(--radius-md);color:var(--color-text-body);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast) var(--ease-default);min-width:120px}.language-select:hover{border-color:var(--color-brand);color:var(--color-text-title);background-color:hsla(0,0%,100%,.1)}.language-select:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 6px rgba(155,240,11,.3)}.mobile-language-selector{width:100%}@media (min-width:768px){.header-actions{display:flex;order:3}.main-nav{flex-grow:1}.header-container{padding-right:var(--spacing-md)}}@media (max-width:768px){.header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.header-language-selector{margin-left:var(--spacing-xs)}.language-select{min-width:100px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.cta-button,.language-select{font-size:var(--font-size-sm)}.cta-button{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.result-content{background:linear-gradient(135deg,rgba(26,26,26,.9),hsla(0,0%,8%,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin-top:1.5rem;box-shadow:0 8px 30px rgba(0,0,0,.3);animation:fadeInUp .8s ease-out forwards;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1)}.result-content h2{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;border-bottom:2px solid var(--color-brand);padding-bottom:.75rem;position:relative}.result-content h3{font-size:1.4rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 1rem;display:flex;align-items:center}.result-content h3:before{content:"";display:inline-block;width:8px;height:1.2em;background:var(--color-brand);margin-right:.75rem;border-radius:4px}.result-content p{line-height:1.7;color:var(--color-text-secondary);margin-bottom:1rem}.result-content ul.list-disc{padding-left:1.5rem;margin-bottom:1rem}.result-content ul.list-disc li{margin-bottom:.5rem;line-height:1.6;position:relative;color:var(--color-text-secondary)}.result-content .grid{display:grid;grid-gap:.75rem;gap:.75rem}.result-content .bg-blue-50{background:linear-gradient(135deg,rgba(40,40,40,.9),rgba(30,30,30,.95));border-radius:8px;padding:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease;border-left:3px solid var(--color-brand);color:var(--color-text-secondary)}.result-content .bg-blue-50:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(155,240,11,.2);border-color:var(--color-brand-hover)}.result-content .mb-5{margin-bottom:2rem;background:rgba(30,30,30,.6);border-radius:12px;padding:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease;border:1px solid hsla(0,0%,100%,.05)}.result-content .mb-5:hover{box-shadow:0 6px 20px rgba(0,0,0,.3);background:rgba(35,35,35,.8);border-color:rgba(155,240,11,.2)}.challenge-icon,.strength-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;margin-right:10px;flex-shrink:0}.strength-icon{background:linear-gradient(135deg,var(--color-brand),rgba(155,240,11,.7));color:#000}.challenge-icon{background:linear-gradient(135deg,var(--color-warning),rgba(255,193,7,.7));color:#000}.result-content .grid.sm\:grid-cols-3{margin-top:1rem}.result-content .bg-blue-50.text-center{display:flex;justify-content:center;align-items:center;min-height:60px;font-weight:500;background:linear-gradient(135deg,rgba(40,40,40,.9),rgba(30,30,30,.95));position:relative;overflow:hidden}.result-content .bg-blue-50.text-center:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-brand);border-radius:3px 0 0 3px}.result-content .bg-blue-50.text-center:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(155,240,11,.2)}.result-content ul.list-disc li:before{content:"";position:absolute;left:-1.5rem;top:.5rem;width:8px;height:8px;border-radius:50%;background-color:var(--color-brand)}.functions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.function-card{background:linear-gradient(135deg,rgba(35,35,35,.9),rgba(25,25,25,.95));border-radius:16px;padding:1.25rem;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:all .3s ease;border:1px solid hsla(0,0%,100%,.08);position:relative;overflow:hidden}.function-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(155,240,11,.15);border-color:rgba(155,240,11,.2)}.function-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.function-title .function-symbol{background:linear-gradient(135deg,var(--color-brand),rgba(155,240,11,.7));color:#000;padding:.25rem .5rem;border-radius:6px;font-weight:700;letter-spacing:.5px}.function-description{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1rem}.functions-grid .progress-container{width:100%;height:10px;background:rgba(50,50,50,.5);border-radius:5px;overflow:hidden;margin:.5rem 0 .75rem;position:relative}.functions-grid .progress-bar{height:100%;width:100%;border-radius:5px;position:relative;overflow:hidden}.function-progress-value{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-secondary)}.functions-grid .progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-container .progress-container{margin-bottom:var(--spacing-xl)}.question-container .progress-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-300)}.question-container .progress-bar{height:8px;background-color:var(--color-secondary);border-radius:var(--radius-full);overflow:hidden}.question-container .progress-value{height:100%;background:linear-gradient(90deg,var(--color-brand) 0,var(--color-brand-active) 100%);border-radius:var(--radius-full);transition:width var(--transition-normal) var(--ease-default)}@media (max-width:768px){.result-container{padding:1.5rem 1rem;margin:1rem}.analysis-tabs{flex-direction:column;gap:.75rem}.analysis-tab{width:100%}.functions-grid,.personality-traits{grid-template-columns:1fr}.relationship-match{flex-direction:column;text-align:center;gap:.75rem}.match-value{margin:.5rem auto}.result-content h2{font-size:1.5rem}.result-content h3{font-size:1.2rem}}.challenge-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0}.challenge-card{display:flex;align-items:flex-start;background:linear-gradient(135deg,rgba(40,40,40,.9),rgba(30,30,30,.95));border-radius:12px;padding:1rem;box-shadow:0 4px 15px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);transition:all .3s ease}.challenge-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(155,240,11,.15);border-color:rgba(155,240,11,.2)}.challenge-card .icon-container{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand),rgba(155,240,11,.7));color:#000;font-weight:700;margin-right:12px;flex-shrink:0}.challenge-card .content{flex:1 1}.challenge-card .description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.suitable-careers-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1.25rem;gap:1.25rem;margin:1.5rem 0}.career-card{background:linear-gradient(145deg,rgba(40,40,40,.95),rgba(32,32,32,.98));border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid hsla(0,0%,100%,.08);height:100%}.career-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(155,240,11,.2);border-color:rgba(155,240,11,.3)}.career-card-header{padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(30,30,30,.9),hsla(0,0%,8%,.95));display:flex;align-items:center;gap:.75rem;min-height:80px;height:100%}.career-card-number{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand),rgba(155,240,11,.7));color:#000;font-weight:700;font-size:1.1rem;box-shadow:0 4px 10px rgba(155,240,11,.3)}.career-card-body{padding:1.25rem}.career-card-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.career-card-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.career-card-icon{position:absolute;top:1rem;right:1rem;opacity:.1;color:var(--color-brand);width:22px;height:22px;transition:all .3s ease}.career-card:hover .career-card-icon{opacity:.7;transform:scale(1.1)}.career-section-title{display:flex;align-items:center;font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;color:var(--color-text-primary);border-bottom:2px solid rgba(155,240,11,.3);padding-bottom:.75rem}.career-section-title svg{margin-right:.75rem;color:var(--color-brand)}.career-header-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;padding:0 .5rem}.suitable-careers-container{position:relative}.suitable-careers-container:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle at center,rgba(155,240,11,.1) 0,transparent 70%);z-index:-1;opacity:0;transition:opacity .4s ease;pointer-events:none}.suitable-careers-container:hover:after{opacity:1}.relationship-content{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(240,240,245,.85));border:1px solid rgba(130,130,180,.3);border-radius:12px;padding:20px;margin:15px 0;box-shadow:0 4px 8px rgba(0,0,0,.05)}.relationship-content p{margin:10px 0;line-height:1.6}.relationship-zh{font-weight:500;color:#222;margin-bottom:15px!important}.relationship-en{font-style:italic;color:#555;border-top:1px dashed rgba(0,0,0,.1);padding-top:12px}.analysis-content .dimensions-chart{margin-bottom:2.5rem}.analysis-content h3.career-section-title{display:flex;align-items:center;font-size:1.5rem;color:var(--color-text-heading);font-weight:var(--font-weight-semibold);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.analysis-content h3.career-section-title svg{margin-right:.75rem;color:var(--color-brand)}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_179fbf;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_179fbf;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_179fbf{font-family:__Inter_179fbf,__Inter_Fallback_179fbf;font-style:normal}