.type-page{background:linear-gradient(135deg,var(--type-main-color,#10b981)0%,var(--type-sub-color,#059669)100%);min-height:100vh;padding-top:60px}.type-content{max-width:900px;margin:0 auto;padding:40px 24px}.type-title-section{text-align:center;margin-bottom:48px}.type-badge{background:#fff;border-radius:50px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 32px;display:inline-flex;box-shadow:0 4px 12px #00000026}.type-code{color:var(--type-main-color,#10b981);font-size:2rem;font-weight:700}.type-name{color:#1e293b;font-size:1.5rem;font-weight:700}.main-title{color:#fff;text-shadow:0 2px 4px #0000001a;font-size:2.5rem;font-weight:700}.type-section{background:#fff;border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 4px 12px #0000001a}.section-title{color:#1e293b;border-bottom:3px solid var(--type-main-color,#10b981);margin-bottom:24px;padding-bottom:12px;font-size:1.875rem;font-weight:700}.paragraph{color:#475569;margin-bottom:20px;font-size:1rem;line-height:1.8}.paragraph:last-child{margin-bottom:0}.quote{background:linear-gradient(135deg,var(--type-main-color,#10b981)0%,var(--type-sub-color,#059669)100%);border-left:4px solid var(--type-main-color,#10b981);border-radius:8px;margin:24px 0;padding:24px}.quote p{color:#fff;margin-bottom:12px;font-size:1.125rem;font-style:italic;line-height:1.8}.quote cite{color:#ffffffe6;font-size:.9375rem;font-style:normal}.highlight-box{background:linear-gradient(135deg,var(--type-main-color-alpha,#10b9811a)0%,var(--type-sub-color-alpha,#0596691a)100%);border-left:4px solid var(--type-main-color,#10b981);border-radius:8px;margin:24px 0;padding:20px}.highlight-box p{color:#1e293b;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.7}.extended-types-section{border:3px solid var(--type-main-color,#10b981);box-shadow:0 8px 24px var(--type-main-color-alpha,#10b98133);background:#fff}.extended-types-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.extended-type-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-decoration:none;transition:all .3s;display:block}.extended-type-card:hover{border-color:var(--type-main-color,#10b981);box-shadow:0 8px 16px var(--type-main-color-alpha,#10b98133);transform:translateY(-4px)}.extended-type-card h3{color:var(--type-main-color,#10b981);margin-bottom:8px;font-size:1.5rem;font-weight:700}.extended-label{color:#64748b;margin-bottom:12px;font-size:.875rem}.extended-desc{color:#475569;margin:0;font-size:.9375rem;line-height:1.6}.back-button-container{text-align:center;margin-top:48px}.back-button{color:var(--type-main-color,#10b981);background:#fff;border:2px solid #fff;border-radius:50px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #0000001a}.back-button:hover{background:var(--type-main-color,#10b981);color:#fff;box-shadow:0 6px 16px var(--type-main-color-alpha,#10b9814d);transform:translateY(-2px)}@media (max-width:768px){.type-content{padding:32px 16px}.type-badge{flex-direction:column;gap:8px;padding:16px 24px}.type-code{font-size:1.75rem}.type-name{font-size:1.25rem}.main-title{font-size:1.75rem}.type-section{margin-bottom:24px;padding:24px}.section-title{font-size:1.5rem}.quote p{font-size:1rem}.extended-types-grid{grid-template-columns:1fr}}:root,.type-enfj,.type-enfp,.type-infj{--type-main-color:#10b981;--type-sub-color:#059669;--type-main-color-alpha:#10b98133;--type-sub-color-alpha:#05966933}.type-intj,.type-intp,.type-entj,.type-entp{--type-main-color:#8b5cf6;--type-sub-color:#6366f1;--type-main-color-alpha:#8b5cf633;--type-sub-color-alpha:#6366f133}.type-infp{--type-main-color:#10b981;--type-sub-color:#059669;--type-main-color-alpha:#10b98133;--type-sub-color-alpha:#05966933}.type-estj,.type-istj,.type-isfj,.type-esfj{--type-main-color:#3b82f6;--type-sub-color:#1d4ed8;--type-main-color-alpha:#3b82f633;--type-sub-color-alpha:#1d4ed833}.type-esfp,.type-isfp,.type-istp,.type-estp{--type-main-color:#f97316;--type-sub-color:#ea580c;--type-main-color-alpha:#f9731633;--type-sub-color-alpha:#ea580c33}