*{margin:0;padding:0;box-sizing:border-box}
body{background:#1a0e0b;font-family:'PingFang SC',sans-serif;color:#f5e6d3;padding-bottom:80px}
.container{max-width:500px;margin:0 auto;padding:16px}
.header{text-align:center;margin-bottom:20px}
.header h1{font-size:2rem;background:linear-gradient(135deg,#e4b363,#c9922e);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:rgba(30,20,18,0.85);border-radius:32px;padding:18px;margin-bottom:20px;border:1px solid rgba(228,179,99,0.3)}
.card-title{font-size:1.35rem;font-weight:bold;border-left:5px solid #e4b363;padding-left:14px;margin-bottom:16px}
input,select{width:100%;padding:12px;background:#2a1e18;border:1px solid #5a3e2e;border-radius:28px;color:#f5e6d3;margin-bottom:12px}
button{background:linear-gradient(95deg,#c2832b,#e4a34b);border:none;padding:12px;border-radius:40px;font-weight:bold;color:#1f140f;width:100%;cursor:pointer;margin-top:8px}
.result-box{background:#1f1612;border-radius:24px;padding:14px;margin-top:16px;border-left:4px solid #e4b363;font-size:0.85rem}
.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.zodiac-item{background:#2b1f1a;text-align:center;padding:8px;border-radius:48px;cursor:pointer}
.zodiac-item.active{background:#e4b363;color:#1a0e0b}
.btn-group{display:flex;gap:8px;margin:12px 0}
.btn-group button{margin-top:0}
.payment-icons{display:flex;gap:12px}
.pay-btn{background:#1f2a1b;border:1px solid #e4b363;color:#e4b363}
footer{text-align:center;font-size:0.6rem;color:#a77b46;margin-top:24px}