/* ===== 通用 CSS ===== */
.nav-header {padding: 12px 16px;display: flex;align-items: center; position: sticky;top: 0;z-index: 100;}
.nav-left {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;flex-shrink: 0;}
.nav-left:active {background: #f1f3f5;}
.nav-left svg {width: 20px;height: 20px;fill: none;stroke: #1e293b;stroke-width: 2;}
.nav-title {font-size: 18px;color: #1e293b;flex: 1;text-align: center;padding: 0 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-center {flex:1; text-align:center;}
.nav-center img{height:28px; text-align:center; background-size:contain;}
.nav-right {width: 32px;height: 32px;display: flex;align-items: center;justify-content: flex-end;flex-shrink: 0;}
.nav-right-btn {background: none;border: none;color: #f97316;font-size: 14px;font-weight: 500;cursor: pointer;}
.nav-right-btn:active {opacity: 0.7;}

/*通main*/
.main-content {max-width: 600px; margin: 0 auto;}

/*通用按钮*/
.button-wrap {margin-top: 24px;padding: 0 10px;}

/*按钮*/
.button, .submit-btn, .pay-btn, .success-btn {width: 100%;padding: 10px;font-size: 14px;font-weight: 500;cursor: pointer;border: none;}

.button {background: #0D76FF;color: #fff;}
.button:hover {background: #0a5fd4;}
.button:active {background: #0849aa;}

.submit-btn {background: #ee264d;color: #fff;transition: all 0.2s ease;}
.submit-btn:hover {background: #0a5fd4;}
.submit-btn:active {background: #0849aa;transform: scale(0.98);}

.pay-btn {background: #ff9800;color: #fff;}
.pay-btn:hover { background: #fb8c00; }
.pay-btn:active { background: #f57c00; }

.success-btn {background: #28a745;color: #fff;}
.success-btn:hover { background: #218838; }
.success-btn:active { background: #1e7e34; }
/* ===== 通用 CSS ===== */



/*登录注册-开始*/
.login_main {width: 90%;display: flex;align-items: center;justify-content: space-between;flex-direction: column;position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);}

.login_logo {display: block; margin: 0 auto;}
    
.login_form_card {width: 100%;height: 290px;border-radius: 10px;padding: 30px 0 0;}
.login_input_wrapper {width: 90%;height: 40px;border: 1px solid #c3c3c3;border-radius: 5px;padding: 0px 10px;display: flex;align-items: center;justify-content: space-between;margin: 20px auto 20px;font-size: 14px;background: rgba(79,79,79,.8);}
.login_input_wrapper input {height: 100%;width: 80%;padding: 0px 8px;font-size: 14px;border: none;outline: none;box-shadow: none;background: transparent;color: #fff;caret-color: #fff;}
    
.login_input_wrapper input::placeholder {color: rgba(255, 255, 255, .6);}

.login_text {color: #fff;display: flex;justify-content: center;font-size: 14px;padding: 5px 0;}
.login_text p {color: #ee264d;margin: 0 .13333rem;}

/*登录注册-结束*/



/*弹窗开始*/

/* 弹窗遮罩层 */
.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;}
/* 弹窗容器 */
.modal-dialog {width: 100%; margin: 0 10px;}
/* 弹窗内容 */
.modal-content { position: relative; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); animation: slideIn 0.3s ease;}
/* 关闭按钮 */
.close-rounded {position: absolute;top: 12px;right: 12px;z-index: 10;width: 28px;height: 28px;border-radius: 50%;background: rgba(0, 0, 0, 0.3);border: none;color: white;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.close-rounded:hover {background: rgba(0, 0, 0, 0.5);transform: rotate(90deg);}
/* 弹窗主体 */
.modal-body {padding: 20px 10px 0px; max-height: 300px;overflow-y: auto;font-size: 14px;color: #333;line-height: 1.5;text-align: center;}
/* 滚动条样式 */
.modal-body::-webkit-scrollbar {width: 4px;}
.modal-body::-webkit-scrollbar-track {background: #f1f1f1;}
.modal-body::-webkit-scrollbar-thumb {background: #ccc;border-radius: 2px;}
/* 底部按钮区域 */
.modal-footer {padding: 16px 20px 20px;text-align: center;}
/* 确认按钮 */
.btn-important {width: 100%;padding: 14px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border: none;border-radius: 25px;color: white;font-size: 16px;font-weight: bold;cursor: pointer;transition: all 0.3s;}
.btn-important:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);}
.btn-important:active {transform: translateY(0);}
/* 弹窗动画 */
@keyframes slideIn {from {opacity: 0;transform: translateY(-50px);}to {opacity: 1;transform: translateY(0);}}
/* 隐藏弹窗 */
.modal.hide {display: none;}
/*弹窗结束*/