html{font-size:16px}body{margin:0;background:#f7e2df;color:#4b2928;font-family:"PingFang SC","Microsoft YaHei",sans-serif}body>main,.hh-header,.hh-nav,.hh-footer{box-sizing:border-box;width:100%;max-width:520px;margin-left:auto;margin-right:auto}.hh-header{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#a42e31}.hh-header a{color:#fff;font-size:14px}.hh-header strong{font-size:16px}.hh-nav{display:flex;overflow-x:auto;white-space:nowrap;background:#fff4f0;border-bottom:1px solid #e4b8ae}.hh-nav a{padding:10px 14px;color:#75413d;font-size:13px}.hh-nav a.active{color:#b2262e;font-weight:700;border-bottom:2px solid #b2262e}.hh-home .index-banner{position:relative;overflow:hidden}.hh-home .index-banner>img:not(.tips){display:block;width:100%}.hh-home .index-banner .tips{position:absolute;width:23%;animation:hhFloat 3s ease-in-out infinite}.hh-home .tips1{left:4%;top:55%}.hh-home .tips2{left:27%;top:64%;animation-delay:-1s}.hh-home .tips3{right:27%;top:64%;animation-delay:-2s}.hh-home .tips4{right:4%;top:55%;animation-delay:-.5s}@keyframes hhFloat{50%{transform:translateY(-8px)}}.hh-form-card{position:relative;margin:22px 14px;padding:38px 12px 16px;border:1px solid #cf8b80;border-radius:12px;background:#fff9f3;box-shadow:0 4px 15px rgba(121,47,42,.12)}.form-title{position:absolute;top:-22px;left:15%;width:70%;height:auto}.person{padding:12px;border-radius:9px;background:#f8e7da}.person h2{margin:0 0 10px;color:#a52b31;text-align:center;font-size:17px}.person label{display:flex;align-items:center;height:42px;margin:8px 0;background:#fff;border:1px solid #e5c6b1;border-radius:22px}.person label>span:first-child{flex:0 0 58px;text-align:center;font-weight:700}.person input{box-sizing:border-box;width:100%;height:40px;border:0;background:transparent;font-size:14px}.date-field{position:relative;display:block;flex:1}.date-field:after{content:"日";position:absolute;right:12px;top:10px;color:#b44845}.heart{width:42px;height:42px;line-height:42px;margin:-4px auto;text-align:center;border-radius:50%;background:#b52d35;color:#fff;font-size:23px;position:relative;z-index:2}.female{background:#f9e1e3}.hh-submit{display:block;width:88%;height:50px;margin:16px auto 10px;border:0;border-radius:26px;color:#fff;background:linear-gradient(#e95d61,#aa252d);box-shadow:0 4px 0 #7e1d23;font-size:20px;font-weight:700;letter-spacing:4px}.consent{display:block;text-align:center;font-size:12px}.hh-form-card>p{text-align:center;font-size:13px}.hh-form-card>p b{color:#c52f36}.hh-pictures img{display:block;width:100%}.hh-footer{text-align:center;padding:24px 0 28px;line-height:1.8;color:#815c57}.hh-order main{overflow:hidden;background:#f3ddd8}.hh-order-hero{position:relative}.hh-order-hero>img{display:block;width:100%}.hero-score{position:absolute;top:25%;left:50%;transform:translateX(-50%);text-align:center;color:#9d272d}.hero-score b{display:block;font-size:42px}.hero-score span{font-size:13px}.hero-male,.hero-female{position:absolute;top:64%;width:32%;text-align:center;font-size:18px}.hero-male{left:8%}.hero-female{right:8%}.hh-order-hero>i{position:absolute;left:50%;top:62%;transform:translateX(-50%);font-style:normal;color:#b42630;font-size:28px}.hh-pay{position:relative;margin:-45px 14px 15px;padding:38px 14px 16px;background:#fff9f4;border:1px solid #ce8a80;border-radius:12px;box-shadow:0 5px 16px rgba(108,39,38,.15)}.pay-title{position:absolute;left:15%;top:-27px;width:70%}.pay-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-tags span{padding:9px 2px;border-radius:16px;text-align:center;background:#f3d7cf;color:#9e2a30;font-size:13px}.price{display:flex;align-items:center;justify-content:space-between;margin:14px -14px 4px;padding:11px 18px;background:#f7e2d1}.price div b,.price div del{display:block}.price div del{margin-top:4px;color:#92746d;font-size:12px}.price>strong{color:#d52d34;font-size:34px}.price>strong small{font-size:16px}.pay-buttons a{display:block;height:44px;line-height:44px;margin-top:10px;border-radius:6px;text-align:center;color:#fff;font-size:17px;font-weight:700}.wechat{background:#20a839}.alipay{background:#1677ff}.secret{text-align:center;color:#967b72;font-size:12px}.preview-title{margin:15px 14px;padding:14px;text-align:center;background:#fff8f1;border:1px solid #d79b8d;border-radius:10px}.preview-title h2{margin:0;color:#a5272e;font-size:18px}.preview-title p{margin:7px 0 0}.hh-previews{background:#f7eee5}.hh-previews button{display:block;width:100%;margin:0;padding:0;border:0;background:none;font-size:0}.hh-previews img{display:block;width:100%}.fixed-space{height:65px}.hh-fixed{position:fixed;left:50%;bottom:0;z-index:30;transform:translateX(-50%);width:min(520px,100%);height:58px;border:0;background:linear-gradient(90deg,#a82129,#db4b50,#a82129);color:#fff;font-size:18px;font-weight:700}.hh-result main{padding-bottom:30px}.result-hero{padding:28px 18px;text-align:center;color:#fff;background:linear-gradient(145deg,#852126,#c54147)}.result-hero span{display:block}.result-hero b{display:block;font-size:62px;line-height:1.1}.result-hero h1{margin:6px 0;font-size:24px}.result-hero p{margin:0}.result-card{margin:14px;padding:17px;background:#fffaf5;border:1px solid #dfaca0;border-radius:10px;box-shadow:0 3px 10px rgba(109,40,37,.08)}.result-card h2{margin:0 0 13px;color:#a32930;text-align:center;font-size:20px}.result-card h3{color:#8f342f;font-size:15px}.result-card p,.result-card li{line-height:1.8}.result-card ul{padding-left:20px}.mini-chart{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e0bcb0}.mini-chart span{text-align:center;border-right:1px solid #e0bcb0}.mini-chart span:last-child{border:0}.mini-chart small,.mini-chart b,.mini-chart em{display:block;padding:6px 2px}.mini-chart b{color:#a82d34;font-size:18px}.mini-chart em{font-size:11px}.dimension>div{display:grid;grid-template-columns:70px 1fr 45px;gap:8px;align-items:center;margin:12px 0}.dimension i{height:9px;overflow:hidden;border-radius:5px;background:#eedbd5}.dimension i b{display:block;height:100%;background:linear-gradient(90deg,#e88b81,#b52b33)}.dimension em{text-align:right}blockquote{margin:14px 0 0;padding:12px;border-left:3px solid #b42d34;background:#f8e7df;line-height:1.8}.method{margin:14px;padding:14px;background:#ead2ca;line-height:1.7}.again{display:block;width:70%;margin:20px auto;padding:13px 0;border-radius:24px;text-align:center;background:#ad2931;color:#fff}@media(min-width:521px){body{background:#ead1cb}body>main{box-shadow:0 0 25px rgba(83,29,27,.15)}}
