*{box-sizing:border-box}html,body{color:#fff;background:#070712;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.page{background-color:#070712;background-image:radial-gradient(circle at 8% 18%,#d946ef42,#0000 30%),radial-gradient(circle at 92% 82%,#06b6d447,#0000 32%),linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:auto,auto,44px 44px,44px 44px;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0,#0707124d 48%,#070712c7 100%);position:absolute;inset:0}.glow{filter:blur(45px);opacity:.55;border-radius:999px;position:absolute}.glow1{background:#d946ef;width:360px;height:360px;top:-80px;left:-80px}.glow2{background:#06b6d4;width:420px;height:420px;bottom:-120px;right:-120px}.language-switcher{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07071294;border:1px solid #ffffff24;border-radius:999px;gap:4px;padding:5px;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 18px 45px #00000047,0 0 28px #d946ef29}.language-switcher button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:64px;padding:9px 12px;font-size:13px;font-weight:850;transition:all .2s}.language-switcher button:hover{color:#fff;background:#ffffff14}.language-switcher button.active{color:#050511;background:linear-gradient(90deg,#f0abfc,#67e8f9);box-shadow:0 0 24px #67e8f938}.card,.hero-stage{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff1f;border-radius:30px;width:min(980px,100%);position:relative;box-shadow:0 25px 80px #00000059,inset 0 1px #ffffff14}.card{padding:42px}.hero-stage{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:34px;padding:46px;display:grid;overflow:hidden}.hero-stage:before{content:"";pointer-events:none;background:linear-gradient(115deg,#d946ef29,#0000 44%,#67e8f91f);position:absolute;inset:0}.hero-copy,.hero-visual{z-index:1;position:relative}.brand-lockup{color:#ffffffe6;align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand-lockup b{font-size:18px;line-height:1.1;display:block}.brand-lockup span{color:#ffffff7a;margin-top:3px;font-size:12px;font-weight:800;display:block}.brand-mark{color:#070712;background:linear-gradient(135deg,#f0abfc,#67e8f9);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;box-shadow:0 0 28px #d946ef3d}.pill{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex}.hero-stage h1,.result h1{letter-spacing:0;margin:26px 0 20px;font-size:clamp(48px,7.4vw,86px);font-weight:950;line-height:.98}:lang(zh-CN) .hero-stage h1{font-size:clamp(50px,5.35vw,64px);line-height:1.08}:lang(en) .hero-stage h1{font-size:clamp(46px,5.1vw,66px);line-height:1.05}.hero-stage h1 span,.result h1 span{background:linear-gradient(90deg,#f0abfc,#fff,#a5f3fc);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-stage p{color:#ffffffad;max-width:690px;margin:0 0 28px;font-size:19px;line-height:1.75}.match-line{color:#c8fbff;background:#67e8f914;border:1px solid #67e8f933;border-radius:999px;align-items:center;margin:-4px 0 24px;padding:9px 13px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 0 26px #67e8f91f}.match-line:before{content:"";background:linear-gradient(90deg,#f0abfc,#67e8f9);border-radius:999px;width:7px;height:7px;margin-right:9px;box-shadow:0 0 14px #67e8f9b3}.primary,.ghost{cursor:pointer;border:0;border-radius:16px;padding:14px 22px;font-weight:850}.primary{color:#050511;background:#fff;box-shadow:0 14px 45px #ffffff1f}.primary:disabled{opacity:.35;cursor:not-allowed}.ghost{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff1f}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hero-actions .primary{min-width:190px}.hero-count b{font-size:20px;display:block}.hero-count span{color:#ffffff75;font-size:13px;font-weight:750;display:block}.hero-metrics{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-metrics span{color:#ffffffad;background:#0000002e;border:1px solid #ffffff1f;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.hero-visual{background:radial-gradient(circle at 30% 20%,#f0abfc4d,#0000 34%),radial-gradient(circle at 76% 74%,#67e8f947,#0000 36%),#00000038;border:1px solid #ffffff1a;border-radius:26px;min-height:430px;padding:28px;overflow:hidden}.hero-visual:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:20px;position:absolute;inset:16px}.status-pill,.preview-label{color:#ffffffa8;background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.type-code{letter-spacing:0;margin-top:42px;font-size:clamp(68px,9vw,116px);font-weight:950;line-height:.9}.type-name{background:linear-gradient(90deg,#f0abfc,#fff,#a5f3fc);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:12px;font-size:clamp(25px,3vw,38px);font-weight:950}.hero-visual p{color:#ffffffa8;margin:10px 0 18px;font-size:15px;line-height:1.6}.trait-stack{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.trait-stack span{color:#ffffffc2;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850}.signal-grid{gap:10px;display:grid}.signal{background:#07071257;border:1px solid #ffffff1a;border-radius:14px;padding:11px 12px}.signal div{color:#ffffffc7;justify-content:space-between;margin-bottom:9px;font-weight:900;display:flex}.signal span{color:#ffffff61}.signal i{background:linear-gradient(90deg,#f0abfc,#8b5cf6,#67e8f9);border-radius:999px;height:8px;display:block}.preview-label{position:absolute;bottom:28px;right:28px}.small{color:#ffffff73;margin-top:18px;font-size:14px}.top{color:#ffffff8c;justify-content:space-between;font-size:13px;display:flex}.bar{background:#ffffff1a;border-radius:999px;height:9px;margin:12px 0 32px;overflow:hidden}.bar div{background:linear-gradient(90deg,#f0abfc,#8b5cf6,#67e8f9);border-radius:999px;height:100%}.quiz h2{letter-spacing:0;margin:0 0 28px;font-size:clamp(28px,5vw,44px)}.answers{gap:14px;display:grid}.answer{color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:16px;width:100%;padding:18px;transition:all .2s;display:flex}.answer:hover{background:#ffffff17}.answer.active{background:#d946ef2e;border-color:#f0abfc;box-shadow:0 0 35px #d946ef2e}.answer b{background:#ffffff1a;border-radius:999px;place-items:center;min-width:34px;height:34px;display:grid}.answer.active b{color:#111;background:#f0abfc}.actions{justify-content:space-between;gap:14px;margin-top:28px;display:flex}.result h3{letter-spacing:0;margin:26px 0 0;font-size:clamp(64px,13vw,118px);line-height:1}.quote{color:#ffffffbd;max-width:760px;font-size:22px;line-height:1.7}.tags{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.tags span{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:9px 14px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.grid div,.dim{background:#0000002e;border:1px solid #ffffff1a;border-radius:22px;padding:20px}.grid b{color:#a5f3fc}.grid p,.dim p{color:#ffffff9e;line-height:1.7}.dims{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dim>div:first-child{justify-content:space-between;display:flex}.dim .bar{margin:12px 0}.result h4{color:#ffffff94;margin-top:20px}@media (max-width:900px){.hero-stage{grid-template-columns:1fr;padding:34px}.hero-visual{min-height:360px}.type-code{margin-top:28px}}@media (max-width:760px){.page{padding:84px 18px 24px}.language-switcher{top:16px;right:16px}.card,.hero-stage{border-radius:24px;padding:24px}.hero-stage h1{font-size:clamp(42px,13vw,62px)}:lang(zh-CN) .hero-stage h1{font-size:clamp(40px,11vw,52px)}:lang(en) .hero-stage h1{font-size:clamp(38px,10.5vw,50px)}.hero-actions,.actions{flex-direction:column;align-items:stretch}.primary,.ghost{width:100%}.hero-count{text-align:center}.hero-visual{min-height:330px;padding:22px}.grid,.dims{grid-template-columns:1fr}}
.result .actions{flex-wrap:wrap}.result .actions .ghost,.result .actions .primary{flex:170px}.modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03030aad;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.match-modal{background:linear-gradient(135deg,#181824f5,#0a0c18f0);border:1px solid #ffffff24;border-radius:28px;width:min(720px,100%);max-height:calc(100vh - 44px);padding:32px;position:relative;overflow:auto;box-shadow:0 30px 90px #0000008c,0 0 40px #67e8f91f}.match-modal:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 0,#d946ef33,#0000 34%),radial-gradient(circle at 100% 100%,#67e8f929,#0000 34%);border-radius:28px;position:absolute;inset:0}.match-modal>*{z-index:1;position:relative}.modal-close{z-index:2;color:#ffffffb8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.match-modal h2{letter-spacing:0;margin:20px 42px 12px 0;font-size:clamp(28px,4vw,42px);line-height:1.08}.match-modal>p{color:#ffffff9e;margin:0 0 24px;line-height:1.7}.match-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.match-form label{gap:8px;display:grid}.match-form label span{color:#ffffffa3;font-size:13px;font-weight:850}.match-form input,.match-form select{color:#fff;width:100%;min-height:48px;font:inherit;background:#0000003d;border:1px solid #ffffff1f;border-radius:15px;outline:none;padding:0 14px;font-weight:750}.match-form input:focus,.match-form select:focus{border-color:#67e8f9;box-shadow:0 0 0 4px #67e8f91f}.match-form option{color:#fff;background:#111120}.match-message{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;grid-column:1/-1;padding:16px}.match-message.found{background:#67e8f91a;border-color:#67e8f957}.match-message.queued{background:#f0abfc1a;border-color:#f0abfc4d}.match-message.error{background:#f871711a;border-color:#f8717159}.match-message b{color:#fff;margin-bottom:6px;display:block}.match-message p{color:#ffffffad;margin:0;line-height:1.6}.match-form .primary{grid-column:1/-1;width:100%;margin-top:4px}@media (max-width:760px){.match-form{grid-template-columns:1fr}.match-modal{border-radius:24px;padding:24px}.match-modal:before{border-radius:24px}}