/* ============================================================
   d99-v63.css — 迪拜久久爱 v63 综合体验升级
   登录/注册高级玻璃拟态 · 首页五卡一行 · 关于/联系豪华科技风
   影院/选秀广告位 · 充值流程 · 广告申请内嵌 · 商家入口
   ============================================================ */

/* ============ 基础：路由类已由 JS 打到 <html>（d63-route-*） ============ */

/* ================= 首页：五个特性卡片一行 ================= */
@media (min-width:1024px){
  .d63-feature-row{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important; }
}
@media (min-width:640px) and (max-width:1023px){
  .d63-feature-row{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (min-width:480px) and (max-width:639px){
  .d63-feature-row{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
.d63-feature-row > *{ padding:18px 10px !important; border-radius:18px !important; }
.d63-feature-row h4{ font-size:14px !important; }
.d63-feature-row p{ font-size:11px !important; }
@media (max-width:768px){
  .d63-feature-row .pic{ width:44px !important; height:44px !important; }
  .d63-feature-row h4{ font-size:13px !important; }
}

/* ============ 登录 / 注册 / 找回密码：统一高级玻璃拟态 ============ */
html.d63-route-login main, html.d63-route-register main, html.d63-route-forgot main{
  position:relative;
  background:
    radial-gradient(46% 60% at 18% 12%, rgba(179,71,255,.20), transparent 60%),
    radial-gradient(42% 55% at 85% 18%, rgba(0,194,255,.16), transparent 60%),
    radial-gradient(50% 55% at 50% 100%, rgba(255,46,147,.12), transparent 62%);
}
html.d63-route-login main > div, html.d63-route-register main > div, html.d63-route-forgot main > div{ width:100%; }
/* 卡片外框宽度与玻璃质感 */
html.d63-route-login main .w-full.max-w-md, html.d63-route-register main .w-full.max-w-md,
html.d63-route-forgot main .w-full.max-w-md{ max-width:460px !important; }
html.d63-route-login main .rounded-3xl, html.d63-route-register main .rounded-3xl,
html.d63-route-forgot main .rounded-3xl{
  border-radius:26px !important;
  padding:38px 36px !important;
  background:linear-gradient(165deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(179,71,255,.08), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(22px) !important; -webkit-backdrop-filter:blur(22px) !important;
}
/* 顶部高光条 */
html.d63-route-login main .rounded-3xl:before, html.d63-route-register main .rounded-3xl:before,
html.d63-route-forgot main .rounded-3xl:before{
  content:""; position:absolute; top:0; left:12%; right:12%; height:2px;
  background:linear-gradient(90deg,transparent,#b347ff,#00c2ff,transparent);
}
html.d63-route-login main h1, html.d63-route-register main h1, html.d63-route-forgot main h1{
  font-size:28px !important; font-weight:900 !important; letter-spacing:.04em;
  background:linear-gradient(92deg,#fff,#d9c7ff 60%,#9fe9ff); -webkit-background-clip:text; background-clip:text;
}
html.d63-route-login main input, html.d63-route-register main input, html.d63-route-forgot main input{
  border-radius:12px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
html.d63-route-login main input:focus, html.d63-route-register main input:focus,
html.d63-route-forgot main input:focus{
  border-color:rgba(0,229,255,.6) !important;
  box-shadow:0 0 0 3px rgba(0,194,255,.14) !important;
  background:rgba(255,255,255,.07) !important; outline:none;
}
html.d63-route-login main button[type="submit"], html.d63-route-login main button:not([class*="ghost"]),
html.d63-route-register main button[type="submit"]{
  border-radius:12px !important;
}
/* 登录注册主按钮统一为紫青渐变发光 */
html.d63-route-login main .w-full:not([class*="rounded"]) button,
html.d63-route-register main .w-full:not([class*="rounded"]) button{ }

/* ============ 商家登录 / 选秀中心登录：与系统登录一致 ============ */
.v50-mlogin{ display:flex; justify-content:center; align-items:flex-start; padding:26px 14px 60px; }
.v50-mlogin-card{
  width:100%; max-width:460px; border-radius:26px !important;
  padding:38px 36px !important;
  background:linear-gradient(165deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 40px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
  position:relative;
}
.v50-mlogin-card:before{ content:""; position:absolute; top:0; left:12%; right:12%; height:2px;
  background:linear-gradient(90deg,transparent,#b347ff,#00c2ff,transparent); }
.v50-mlogin-brand{ font-size:22px !important; font-weight:900 !important; text-align:center; margin-bottom:6px; }
.v50-mlogin-brand b{ background:linear-gradient(92deg,#fff,#d9c7ff 60%,#9fe9ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.v50-mlogin-card input{
  border-radius:12px !important; background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.v50-mlogin-card input:focus{ border-color:rgba(0,229,255,.6) !important; box-shadow:0 0 0 3px rgba(0,194,255,.14) !important; outline:none; }
/* 选秀中心登录弹窗（openAuth）玻璃质感 */
.v50-modal .v50-auth{ width:430px; max-width:94vw; }
.v50-modal .v50-tabs{ border-radius:999px; background:rgba(255,255,255,.05); padding:4px; display:flex; gap:4px; margin-bottom:18px; }
.v50-modal .v50-tabs button{ flex:1; border-radius:999px; border:0; padding:9px 0; font-weight:800; color:#a9a6c4; background:transparent; cursor:pointer; }
.v50-modal .v50-tabs button.on{ background:linear-gradient(90deg,#b347ff,#00c2ff); color:#fff; box-shadow:0 8px 22px rgba(179,71,255,.35); }
.v50-modal .v50-auth label{ display:block; margin-bottom:12px; font-size:13px; color:#c9c4d8; }
.v50-modal .v50-auth input{
  width:100%; margin-top:6px; padding:11px 14px; border-radius:12px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); color:#fff;
}
.v50-modal .v50-auth input:focus{ outline:none; border-color:rgba(0,229,255,.6); box-shadow:0 0 0 3px rgba(0,194,255,.14); }

/* ============ 商家入口：醒目发光按钮 ============ */
.d63-merchant-nav{
  background:linear-gradient(135deg,#e8c77a,#c9a44e) !important;
  color:#2a1f06 !important; font-weight:800 !important; border:0 !important;
  box-shadow:0 6px 20px rgba(212,175,55,.35) !important;
  border-radius:999px !important; padding:7px 16px !important;
}
.d63-merchant-nav:hover{ filter:brightness(1.08); transform:translateY(-1px); }

/* ============ 关于我们 / 联系我们：加宽 + 豪华科技风 ============ */
html.d63-route-about main.max-w-4xl, html.d63-route-contact main.max-w-4xl{
  max-width:1180px !important; width:100%;
}
html.d63-route-about main, html.d63-route-contact main{
  background:
    radial-gradient(40% 42% at 12% 0%, rgba(179,71,255,.16), transparent 60%),
    radial-gradient(38% 40% at 90% 6%, rgba(0,194,255,.12), transparent 60%);
}
/* 顶部品牌横幅 */
html.d63-route-about main > div > div:first-child,
html.d63-route-contact main > div > div:first-child{
  border-radius:28px !important;
}
/* 正文卡片加大 */
html.d63-route-about main .rounded-2xl, html.d63-route-contact main .rounded-2xl,
html.d63-route-about main .rounded-xl, html.d63-route-contact main .rounded-xl{
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(168deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
/* 字号整体放大（用户反馈内容偏小） */
html.d63-route-about main, html.d63-route-contact main{ font-size:16px; }
html.d63-route-about main h2, html.d63-route-contact main h2{ font-size:30px !important; }
html.d63-route-about main h3, html.d63-route-contact main h3{ font-size:19px !important; }
html.d63-route-about main p, html.d63-route-contact main p{ font-size:15.5px !important; line-height:2 !important; }
/* 统计数字大卡 */
html.d63-route-about main .grid.grid-cols-2 > div,
html.d63-route-contact main .grid.grid-cols-2 > div,
html.d63-route-about main .grid.grid-cols-3 > div,
html.d63-route-contact main .grid.grid-cols-3 > div{
  border-radius:18px !important; padding:22px 14px !important;
  background:linear-gradient(160deg,rgba(179,71,255,.12),rgba(0,194,255,.05)) !important;
  border:1px solid rgba(179,71,255,.22) !important;
}
html.d63-route-about main .grid.grid-cols-2 b,
html.d63-route-contact main .grid.grid-cols-2 b,
html.d63-route-about main .grid.grid-cols-3 b,
html.d63-route-contact main .grid.grid-cols-3 b{ font-size:28px !important; }
/* 联系方式卡片 hover 科技感 */
html.d63-route-contact main .rounded-2xl{ transition:transform .25s, border-color .25s, box-shadow .25s; will-change:transform; }
html.d63-route-contact main .rounded-2xl:hover{
  transform:translateY(-5px); border-color:rgba(0,229,255,.5) !important;
  box-shadow:0 26px 60px rgba(0,194,255,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ============ 影院/选秀 广告位（后台图片+链接） ============ */
.d63-ad{ position:relative; overflow:hidden; border-radius:18px; margin:16px auto;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(179,71,255,.22); background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); }
.d63-ad.horizontal{ max-width:1280px; width:calc(100% - 32px); aspect-ratio:1200/300; }
.d63-ad.vertical{ width:100%; aspect-ratio:300/600; }
.d63-ad a{ display:block; width:100%; height:100%; position:relative; }
.d63-ad img{ width:100%; height:100%; object-fit:cover; display:block; }
.d63-ad-text{ position:absolute; left:0; right:0; bottom:0; padding:12px 16px; font-size:14px; font-weight:700;
  color:#fff; background:linear-gradient(transparent,rgba(8,6,16,.85)); }
.d63-ad-tag{ position:absolute; top:8px; left:8px; z-index:2; font-size:10px; letter-spacing:.12em;
  color:#b9b6cf; background:rgba(8,6,16,.6); border:1px solid rgba(255,255,255,.12); padding:2px 8px; border-radius:999px; }
/* 影院广告：信息流插入视频网格，与卡片等宽 */
.d63-ad-cell{ grid-column:1/-1; }
.d63-ad-cell .d63-ad{ aspect-ratio:auto; margin:4px auto; }
.d63-ad-cell .d63-ad img{ aspect-ratio:1200/300; }
/* 侧栏：宽屏挂到右侧 */
@media (min-width:1280px){
  .d63-ad-rail{ position:fixed; top:120px; right:14px; width:190px; z-index:30; display:flex; flex-direction:column; gap:14px; }
}
@media (max-width:1279px){ .d63-ad-rail{ display:none; } }

/* ============ 充值（v63）：三步流程弹窗 ============ */
.d63-pay{ width:460px; max-width:94vw; }
.d63-pay-steps{ display:flex; align-items:center; gap:8px; margin:4px 0 20px; }
.d63-pay-step{ display:flex; align-items:center; gap:7px; font-size:12.5px; color:#7c7990; }
.d63-pay-step .n{ width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.08); color:#b9b6cf; font-weight:800; font-size:12px; }
.d63-pay-step.on{ color:#fff; }
.d63-pay-step.on .n{ background:linear-gradient(135deg,#b347ff,#00c2ff); color:#fff; box-shadow:0 4px 14px rgba(179,71,255,.4); }
.d63-pay-line{ flex:1; height:1px; background:rgba(255,255,255,.12); }
.d63-pay-methods{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.d63-pay-m{ border-radius:16px; padding:18px 8px; text-align:center; cursor:pointer;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); transition:all .2s; }
.d63-pay-m:hover{ border-color:rgba(0,229,255,.5); transform:translateY(-2px); }
.d63-pay-m.on{ border-color:rgba(0,229,255,.7); background:linear-gradient(160deg,rgba(179,71,255,.18),rgba(0,194,255,.12)); box-shadow:0 10px 26px rgba(0,194,255,.16); }
.d63-pay-m .ic{ font-size:24px; display:block; margin-bottom:8px; }
.d63-pay-m .nm{ font-size:13.5px; font-weight:800; color:#fff; }
.d63-pay-m .ds{ font-size:11px; color:#9a96ab; margin-top:3px; }
.d63-pay-input{ width:100%; padding:13px 15px; border-radius:13px; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.13); color:#fff; font-size:16px; }
.d63-pay-input:focus{ outline:none; border-color:rgba(0,229,255,.6); box-shadow:0 0 0 3px rgba(0,194,255,.14); }
.d63-pay-quick{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.d63-pay-quick button{ flex:1; min-width:64px; padding:8px 0; border-radius:10px; border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04); color:#cfcbe0; font-weight:700; cursor:pointer; }
.d63-pay-quick button:hover{ border-color:rgba(0,229,255,.5); color:#fff; }
.d63-pay-qr{ width:200px; height:200px; margin:6px auto; border-radius:16px; background:#fff; padding:10px;
  display:flex; align-items:center; justify-content:center; }
.d63-pay-qr img{ width:100%; height:100%; object-fit:contain; }
.d63-pay-addr{ display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  border-radius:12px; padding:10px 12px; font-size:13px; word-break:break-all; }
.d63-pay-addr b{ color:#7dd3fc; }
.d63-pay-big{ text-align:center; font-size:26px; font-weight:900; color:#fff; margin:6px 0; }
.d63-pay-big small{ font-size:13px; color:#9a96ab; font-weight:600; }
.d63-pay-btn{ display:block; width:100%; padding:14px 0; border:0; border-radius:13px; cursor:pointer;
  font-size:15px; font-weight:800; color:#fff; background:linear-gradient(90deg,#b347ff,#00c2ff);
  box-shadow:0 12px 30px rgba(179,71,255,.38); }
.d63-pay-btn.ghost{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); box-shadow:none; color:#d7d4e6; }
.d63-pay-btn:disabled{ opacity:.6; cursor:wait; }
.d63-pay-result{ text-align:center; padding:20px 6px; }
.d63-pay-result .ric{ width:72px; height:72px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-size:34px; }
.d63-pay-result.ok .ric{ background:linear-gradient(135deg,#22c55e,#16a34a); box-shadow:0 12px 30px rgba(34,197,94,.4); }
.d63-pay-result.wait .ric{ background:linear-gradient(135deg,#b347ff,#00c2ff); box-shadow:0 12px 30px rgba(179,71,255,.4); }
.d63-pay-result.fail .ric{ background:linear-gradient(135deg,#ef4444,#b91c1c); }
.d63-pay-spin{ width:40px; height:40px; border:3px solid rgba(255,255,255,.2); border-top-color:#fff; border-radius:50%;
  animation:d63spin .8s linear infinite; margin:0 auto 14px; }
@keyframes d63spin{ to{ transform:rotate(360deg); } }
.d63-pay-warn{ font-size:12px; color:#ffd28a; line-height:1.7; background:rgba(255,184,77,.08); border:1px solid rgba(255,184,77,.22);
  border-radius:12px; padding:10px 12px; margin-top:12px; }

/* ============ 广告申请内嵌（用户中心），隐藏悬浮按钮 ============ */
#d99-adfab{ display:none !important; }
.d63-adapply-card{ grid-column:1/-1; border-radius:20px; padding:22px;
  background:linear-gradient(140deg,rgba(255,46,147,.12),rgba(179,71,255,.10) 50%,rgba(0,194,255,.08));
  border:1px solid rgba(255,46,147,.25); cursor:pointer; transition:transform .2s, box-shadow .2s;
  display:flex; align-items:center; gap:18px; }
.d63-adapply-card:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(255,46,147,.18); }
.d63-adapply-card .ic{ width:54px; height:54px; border-radius:15px; flex:none; display:flex; align-items:center; justify-content:center;
  font-size:26px; background:linear-gradient(135deg,#ff2e93,#b347ff); box-shadow:0 10px 24px rgba(179,71,255,.4); }
.d63-adapply-card h3{ font-size:17px; font-weight:800; color:#fff; margin:0 0 4px; }
.d63-adapply-card p{ font-size:13px; color:#c3c1d9; margin:0; line-height:1.6; }

/* ============ 影院防闪：路由切换时立即隐藏旧飞机频道模块 ============ */
html.d63-route-cinema .d60-old-hidden{ display:none !important; }

/* 移动端适配 */
@media (max-width:640px){
  .d63-pay{ width:100%; }
  .d63-pay-methods{ grid-template-columns:repeat(3,1fr); gap:7px; }
  .d63-pay-m{ padding:13px 4px; }
  html.d63-route-about main, html.d63-route-contact main{ font-size:15px; }
  html.d63-route-about main h2, html.d63-route-contact main h2{ font-size:24px !important; }
  html.d63-route-login main .rounded-3xl, html.d63-route-register main .rounded-3xl{ padding:28px 22px !important; }
}