@font-face{font-family:Source Han Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/cbf-cbti/assets/SourceHanSansSC-Regular-BuM0i8bv.otf) format("opentype")}@font-face{font-family:Source Han Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/cbf-cbti/assets/SourceHanSansSC-Medium-2-MleRIKmu.otf) format("opentype")}@font-face{font-family:Source Han Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/cbf-cbti/assets/SourceHanSansSC-Bold-CqYDz_GL.otf) format("opentype")}@font-face{font-family:Source Han Sans SC;font-style:normal;font-weight:800;font-display:swap;src:url(/cbf-cbti/assets/SourceHanSansSC-Bold-CqYDz_GL.otf) format("opentype")}:root{--intro-hero-bg: url(https://cdn.boomingtech.com/upload/ed8048a3ee6c9a14b4d8d4b142346356.webp);--intro-panel-bg: url(https://cdn.boomingtech.com/upload/0acc6750041fb46d8e009b53f8c6e080.webp);--intro-btn-bg: none;--intro-cta-red: #c8102e;--intro-cta-red-hover: #e02040;--bg: #f0f4f1;--card-bg: #ffffff;--text: #2c3e2d;--text-secondary: #6b7b6e;--accent: #4c6752;--accent-light: #e8f0ea;--accent-hover: #3d5443;--border: #d8e0da;--radius: 12px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--font: "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--max-width: 640px;--quiz-question-fs: clamp(14px, 3.2vw , 22px);--quiz-answer-fs: clamp(14px, 3.2vw , 22px);--quiz-progress-fs: clamp(12px, 2.4vw , 18px);--quiz-question-mb: clamp(20px, calc(56 * 100vw / 750), 56px);--quiz-option-gap: clamp(18px, calc(56 * 100vw / 750), 26px);--quiz-option-pad-y: clamp(8px, 1.6vw , 12px);--quiz-option-pad-x: clamp(10px, calc(16 * 100vw / 750), 16px);--quiz-option-row-gap: clamp(4px, calc(8 * 100vw / 750), 8px);--quiz-option-radio-size: clamp(15px, calc(22 * 100vw / 750), 22px);--quiz-option-h-gap: clamp(8px, calc(14 * 100vw / 750), 14px);--quiz-header-mb: clamp(10px, calc(20 * 100vw / 750), 20px);--quiz-progress-bar-h: max(2px, .4vw );--quiz-text: #f2f0e4;--quiz-radio-img: url(https://cdn.boomingtech.com/upload/59a1fd8ad264861620b60540badf637a.webp);--result-kicker-fs: clamp(14px, 4.8vw , 36px);--result-name-fs: clamp(28px, calc(100 * 100vw / 750), 100px);--result-code-fs: clamp(20px, 8vw , 60px);--result-badge-fs: clamp(13px, calc(32 * 100vw / 750), 32px);--result-intro-fs: clamp(13px, calc(32 * 100vw / 750), 32px);--result-desc-fs: clamp(12px, 3.2vw , 24px);--result-section-title-fs: clamp(13px, calc(32 * 100vw / 750), 32px);--intro-title-fs: clamp(32px, calc(130 * 100vw / 750), 100px);--intro-cta-fs: clamp(18px, calc(54 * 100vw / 750), 36px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100dvh;overflow:hidden}#app{width:100%;min-height:100dvh;margin:0;padding:0}.page-result{position:relative;min-height:100dvh;padding:0;background:#000}.page-quiz{position:relative;min-height:100dvh;background:var(--intro-hero-bg) center / cover no-repeat #0d0d0d;color:var(--quiz-text)}.page{display:none;width:100%}.page.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow)}.page-intro{position:relative;min-height:100dvh;background:#000;color:#fff}.intro-logo{position:absolute;z-index:2;width:182px;height:29px;left:30px;top:30px;height:auto;object-fit:contain;display:block;pointer-events:none}.intro-shell{position:relative;z-index:1;min-height:100dvh;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.intro-frame{width:100%;max-width:960px;padding:0;box-sizing:border-box}.intro-mark{display:block;position:absolute;top:-5%;left:50%;transform:translate(-50%,-50%);z-index:-1;width:600px;max-width:100%;height:auto;pointer-events:none}.intro-hero-head{display:contents}.intro-panel{position:relative;z-index:1;width:100%;max-width:960px;aspect-ratio:960 / 524;margin:0 auto;background:var(--intro-panel-bg) center / 100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,3.5vw,36px) clamp(16px,4vw,48px);box-sizing:border-box}.intro-title{font-size:var(--intro-title-fs);font-weight:800;line-height:1.15;color:#fff;letter-spacing:.04em;margin-bottom:clamp(28px,6vh,110px);text-align:center}.intro-cta{margin:0;border:none;font:inherit;width:413px;max-width:100%;height:63px;box-sizing:border-box;background-color:transparent;background-image:url(https://cdn.boomingtech.com/upload/f25f4e2c6474481a4ceded52ad76790a.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;color:#000;font-size:var(--intro-cta-fs);font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.intro-cta:hover{transform:scale(1.05)}.intro-cta:active{transform:scale(.95)}.intro-panel .Conqueror_s_Blade{font-size:15px;font-family:AlibabaPuHuiTi_2_35_Thin,sans-serif;font-weight:200;color:#ffffff73;line-height:1.2;text-align:center;text-shadow:none;letter-spacing:.45em;margin-top:16px}.Conqueror_s_Blade .cb-red{color:#e9212c}.developed-by-wrap{display:flex;align-items:center;gap:10px;margin-top:100px}.developed-by-wrap .intro-bottom-logo{margin-top:0}.developed-by{font-family:AlibabaPuHuiTi_2_55_Regular,"Alibaba PuHuiTi 2.0",sans-serif;font-size:20px;color:#fff;white-space:nowrap}.intro-bottom-logo{display:block;width:160px;height:auto;margin-top:100px;object-fit:contain}.build-info{position:fixed;bottom:8px;left:0;width:100%;text-align:center;font-size:11px;color:#ffffffa6;pointer-events:none;z-index:10}.btn{display:inline-block;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font)}.btn-primary{background:var(--accent);color:#fff;padding:14px 48px}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--accent-light);color:var(--accent);padding:12px 36px}.btn-secondary:hover{background:var(--border)}.btn-outline{background:url(https://cdn.boomingtech.com/upload/6aef0284756a5eec07112088dd5990ba.webp) center / 100% 100% no-repeat transparent;color:#040404;border:none;font-size:30px;display:flex;align-items:center;justify-content:center;width:263px;height:63px;border-radius:0}.btn-outline:hover{filter:brightness(1.2)}.btn-red{background:url(https://cdn.boomingtech.com/upload/109ab520bd2effc68c168ac41d9c8180.webp) center / 100% 100% no-repeat transparent;color:#040404;border:none;font-size:30px;display:flex;align-items:center;justify-content:center;width:263px;height:63px;border-radius:0}.btn-red:hover{filter:brightness(1.2)}.btn-red:active{filter:brightness(1.3)}.btn-option{display:grid;grid-template-columns:var(--quiz-option-radio-size) minmax(0,1fr);column-gap:var(--quiz-option-h-gap);row-gap:var(--quiz-option-row-gap);align-items:start;width:100%;text-align:left;padding:var(--quiz-option-pad-y) var(--quiz-option-pad-x);margin-bottom:var(--quiz-option-gap);background:url(https://cdn.boomingtech.com/upload/6c18df232ef90a40acef2230a60a033d.webp) center / 100% 100% no-repeat;border:none;border-radius:0;color:var(--quiz-text);font-size:var(--quiz-answer-fs);font-weight:400;line-height:1.5;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.btn-option:last-child{margin-bottom:0}.btn-option:disabled{cursor:default;opacity:.95}.btn-option:not(:disabled):hover{filter:brightness(1.12)}.btn-option .option-radio{grid-column:1;grid-row:1;width:var(--quiz-option-radio-size);height:var(--quiz-option-radio-size);align-self:start;margin-top:.15em;border:none;border-radius:0;background:var(--quiz-radio-img) center / contain no-repeat;background-color:transparent;box-sizing:border-box;flex-shrink:0}.btn-option.is-selected .option-radio{filter:brightness(1.15)}.btn-option:not(:disabled):hover .option-radio{filter:brightness(1.08)}.btn-option.is-selected:not(:disabled):hover .option-radio{filter:brightness(1.22)}.btn-option .option-letter{grid-column:2;grid-row:1;min-width:0;font-weight:700;font-size:inherit;line-height:1.3;color:var(--quiz-text)}.btn-option .option-text{grid-column:2;grid-row:2;min-width:0;color:var(--quiz-text);font-size:inherit;line-height:1.5}@media(min-width:751px){.btn-option{grid-template-columns:var(--quiz-option-radio-size) auto minmax(0,1fr);row-gap:0;align-items:start}.btn-option .option-radio{grid-row:1}.btn-option .option-letter{grid-column:2;grid-row:1;white-space:nowrap;margin-right:.35em}.btn-option .option-text{grid-column:3;grid-row:1;text-align:left}}.quiz-shell{position:relative;z-index:1;min-height:100dvh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}.quiz-card{width:100%;max-width:960px;min-height:min(80dvh,900px);height:auto;background:url(https://cdn.boomingtech.com/upload/04c9024ded35e86dcf149ac4cdc995c1.webp) center / 100% 100% no-repeat;padding:clamp(28px,5vw,40px) clamp(24px,6vw,81px) clamp(32px,5vw,48px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}.quiz-header{display:flex;align-items:center;gap:clamp(12px,2vw,16px);margin-bottom:var(--quiz-header-mb);flex-shrink:0}.quiz-progress-wrap{flex:1;min-width:0}.progress-bar{height:var(--quiz-progress-bar-h);background:#ffffff38;overflow:hidden;border-radius:1px}.progress-fill{height:100%;background:#fff;transition:width .35s ease;width:0%}.progress-text{flex-shrink:0;font-size:var(--quiz-progress-fs);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--quiz-text);text-align:right;margin:0}.question-area{flex:0 1 auto;text-align:center;margin-bottom:var(--quiz-question-mb);min-height:0}.question-text{font-size:var(--quiz-question-fs);font-weight:500;line-height:1.6;color:var(--quiz-text)}.quiz-card .options{flex-shrink:0}@media(min-width:751px){.quiz-header{flex-direction:column;align-items:stretch;gap:clamp(8px,1vw,12px)}.quiz-progress-wrap{flex:none;width:100%}.progress-text{align-self:flex-end;width:100%}}.result-scroll{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:80px 16px 32px;box-sizing:border-box}.result-card-container{width:960px;padding:50px;background-image:url(https://cdn.boomingtech.com/upload/5768d883c8a81daa1fcbd2c66a170e76.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-card{text-align:center;padding:50px 90px;width:862px;background:url(https://cdn.boomingtech.com/upload/848cef223dbefb42a8e1e6db956e2b81.webp) center / 100% 100% no-repeat;border-radius:0;box-shadow:none;color:var(--text)}.result-kicker{font-size:var(--result-kicker-fs);color:#3a3a3a;margin-bottom:20px;letter-spacing:.05em}.result-name{font-size:var(--result-name-fs);font-weight:900;color:#000;line-height:1.2;margin-bottom:clamp(4px,calc(8 * 100vw / 750),12px)}.result-code{font-size:var(--result-code-fs);font-weight:800;color:#e9212c;letter-spacing:.05em;margin-bottom:clamp(12px,calc(20 * 100vw / 750),24px);line-height:1.2}.result-deco{display:block;width:100%;max-width:min(500px,100%);height:auto;margin:0 auto clamp(20px,calc(32 * 100vw / 750),40px);object-fit:contain}.result-image{display:block;max-width:200px;height:auto;margin:clamp(16px,3.2vw,28px) auto clamp(20px,calc(28 * 100vw / 750),36px)}.result-image[src=""]{display:none}.result-badge{width:100%;display:block;box-sizing:border-box;background:#404040;color:#e1dfd2;padding:10px 20px;font-size:var(--result-badge-fs);font-weight:500;margin-bottom:clamp(24px,calc(40 * 100vw / 750),40px);border-radius:2px}.result-intro{font-size:var(--result-intro-fs);color:#0d0d0d;letter-spacing:.05em;font-weight:600;margin-bottom:clamp(16px,3.2vw,28px)}.result-desc{font-size:var(--result-desc-fs);color:#0d0d0d;text-align:left;line-height:1.5;margin-bottom:30px}.section-title{font-size:var(--result-section-title-fs);font-weight:700;color:#0d0d0d;margin:28px 0 16px;text-align:center}#radar-chart{display:block;margin:0 auto 24px;max-width:100%}.result-actions{margin-top:40px;padding-bottom:32px;display:flex;gap:50px;justify-content:center;flex-wrap:wrap}.agent-section{margin-top:28px;padding:20px;background:var(--bg);border-radius:10px;text-align:center}.agent-title{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px}.agent-cmd{background:#1e1e1e;border-radius:8px;padding:12px 16px;margin-bottom:12px;overflow-x:auto}.agent-cmd code{color:#a8d8a8;font-size:.78rem;font-family:SF Mono,Fira Code,Consolas,monospace;white-space:nowrap}.btn-agent{background:#1e1e1e;color:#a8d8a8;padding:10px 24px;font-size:.85rem}.btn-agent:hover{background:#2a2a2a}.agent-hint{margin-top:8px;font-size:.75rem;color:var(--text-secondary);opacity:.7}.share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;flex-direction:column;align-items:center;padding:24px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}body.modal-open{overflow:hidden!important}.share-modal-close{position:fixed;top:16px;right:16px;z-index:10000;width:36px;height:36px;border:none;background:#ffffff26;color:#fff;font-size:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.share-modal-close:hover{background:#ffffff4d}.share-modal .share-card-container{flex-shrink:0}.share-modal .share-card{padding:50px 120px 36px;box-sizing:border-box}.share-modal-img{max-width:100%;max-height:calc(100dvh - 80px);object-fit:contain;flex-shrink:0}.share-download-btn{margin-top:20px;flex-shrink:0}.share-modal-hint{margin-top:8px;padding-bottom:16px;flex-shrink:0;color:#fff6;font-size:.8rem}.share-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px}.share-footer-left{display:flex;flex-direction:column;align-items:center}.share-footer-logo{width:250px;max-width:42vw;height:auto;display:block;margin-bottom:8px}.share-footer-cbti{font-size:56px;font-weight:600;color:#000;letter-spacing:.15em}.share-footer-right{display:flex;flex-direction:column;align-items:center}.share-footer-qr{display:block;width:200px;height:200px;margin-bottom:6px}.share-footer-qr-label{font-size:24px;color:#21101e;letter-spacing:.17em;text-decoration:underline;text-underline-offset:4px}@media(max-width:750px){.page-intro{background:#000;overflow:hidden}.page-intro .intro-logo{display:none}.intro-shell{align-items:center;justify-content:flex-start;min-height:100dvh;padding:max(3.2vw,env(safe-area-inset-top)) calc(20 * 100vw / 750) max(3.2vw,env(safe-area-inset-bottom));width:100%}.intro-frame{width:100%;max-width:min(420px,100%);margin:0 auto;padding:0}.intro-hero-head{position:relative;width:100%;padding-bottom:calc(260 * 100vw / 750)}.intro-mark{display:block;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);z-index:-1;width:calc(700 * 100vw / 750);max-width:none;pointer-events:none}.intro-panel{position:relative;background:url(https://cdn.boomingtech.com/upload/7a9802aa7bf20d4d6d410706ecab0d74.webp) center / 100% 100% no-repeat;aspect-ratio:auto;width:100%;min-height:100dvh;align-items:center;justify-content:center;padding:calc(194 * 100vw / 750) calc(28 * 100vw / 750) calc(40 * 100vw / 750);border-radius:0;text-align:center}.intro-title{position:relative;z-index:2;margin-bottom:8vw;text-align:center;width:100%}.intro-cta{width:min(280px,100%);min-height:48px;height:clamp(48px,calc(63 * 100vw / 750),63px);margin-top:6.4vw;margin-left:auto;margin-right:auto}.Conqueror_s_Blade{font-size:clamp(16px,4vw,30px);margin-top:1.6vw}.developed-by-wrap{position:static;margin-top:calc(80 * 100vw / 750)}.developed-by-wrap .intro-bottom-logo{position:static;width:clamp(80px,calc(160 * 100vw / 750),160px);margin-top:0}.intro-bottom-logo{position:static;width:clamp(80px,calc(160 * 100vw / 750),160px);margin-top:calc(80 * 100vw / 750)}.developed-by{font-size:clamp(12px,calc(20 * 100vw / 750),20px)}[data-locale=en] .intro-title{font-size:clamp(28px,12vw,72px)}[data-locale=en] .intro-cta{font-size:clamp(14px,4.8vw,28px);min-height:40px;height:clamp(40px,calc(54 * 100vw / 750),54px)}[data-locale=en] .intro-panel{padding-bottom:16vw}.page-quiz{background-color:#2a2824;background-image:url(https://cdn.boomingtech.com/upload/1e164ad02f02e61d0b10aadcb2df5050.webp);background-position:top center;background-size:100% auto;background-repeat:repeat-y}.page-quiz .intro-logo{display:none}.quiz-shell{align-items:center;justify-content:center;min-height:100dvh;padding:max(1.6vw,env(safe-area-inset-top,0px)) calc(20 * 100vw / 750) max(1.6vw,env(safe-area-inset-bottom,0px));width:100%;box-sizing:border-box}.quiz-card{width:100%;max-width:min(440px,100%);margin:0 auto;height:auto;min-height:min(520px,62dvh);max-height:min(780px,86dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;background:url(https://cdn.boomingtech.com/upload/04c9024ded35e86dcf149ac4cdc995c1.webp) center / 100% 100% no-repeat;padding:3.2vw calc(20 * 100vw / 750) calc(28 * 100vw / 750);border-radius:0}.page-result{background:#000}.page-result .intro-logo{display:none}.result-scroll{padding:4vw calc(47 * 100vw / 750) 3.2vw;width:100%}.result-card-container{width:100%;padding:calc(16 * 100vw / 750) calc(8 * 100vw / 750)}.result-card{width:100%;padding:calc(28 * 100vw / 750) calc(20 * 100vw / 750)}.result-kicker,.result-code{margin-bottom:calc(8 * 100vw / 750)}.result-deco{max-width:min(calc(420 * 100vw / 750),86vw);width:100%;margin-bottom:calc(28 * 100vw / 750)}.result-image{max-width:16vw;margin-top:calc(20 * 100vw / 750);margin-bottom:3.2vw}.result-badge{padding:calc(8 * 100vw / 750) 1.6vw;margin-bottom:calc(28 * 100vw / 750)}.result-intro{margin-bottom:calc(20 * 100vw / 750)}.result-desc{line-height:1.6;margin-bottom:calc(16 * 100vw / 750)}.section-title{margin:calc(16 * 100vw / 750) 0 1.6vw}#radar-chart{width:60vw!important;height:60vw!important;max-width:100%}.result-actions{gap:calc(16 * 100vw / 750);margin-top:calc(20 * 100vw / 750);padding-bottom:calc(20 * 100vw / 750)}.btn-outline,.btn-red{width:140px;height:40px;font-size:14px}.share-modal{padding:calc(16 * 100vw / 750) calc(20 * 100vw / 750)}.share-modal .share-card-container{width:100%;max-width:100%;padding:1.6vw calc(16 * 100vw / 750);box-sizing:border-box}.share-modal .share-card{width:100%;padding:3.2vw calc(44 * 100vw / 750) calc(32 * 100vw / 750);box-sizing:border-box}.share-footer{margin-top:calc(20 * 100vw / 750);padding-top:calc(10 * 100vw / 750)}.share-footer-logo{width:calc(220 * 100vw / 750);max-width:72%}.share-footer-cbti{font-size:clamp(18px,calc(40 * 100vw / 750),40px)}.share-footer-qr{width:12.8vw;height:12.8vw}.share-footer-qr-label{font-size:clamp(8px,calc(10 * 100vw / 750),10px)}}