:root{--red:#9e3f36;--red2:#74302d;--ink:#282522;--muted:#7b746b;--paper:#f7f4ee;--cream:#efe7db;--line:#dfd8cf;--white:#fffdf9;--green:#5f776b}*{box-sizing:border-box}html{background:#ddd}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}.app{width:min(100%,560px);margin:auto;min-height:100vh;background:var(--paper);position:relative;box-shadow:0 0 40px #0001}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f7f4eef2;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff}.logo,.plain{border:0;background:none;color:inherit;cursor:pointer}.logo{display:flex;align-items:center;gap:10px;text-align:left;padding:0}.logo i{width:38px;height:38px;display:grid;place-items:center;background:var(--red);color:white;border-radius:50%;font-family:serif;font-style:normal}.logo span{font-family:serif;font-size:19px;letter-spacing:.18em}.logo small{display:block;font:9px sans-serif;color:var(--muted);letter-spacing:.13em;margin-top:3px}.plain{font-size:12px;color:var(--red);border:1px solid #d7b9b4;border-radius:99px;padding:8px 12px}.page{display:none;padding-bottom:104px}.page.active{display:block}.hero{min-height:560px;padding:48px 26px 30px;background:radial-gradient(circle at 85% 5%,#efd4c8 0,transparent 31%),linear-gradient(160deg,#fffdf8,#efe7db);position:relative;overflow:hidden}.cityline{font-size:10px;letter-spacing:.24em;color:var(--red)}.hero h1{font-family:serif;font-weight:500;font-size:47px;line-height:1.25;margin:18px 0}.hero p{color:#666056;line-height:1.9;font-size:14px;width:90%}.hero-actions{display:flex;gap:10px;margin-top:28px}.primary,.secondary{border:0;border-radius:12px;padding:13px 22px;cursor:pointer}.primary{background:var(--red);color:#fff;box-shadow:0 8px 22px #9e3f3633}.secondary{background:var(--white);color:var(--red);border:1px solid #d8beb8}.landmark{height:120px;margin:42px -26px -30px;position:relative;background:linear-gradient(transparent,#cbbba7);opacity:.85}.landmark:before,.landmark:after{content:"";position:absolute;bottom:25px;background:#7f776d}.landmark:before{left:12%;width:140px;height:14px;clip-path:polygon(0 100%,20% 0,80% 0,100% 100%)}.landmark:after{right:13%;width:88px;height:82px;clip-path:polygon(12% 100%,12% 35%,0 35%,50% 0,100% 35%,88% 35%,88% 100%)}.landmark span{position:absolute;left:0;right:0;bottom:22px;border-bottom:3px solid #898076}.landmark b{position:absolute;right:24px;bottom:4px;font-size:9px;letter-spacing:.2em;color:#5e574e}.trustbar{margin:-16px 18px 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--white);border-radius:16px;padding:17px 6px;box-shadow:0 10px 30px #4e403018}.trustbar div{text-align:center;border-right:1px solid var(--line)}.trustbar div:last-child{border:0}.trustbar b,.trustbar span{display:block}.trustbar b{font-family:serif;color:var(--red);font-size:16px}.trustbar span{font-size:9px;color:var(--muted);margin-top:5px}.block{padding:58px 22px}.block.soft{background:var(--cream)}.section-title span,.page-head small,.dialog-head small{color:var(--red);font-size:10px;letter-spacing:.22em}.section-title h2,.page-head h2,.dialog-head h2{font-family:serif;font-weight:500;font-size:28px;margin:8px 0 24px}.steps{display:grid;gap:13px}.steps article{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;background:var(--white);border-radius:16px;padding:17px}.steps em{grid-row:1/3;color:#b89a83;font-family:serif;font-size:23px;font-style:normal}.steps b{font-family:serif}.steps p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.6}.districts{display:flex;flex-wrap:wrap;gap:9px}.districts span{background:#fff9;padding:10px 13px;border-radius:99px;font-size:12px}.quote{text-align:center;padding:65px 20px;background:var(--red2);color:#fff}.quote p{font-family:serif;font-size:26px;line-height:1.7}.quote .primary{background:#fff;color:var(--red)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;padding:35px 21px 8px}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 12px;color:var(--muted)}.notice{font-size:10px;color:var(--muted);margin:0 21px 16px;padding:10px;background:#efe7db;border-radius:9px}.profiles{padding:0 16px;display:grid;gap:15px}.profile{background:var(--white);border-radius:19px;overflow:hidden;box-shadow:0 8px 25px #41332012}.portrait{height:280px;display:flex;align-items:flex-end;padding:20px;color:#fff;position:relative}.portrait:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#29201a9b)}.portrait .initial{position:absolute;font-family:serif;font-size:90px;opacity:.25;top:60px;left:0;right:0;text-align:center}.portrait .who{position:relative}.portrait h3{font-family:serif;font-size:26px;margin:0}.portrait p{margin:6px 0 0;font-size:12px}.profile-body{padding:16px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:10px;background:var(--cream);padding:6px 8px;border-radius:7px}.reason{font-size:12px;line-height:1.7;color:var(--muted);margin:13px 0}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-actions button{padding:11px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted)}.profile-actions .like{background:var(--red);color:#fff;border-color:var(--red)}.method,.operator{margin:22px 17px;background:#ebe5dc;border-radius:14px;padding:18px;font-size:12px;line-height:1.7;color:var(--muted)}.method b,.operator b{color:var(--ink)}.method label{display:block;margin-top:10px;color:var(--ink)}.progress{font-size:12px;color:var(--red)}form{padding:0 20px}.form-step{display:none}.form-step.active{display:block}.form-step h3{font-family:serif;font-size:23px;margin:12px 0 4px}.hint{font-size:12px;color:var(--muted);margin:0 0 24px}label{display:block;font-size:12px;margin:15px 0 7px}input,select,textarea{width:100%;margin-top:7px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;color:var(--ink);outline:none}textarea{height:112px;resize:none;line-height:1.6}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.chips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 12px;font-size:11px}.chips button.active{background:var(--red);border-color:var(--red);color:#fff}.counter{display:block;text-align:right;color:var(--muted)}.consent{display:flex;gap:8px;align-items:flex-start;line-height:1.6}.consent input{width:auto;margin:3px 0}.privacy-note{font-size:10px;line-height:1.6;background:var(--cream);padding:12px;border-radius:9px;color:var(--muted)}.form-actions{display:flex;gap:10px;margin-top:25px}.form-actions button{flex:1}.hidden{display:none!important}.me-card{text-align:center;padding:55px 20px 30px}.avatar{width:88px;height:88px;margin:auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d7ae99,var(--red));color:white;font-family:serif;font-size:32px}.me-card h2{font-family:serif;margin:16px 0 7px}.me-card p{font-size:12px;color:var(--muted);line-height:1.6}.menu{margin:0 17px;background:#fff;border-radius:15px;overflow:hidden}.menu button{display:flex;justify-content:space-between;width:100%;padding:17px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left}.menu b{font-size:20px;color:#aaa}.tabbar{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);height:78px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffefaeb;backdrop-filter:blur(14px);border-top:1px solid #eee}.tabbar button{border:0;background:none;font-size:10px;color:#999}.tabbar i{display:block;font-style:normal;font-size:23px;margin-bottom:4px}.tabbar button.active{color:var(--red)}.tabbar .join-tab i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;margin:-19px auto 4px;box-shadow:0 6px 16px #9e3f3650}dialog{width:min(92%,500px);max-height:88vh;border:0;border-radius:22px;padding:24px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#1d1816a9;backdrop-filter:blur(4px)}.close{position:sticky;float:right;top:0;z-index:2;border:0;background:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}#poster{display:block;width:100%;height:auto;margin:15px 0;border-radius:14px;box-shadow:0 8px 30px #0002}.poster-tabs{display:flex;gap:8px}.poster-tabs button{flex:1;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.poster-tabs .active{background:var(--red);color:#fff}.mini{font-size:10px;line-height:1.7;color:var(--muted)}.detail-portrait{height:260px;border-radius:16px;margin:-24px -24px 20px;padding:25px;display:flex;align-items:flex-end;color:#fff}.detail-portrait h2{font-family:serif;font-size:30px;margin:0}.detail-copy{font-size:13px;line-height:1.8;color:var(--muted)}.safety-list h3{font-family:serif;margin-top:25px}.safety-list p,.safety-list li{font-size:12px;line-height:1.8;color:var(--muted)}.toast{position:fixed;z-index:50;left:50%;bottom:100px;transform:translate(-50%,20px);background:#282522;color:#fff;padding:11px 16px;border-radius:99px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:20px 0}.app{min-height:calc(100vh - 40px);border-radius:20px;overflow:hidden}.tabbar{bottom:20px;border-radius:0 0 20px 20px}}