:root{--ink:#141414;--green:#80ff00;--pink:#ff48e5;--blue:#087bff;--yellow:#fff000;--line:#dcdcdc}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#f9f9f7}button,a,input{touch-action:manipulation}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a{color:inherit}p{line-height:1.85}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:26px;padding:27px 48px;border-bottom:1px solid var(--line)}.site-header img{display:block;width:160px}.site-header>span{font-size:12px;color:#555}.site-header b{margin:0 10px;color:#111}.text-button{border:0;padding:10px 0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:13px;font-weight:700}.site-header .text-button{margin-left:auto}.site-footer{max-width:1184px;margin:45px auto 0;border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;gap:16px;color:#777;font-size:11px}.site-footer span:first-child{font-family:'Courier New',monospace;font-weight:bold;color:#111}#app{max-width:1184px;margin:auto;min-height:65vh}.eyebrow{font:700 12px/1.5 'Courier New','Microsoft YaHei',monospace;letter-spacing:1px}.tag{display:inline-block;padding:5px 10px;background:var(--pink);font-size:12px;font-weight:bold}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:68px 0 60px}.hero h1{font-size:64px;line-height:1.25;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:normal;background:var(--green);padding:0 7px}.hero .intro{font-size:16px;max-width:440px;line-height:1.9;color:#555}.hero .meta{display:flex;gap:26px;margin:28px 0;font-size:12px}.hero .meta strong{font-size:25px;margin-right:5px;color:#111}.primary,.secondary{border:2px solid var(--ink);min-height:49px;padding:13px 22px;font-weight:800;font-size:15px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none}.primary{background:var(--green);box-shadow:4px 4px 0 var(--ink)}.primary:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.secondary{background:#fff;box-shadow:none}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.micro{font-size:11px;color:#737373;line-height:1.8}.hero .micro{margin-top:22px;max-width:450px}.identity-sample{border:2px solid #111;background:white;box-shadow:12px 12px 0 var(--pink);padding:28px;transform:rotate(3deg);max-width:390px;position:relative}.sample-top{display:flex;justify-content:space-between;font:11px monospace;border-bottom:1px solid #111;padding-bottom:13px}.identity-sample h2{font-size:36px;line-height:1.3;margin:24px 0 7px}.identity-sample p{font-size:13px;color:#555}.code-tiles{display:flex;gap:7px;margin:20px 0}.code-tile{display:flex;align-items:center;justify-content:center;flex:1;aspect-ratio:1;font-weight:900;font-size:37px;border:1.5px solid #111}.code-tile:nth-child(1){background:var(--green)}.code-tile:nth-child(2){background:var(--pink)}.code-tile:nth-child(3){background:var(--blue);color:#fff}.code-tile:nth-child(4){background:var(--yellow)}.sample-bottom{border-top:1px solid #111;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.sample-bottom strong{font-size:34px;letter-spacing:-3px}.pixel-emblem{height:80px;width:80px;margin:22px auto 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;transform:rotate(-3deg)}.pixel-emblem i{background:#111}.pixel-emblem i:nth-child(3n){background:var(--green)}.pixel-emblem i:nth-child(4n){background:var(--pink)}.pixel-emblem i:nth-child(5n){background:transparent}.section-strip{border-top:2px solid #111;border-bottom:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.section-strip h3{margin:0 0 7px;font-size:16px}.section-strip p{font-size:12px;color:#666;margin:0}.section-strip small{display:block;font-size:11px;color:#777;margin-bottom:5px}.booth-band{display:flex;justify-content:space-between;align-items:center;padding:28px 0;gap:20px}.booth-band p{margin:5px 0;font-size:13px;color:#555}.booth-band h3{font-size:19px;margin:0}.booth-band strong{background:var(--yellow);padding:2px 5px}.quiz{max-width:800px;margin:46px auto 0}.quiz-nav{display:flex;justify-content:space-between;font-size:12px;align-items:center}.progress{height:5px;background:#e5e5e5;margin:17px 0 36px}.progress span{display:block;height:100%;background:var(--ink);transition:width .2s}.question-head{display:flex;gap:16px;align-items:center}.question-id{font:700 38px 'Courier New',monospace;letter-spacing:-3px}.question-group{font-size:12px;color:#555}.quiz h1{font-size:30px;line-height:1.6;margin:18px 0 28px;letter-spacing:-.7px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{border:2px solid #111;min-height:170px;background:white;position:relative;padding:23px;display:flex;flex-direction:column;justify-content:space-between;gap:23px;cursor:pointer}.choice:has(input:checked){background:var(--green);box-shadow:4px 4px 0 #111}.choice:nth-child(2):has(input:checked){background:var(--pink)}.choice input{position:absolute;right:18px;top:18px;width:20px;height:20px;accent-color:#111}.choice:focus-within{outline:3px solid var(--blue);outline-offset:4px}.choice-letter{font:700 24px monospace}.choice-text{font-size:18px;line-height:1.6;font-weight:700;padding-right:5px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin:30px 0 25px}.question-map{display:flex;gap:8px;flex-wrap:wrap;padding:25px 0;border-top:1px solid var(--line)}.question-map button{width:32px;height:32px;background:transparent;border:1px solid #ccc;font:12px monospace}.question-map button.answered{background:#e6ffcc;border-color:#111}.question-map button.current{background:#111;color:#fff}.result{padding-top:44px}.result-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.result-heading h1{margin:12px 0 0;font-size:40px;letter-spacing:-1.5px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:30px;align-items:start}.result-info h2{font-size:31px;margin:15px 0}.result-info .code-tiles{max-width:390px}.result-info>p{color:#555;font-size:14px}.result-motto{font-size:20px!important;color:#111!important;font-weight:800}.result-note{border-left:3px solid var(--pink);padding-left:15px;margin:24px 0;font-size:14px;line-height:1.85}.result-note strong{display:block}.axis{margin-top:22px}.axis-label{display:flex;justify-content:space-between;font-size:13px;gap:10px}.axis-bar{display:flex;height:9px;margin:9px 0 6px;background:#dedede}.axis-bar span{height:100%;border-right:2px solid white;min-width:0}.axis small{font-size:11px;color:#777}.poster-panel{background:white;border:1px solid #ddd;padding:22px}.poster-panel h3{font-size:18px;margin:0 0 8px}.poster-panel>p{font-size:12px;color:#666}.poster-preview{display:block;width:100%;height:auto;margin-top:20px;border:1px solid #ddd}.poster-panel .actions{gap:10px}.poster-panel .primary,.poster-panel .secondary{font-size:13px;min-height:44px;padding:10px 12px;flex:1}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 10px}.edit-fields label{font-size:12px;font-weight:bold;min-width:0}.edit-fields input[type=text]{width:100%;padding:10px 9px;border:1px solid #aaa;background:white;margin-top:7px;font-size:14px}.upload-label{cursor:pointer;border:1px solid #aaa;padding:11px 7px;display:block;margin-top:7px;text-align:center;font-weight:normal;font-size:13px}.upload-label input{position:absolute;width:1px;height:1px;opacity:0}.reward-panel{margin-top:40px;border-top:2px solid #111;padding:30px 0}.reward-panel h2{font-size:24px;margin:0 0 10px}.reward-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:25px 0}.reward-step{border-top:1px solid #bbb;padding-top:12px;font-size:13px;line-height:1.8}.reward-step b{display:inline-block;background:var(--yellow);padding:1px 6px;margin-bottom:9px}.reward-step strong{display:block}.atlas{padding:42px 0}.atlas h1{font-size:40px;letter-spacing:-1px;margin:14px 0}.atlas>p{font-size:14px;color:#666}.atlas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.atlas-card{text-align:left;border:1px solid #111;background:white;padding:20px 16px;min-height:190px}.atlas-card:hover{box-shadow:4px 4px 0 #111;transform:translateY(-2px)}.atlas-card .type-code{font:700 13px monospace;letter-spacing:3px;display:inline-block;padding:5px 7px;background:var(--color)}.atlas-card h2{font-size:20px;line-height:1.4;margin:18px 0 12px}.atlas-card p{font-size:12px;color:#555;margin:0}.atlas-card .number{display:block;text-align:right;font:12px monospace;color:#888}.gallery-detail .code-tiles{max-width:300px}.gallery-detail p{font-size:14px}.gallery-detail h2{font-size:29px}.group-qr{display:block;width:210px;max-width:70%;margin:20px auto}.center{text-align:center}.status-chip{font-size:11px;background:#ededed;padding:4px 7px;display:inline-block}dialog{position:fixed;border:2px solid #111;padding:35px 28px 28px;max-width:560px;width:calc(100% - 36px);max-height:88vh;overflow-y:auto;background:white}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;line-height:1;padding:6px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111;color:white;font-size:13px;padding:12px 18px;z-index:10;display:none;max-width:90vw;line-height:1.6}.download-image{width:100%;height:auto}.rules-list{padding-left:18px;font-size:14px;line-height:2}.linklike{font-size:12px;text-decoration:underline;border:0;background:none;padding:7px 0;color:#555}.empty-result{text-align:center;padding:80px 20px}
@media(max-width:1250px){#app,.site-footer{margin-left:40px;margin-right:40px}.hero{gap:50px}.hero h1{font-size:56px}.site-header{padding-left:40px;padding-right:40px}}@media(max-width:800px){.site-header{padding:22px 24px;gap:14px}.site-header img{width:125px}.site-header>span{display:none}#app,.site-footer{margin-left:24px;margin-right:24px}.hero{grid-template-columns:1fr;padding:35px 0 40px;gap:38px}.hero h1{font-size:48px;line-height:1.3}.hero .intro{font-size:15px}.hero .meta{gap:25px}.identity-sample{max-width:330px;width:90%;margin:0 auto;padding:25px;box-shadow:9px 9px 0 var(--pink)}.identity-sample h2{font-size:29px}.code-tile{font-size:32px}.section-strip{grid-template-columns:1fr 1fr;gap:24px 18px}.booth-band{display:block}.booth-band .text-button{margin-top:12px}.site-footer{display:block}.site-footer span{display:block;margin-top:8px}.quiz{margin-top:28px}.quiz h1{font-size:25px;line-height:1.6;margin-bottom:24px}.choices{grid-template-columns:1fr;gap:15px}.choice{min-height:124px;gap:15px;padding:18px}.choice-text{font-size:16px;max-width:92%}.quiz-actions .primary{padding:12px 19px;gap:15px}.question-map{gap:6px}.question-map button{width:calc((100% - 30px)/6);height:34px}.progress{margin-bottom:26px}.result{padding-top:28px}.result-heading{display:block}.result-heading h1{font-size:31px}.result-heading .text-button{margin-top:7px}.result-grid{grid-template-columns:1fr;gap:30px;margin-top:15px}.result-info h2{font-size:29px}.result-motto{font-size:18px!important}.poster-panel{padding:18px}.result-info .code-tiles{max-width:100%}.reward-steps{grid-template-columns:1fr 1fr;gap:20px}.reward-panel h2{font-size:22px}.atlas-grid{grid-template-columns:repeat(2,1fr);gap:13px}.atlas-card{padding:16px 12px;min-height:190px}.atlas-card h2{font-size:18px}.atlas-card .type-code{font-size:11px;letter-spacing:1px}.atlas h1{font-size:32px}.hero .actions .primary{flex:1}.hero .actions{gap:12px}.hero .actions .secondary{padding:12px 15px}.edit-fields{grid-template-columns:1fr 1fr;gap:9px}.site-footer{margin-top:28px}.poster-panel .actions{flex-direction:column}}@media(max-width:350px){#app,.site-footer{margin-left:18px;margin-right:18px}.site-header{padding:20px 18px}.hero h1{font-size:41px}.hero .meta{gap:17px}.hero .meta strong{font-size:23px}.quiz h1{font-size:22px}.atlas-card h2{font-size:16px}.choice-text{font-size:15px}.result-heading h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Six ordered response levels: three per side, no neutral position. */
.scale-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scale-endpoints>div{border-top:5px solid var(--green);background:#fff;padding:18px 20px}.scale-endpoints>div:last-child{border-color:var(--pink);text-align:right}.scale-endpoints span{font-size:12px;font-weight:700;color:#666}.scale-endpoints p{font-size:18px;font-weight:700;line-height:1.7;margin:10px 0 0}.scale-hint{text-align:center;font-size:12px;color:#666;margin:28px 0 12px}.scale-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative;isolation:isolate;padding:12px 0 0}.scale-choices:before{content:'';position:absolute;left:8%;right:8%;top:40px;height:2px;background:#ccc;z-index:-1}.scale-choice{cursor:pointer;position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;gap:10px;padding:6px 0;border-radius:8px}.scale-choice input{position:absolute;opacity:0;width:100%;height:58px;top:0;left:0;margin:0;cursor:pointer}.scale-dot{height:var(--size);width:var(--size);border:2px solid #111;border-radius:50%;background:#f9f9f7;display:flex;align-items:center;justify-content:center;margin:calc((44px - var(--size))/2) 0}.scale-choice.left .scale-dot{border-color:#397400}.scale-choice.right .scale-dot{border-color:#c0009f}.scale-choice.left:has(input:checked) .scale-dot{background:var(--green);border-color:#111}.scale-choice.right:has(input:checked) .scale-dot{background:var(--pink);border-color:#111}.scale-choice:has(input:checked) .scale-dot:after{content:'✓';font-size:18px;font-weight:900;color:#111}.scale-choice:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.scale-caption{text-align:center;font-size:12px;line-height:1.7;color:#666}.scale-caption b{font-weight:700;color:#111}.scale-choice:has(input:checked) .scale-caption{color:#111}.selection-status{text-align:center;min-height:24px;font-size:13px;font-weight:700;margin:18px 0 0}.axis-bar{position:relative}.axis-bar:after{content:'';position:absolute;left:50%;top:-3px;width:1px;height:15px;background:#1118}
@media(max-width:800px){.scale-endpoints{gap:14px}.scale-endpoints>div{padding:12px 10px}.scale-endpoints p{font-size:15px;margin-top:8px}.scale-choices{gap:5px}.scale-caption{font-size:11px}.scale-hint{font-size:11px;margin-top:22px}.scale-endpoints span{font-size:11px}.quiz-actions{margin-top:23px}}
@media(max-width:350px){.scale-endpoints{gap:10px}.scale-endpoints p{font-size:14px}.scale-choices{gap:3px}.scale-dot{transform:scale(.88)}.scale-caption{font-size:10px}.scale-hint{text-align:left}}

.character{display:block;background:#fff;overflow:hidden}.character img{display:block;width:100%;height:100%;object-fit:contain}.hero-character{height:230px;margin:14px auto 0;transform:rotate(-3deg)}.identity-sample .code-tiles{margin-top:8px}.identity-sample h2{margin-top:14px}.result-character{width:100%;height:275px;border:1px solid #e3e3e3}.atlas-character{height:215px;margin:-8px -4px 18px}.atlas-card{overflow:hidden}.atlas-card .type-code{font-size:17px;letter-spacing:2px}.detail-character{height:260px;margin:10px auto}.character-download{display:inline-block;font-size:13px;font-weight:700;text-underline-offset:5px;margin:4px 0 12px}.code-key{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;margin-top:20px}.code-key p{font-size:12px;line-height:1.8}.code-key b{font-size:18px}.code-key small{color:#666}.code-tile{font-family:'Arial Black',Arial,sans-serif}
@media(max-width:800px){.hero-character{height:210px}.atlas-character{height:160px}.result-character{height:260px}.atlas-card .type-code{font-size:15px}.atlas-card h2{margin-top:12px}.code-key{grid-template-columns:1fr}}
@media(max-width:350px){.atlas-character{height:135px}}