/* 算卦页面样式 */
.container{min-height:100vh;background:#F6F6F6;padding:16px;border-radius:14px;margin-top:12px;overflow:hidden}
.input-section,.bazi-section,.history-section,.ad-container{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #EEE}
.input-box{position:relative}
.question-input{width:100%;height:140px;background:#F8F8F8;border-radius:12px;padding:12px;font-size:14px;border:none;color:#333}
.word-count{position:absolute;bottom:12px;right:12px;font-size:12px;color:#999}
.section-title{font-size:16px;color:#333;font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.label{display:block;font-size:14px;color:#333;margin-bottom:8px}
.picker{height:40px;background:#F8F8F8;border-radius:10px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}
.picker.empty span{color:#999}
.arrow{width:10px;height:10px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg)}
.submit-btn{width:100%;height:44px;background:#8B5CF6;color:#fff;font-size:16px;border-radius:22px;margin:16px 0 8px;border:none}
.history-item{padding:12px 0;border-bottom:1px solid #F0F0F0;cursor:pointer;transition:background-color 0.2s}
.history-item:hover{background-color:#f8f9fa}
.history-item:last-child{border-bottom:none}
.history-question{font-size:14px;color:#333;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.history-conclusion{font-size:13px;color:#666;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.history-time{font-size:12px;color:#999}
.clear-btn{font-size:12px;color:#999;padding:2px 8px;border:1px solid #999;border-radius:20px;cursor:pointer}
.disclaimer{font-size:12px;color:#999;text-align:center;padding:16px 0;line-height:1.6}
.date-input,.time-select{height:40px;width:100%;background:#F8F8F8;border-radius:10px;border:none;color:#333;padding:0 12px}
.result{position:fixed;inset:0;z-index:1000;background:#F6F6F6;transform:translateY(100%);transition:transform .25s ease;overflow:auto}
.result.show{transform:translateY(0)}
.result .wrap{max-width:960px;margin:0 auto;padding:12px 16px}
.res-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #EEE;border-radius:12px 12px 0 0}
.back{display:flex;align-items:center;gap:8px;color:#333;cursor:pointer}
.back:before{content:"";display:inline-block;width:10px;height:10px;border-left:3px solid #333;border-bottom:3px solid #333;transform:rotate(45deg)}
.rtitle{font-size:18px;font-weight:700;color:#333;margin-left:12px}
.sec{background:#fff;border-radius:12px;padding:14px 16px;margin:12px 0;border:1px solid #EEE}
.sec .st{font-weight:700;color:#333;margin-bottom:8px}
.sec .txt{color:#555;line-height:1.8}
.kv{display:flex;justify-content:space-between;color:#777;font-size:12px;margin-top:8px}
.actions{display:flex;gap:12px;position:sticky;bottom:0;background:#F6F6F6;padding:12px 0}
.btn{flex:1;height:42px;border-radius:22px;border:none;cursor:pointer}
.btn-share{background:#fff;border:1px solid #8B5CF6;color:#8B5CF6}
.btn-primary{background:#8B5CF6;color:#fff}
.login-tip{font-size:12px;color:#999;margin-left:8px}