/* 小富富网络 · 全站苹果玻璃主题 v3 */
:root{
  --glass:rgba(255,255,255,.22);
  --line:rgba(255,255,255,.4);
  --text:#1c1c1e;
  --muted:#6b7280;
  --radius:22px;
  --capsule:999px;
  --shadow:0 18px 50px rgba(76,29,149,.18);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --foot-h:92px;
}
html,body,textarea,.aui-scrollView,.mh-app,.aui-flexView,.jq22-flexView,.lyear-layout-sidebar-scroll{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html::-webkit-scrollbar,body::-webkit-scrollbar,
.aui-scrollView::-webkit-scrollbar,.mh-app::-webkit-scrollbar,
.aui-flexView::-webkit-scrollbar,.jq22-flexView::-webkit-scrollbar{
  display:none !important;width:0 !important;height:0 !important;
}
html,body{
  margin:0;min-height:100%;
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","HarmonyOS Sans SC","Microsoft YaHei UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  position:relative;
  overflow-x:hidden;
  background:linear-gradient(125deg,#7c3aed 0%,#ec4899 18%,#f97316 38%,#facc15 52%,#22d3ee 70%,#6366f1 86%,#a855f7 100%) !important;
  background-size:320% 320% !important;
  animation:mh-bg-shift 18s ease-in-out infinite;
}
@keyframes mh-bg-shift{
  0%{background-position:0% 45%;}
  35%{background-position:80% 20%;}
  70%{background-position:20% 90%;}
  100%{background-position:0% 45%;}
}
.mh-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.mh-bg span{
  position:absolute;border-radius:50%;filter:blur(10px);
  mix-blend-mode:screen;opacity:.8;
  animation:mh-float 12s ease-in-out infinite;
}
.mh-bg span:nth-child(1){width:280px;height:280px;left:-60px;top:-40px;background:#fb7185;animation-duration:11s;}
.mh-bg span:nth-child(2){width:240px;height:240px;right:-50px;top:12%;background:#22d3ee;animation-duration:14s;animation-delay:-3s;}
.mh-bg span:nth-child(3){width:300px;height:300px;left:18%;bottom:-90px;background:#fde047;animation-duration:16s;animation-delay:-6s;}
.mh-bg span:nth-child(4){width:200px;height:200px;right:10%;bottom:10%;background:#c4b5fd;animation-duration:13s;animation-delay:-2s;}
.mh-bg span:nth-child(5){width:160px;height:160px;left:42%;top:28%;background:#4ade80;animation-duration:15s;animation-delay:-8s;}
.mh-bg span:nth-child(6){width:220px;height:220px;right:28%;top:58%;background:#fb923c;animation-duration:17s;animation-delay:-5s;}
@keyframes mh-float{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(28px,-34px,0) scale(1.14);}
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;border:0;vertical-align:middle;}
button,input,select,textarea{font-family:inherit;}
.mh-app,.aui-flexView,.jq22-flexView{
  position:relative;
  z-index:1;
  width:100%;
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  padding-bottom:calc(var(--foot-h) + var(--safe-bottom) + 22px);
  box-sizing:border-box;
}
@media (min-width:768px){
  .mh-app,.aui-flexView,.jq22-flexView{
    max-width:430px;
    margin:24px auto 32px;
    border-radius:32px;
    background:rgba(255,255,255,.14);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    backdrop-filter:blur(28px) saturate(160%);
    -webkit-backdrop-filter:blur(28px) saturate(160%);
    overflow:hidden;
    min-height:calc(100vh - 56px);
  }
  .aui-footer{max-width:400px !important;}
}

.glass,.mh-section-card,.aui-local-box,.mh-profile-card,.mh-info-card,.mh-record-card,.mh-action-tile,.jq22-invitation-item{
  background:rgba(255,255,255,.18) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow);
  backdrop-filter:blur(22px) saturate(170%);
  -webkit-backdrop-filter:blur(22px) saturate(170%);
}
.mh-btn,.mh-link-btn,.aui-head-button button,.mh-record-btn,.mh-pay-card,.mh-tab-btn{
  border-radius:var(--capsule) !important;
}
.mh-btn,.mh-btn-primary{
  background:linear-gradient(135deg,#fff,#fce7f3);
  color:#7c3aed;
  border:none;
  padding:12px 28px;
  font-weight:700;
}
.mh-btn-secondary{
  background:rgba(255,255,255,.2);
  border:1px solid var(--line);
  color:#fff;
}
.mh-link-btn{
  background:transparent;
  color:#fff;
  border:1px solid var(--line);
  padding:8px 16px;
}

/* 底栏：版权在胶囊内部顶部，导航可点可滑 */
.aui-footer{
  width:min(94%,480px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  bottom:calc(8px + var(--safe-bottom)) !important;
  border-radius:28px !important;
  background:rgba(20,16,48,.82) !important;
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid var(--line) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  padding:5px 8px 7px !important;
  z-index:200 !important;
  box-sizing:border-box;
  height:auto !important;
  min-height:0 !important;
}
.aui-footer .mh-copyright{
  display:block;
  width:100%;
  text-align:center;
  font-size:10px;
  line-height:1.2;
  color:rgba(255,255,255,.62);
  padding:1px 0 3px;
  pointer-events:none;
  flex:none;
}
.aui-footer .mh-tabs-row{
  display:flex !important;
  flex-direction:row !important;
  width:100%;
  align-items:center;
  pointer-events:auto;
}
.aui-footer .aui-tabBar-item{
  flex:1 1 0;
  min-width:0;
  pointer-events:auto;
  z-index:2;
}
.aui-navBar,.jq22-navBar{
  background:rgba(255,255,255,.16) !important;
  backdrop-filter:blur(18px);
  border:none !important;
  color:#fff;
}
.aui-center-title,.jq22-center-title{color:#fff!important;font-weight:700;}
.mh-hero-title{letter-spacing:.12em;font-weight:800;color:#fff;}
.mh-hero-subtitle{color:rgba(255,255,255,.86);}
.mh-site-logo{
  width:56px;height:56px;border-radius:16px;object-fit:cover;display:block;
  margin:0 auto 10px;box-shadow:0 8px 22px rgba(0,0,0,.18);background:#fff;
}
.mh-hero-sphere{
  height:min(62vw,300px);
  max-width:100%;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.35),transparent 52%),
    radial-gradient(circle at 82% 88%,rgba(253,224,71,.35),transparent 54%),
    rgba(255,255,255,.12) !important;
  border:1px solid var(--line) !important;
}
.mh-avatar-node{
  width:40px !important;
  height:40px !important;
  margin:-20px 0 0 -20px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.28) !important;
  background:#fff;
}
.mh-avatar-node::after{
  background:radial-gradient(circle at 30% 20%, transparent 0, transparent 55%, rgba(15,23,42,.28)) !important;
  mix-blend-mode:normal !important;
}
.mh-avatar-node img{
  object-fit:cover !important;
}

/* 表单：iOS 白卡片 + 浅灰输入框 */
.mh-form-card{
  margin:16px !important;
  padding:18px 16px 12px !important;
  background:#fff !important;
  border:0 !important;
  border-radius:22px !important;
  box-shadow:0 12px 32px rgba(28,28,30,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.mh-form-card p,
.mh-form-card label,
.mh-field label{
  display:block;
  margin:0 0 6px;
  font-size:13px;
  font-weight:600;
  color:#3a3a3c !important;
  text-shadow:none !important;
}
.mh-field{margin:0 0 14px;}
.mh-form-card input,
.mh-form-card textarea,
.mh-ios-input,
.mh-form-card .layui-input,
.mh-form-card .layui-textarea,
input.layui-input,
textarea.layui-textarea,
.mh-form-page input[type=text],
.mh-form-page input[type=password],
.mh-form-page input[type=date],
.mh-form-page textarea{
  width:100% !important;
  box-sizing:border-box !important;
  height:46px !important;
  border-radius:14px !important;
  background:#f2f2f7 !important;
  border:1px solid #e5e5ea !important;
  color:#1c1c1e !important;
  padding:0 14px !important;
  font-size:15px !important;
  box-shadow:none !important;
  outline:none;
}
.mh-form-card textarea,
.mh-form-card textarea.mh-ios-input,
.mh-form-card .layui-textarea,
textarea.layui-textarea{
  height:96px !important;
  padding:12px 14px !important;
  resize:none;
  line-height:1.45;
}
input::placeholder,textarea::placeholder{color:#8e8e93 !important;opacity:1;}
input[type=date]{color-scheme:light;min-height:46px;}
.mh-sex{display:flex;gap:10px;}
.mh-sex label{
  flex:1;margin:0;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;
  background:#f2f2f7;border-radius:14px;color:#1c1c1e !important;font-weight:600;
}
.mh-sex input{width:auto !important;height:auto !important;box-shadow:none !important;background:transparent !important;border:0 !important;padding:0 !important;}

.mh-pay-card{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:16px !important;
  padding:16px 18px !important;
  background:linear-gradient(135deg,#7c3aed,#db2777) !important;
  color:#fff !important;
  border:0 !important;
  min-height:64px;
  box-shadow:0 12px 28px rgba(124,58,237,.28) !important;
}
.mh-pay-amount{font-size:28px;font-weight:800;color:#fff !important;white-space:nowrap;}
.mh-pay-amount small{font-size:14px;margin-right:2px;}
.mh-pay-meta{flex:1;min-width:0;text-align:right;}
.mh-pay-meta p{margin:0;font-size:16px;font-weight:700;color:#fff !important;}
.mh-pay-meta span{display:block;font-size:12px;opacity:.88;color:#fff !important;}

.mh-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 12px !important;background:transparent !important;}
.mh-nav-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:52px !important;flex:0 0 auto !important;height:32px !important;
  padding:0 12px !important;border-radius:999px;background:rgba(255,255,255,.22);
  color:#fff !important;font-size:13px;font-weight:600;
}
.mh-mini-btn{
  border:0;border-radius:999px;height:28px;padding:0 12px;background:#fff;color:#7c3aed;font-weight:700;font-size:12px;
}
.mh-profile-card,.mh-info-card,.mh-action-tile{
  background:rgba(255,255,255,.2) !important;
  color:#fff !important;
}
.mh-profile-name h1{margin:0 8px 0 0;font-size:20px;color:#fff;}
.mh-profile-header{display:flex;gap:14px;align-items:center;padding:6px;}
.mh-profile-avatar img{width:64px;height:64px;border-radius:20px;object-fit:cover;background:#fff;}
.mh-chip{display:inline-block;background:rgba(255,255,255,.22);border-radius:999px;padding:4px 10px;margin:4px 6px 0 0;font-size:12px;}
.mh-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 12px;}
.mh-action-tile{padding:16px;display:block;}
.mh-action-tile p{margin:0 0 4px;font-weight:700;color:#fff;}
.mh-action-tile span{font-size:12px;opacity:.85;color:#fff;}
.mh-info-card{margin:0 16px 16px;padding:16px;}
.mh-info-card h3{margin:0 0 6px;color:#fff;}
.mh-info-card p{margin:0;color:rgba(255,255,255,.9);line-height:1.5;}
.mh-user-page,.mh-record-page,.mh-join-page,
.mh-user-page .aui-scrollView,.mh-record-page .aui-scrollView{
  background:transparent !important;
}
.mh-join-hero img{width:100%;display:block;border-radius:0 0 18px 18px;}
.mh-join-card{
  margin:14px 16px;padding:18px;border-radius:22px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;
}
.mh-join-price{text-align:center;margin-bottom:12px;}
.mh-join-price small{opacity:.85;}
.mh-join-price strong{display:block;font-size:36px;margin:6px 0;color:#fff;}
.mh-join-btn{
  width:100%;height:48px;border:0;border-radius:999px;font-weight:800;font-size:16px;
  background:#fff;color:#7c3aed;
}
.mh-join-list{margin:0;padding:0 0 0 18px;line-height:2;}
.mh-join-card h3{margin:0 0 8px;text-align:center;}
.mh-tabs{display:flex;gap:8px;padding:0 16px 12px;}
.mh-tab-btn{flex:1;padding:10px 0;border:1px solid var(--line);background:rgba(255,255,255,.18);color:#fff;}
.mh-tab-btn.active{color:#7c3aed;background:#fff;}
.mh-empty{text-align:center;color:#fff;padding:40px 16px;}
.mh-record-pane{display:none;padding:0 16px 20px;}
.mh-record-pane.active{display:block;}
.mh-form-bottom-space{height:12px;}

/* 弹层：去掉白滚动条 */
.xff-mask{position:fixed;inset:0;background:rgba(40,10,70,.45);z-index:19891014;backdrop-filter:blur(10px);}
.xff-dialog{
  position:fixed;z-index:19891015;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(86vw,360px);background:rgba(255,255,255,.96);color:#1e1b4b;
  border-radius:22px;padding:18px;box-shadow:var(--shadow);
}
.xff-iframe{
  position:fixed;z-index:19891015;left:50%;top:50%;transform:translate(-50%,-50%);
  background:transparent;border-radius:24px;overflow:hidden !important;border:0;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.xff-iframe iframe{
  border:0;width:100%;height:100%;background:transparent;display:block;
  overflow:hidden !important;
  scrollbar-width:none;
}
.xff-iframe iframe::-webkit-scrollbar{display:none;width:0;height:0;}
.xff-iframe .xff-close{
  position:absolute;right:8px;top:6px;z-index:2;border:0;width:32px;height:32px;
  border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:18px;line-height:32px;
}
.xff-toast{
  position:fixed;z-index:19891016;left:50%;bottom:22%;transform:translateX(-50%);
  background:rgba(20,16,48,.9);color:#fff;padding:10px 16px;border-radius:999px;
}
.xff-load{
  position:fixed;z-index:19891017;left:50%;top:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:16px;background:rgba(20,16,48,.85);
}
.xff-load:after{
  content:"";position:absolute;inset:12px;border:3px solid rgba(255,255,255,.2);
  border-top-color:#fff;border-radius:50%;animation:xff-spin .8s linear infinite;
}
@keyframes xff-spin{to{transform:rotate(360deg);}}

.ios-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;}
.ios-switch input{opacity:0;width:0;height:0;}
.ios-switch-track{position:absolute;inset:0;background:rgba(255,255,255,.35);border-radius:999px;transition:.2s;}
.ios-switch-track:before{content:"";position:absolute;height:26px;width:26px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;}
.ios-switch input:checked + .ios-switch-track{background:#34c759;}
.ios-switch input:checked + .ios-switch-track:before{transform:translateX(20px);}

@media (max-width:480px){
  .mh-hero-actions,.mh-hero-subactions{flex-wrap:wrap;}
  .mh-btn{min-width:42%;}
}