:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}.report-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:40px 20px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.report-wrapper{max-width:900px;margin:0 auto}.report-container{background:#fff;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden}.hero-section{position:relative;padding:60px 32px 50px;text-align:center;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.hero-section.theme-owl{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364 60%,#4ca1af)}.hero-section.theme-lion{background:linear-gradient(135deg,#f12711,#f5af19,#ffd93d)}.hero-section.theme-bear{background:linear-gradient(135deg,#134e5e,#2d8a6e,#71b280)}.hero-section.theme-eagle{background:linear-gradient(135deg,#4a0e4e,#833ab4 40%,#c13584,#fd1d1d)}.hero-section .hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-section .hero-content{position:relative;z-index:1}.hero-section .hero-emoji{font-size:120px;margin-bottom:16px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));animation:float-ce6946bc 3s ease-in-out infinite}@keyframes float-ce6946bc{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-section .hero-animal-name{font-size:48px;font-weight:800;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:8px;letter-spacing:4px}.hero-section .hero-title{font-size:24px;font-weight:600;color:rgba(255,255,255,.95);margin-bottom:20px;letter-spacing:2px}.hero-section .hero-traits{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.hero-section .hero-trait{background:rgba(255,255,255,.2);backdrop-filter:blur(4px);padding:8px 18px;border-radius:24px;font-size:14px;color:#fff;font-weight:500;border:1px solid rgba(255,255,255,.3)}.hero-section .hero-slogan{font-size:13px;color:rgba(255,255,255,.7);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.hero-section .hero-time{font-size:12px;color:rgba(255,255,255,.5)}.description-section{padding:28px 32px 24px;background:#fff;text-align:center}.description-section .main-description{font-size:16px;line-height:1.9;color:#334155;max-width:700px;margin:0 auto}.description-section .test-time{font-size:13px;color:#94a3b8}.summary-section{padding:0 32px 40px;background:#fff}.summary-card{background:linear-gradient(135deg,#dbeafe,#e0f2fe,#bfdbfe);border-radius:16px;padding:24px 28px;position:relative;box-shadow:inset 0 0 0 1px rgba(14,165,233,.15)}.summary-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;background:linear-gradient(180deg,#38bdf8,#0ea5e9);border-radius:0 4px 4px 0}.summary-card .summary-text{margin:0;line-height:1.9;color:#1e293b;font-size:15px;font-weight:500;padding-left:8px}.section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e0f2fe;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#0ea5e9}.dimensions-section{padding:40px 32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 600px){.dimensions-grid{grid-template-columns:1fr}}.dimension-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:all .3s ease}.dimension-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.dimension-card.owl{border-left:5px solid #3b82f6}.dimension-card.lion{border-left:5px solid #f59e0b}.dimension-card.bear{border-left:5px solid #8b5cf6}.dimension-card.eagle{border-left:5px solid #06b6d4}.dimension-card .dim-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dimension-card .dim-emoji{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dimension-card .dim-name{font-weight:700;font-size:17px;color:#0f172a}.dimension-card .dim-bar-container{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden}.dimension-card .dim-bar{height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);transition:width .6s ease}.dimension-card .dim-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.dimension-card .dim-percentage{font-weight:700;font-size:16px;color:#0ea5e9}.dimension-card .dim-desc{font-size:13px;color:#64748b;font-weight:500}.personality-section{padding:32px;background:#fff}.traits-compact{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.trait-row{display:flex;gap:24px;margin-bottom:16px}.trait-row:last-child{margin-bottom:0}@media (max-width: 600px){.trait-row{flex-direction:column;gap:16px}}.trait-compact-item{flex:1;display:flex;align-items:center;gap:12px}.trait-compact-item .trait-left,.trait-compact-item .trait-right{font-size:13px;color:#64748b;font-weight:500;width:36px;flex-shrink:0}.trait-compact-item .trait-left{text-align:right}.trait-compact-item .trait-right{text-align:left}.trait-compact-item .trait-bar-compact{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.trait-compact-item .trait-fill-compact{height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:4px;transition:width .6s ease}.analysis-section{padding:40px 32px;background:linear-gradient(180deg,#f0f9ff,#e0f2fe)}.analysis-content{display:flex;flex-direction:column;gap:16px}.analysis-item{background:#fff;border-radius:12px;padding:20px;border:1px solid rgba(14,165,233,.1);box-shadow:0 2px 12px rgba(14,165,233,.06);transition:all .3s ease}.analysis-item:hover{border-color:#bae6fd}.analysis-item p{margin:0;line-height:1.8;color:#334155;font-size:14px}.totem-detail-section{padding:40px 32px;background:#fff}.detail-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:20px;padding:32px;box-shadow:0 6px 20px rgba(14,165,233,.15)}.detail-block{margin-bottom:28px}.detail-block:last-child{margin-bottom:0}.detail-block h4{margin:0 0 16px;color:#0284c7;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.detail-block .tags{display:flex;flex-wrap:wrap;gap:10px}.detail-block .tag{background:#fff;padding:8px 18px;border-radius:24px;font-size:14px;color:#0ea5e9;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.08)}.detail-block ul{margin:0;padding-left:24px}.detail-block ul li{margin-bottom:10px;color:#1e293b;line-height:1.8;font-size:15px}.detail-block .advice{margin:0;line-height:1.9;color:#334155;font-size:15px;background:rgba(255,255,255,.6);padding:16px;border-radius:12px;border-left:3px solid #0ea5e9}.portrait-section{padding:40px 32px;background:linear-gradient(180deg,#f0f9ff,#e0f2fe)}.portrait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 768px){.portrait-grid{grid-template-columns:1fr}}.portrait-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 16px rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.1);transition:all .3s ease}.portrait-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(14,165,233,.15)}.portrait-card .portrait-number{font-size:32px;font-weight:800;color:#bae6fd;margin-bottom:8px;font-family:Georgia,serif}.portrait-card h4{margin:0 0 12px;font-size:17px;color:#0284c7;font-weight:700}.portrait-card p{margin:0;line-height:1.8;color:#334155;font-size:14px}.strengths-section{padding:40px 32px;background:#fff}.strengths-grid{display:flex;flex-direction:column;gap:16px}.strength-card{background:#f8fafc;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;border:1px solid #e2e8f0;transition:all .3s ease}.strength-card:hover{background:#f0f9ff;border-color:#bae6fd}.strength-card .strength-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.strength-card .strength-content{flex:1}.strength-card h4{margin:0 0 6px;font-size:16px;color:#0f172a;font-weight:600}.strength-card .strength-desc{margin:0 0 10px;line-height:1.7;color:#475569;font-size:14px}.strength-card .strength-scenarios{padding:10px 14px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.strength-card .strength-scenarios .scenarios-label{font-weight:600;color:#0284c7;font-size:13px}.strength-card .strength-scenarios .scenarios-text{color:#64748b;font-size:13px}.growth-section{padding:40px 32px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.growth-grid{display:flex;flex-direction:column;gap:20px}.growth-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid #e2e8f0;transition:all .3s ease}.growth-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.growth-card .growth-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.growth-card .growth-header .growth-index{width:32px;height:32px;background:#0ea5e9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.growth-card .growth-header h4{margin:0;font-size:17px;color:#0f172a;font-weight:700}.growth-card .growth-content{display:flex;flex-direction:column;gap:12px}.growth-card .growth-item{padding:12px 16px;background:#f8fafc;border-radius:8px}.growth-card .growth-item strong{color:#64748b;font-size:13px;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.growth-card .growth-item p{margin:0;line-height:1.7;color:#334155;font-size:14px}.growth-card .growth-item.highlight{background:#f0f9ff;border:1px solid #bae6fd}.growth-card .growth-item.highlight strong{color:#0284c7}.relationship-section{padding:40px 32px;background:linear-gradient(180deg,#e0f2fe,#f0f9ff)}.relationship-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.relationship-grid{grid-template-columns:1fr}}.relationship-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.1);transition:all .3s ease}.relationship-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.12)}.relationship-card .rel-number{font-size:28px;font-weight:800;color:#bae6fd;margin-bottom:6px;font-family:Georgia,serif}.relationship-card h4{margin:0 0 10px;font-size:16px;color:#0284c7;font-weight:700}.relationship-card p{margin:0;line-height:1.7;color:#334155;font-size:14px}.career-section{padding:40px 32px;background:#fff}.career-content{display:flex;flex-direction:column;gap:20px}.career-block{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.career-block h4{margin:0 0 14px;font-size:15px;color:#0f172a;font-weight:700}.career-block p{margin:0;line-height:1.7;color:#475569;font-size:14px}.career-block .career-tags{display:flex;flex-wrap:wrap;gap:8px}.career-block .career-tag{background:#e0f2fe;padding:6px 14px;border-radius:6px;font-size:13px;color:#0284c7;font-weight:600;border:1px solid #bae6fd}.deep-analysis-section{padding:40px 32px;background:linear-gradient(180deg,#f1f5f9,#f8fafc)}.deep-cards{display:flex;flex-direction:column;gap:16px}.deep-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #e2e8f0;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease}.deep-card:hover{border-color:#bae6fd}.deep-card .deep-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.deep-card .deep-content{flex:1}.deep-card h4{margin:0 0 8px;font-size:16px;color:#0f172a;font-weight:700}.deep-card p{margin:0;line-height:1.7;color:#475569;font-size:14px}.letter-section{padding:40px 32px;background:linear-gradient(180deg,#f0f9ff,#e0f2fe)}.letter-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.15);position:relative}.letter-card:before{content:"“";position:absolute;top:16px;left:24px;font-size:60px;color:#e0f2fe;font-family:Georgia,serif;line-height:1}.letter-card .letter-content{position:relative;z-index:1}.letter-card .letter-content p{margin:0 0 16px;line-height:1.9;color:#334155;font-size:15px;text-indent:2em}.letter-card .letter-content p:last-child{margin-bottom:0}.letter-card .letter-content p:first-child{margin-top:24px}.recommendations-section{padding:40px 32px;background:#fff}.recommendations-content{display:flex;flex-direction:column;gap:20px}.books-block,.activities-block,.exploration-block{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.books-block h4,.activities-block h4,.exploration-block h4{margin:0 0 16px;font-size:15px;color:#0f172a;font-weight:700}.books-block ul,.activities-block ul,.exploration-block ul{margin:0;padding-left:20px}.books-block ul li,.activities-block ul li,.exploration-block ul li{margin-bottom:10px;color:#475569;line-height:1.7;font-size:14px}.books-grid{display:flex;flex-direction:column;gap:12px}.book-card{background:#fff;border-radius:10px;padding:16px;display:flex;gap:14px;align-items:flex-start;border:1px solid #e2e8f0;transition:all .3s ease}.book-card:hover{border-color:#bae6fd;background:#f0f9ff}.book-card .book-number{flex-shrink:0;width:32px;height:32px;background:#e0f2fe;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#0284c7}.book-card .book-info{flex:1}.book-card h5{margin:0 0 6px;font-size:14px;color:#0f172a;font-weight:600}.book-card p{margin:0;line-height:1.6;color:#64748b;font-size:13px}.report-footer{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:32px;text-align:center}.report-footer p{margin:0 0 6px;font-size:14px;color:#475569;font-weight:500}.report-footer .disclaimer{font-size:12px;color:#94a3b8}