@charset "UTF-8";
:root{--blue:#0259c8;--ink:#18191c;--muted:#737982;--line:#e6e8ec;--paper:#f6f7f9;--ease:cubic-bezier(.2,.75,.25,1);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9cc7ff;outline-offset:4px}button{border:0;background:none;color:inherit}svg{display:block;flex-shrink:0}.header{height:100px;max-width:1344px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:34px;letter-spacing:-2px;font-weight:900;display:flex;align-items:baseline;gap:4px}.brand-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.header-caption{font-size:12px;letter-spacing:2px;color:var(--muted);padding-left:24px;border-left:1px solid var(--line)}.brand-link{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:1px}.brand-link span{margin:0 10px;color:var(--muted)}main{min-height:calc(100svh - 184px);outline:none}.page{max-width:1248px;margin:auto;padding:54px 48px 64px;animation:arrive .45s var(--ease)}.eyebrow{font-family:"Courier New",monospace;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--blue);font-weight:bold}.eyebrow:before{content:"";height:7px;width:7px;background:var(--blue);border-radius:50%}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:64px;align-items:center;min-height:650px}.hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.35;letter-spacing:-2px;margin:27px 0 23px;font-weight:800}.hero h1 em{font-style:normal;color:var(--blue);position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:4px;background:var(--blue);opacity:.15}.hero-desc{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 30px}.primary,.secondary{min-height:52px;padding:15px 24px;border-radius:7px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:transform .2s var(--ease),background .2s,box-shadow .2s}.primary{color:#fff;background:var(--blue)}.primary:hover{background:#004aa9;transform:translateY(-2px);box-shadow:0 8px 20px #0259c81a}.secondary{border:1px solid var(--line);background:#fff}.secondary:hover{border-color:#a4bce0;background:#f6f9fe}.hero .primary{min-width:260px;justify-content:space-between}.helper{font-size:11px;color:var(--muted);line-height:1.8}.hero .helper{margin:12px 0 26px}.hero-meta{display:flex;align-items:center;gap:0;padding-top:29px;border-top:1px solid var(--line);margin-top:35px}.meta-item{padding:0 25px;border-left:1px solid var(--line)}.meta-item:first-child{padding-left:0;border:0}.meta-item strong{font-family:"Courier New",monospace;font-size:25px;display:block;letter-spacing:-1px}.meta-item span{font-size:11px;color:var(--muted)}.hero-art{position:relative;min-height:520px;background:radial-gradient(ellipse at 50% 50%,#f2f5fa 0%,#f7f8fa 45%,#fbfcfd 65%);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbit{position:absolute;border:1px solid #e4e9f1;border-radius:50%;width:430px;height:430px;transform:rotate(-28deg) scaleY(.55)}.orbit.second{width:530px;height:530px;transform:rotate(40deg) scaleY(.55)}.float-label{position:absolute;z-index:2;background:white;border:1px solid var(--line);box-shadow:0 8px 20px #26344a08;border-radius:30px;padding:9px 14px;font-size:10px;display:flex;align-items:center;gap:7px}.float-label.top{top:34px;left:24px;transform:rotate(-6deg)}.float-label.bottom{bottom:35px;right:19px;transform:rotate(5deg);color:var(--blue)}.receipt-mini{width:290px;background:#fff;padding:27px 25px 25px;box-shadow:0 20px 45px #16284316;transform:rotate(-5deg);position:relative;z-index:1;animation:ticketfloat 6s ease-in-out infinite}.receipt-mini:before,.receipt-mini:after,.ticket:before,.ticket:after{content:"";position:absolute;left:0;right:0;height:10px;background:linear-gradient(135deg,transparent 33%,white 33%) 0 0/16px 16px,linear-gradient(225deg,transparent 33%,white 33%) 0 0/16px 16px;top:-8px}.receipt-mini:after,.ticket:after{top:auto;bottom:-8px;transform:rotate(180deg)}.mini-brand{font-size:11px;font-weight:700;letter-spacing:1px;text-align:center}.mini-title{font-size:22px;letter-spacing:2px;text-align:center;margin:12px 0 6px}.mini-sub{font-size:8px;color:var(--muted);text-align:center;letter-spacing:1px}.dash{border-top:1px dashed #cbd0d8;margin:20px 0}.mini-row{display:flex;justify-content:space-between;font-size:10px;margin:12px 0}.mini-type{font-size:29px;font-weight:800;margin:6px 0;display:flex;gap:10px;align-items:center}.tag{font:11px "Courier New",monospace;display:inline-flex;align-items:center;color:var(--blue);padding:5px 7px;border-radius:3px;background:#0259c80c;border:1px solid #0259c81a}.mini-quote{font-size:11px;line-height:1.8}.barcode{height:31px;background:repeating-linear-gradient(90deg,#292c32 0px,#292c32 2px,transparent 2px,transparent 5px,#292c32 5px,#292c32 6px,transparent 6px,transparent 9px);margin:16px 5px 0;opacity:.8}.robot-bubble{position:absolute;right:6px;bottom:60px;z-index:3;width:117px;transform:rotate(7deg)}.robot-illustration{width:100%;height:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px;gap:20px}.section-head h2{font-size:22px;margin:8px 0 0;letter-spacing:-.5px}.text-link{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.text-link:hover{color:var(--blue)}.type-strip{border-top:1px solid var(--line);padding-top:34px;margin-top:18px}.type-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.type-card{padding:16px 10px;border:1px solid var(--line);border-radius:7px;text-align:left;transition:transform .2s,border-color .2s;background:#fff}.type-card:hover{border-color:#97bbe9;transform:translateY(-4px)}.type-card svg{width:23px;height:23px;color:var(--blue);margin-bottom:16px}.type-card strong{display:block;font-size:12px;white-space:nowrap;margin-bottom:5px}.type-card small{font:9px "Courier New",monospace;color:var(--muted);letter-spacing:1px}.footer{max-width:1344px;padding:25px 48px;display:flex;gap:25px;justify-content:space-between;margin:auto;border-top:1px solid var(--line);color:#8c9199;font-size:10px;line-height:1.8}.footer>span:first-child{font:9px "Courier New",monospace;letter-spacing:.8px}.footer button{font-size:10px;padding:0}.quiz-page{max-width:820px;padding-top:45px}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white}.quiz-counter{font-family:"Courier New",monospace;font-size:12px;color:var(--muted)}.quiz-counter b{font-size:20px;color:var(--blue)}.progress-track{height:4px;background:#eef0f3;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--blue);transition:width .35s var(--ease)}.blocks{display:flex;justify-content:space-between;font-size:10px;color:#a1a6af;margin:14px 0 44px}.blocks .active{color:var(--blue)}.question{font-size:28px;line-height:1.6;letter-spacing:-.5px;margin:15px 0 30px;min-height:88px}.question-number{font-family:"Courier New",monospace;font-size:11px;letter-spacing:2px;color:var(--blue)}.options{display:grid;gap:12px}.option{border:1px solid var(--line);padding:18px 20px;display:flex;align-items:center;text-align:left;gap:18px;border-radius:8px;background:#fff;min-height:66px;transition:border-color .2s,background .2s,transform .2s;line-height:1.6;font-size:14px}.option-key{font:12px "Courier New",monospace;color:var(--muted);border:1px solid var(--line);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option:hover,.option.selected{border-color:var(--blue);background:#f4f8ff;transform:translateX(3px)}.option.selected .option-key{background:var(--blue);color:#fff;border-color:var(--blue)}.option.selected{opacity:1}.quiz-foot{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.quiz-foot .helper{display:flex;align-items:center;gap:6px}.quiz-foot button{font-size:12px;color:var(--muted)}.stage-center{text-align:center;max-width:640px;padding-top:85px;padding-bottom:85px}.stage-center .eyebrow{justify-content:center}.stage-center h1{font-size:32px;line-height:1.6;margin:24px 0 18px}.stage-center p{color:var(--muted);line-height:1.9;font-size:14px}.stage-center .robot-wrap{width:150px;margin:auto;position:relative}.loading-robot{animation:drive 1.8s var(--ease)}.scan{height:2px;background:var(--blue);position:absolute;left:-25px;right:-25px;top:45%;box-shadow:0 0 14px #0259c8;animation:scan 1s ease-in-out infinite alternate}.loading-line{height:3px;background:#edf1f5;max-width:280px;margin:30px auto;overflow:hidden}.loading-line:after{content:"";display:block;width:60%;height:100%;background:var(--blue);animation:scanline 1.8s ease-out}.result-page{padding-top:40px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.result-layout{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:60px;align-items:start}.result-visual{position:sticky;top:30px}.result-visual img{width:100%;display:block;border-radius:10px;aspect-ratio:1;object-fit:contain;background:var(--paper)}.result-visual .visual-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px;margin-top:12px}.result-content h1{font-size:44px;letter-spacing:-1.5px;margin:14px 0 12px}.subtype{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px;align-items:center}.subtype strong{color:var(--ink);font-weight:500}.punchline{font-size:18px;line-height:1.8;margin:25px 0}.result-section{border-top:1px solid var(--line);padding:23px 0 4px}.result-section h2{font-size:11px;letter-spacing:2px;color:var(--muted);margin:0 0 15px;display:flex;gap:8px;align-items:center}.trait{display:flex;gap:14px;align-items:flex-start;font-size:13px;line-height:1.8;margin:12px 0}.trait-number{font:11px "Courier New",monospace;color:var(--blue);padding-top:4px}.quote{font-size:20px;line-height:1.8;padding:24px;background:#f5f8fd;color:var(--blue);border-radius:7px;margin:25px 0;position:relative}.hidden{font-size:13px;line-height:2;color:#555d67}.report{background:var(--paper);border-radius:8px;padding:20px;margin:24px 0}.report h3{font-size:12px;display:flex;align-items:center;gap:8px;margin:0 0 10px}.report p{font-size:12px;line-height:1.9;color:#626975;margin:0}.report small{font-size:9px;color:#8a9099;display:block;margin-top:10px;line-height:1.7}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.match-item{padding:8px 0;font-size:12px;line-height:1.8;color:var(--muted)}.match-item strong{display:block;color:var(--ink);font-size:13px;margin:6px 0}.delivery-card{padding:21px;border:1px solid #cddff6;background:#fafcff;border-radius:8px;margin-top:24px}.delivery-card strong{display:block;font-size:14px;margin:12px 0;line-height:1.8}.delivery-card .text-link{color:var(--blue)}.sticky-actions{position:sticky;bottom:0;background:#fffffff2;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:16px max(24px,calc((100vw - 1152px)/2));display:flex;gap:12px;align-items:center;z-index:5;padding-bottom:max(16px,env(safe-area-inset-bottom))}.sticky-actions .primary{margin-left:auto}.sticky-actions>span{font-size:12px;color:var(--muted)}.result-hook{font-size:12px;line-height:1.9;color:var(--blue);margin:26px 0 0}.poster-page{max-width:1000px;display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:start}.poster-frame{padding:20px;background:#f2f4f7;border-radius:12px}.poster-frame img{display:block;width:100%;box-shadow:0 6px 25px #0000000d}.poster-controls{padding-top:40px}.poster-controls h1{font-size:32px;line-height:1.5;margin:20px 0}.poster-controls p{font-size:13px;line-height:2;color:var(--muted)}.poster-controls .primary,.poster-controls .secondary{width:100%;margin-top:12px}.share-copy{border:1px solid var(--line);border-radius:7px;padding:18px;font-size:12px;line-height:1.9;color:#555d67;margin:25px 0 10px}.brand-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:40px}.brand-hero h1{font-size:40px;line-height:1.5;letter-spacing:-1px;margin:20px 0}.brand-hero p{font-size:14px;line-height:2;color:var(--muted);max-width:510px}.brand-robot{max-width:210px;margin:auto;padding:20px;background:#f4f7fb;border-radius:50%}.brand-match{display:flex;gap:24px;padding:25px;border:1px solid var(--line);border-radius:10px;margin-top:35px;align-items:center}.brand-match>svg{width:50px;height:50px;color:var(--blue)}.brand-match h2{font-size:18px;line-height:1.8;margin:8px 0}.brand-match p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.brand-match .primary{margin-left:auto;flex-shrink:0}.scenarios{padding:40px 0 30px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario{border:1px solid var(--line);border-radius:9px;padding:24px}.scenario svg{width:32px;height:32px;color:var(--blue);margin-bottom:23px}.scenario h3{font-size:15px}.scenario p{font-size:12px;color:var(--muted);line-height:1.9}.scenario small{color:var(--blue);font-size:10px}.scenes-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.scenes-strip span{background:var(--paper);padding:8px 12px;border-radius:4px;font-size:10px;color:#626975}.consult{background:#f7f8fa;padding:30px;border-radius:10px;margin:10px 0 30px}.consult h2{font-size:22px;margin-top:0}.form-tabs{display:flex;gap:8px;margin:20px 0}.form-tab{padding:11px 16px;border-radius:5px;font-size:12px;border:1px solid var(--line);background:white}.form-tab.active{background:var(--blue);color:white;border-color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:12px;display:block}input,select{display:block;width:100%;padding:13px 14px;background:#fff;border:1px solid #dfe3e9;border-radius:6px;margin-top:8px;color:var(--ink);min-height:46px}.consent{display:flex;align-items:flex-start;gap:8px;line-height:1.8;margin:18px 0;color:var(--muted);font-size:11px}.consent input{width:16px;min-height:16px;margin:2px 0 0;flex-shrink:0;accent-color:var(--blue)}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-message{font-size:12px;line-height:1.9;margin-top:15px;color:var(--blue)}.brand-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;padding:38px;max-width:540px;width:calc(100% - 36px);max-height:85svh;box-shadow:0 25px 100px #0002;color:var(--ink)}dialog::backdrop{background:#131b2c55;backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin:10px 0 20px}dialog p,dialog li{font-size:13px;line-height:2;color:var(--muted)}.modal-close{position:absolute;right:12px;top:12px;border:0;width:30px;height:30px}dialog .primary{margin-top:15px}.modal-art{width:100%;border-radius:8px;margin-top:14px}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);max-width:90vw;background:#20242df2;color:#fff;padding:13px 20px;font-size:12px;line-height:1.8;border-radius:7px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.resume-note{color:var(--blue);font-size:11px;margin:12px 0}.preview-note{background:#f5f8fd;padding:10px 16px;font-size:11px;color:var(--blue);border-radius:5px;margin-bottom:22px}.art-reveal{opacity:0;animation:arrive .8s var(--ease) forwards}.small-title{font-size:12px;font-weight:600}.return-link{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ticketfloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-7px)}}@keyframes drive{from{transform:translateY(55px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scan{from{top:20%}to{top:85%}}@keyframes scanline{from{transform:translateX(-100%)}to{transform:translateX(170%)}}
@media(min-width:1500px){.page{padding-top:65px}.hero{min-height:680px}.hero h1{font-size:60px}}
@media(max-width:1000px){.header{padding:0 30px;height:84px}.page{padding:40px 30px}.hero{gap:25px;min-height:570px}.hero h1{font-size:40px}.hero-art{min-height:460px}.receipt-mini{width:250px;padding:24px 20px}.mini-type{font-size:25px}.robot-bubble{width:95px;right:0}.float-label{font-size:9px;padding:9px}.type-grid{grid-template-columns:repeat(4,1fr)}.result-layout{gap:32px}.result-content h1{font-size:36px}.footer{padding:24px 30px}.poster-page{gap:35px}.brand-hero h1{font-size:34px}.brand-match{flex-wrap:wrap}.brand-match .primary{margin-left:74px}.scenario{padding:20px}}
@media(max-width:640px){.header{height:72px;padding:0 22px;gap:14px}.wordmark{font-size:29px}.header-caption{display:none}.brand-link{font-size:10px;letter-spacing:0}.brand-link span{margin:0 6px}.page{padding:30px 22px 38px}.hero{display:flex;flex-direction:column;gap:20px;align-items:stretch;min-height:0}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:39px;letter-spacing:-1.5px;margin:23px 0 20px;line-height:1.3}.hero-desc{font-size:13px;line-height:1.9;margin-bottom:23px}.hero .primary{width:100%;min-height:54px}.hero .helper{text-align:center;margin-bottom:8px}.hero-meta{margin-top:20px;padding-top:22px;justify-content:space-between}.meta-item{padding:0 18px;flex:1;text-align:center}.meta-item strong{font-size:23px}.meta-item span{font-size:10px}.hero-art{min-height:400px;border-radius:9px;margin-top:12px}.receipt-mini{width:243px;padding:22px 20px}.mini-title{font-size:21px}.mini-type{font-size:26px}.mini-row{margin:11px 0}.dash{margin:17px 0}.float-label.top{left:12px;top:24px}.float-label.bottom{bottom:21px;right:10px;font-size:8px}.robot-bubble{width:88px;bottom:58px;right:7px}.type-strip{padding-top:28px;margin-top:34px}.section-head h2{font-size:20px}.section-head .text-link{font-size:10px}.type-grid{gap:8px}.type-card{padding:14px 7px}.type-card strong{font-size:10px;letter-spacing:-.4px}.type-card svg{width:21px;height:21px;margin-bottom:12px}.type-card small{font-size:8px}.footer{padding:20px 22px;gap:10px;flex-wrap:wrap;font-size:9px}.footer>span:first-child{font-size:8px;width:100%}.footer button{margin-left:auto}.quiz-page{padding-top:24px}.blocks{font-size:9px;margin-bottom:33px;gap:8px}.question{font-size:23px;margin:14px 0 25px;min-height:85px}.option{padding:15px 16px;font-size:13px;gap:12px;min-height:70px}.options{gap:12px}.quiz-foot{flex-wrap:wrap}.quiz-foot .helper{font-size:10px}.quiz-foot button{font-size:10px}.stage-center{padding-top:65px;padding-bottom:75px}.stage-center h1{font-size:25px}.stage-center p{font-size:12px}.result-heading{margin-bottom:25px}.result-layout{display:flex;flex-direction:column;gap:28px}.result-visual{position:static;width:100%;padding:0 22px}.result-visual img{border-radius:8px}.result-content h1{font-size:36px;margin-top:12px}.result-content{width:100%}.result-section{padding-top:23px}.quote{font-size:18px;padding:22px;margin:22px 0}.punchline{font-size:16px}.sticky-actions{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.sticky-actions>span{display:none}.sticky-actions .primary{flex:1;margin:0;font-size:12px;min-height:48px;padding:12px}.sticky-actions .secondary{font-size:12px;min-height:48px;padding:12px 15px}.poster-page{display:flex;flex-direction:column;gap:20px}.poster-frame{width:min(100%,380px);margin:auto;padding:13px}.poster-controls{padding:0;width:100%}.poster-controls h1{font-size:28px}.poster-controls .primary{margin-top:10px}.brand-hero{display:flex;flex-direction:column;gap:10px;text-align:left;align-items:stretch;padding-bottom:28px}.brand-hero h1{font-size:31px}.brand-hero p{font-size:12px}.brand-robot{width:145px;margin:0 auto}.brand-match{padding:20px;gap:15px;margin-top:25px}.brand-match>svg{width:35px;height:35px}.brand-match>div{flex:1}.brand-match h2{font-size:15px}.brand-match .primary{margin:0;width:100%;min-height:46px;font-size:12px}.scenario-grid{grid-template-columns:1fr;gap:10px}.scenario{padding:20px;position:relative;padding-left:70px;min-height:130px}.scenario svg{position:absolute;top:24px;left:22px;width:28px;height:28px}.scenario h3{margin-top:0}.scenario p{margin:8px 0}.scenes-strip{gap:6px}.scenes-strip span{font-size:9px}.scenarios{padding:30px 0 25px}.consult{padding:22px 18px}.consult h2{font-size:21px}.form-grid{grid-template-columns:1fr;gap:14px}.form-tab{padding:11px 13px;font-size:11px}.form-actions .primary{flex:1}.form-actions .text-link{font-size:11px}.brand-bottom{gap:17px;font-size:11px}dialog{padding:32px 24px}dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}