:root{--paper:#f6f0e4;--cream:#fffaf0;--ink:#243542;--muted:#6e7777;--orange:#e27d43;--green:#526f62;--red:#9c4f42;--line:rgba(36,53,66,.16);--shadow:0 24px 70px rgba(52,43,31,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.paper-noise{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
button,input{font:inherit}.topbar{position:relative;z-index:2;display:flex;width:min(1120px,100%);align-items:center;justify-content:space-between;margin:auto;padding:22px 20px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.brand>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:22px}.brand b{font-family:Georgia,serif;font-size:10px;line-height:1.05;letter-spacing:.12em}.edition{color:var(--muted);font-family:Georgia,serif;font-size:11px;letter-spacing:.08em}.app{position:relative;z-index:1;width:min(1120px,100%);margin:auto;padding:10px 18px 64px}.screen{min-height:calc(100vh - 100px)}.centered{display:grid;place-items:center}.intro-screen{position:relative;display:grid;align-items:center;gap:30px;padding:32px 0 70px}.hero-copy{position:relative;z-index:2}.kicker{margin:0 0 14px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-copy h1,.invite-card h1,.loading-card h1{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(42px,11vw,78px);font-weight:500;line-height:1.05;letter-spacing:-.05em}.hero-copy h1 span{color:var(--orange)}.lead{max-width:620px;margin:18px 0;color:var(--green);font-size:18px;font-weight:750;line-height:1.7}.intro-copy{max-width:610px;border-left:2px solid var(--orange);padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}.intro-copy p{margin:0 0 8px}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.facts span{border:1px solid var(--line);border-radius:3px;background:rgba(255,250,240,.72);padding:10px 12px;font-size:12px}.facts b{color:var(--orange);font-family:Georgia,serif;font-size:19px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:16px;border:0;border-radius:3px;cursor:pointer;background:var(--ink);color:#fff;padding:0 24px;font-weight:850;box-shadow:8px 8px 0 rgba(226,125,67,.25);transition:.18s}.button:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 rgba(226,125,67,.25)}.button:active{transform:none}.button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.button.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);box-shadow:none}.full{width:100%}.fine-print{color:var(--muted);font-size:11px}.city-art{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#e5d7c1,#f8f1e6 45%,#b8c7bd);box-shadow:var(--shadow)}.sun{position:absolute;top:36px;right:44px;width:112px;height:112px;border-radius:50%;background:#e8a66b;opacity:.8}.skyline{position:absolute;right:0;bottom:0;left:0;display:flex;height:68%;align-items:end;justify-content:center;gap:8px;padding:0 16px;background:linear-gradient(transparent 55%,rgba(36,53,66,.14))}.skyline i{width:12%;height:var(--h,60%);background:var(--ink);clip-path:polygon(0 12%,18% 12%,18% 0,30% 0,30% 15%,76% 15%,76% 6%,88% 6%,88% 15%,100% 15%,100% 100%,0 100%);opacity:.88}.skyline i:nth-child(2){--h:82%}.skyline i:nth-child(3){--h:55%}.skyline i:nth-child(4){--h:96%}.skyline i:nth-child(5){--h:67%}.skyline i:nth-child(6){--h:76%}.skyline i:nth-child(7){--h:48%}.route{position:absolute;border:2px dashed rgba(156,79,66,.55);border-radius:50%}.route-a{width:280px;height:130px;left:-50px;top:70px;transform:rotate(22deg)}.route-b{width:240px;height:160px;right:-40px;bottom:90px;transform:rotate(-18deg)}.ticket{position:absolute;left:24px;top:28px;display:grid;gap:4px;width:210px;transform:rotate(-5deg);border-left:8px solid var(--orange);background:var(--cream);padding:15px;box-shadow:0 12px 30px rgba(36,53,66,.16)}.ticket small{letter-spacing:.12em}.ticket strong{font-family:Georgia,"Noto Serif SC",serif}.ticket span{color:var(--muted);font-size:10px}.note{position:absolute;right:24px;bottom:20px;transform:rotate(3deg);background:#f2c777;padding:10px 16px;font-family:KaiTi,serif;font-weight:700}.passport-stamp{position:absolute;right:4%;top:4%;z-index:3;display:grid;width:92px;height:92px;place-items:center;border:3px double var(--red);border-radius:50%;color:var(--red);font-family:Georgia,serif;font-size:15px;font-weight:900;line-height:1;text-align:center;transform:rotate(11deg);opacity:.82}.passport-stamp small{font-size:9px}
.paper-card{position:relative;border:1px solid var(--line);border-radius:5px;background:rgba(255,250,240,.92);box-shadow:var(--shadow)}.invite-card{width:min(100%,570px);overflow:hidden;padding:32px 24px}.invite-card h1{font-size:clamp(36px,9vw,56px)}.back-home{margin-bottom:30px}.text-button{border:0;cursor:pointer;background:none;color:var(--green);padding:4px;font-weight:800}.input-label{display:block;margin:28px 0 8px;font-size:12px;font-weight:900;letter-spacing:.08em}.invite-input{width:100%;height:58px;border:1px solid var(--line);border-radius:2px;outline:none;background:#fffdf7;padding:0 15px;color:var(--ink);font-size:18px;font-weight:800;text-transform:uppercase}.invite-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(226,125,67,.13)}.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:18px 0;color:var(--muted);font-size:12px;line-height:1.6}.consent input{width:20px;height:20px;accent-color:var(--green)}.status{min-height:22px;margin:0 0 8px;color:var(--red);font-size:13px;font-weight:800}.status.success{color:var(--green)}.postmark{position:absolute;right:-16px;top:18px;width:96px;height:96px;border:3px double var(--orange);border-radius:50%;color:var(--orange);padding-top:28px;font-family:Georgia,serif;font-size:11px;font-weight:900;line-height:1.1;text-align:center;transform:rotate(15deg);opacity:.45}
.quiz-screen{padding:18px 0}.quiz-card{width:min(100%,760px);padding:20px}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.quiz-header div{display:grid;gap:2px}.quiz-header span,.question-type{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.14em}.quiz-header b{font-size:13px}.quiz-header>strong{font-family:Georgia,serif;font-size:22px}.progress{height:7px;margin-top:13px;overflow:hidden;background:#e8dfd0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));transition:width .25s}.question-type{margin:30px 0 8px}.question{margin:0 0 23px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(25px,6vw,38px);font-weight:600;line-height:1.35}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:36px 1fr 24px;min-height:64px;align-items:center;gap:11px;border:1px solid var(--line);border-radius:3px;cursor:pointer;background:#fffdf7;padding:11px 13px;color:var(--ink);text-align:left;transition:.16s}.option:hover{border-color:var(--orange);transform:translateX(3px)}.option>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:Georgia,serif}.option>b{line-height:1.45}.option>i{opacity:0;color:var(--orange);font-style:normal}.option.selected{border-color:var(--orange);background:#fff4e5}.option.selected>span{border-color:var(--orange);background:var(--orange);color:white}.option.selected>i{opacity:1}.quiz-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.loading-card{text-align:center}.loading-card h1{font-size:clamp(34px,8vw,54px)}.loading-card>p:not(.kicker){color:var(--muted)}.compass{position:relative;display:grid;width:120px;height:120px;place-items:center;margin:0 auto 26px;border:1px solid var(--line);border-radius:50%}.compass:before,.compass:after{position:absolute;background:var(--line);content:""}.compass:before{width:150%;height:1px}.compass:after{width:1px;height:150%}.compass i{position:absolute;width:74px;height:74px;border:2px dashed var(--orange);border-radius:50%;animation:spin 3s linear infinite}.compass b{z-index:2;font-size:34px}.loading-line{width:min(370px,80vw);height:4px;overflow:hidden;margin:24px auto;background:#ddd2c2}.loading-line i{display:block;width:35%;height:100%;background:var(--orange);animation:travel 1.1s ease-in-out infinite}.loading-card small{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes travel{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.result-page{display:grid;gap:18px;width:min(900px,100%);margin:25px auto}.result-hero{overflow:hidden;padding:32px 22px;text-align:center;background:linear-gradient(145deg,#fffaf0,#efe1cc)}.result-route{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.13em}.result-route i{height:1px;flex:1;background:var(--line)}.result-route b{color:var(--red);font-size:13px}.result-hero>h1{margin:10px 0 0;color:var(--ink);font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(68px,19vw,126px);font-weight:500;line-height:1}.result-hero>h2{margin:5px 0 20px;color:var(--green);font-family:KaiTi,serif;font-size:22px}.match-ring{display:grid;width:140px;height:140px;place-items:center;margin:20px auto;border-radius:50%;background:conic-gradient(var(--orange) var(--score),#e3dacb 0)}.match-ring:before{position:absolute;width:120px;height:120px;border-radius:50%;background:var(--cream);content:""}.match-ring div{z-index:1;display:grid}.match-ring b{font-family:Georgia,serif;font-size:31px}.match-ring span{color:var(--muted);font-size:10px}.result-hero blockquote{max-width:650px;margin:24px auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(18px,4vw,25px);line-height:1.6}.keyword-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.keyword-row span{background:#e7eadf;color:var(--green);padding:6px 10px;font-size:11px;font-weight:800}.section-card{padding:24px 20px}.section-no{margin:0;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.14em}.section-card>h2,.reality-card h2{margin:7px 0 16px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(25px,5vw,34px)}.muted,.section-card p,.postcards p{color:var(--muted);line-height:1.75}.analysis{display:grid;gap:10px}.analysis section{display:grid;grid-template-columns:38px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:13px}.analysis b{color:var(--orange);font-family:Georgia,serif}.analysis p{margin:0}.profile-bars{display:grid;gap:12px;margin-top:20px}.profile-row{display:grid;grid-template-columns:112px 1fr 28px;align-items:center;gap:10px;font-size:12px}.profile-row>div{height:9px;background:#e8dfd0}.profile-row i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange))}.profile-row>b{font-family:Georgia,serif}.two-columns{display:grid;gap:18px}.check-list,.challenge ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.check-list li,.challenge li{position:relative;padding-left:26px;line-height:1.6}.check-list li:before{position:absolute;left:0;color:var(--green);content:"✓"}.challenge li:before{position:absolute;left:0;color:var(--orange);content:"△"}.reality-card{display:grid;gap:20px;align-items:center;padding:24px 20px}.reality-card h2 em{color:var(--orange);font-style:normal}.mini-ticket{display:grid;place-items:center;border:1px dashed var(--red);background:#f4dfc8;color:var(--red);padding:18px;font-family:Georgia,"Noto Serif SC",serif;font-size:30px;font-weight:700;transform:rotate(2deg)}.mini-ticket small{margin-top:5px;font-family:system-ui;font-size:10px;letter-spacing:.1em}.postcards{display:grid;gap:14px}.postcards article{min-height:160px;border:1px solid var(--line);background:#e9dfcf;padding:22px;box-shadow:var(--shadow)}.postcards article:nth-child(2){background:#dfe8df;transform:rotate(-1deg)}.postcards article:nth-child(3){background:#eed4bf;transform:rotate(1deg)}.postcards small{color:var(--muted);font-size:10px;letter-spacing:.1em}.postcards h3{margin:16px 0 5px;font-family:Georgia,"Noto Serif SC",serif;font-size:32px}.quiet-card{border-left:6px solid var(--green)}.result-actions{display:grid;gap:10px}.disclaimer{border-top:1px solid var(--line);padding:22px 4px;color:var(--muted);font-size:11px;line-height:1.7}.disclaimer b{color:var(--ink)}.toast{position:fixed;left:50%;bottom:20px;z-index:30;border-radius:99px;background:var(--ink);color:#fff;padding:11px 16px;font-size:12px;font-weight:800;transform:translate(-50%,100px);transition:.22s}.toast.show{transform:translate(-50%,0)}
@media(min-width:760px){.app{padding-inline:28px}.intro-screen{grid-template-columns:1.05fr .95fr;padding-top:55px}.city-art{min-height:600px}.passport-stamp{right:46%;top:1%}.invite-card{padding:42px}.quiz-card{padding:30px}.result-hero{padding:42px}.section-card{padding:30px}.analysis{grid-template-columns:repeat(3,1fr)}.analysis section{display:block;border-top:0;border-left:1px solid var(--line);padding:0 0 0 16px}.analysis b{display:block;margin-bottom:10px}.two-columns{grid-template-columns:1fr 1fr}.reality-card{grid-template-columns:1fr 210px}.postcards{grid-template-columns:repeat(3,1fr)}.result-actions{grid-template-columns:1fr 1fr auto}}
@media(max-width:460px){.edition{display:none}.app{padding-inline:12px}.topbar{padding-inline:14px}.hero-copy h1{font-size:42px}.city-art{min-height:360px}.passport-stamp{top:0}.quiz-card{padding:16px}.quiz-nav{grid-template-columns:1fr}.profile-row{grid-template-columns:104px 1fr 25px}.result-hero>h1{font-size:68px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}