/* 用户端统一轻美化：不改结构，只统一配色、圆角、阴影与间距 */
:root {
    --ui-a: #7d76ef;
    --ui-b: #d63f8c;
    --ui-grad: linear-gradient(30deg, #7d76ef, #d63f8c);
    --ui-page: linear-gradient(180deg, #f4eefc 0%, #f7f5fb 42%, #f3f5fa 100%);
    --ui-shadow: 0 6px 16px rgba(80, 60, 120, 0.08);
    --ui-text: #2f2a3a;
    --ui-muted: #6a6476;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans", "Noto Sans", Arial, sans-serif;
    color: var(--ui-text);
}

/* 覆盖原先偏脏的粉底渐变 */
body[style*="#fcedff"],
.safe[style*="#fcedff"],
.main[style*="#fcedff"],
.user-main {
    background: var(--ui-page) !important;
}

/* 固定顶栏：只覆盖带渐变的导航头，避免影响标题文字渐变 */
.header[style*="linear-gradient(135deg"],
.header[style*="#a700ff"],
.header[style*="#00189a"],
.header[style*="#7d76ef"][style*="color: #fff"],
.header2333 {
    background: var(--ui-grad) !important;
    box-shadow: 0 8px 18px rgba(125, 118, 239, 0.2);
}

.header > p {
    font-weight: 700;
    letter-spacing: 0.3px;
}

.goback a,
.goback span,
.goback {
    color: #fff !important;
}

.footer {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 -8px 20px rgba(80, 60, 120, 0.08);
    padding: 6px 0 max(8px, env(safe-area-inset-bottom));
    border-top: 1px solid rgba(125, 118, 239, 0.08);
}

.footer-nav {
    color: var(--ui-muted) !important;
}

.footer-nav-title {
    color: #6a6476 !important;
    font-size: 11px;
    font-weight: 600;
}

.footer-nav-img {
    width: 24px;
    height: 24px;
}

/* 通用卡片与列表 */
.list,
.my-meun,
.image-card,
.movie-card,
.addreeBox_ul,
.recharge-container .content,
.vip-list .vip-item {
    box-shadow: var(--ui-shadow);
}

.list,
.my-meun,
.addreeBox_ul {
    border-radius: 16px !important;
}

.image-card,
.movie-card {
    border-radius: 14px !important;
    overflow: hidden;
}

.list-item,
.meun-item,
.addres-f {
    border-radius: 10px;
}

/* 按钮 / 提交 */
.submit-btn,
.save-btn,
.cusBtn,
.start,
.service-btn,
.order-empty > a,
.preset-amounts button,
.channel-option {
    border-radius: 12px !important;
}

.submit-btn,
.save-btn,
.cusBtn,
.channel-option.active {
    background: var(--ui-grad) !important;
    border: none !important;
    box-shadow: 0 8px 16px rgba(125, 118, 239, 0.22);
}

.preset-amounts button {
    background: #fff !important;
    border: 1px solid #eee !important;
    color: #4a4458 !important;
    font-weight: 600;
    box-shadow: var(--ui-shadow);
}

.preset-amounts button:active,
.preset-amounts button.active {
    background: var(--ui-grad) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.channel-option {
    background: #fff !important;
    box-shadow: var(--ui-shadow);
    color: #555 !important;
}

.channel-option.active {
    color: #fff !important;
}

/* 输入框 */
.loginInput,
.recharge-amount input,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"] {
    border-radius: 12px;
}

.recharge-amount input {
    border: 1px solid #eadff3 !important;
    background: #fff !important;
    color: #2f2a3a !important;
    box-shadow: inset 0 0 0 1px rgba(125, 118, 239, 0.04);
}

/* 登录注册：实色正式风，不用渐变 */
li.login-input input {
    background: transparent !important;
    box-shadow: none !important;
}

.login.btn,
.login-primary-btn {
    background: #1f1c24 !important;
    box-shadow: 0 10px 24px rgba(20, 16, 28, 0.28) !important;
}

.register {
    background: #1f1c24 !important;
    box-shadow: 0 10px 24px rgba(20, 16, 28, 0.28) !important;
}

/* 个人中心 */
.user-card {
    box-shadow: 0 10px 22px rgba(125, 118, 239, 0.22) !important;
    border-radius: 16px !important;
}

.user-header1 {
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(80, 60, 120, 0.06);
}

/* 语言列表 */
.addres-f:hover,
.addres-f:active {
    background-color: #f6f2fb !important;
}

/* 弹窗稍圆一点 */
.dialog-content {
    border-radius: 16px !important;
}