:root {
  --primary-color: #4f7bff;
  --primary-gradient: linear-gradient(135deg, #4f7bff, #2f5bf0);
  --bg-color: #f4f7fe;
  --card-bg: rgba(255, 255, 255, 0.98);
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-pro: 0 18px 48px rgba(24, 42, 73, 0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(255, 255, 255, 0.3);
  
  /* Theme Variables Default (Blue) */
  --theme-bg-gradient: linear-gradient(135deg, #4f7bff, #2f5bf0);
  --theme-shadow: rgba(47, 91, 240, 0.25);
  --theme-text-color: #fff;
  
  /* Specific Theme Variables */
  --theme-btn-bg: var(--theme-bg-gradient);
  --theme-tab-bg: var(--theme-bg-gradient);
  --theme-tab-text: var(--theme-text-color);
  --theme-btn-shadow: var(--theme-shadow);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

input[type=button], input[type=submit], input[type=number], button {
  cursor: pointer;
}
input:disabled{
  color: -internal-light-dark-color(rgb(84, 84, 84), rgb(170, 170, 170));
  cursor: default;
  background-color: none; 
}
textarea{
  cursor: pointer; 
  border: none;
  resize:none;
}
input:focus,textarea:focus{ 
  outline:none;
}
.clear{
  clear: both;
}
ul,li{ 
    padding:0;
    margin:0;
    list-style:none
}
body{
    font-size: 1rem;
    background-color: var(--bg-color);
    color: var(--text-primary);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
}

/* Pro Max Card Style */
.pro-card {
  background: var(--card-bg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-pro);
  padding: 20px;
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(10px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pro-card:active {
  transform: scale(0.99);
}

/* Pro Max Button Style */
.pro-btn {
  background: var(--primary-gradient);
  color: #fff;
  border-radius: var(--radius-md);
  padding: 12px 24px;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 8px 20px rgba(79, 123, 255, 0.3);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

/* Fix for input font visibility */
input {
    color: #333 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #333 !important;
}
/* Fix for button colors - Default fallback */
button, .form-buttom {
    color: #fff !important;
}
/* Fix for eye icon cursor */
.eye {
    cursor: pointer;
}

/* Dialog Styles */
.dialog { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; display: none; }
.dialog.dialog-open { display: block; }
.dialog-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; }
.dialog-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 82%; max-width: 320px; background-color: #fff; border-radius: 8px; z-index: 10001; overflow: hidden; text-align: center; }
.dialog-content-hd { padding: 14px 14px 10px; }
.dialog-content-title { font-size: 18px; font-weight: 500; color: #333; margin: 0; }
.dialog-content-bd { padding: 0 14px 14px; font-size: 16px; color: #666; line-height: 1.5; word-break: break-word; }
.dialog-content-ft { display: flex; border-top: 1px solid #eee; }
.dialog-btn { flex: 1; display: block; line-height: 44px; font-size: 16px; text-decoration: none; background: none; border: none; padding: 0; margin: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.dialog-btn-cancel { color: #666 !important; border-right: 1px solid #eee; }
.dialog-btn-confirm { color: #007aff !important; }
.dialog-btn:active { background-color: #f2f2f2; }
.dialog-notice .dialog-content { width: auto; max-width: 84%; min-width: 120px; background: rgba(0, 0, 0, 0.78); border-radius: 6px; }
.dialog-notice .dialog-content-bd { color: #fff; font-size: 15px; padding: 12px 16px; line-height: 1.4; }
.my-index-header .header .info div[style*="position: absolute"] { pointer-events: none; }
.my-index-header .header .balance { position: relative; overflow: visible; }
.my-index-header .header .balance p[data-v-d5f15326] { flex: 1; min-width: 0; }
.my-index-header .header .balance .youjian { position: relative; z-index: 9; display: flex; align-items: center; gap: 8px; margin-left: 8px; }
.my-index-header .header .balance .youjian button { position: relative; z-index: 10; pointer-events: auto; width: auto !important; min-width: 84px; height: 34px !important; padding: 0 14px; white-space: nowrap; line-height: 34px; font-size: 14px; border-radius: 18px; margin-right: 0 !important; }
.my-index-header .header .img[data-v-d5f15326] { justify-content: flex-end !important; gap: 14px; }
.my-index-header .header .img[data-v-d5f15326] a { display: inline-flex; align-items: center; justify-content: center; }
.my-index-header .header .balance { margin-top: .82rem !important; }
.my-index-header .header .balance > div { pointer-events: none; }
.my-index-header .header .balance p { position: relative; z-index: 10; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.my-index-header .header .balance p em small { width: auto !important; max-width: 4.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-index-header .header .balance p button { position: relative; z-index: 11; pointer-events: auto; width: auto !important; min-width: 84px; padding: 0 12px; height: 34px !important; line-height: 34px !important; white-space: nowrap; margin-left: 6px !important; }
.my-index-header .header .img[data-v-d5f15326] { margin-top: 0.58rem !important; align-items: flex-start; }
.my-index-header .header .info[data-v-d5f15326] { margin-top: 0.1rem !important; }
.my-index-header .header .balance { margin-top: .4rem !important; min-height: 4.1rem !important; height: auto !important; padding-bottom: .26rem !important; background-size: 100% 100% !important; }
.my-index-header .header .balance > div { position: absolute !important; right: .2rem !important; top: .2rem !important; left: auto !important; margin: 0 !important; width: 1.2rem !important; height: 1.2rem !important; background-size: contain !important; background-position: center !important; opacity: .92; }
.my-index-header .header .yh { display: none !important; }