/* Flux Pro Unified UI (A: 服务器/云主机官网)
   说明：不改后端，只做全站统一视觉（间距/按钮/卡片/表单/表格/hero）
*/

:root{
  --pro-radius: 16px;
  --pro-radius-sm: 12px;
  --pro-shadow: 0 20px 55px rgba(0,0,0,.08);
  --pro-shadow-sm: 0 10px 30px rgba(0,0,0,.10);
  --pro-border: 1px solid rgba(0,0,0,.06);
}

/* ===== Public pages: neutralize admin sidebar offsets ===== */
body.flux-public{background-color: #f5f7fb;}
#page-container.flux-public-container{padding-left:0 !important;}
#page-container.flux-public-container #main-container{padding-left:0 !important;}
#page-container.flux-public-container .content{max-width: 1200px; margin-left:auto; margin-right:auto;}

/* Minimal display utilities (for pages that don't load Bootstrap/OneUI) */
.d-none{display:none !important;}
.d-flex{display:flex !important;}
.d-block{display:block !important;}
@media (min-width: 768px){
  .d-md-flex{display:flex !important;}
  .d-md-none{display:none !important;}
}

html,body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body{ letter-spacing:.2px; }

/* ===== 主页 Hero（官网感的关键） ===== */
.bg-black-50{
  background: linear-gradient(180deg, rgba(0,0,0,.52) 0%, rgba(0,0,0,.72) 100%) !important;
}
.hero-pro{ min-height: 78vh; display:flex; align-items:center; }
.hero-title{ font-size: 56px; font-weight: 750; letter-spacing: 2px; line-height: 1.12; margin-bottom: 18px; }
.hero-subtitle{ font-size: 18px; color: rgba(255,255,255,.86) !important; max-width: 860px; margin: 0 auto 38px; line-height: 1.85; }

/* ===== 按钮（更“重”更企业） ===== */
.btn{ border-radius: 999px; }
.btn-hero{
  padding: 14px 38px !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  box-shadow: var(--pro-shadow-sm);
}
.btn-hero.btn-outline-light{
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.45) !important;
}
.btn-hero + .btn-hero{ margin-left: 14px; }

/* 普通按钮统一更厚一点 */
.btn.btn-primary, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger{
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.btn.btn-outline-primary, .btn.btn-outline-success, .btn.btn-outline-info, .btn.btn-outline-warning, .btn.btn-outline-danger, .btn.btn-outline-light{
  box-shadow: none;
}

/* ===== 内容区节奏（留白=高级感） ===== */
.content.content-full{ padding-top: 4.5rem; padding-bottom: 4.5rem; }

/* ===== Block 卡片统一（OneUI 的 block 变“官网卡片”） ===== */
.block{
  border-radius: var(--pro-radius) !important;
  box-shadow: var(--pro-shadow) !important;
  border: var(--pro-border) !important;
}
.block-header-default{ background: transparent !important; }
.block-title{ font-weight: 750 !important; letter-spacing: .3px; }
.block-content{ padding: 1.5rem 1.75rem; }

/* hover 动效轻一点，显高级 */
.block-fx-pop:hover{
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 28px 70px rgba(0,0,0,.10) !important;
}

/* ===== 表单统一（登录/注册/下单页会立刻提升质感） ===== */
.form-control{
  border-radius: var(--pro-radius-sm);
  padding: .72rem .95rem;
}
.form-control:focus{
  box-shadow: 0 0 0 .22rem rgba(52, 152, 219, .16);
}
.input-group-text{
  border-radius: var(--pro-radius-sm);
}

/* ===== 表格/分页更“后台SaaS”但不廉价 ===== */
.table thead th{ font-weight: 750; letter-spacing: .2px; }

.pagination>li>a,.pagination>li>span{ border-radius: 999px !important; margin: 0 4px; }
.pagination>.active>a,.pagination>.active>span{
  background-color: var(--primary, #2D7EFF) !important;
  border-color: var(--primary, #2D7EFF) !important;
}


/* ===== V3.4 官方增强：Topbar 固定 + 居中布局 ===== */
.pro-topbar--solid{
  position: fixed;
  top:0; left:0; right:0;
}
.pro-topbar-inner{
  display:flex;
  align-items:center;
  height:74px;
}
.pro-topbar-inner .pro-brand{ flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.pro-topbar-inner .pro-nav{ flex:1 1 auto; justify-content:center; }
.pro-topbar-inner .pro-cta{ flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.pro-cta-btn{ height:38px; padding:0 14px !important; border-radius:999px !important; display:inline-flex !important; align-items:center; }
.pro-nav-link{ display:inline-flex !important; align-items:center; }


/* ===== V3.4 官方增强：登录/注册页 ===== */
.pro-auth-page{
  background: radial-gradient(1200px 600px at 50% 0%, rgba(45,126,255,.20), rgba(15,23,42,.02) 60%) , #f5f7fb !important;
  background-image: none !important;
}
.pro-auth-page #page-container{ background: transparent !important; }
.pro-auth-page .hero-static{ padding-top: 24px; padding-bottom: 64px; }
.pro-auth-card{
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(15,23,42,.10) !important;
}
.pro-auth-card .block-header{
  background: transparent !important;
  border-bottom: 1px solid rgba(15,23,42,.06) !important;
  padding: 16px 22px !important;
}
.pro-auth-card .block-title{
  font-weight: 750 !important;
  letter-spacing: .2px;
}
.pro-auth-card .nav-tabs-block .nav-link{
  border:0 !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  margin-right: 8px;
  background: rgba(15,23,42,.04) !important;
  color: rgba(15,23,42,.78) !important;
}
.pro-auth-card .nav-tabs-block .nav-link.active{
  background: rgba(45,126,255,.12) !important;
  color: rgba(45,126,255,1) !important;
  font-weight: 650;
}
.pro-auth-card .form-control{
  border-radius: 12px !important;
  height: 44px;
  border-color: rgba(15,23,42,.10) !important;
}
.pro-auth-card .btn-block{
  height: 46px;
  border-radius: 999px !important;
  font-weight: 650;
}
.pro-auth-page .pro-topbar--solid{
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.08);
}

/* ===== 页脚 ===== */
#page-footer{ padding-top: 1.2rem; padding-bottom: 1.2rem; }

/* ===== 用户中心（带背景图时更干净） ===== */
#page-container{ background: rgba(255,255,255,.92); }

/* ===== 移动端 ===== */
@media (max-width: 768px){
  .hero-title{ font-size: 40px; letter-spacing: 1px; }
  .content.content-full{ padding-top: 3.2rem; padding-bottom: 3.2rem; }
  .btn-hero{ width: 90%; max-width: 360px; margin: 10px auto 0 !important; display:block; }
  .btn-hero + .btn-hero{ margin-left: 0 !important; }
  .block-content{ padding: 1.25rem 1.25rem; }
}


/* ===== 顶部导航（云厂商官网感） ===== */
.pro-topbar{
  width:100%;
  z-index: 1030;
}
.pro-topbar--overlay{
  position:absolute;
  top:0; left:0;
  background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 100%);
}
.pro-topbar--solid{
  position: fixed;
  top:0; left:0;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.pro-has-topbar{ padding-top: 74px; }

.pro-brand{
  display:flex; align-items:center; gap:10px;
  text-decoration:none !important;
}
.pro-brand-text{
  font-weight: 800;
  letter-spacing: .8px;
  color: rgba(0,0,0,.86);
}
.pro-topbar--overlay .pro-brand-text{ color: rgba(255,255,255,.95); }

.pro-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  column-gap: 28px;
  row-gap: 10px;
}
.pro-nav a{
  color: rgba(0,0,0,.74);
  font-weight: 650;
  letter-spacing: .2px;
  text-decoration:none !important;
  padding: 10px 2px;
  margin: 0 12px; /* gap fallback */
  border-bottom: 2px solid transparent;
}
.pro-nav a:hover{
  color: rgba(0,0,0,.92);
  border-bottom-color: rgba(45,126,255,.6);
}
.pro-topbar--overlay .pro-nav a{
  color: rgba(255,255,255,.88);
}
.pro-topbar--overlay .pro-nav a:hover{
  color: #fff;
  border-bottom-color: rgba(255,255,255,.65);
}

.pro-cta{ gap:10px; }
.pro-cta-btn{
  border-radius: 999px !important;
  padding: 9px 14px !important;
  font-weight: 700 !important;
}
.pro-topbar--overlay .btn-outline-primary{
  color:#fff !important;
  border-color: rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.06);
}
.pro-topbar--overlay .btn-outline-primary:hover{
  background: rgba(255,255,255,.14);
}

/* ===== 页脚（云厂商官网分栏） ===== */
.pro-footer{
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.06);
}
.pro-footer-brand{
  display:flex; align-items:center; gap:10px;
  font-size: 18px;
}
.pro-footer-title{
  font-weight: 800;
  letter-spacing: .4px;
  margin-bottom: 12px;
  color: rgba(0,0,0,.86);
}
.pro-footer-link{
  display:block;
  padding: 6px 0;
  color: rgba(0,0,0,.62);
  text-decoration:none !important;
}
.pro-footer-link:hover{ color: rgba(0,0,0,.92); }

.pro-footer-badge{
  display:inline-flex;
  align-items:center;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 999px;
  padding: 8px 12px;
  margin: 6px 10px 0 0;
  font-size: 13px;
  color: rgba(0,0,0,.70);
  text-decoration:none !important;
  background: rgba(255,255,255,.72);
}
.pro-footer-badge:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  transform: translateY(-1px);
}
.pro-footer-bottom{
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,.06);
}
.pro-footer-link-inline{
  color: rgba(0,0,0,.55);
  text-decoration:none !important;
}
.pro-footer-link-inline:hover{ color: rgba(0,0,0,.85); }

@media (max-width: 768px){
  .pro-has-topbar{ padding-top: 66px; }
}


/* ===== V3 Cloud Official Enhancements ===== */
:root{
  --pro-primary:#2563eb;          /* 企业蓝 */
  --pro-primary-600:#1d4ed8;
  --pro-primary-700:#1e40af;
  --pro-accent:#06b6d4;           /* 青色点缀 */
  --pro-bg:#0b1220;               /* 深底 */
  --pro-surface:#0f172a;          /* 深卡片 */
}

/* 强制把 OneUI 的 primary 从“红”拉回企业蓝 */
.text-primary{ color: var(--pro-primary) !important; }
.bg-primary{ background-color: var(--pro-primary) !important; }
.badge-primary{ background-color: rgba(37,99,235,.12) !important; color: var(--pro-primary) !important; border:1px solid rgba(37,99,235,.18) !important; }
.btn-primary{
  background: linear-gradient(180deg, var(--pro-primary) 0%, var(--pro-primary-600) 100%) !important;
  border-color: rgba(37,99,235,.35) !important;
  box-shadow: 0 10px 26px rgba(37,99,235,.22);
}
.btn-primary:hover{
  background: linear-gradient(180deg, var(--pro-primary-600) 0%, var(--pro-primary-700) 100%) !important;
}
.btn-outline-primary{
  color: var(--pro-primary) !important;
  border-color: rgba(37,99,235,.45) !important;
}
.btn-outline-primary:hover{
  background: rgba(37,99,235,.08) !important;
}

/* 顶部导航：更像云厂商 */
.pro-topbar{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.pro-topbar--overlay{
  position:absolute;
  left:0; right:0; top:0;
  background: rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.pro-topbar .content,
.pro-topbar .content-full{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.pro-brand{
  display:flex; align-items:center;
  font-weight: 700;
  letter-spacing:.2px;
}
.pro-brand .pro-brand-text{
  font-size: 15px;
  color: rgba(15,23,42,.92);
}
.pro-topbar--overlay .pro-brand .pro-brand-text{
  color: rgba(255,255,255,.92);
}
.pro-nav a{
  padding: 10px 14px;
  border-radius: 10px;
  color: rgba(15,23,42,.72);
  font-weight: 500;
  letter-spacing:.2px;
}
.pro-topbar--overlay .pro-nav a{ color: rgba(255,255,255,.86); }
.pro-nav a:hover{
  color: rgba(15,23,42,.92);
  background: rgba(15,23,42,.04);
}
.pro-topbar--overlay .pro-nav a:hover{ background: rgba(255,255,255,.10); color:#fff; }

/* 首页 Hero：高级深色渐变 + 网格纹理 */
.hero-pro{
  position: relative;
  min-height: 86vh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(1200px 600px at 50% 20%, rgba(37,99,235,.42) 0%, rgba(37,99,235,0) 60%),
    radial-gradient(900px 500px at 18% 30%, rgba(6,182,212,.25) 0%, rgba(6,182,212,0) 55%),
    linear-gradient(180deg, #0b1220 0%, #0a1020 60%, #070b14 100%);
}
.hero-pro:before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: .30;
  pointer-events:none;
}
.hero-pro:after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}
.hero-pro .hero-inner{ position:relative; z-index:1; }

.hero-title{
  font-size: 60px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1.12;
  margin-bottom: 18px;
  text-shadow: 0 18px 60px rgba(0,0,0,.55);
}
.hero-subtitle{
  font-size: 18px;
  color: rgba(255,255,255,.80);
  max-width: 760px;
  margin: 0 auto 44px;
  line-height: 1.85;
}
.btn-hero{
  padding: 14px 40px !important;
  font-size: 16px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing:.2px;
}
.btn-outline-light.btn-hero{
  border-color: rgba(255,255,255,.38) !important;
  color: rgba(255,255,255,.92) !important;
}
.btn-outline-light.btn-hero:hover{ background: rgba(255,255,255,.10) !important; }

/* 内页：减少“大片空白”，统一页头标题样式 */
#main-container{
  background: linear-gradient(180deg, rgba(15,23,42,.02) 0%, rgba(15,23,42,0) 420px);
}
#main-container .content{
  max-width: 1240px;
  margin-left:auto;
  margin-right:auto;
}
#main-container .content > h1.text-primary{
  font-size: 40px;
  font-weight: 800;
  color: rgba(15,23,42,.92) !important;
  margin: 22px 0 10px;
  letter-spacing:.6px;
}
#main-container .content > h2.content-heading{
  font-size: 16px;
  font-weight: 500;
  color: rgba(15,23,42,.58) !important;
  margin-top: 0;
  margin-bottom: 26px;
  border: 0 !important;
  padding: 0 !important;
}

/* 产品卡片：更像云厂商的“规格卡” */
.block.block-rounded{
  border-radius: 16px !important;
}
.block{
  background: #fff;
}
.block .block-header{
  padding: 16px 18px;
}
.block .block-title{
  font-size: 14px;
  color: rgba(15,23,42,.84);
}
.block-content{
  padding: 18px 20px !important;
}
.table thead th{
  color: rgba(15,23,42,.66) !important;
  font-weight: 600;
}
.table td, .table th{
  padding: 14px 14px;
}

/* 页脚：云厂商深色分栏 */
.pro-footer{
  background: linear-gradient(180deg, #070b14 0%, #060911 100%) !important;
  color: rgba(255,255,255,.82) !important;
  border-top: 1px solid rgba(255,255,255,.08);
}
.pro-footer .text-muted{ color: rgba(255,255,255,.58) !important; }
.pro-footer-title{
  color: rgba(255,255,255,.88) !important;
  font-weight: 700;
  letter-spacing:.3px;
}
.pro-footer-link{
  color: rgba(255,255,255,.65) !important;
}
.pro-footer-link:hover{ color: #fff !important; }
.pro-footer-badge{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.84) !important;
}
.pro-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.55) !important;
}

/* 右下角浮动按钮：更克制 */
.pro-float-cta{
  box-shadow: 0 18px 55px rgba(15,23,42,.25) !important;
  background: linear-gradient(180deg, var(--pro-primary) 0%, var(--pro-primary-600) 100%) !important;
}


/* ===== V3.2 NAV SPACING (force) ===== */
.pro-header .pro-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:32px;row-gap:10px;}
.pro-header .pro-nav a{display:inline-block;margin:0 14px !important;}
@media (max-width: 768px){.pro-header .pro-nav{column-gap:18px;}.pro-header .pro-nav a{margin:0 10px !important;}}


/* ===== Flux Pro Unified UI V3.3 Official Polish ===== */
:root{
  --pro-primary:#1f6fff;
  --pro-primary-2:#0b4bd6;
  --pro-text:#1d232f;
  --pro-muted:#5b6475;
  --pro-border:rgba(15,23,42,.10);
  --pro-card-shadow:0 18px 55px rgba(15,23,42,.08);
}

/* Header / Nav (force spacing even when theme overrides) */
.pro-topbar{ position: sticky; top:0; z-index: 50; backdrop-filter: saturate(180%) blur(10px); }
.pro-topbar .content-full{ max-width: 1240px; margin: 0 auto; }
.pro-nav{ display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; }
.pro-topbar .pro-nav{ column-gap: 32px !important; row-gap: 10px !important; }
.pro-topbar .pro-nav a,
.pro-topbar .pro-nav .pro-nav-link{
  display:inline-flex !important;
  align-items:center !important;
  height: 44px !important;
  padding: 0 16px !important;  /* spacing that cannot be “collapsed” */
  margin: 0 6px !important;    /* extra保险 */
  border-radius: 999px !important;
  color: var(--pro-text) !important;
  font-weight: 500 !important;
  letter-spacing: .2px;
}
.pro-topbar .pro-nav a:hover,
.pro-topbar .pro-nav .pro-nav-link:hover{
  background: rgba(31,111,255,.08) !important;
  color: var(--pro-primary) !important;
}
.pro-topbar .pro-brand{ display:flex !important; align-items:center !important; gap:10px; }
.pro-topbar .pro-brand i{ font-size: 14px; }
.pro-topbar .pro-brand-text{ color: var(--pro-text) !important; font-weight: 700; letter-spacing:.4px; }

/* Right CTA button */
.pro-topbar .pro-cta .btn{
  height: 40px !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  font-weight: 600 !important;
}
.pro-topbar .pro-cta .btn-outline-primary{
  border-color: rgba(31,111,255,.35) !important;
  color: var(--pro-primary) !important;
}
.pro-topbar .pro-cta .btn-outline-primary:hover{
  background: rgba(31,111,255,.08) !important;
}

/* Hero: make it official even without background image */
.bg-image{
  background-color: #0b1220;
  background-image:
    radial-gradient(1200px 600px at 50% 30%, rgba(31,111,255,.35), rgba(0,0,0,0)),
    radial-gradient(900px 450px at 20% 80%, rgba(43,195,255,.18), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(8,13,26,.86), rgba(8,13,26,.92));
  background-size: cover;
}
.hero-pro{ min-height: 72vh; }
.hero-title{ font-size: 56px !important; font-weight: 800 !important; letter-spacing: 1.8px; }
.hero-subtitle{ color: rgba(255,255,255,.82) !important; }
.btn-hero{
  height: 48px !important;
  padding: 0 28px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
}
.btn-hero.btn-primary{
  background: linear-gradient(135deg, var(--pro-primary), var(--pro-primary-2)) !important;
  border-color: transparent !important;
}
.btn-hero.btn-outline-light{ border-color: rgba(255,255,255,.35) !important; }

/* Hero bottom slogan strip */
.pro-hero-bottom{
  padding-top: 26px !important;
  padding-bottom: 26px !important;
  background: linear-gradient(90deg, rgba(31,111,255,.12), rgba(255,255,255,0));
  border-top: 1px solid rgba(255,255,255,.10);
}

/* Cards / Tables look more official */
.block, .card-pro, .pro-card{
  border: 1px solid var(--pro-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--pro-card-shadow) !important;
}
.table thead th{
  background: rgba(15,23,42,.03) !important;
  border-bottom: 1px solid var(--pro-border) !important;
  color: var(--pro-muted) !important;
  font-weight: 700 !important;
}
.table td{ border-top: 1px solid rgba(15,23,42,.06) !important; }

/* Footer: darker + link colors */
.pro-footer{
  background: linear-gradient(180deg, #0b1220, #070b14) !important;
  color: rgba(255,255,255,.82) !important;
}
.pro-footer a{ color: rgba(255,255,255,.78) !important; }
.pro-footer a:hover{ color: #fff !important; }
.pro-footer .text-muted{ color: rgba(255,255,255,.60) !important; }

/* Global primary color override to remove “red” */
.text-primary{ color: var(--pro-primary) !important; }
.btn-primary{
  background: linear-gradient(135deg, var(--pro-primary), var(--pro-primary-2)) !important;
  border-color: transparent !important;
}
.badge-primary, .bg-primary{
  background: linear-gradient(135deg, var(--pro-primary), var(--pro-primary-2)) !important;
}


/* ===== V3.5 一次性修复：顶部背景不一致 + 内页黑条 + 登录注册官方化 ===== */

/* 1) 内页(body带pro-has-topbar)统一浅色背景，去掉模板设置的背景图(避免空url导致黑条) */
body.pro-has-topbar.bg-image{
  background-image: none !important;
  background-color: #f5f7fb !important;
}

/* 登录/注册页保持自己的官方渐变，但也避免被bg-image覆盖 */
body.pro-auth-page.bg-image{
  background-image: none !important;
}

/* 2) 顶部导航栏：固定、统一白底毛玻璃，确保不透出底色 */
.pro-topbar--solid{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}

/* 3) Topbar 三段式布局：logo/中间导航/右侧按钮 全部垂直居中 */
.pro-topbar-inner{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 74px !important;
}
.pro-topbar-inner .pro-brand{ display:flex !important; align-items:center !important; gap:10px; }
.pro-topbar-inner .pro-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex: 1 1 auto !important;
  min-width: 0;
}
.pro-topbar-inner .pro-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap: 10px;
}

/* 4) 导航链接：用padding做间距(不依赖gap)，并避免换行挤压 */
.pro-topbar .pro-nav a,
.pro-topbar .pro-nav .pro-nav-link{
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  height: 36px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  border-radius: 10px;
  color: #0f172a !important;
  font-weight: 500;
}
.pro-topbar .pro-nav a:hover,
.pro-topbar .pro-nav .pro-nav-link:hover{
  background: rgba(37,99,235,.08) !important;
  color: #1d4ed8 !important;
}

/* 5) 右侧按钮(登录/注册/控制台)垂直对齐 + 官方蓝 */
.pro-topbar .pro-cta a,
.pro-topbar .pro-cta .btn{
  display:inline-flex !important;
  align-items:center !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
}
.pro-topbar .pro-cta .btn-outline-primary{
  border-color: rgba(37,99,235,.35) !important;
  color: #2563eb !important;
  background: rgba(37,99,235,.05) !important;
}
.pro-topbar .pro-cta .btn-outline-primary:hover{
  background: rgba(37,99,235,.12) !important;
}
.pro-topbar .pro-cta .btn-primary{
  background: linear-gradient(90deg,#2563eb,#1d4ed8) !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(37,99,235,.22);
}

/* 6) 登录/注册卡片：去掉红/绿“廉价条”，统一成官方蓝头部 */
.pro-auth-page .block,
.pro-auth-page .pro-auth-card{
  border-radius: 18px !important;
  box-shadow: 0 30px 70px rgba(15,23,42,.12) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  overflow: hidden;
}
.pro-auth-page .block-header{
  background: linear-gradient(90deg,#2563eb,#1d4ed8) !important;
  color: #fff !important;
  border-bottom: none !important;
}
.pro-auth-page .block-header .block-title,
.pro-auth-page .block-header a,
.pro-auth-page .block-header span{
  color: #fff !important;
}

/* 7) 登录/注册页：把危险色(红/绿)弱化，按钮统一蓝 */
.pro-auth-page .btn-danger,
.pro-auth-page .btn-success,
.pro-auth-page .bg-danger,
.pro-auth-page .bg-success{
  background: linear-gradient(90deg,#2563eb,#1d4ed8) !important;
  border: none !important;
  color: #fff !important;
}
.pro-auth-page .nav-tabs .nav-link.active{
  background: rgba(255,255,255,.16) !important;
  border-color: transparent !important;
}



/* ===== V3.6 导航组件化 + Auth 双栏版 ===== */
/* 统一 Topbar 三段式：左LOGO / 中菜单 / 右CTA */
.pro-topbar .content-full{ max-width: 1280px; }
.pro-topbar-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap: 16px;
}
.pro-topbar .pro-brand{ display:flex !important; align-items:center !important; gap:10px; min-width: 220px; }
.pro-topbar .pro-nav{ display:flex !important; align-items:center !important; justify-content:center !important; flex:1 1 auto; }
.pro-topbar .pro-cta{ display:flex !important; align-items:center !important; justify-content:flex-end !important; min-width: 220px; gap: 10px; }

/* 仅在顶部导航生效的链接样式（避免影响页脚） */
.pro-topbar .pro-nav a,
.pro-topbar .pro-brand,
.pro-topbar .pro-cta a{
  display:inline-flex !important;
  align-items:center !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}
.pro-topbar .pro-nav a{ color: #0f172a !important; font-weight: 600; letter-spacing:.2px; margin:0 6px; }
.pro-topbar .pro-nav a:hover{ background: rgba(37,99,235,.08) !important; color:#1d4ed8 !important; }
.pro-topbar .pro-cta a{ margin:0; }

/* 页脚：链接不要被“导航链接”样式污染 */
.pro-footer .pro-footer-link,
.pro-footer .pro-footer-badge{
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px;
}
.pro-footer .pro-footer-link{
  display:block;
  padding: 8px 0 !important;
  color: rgba(226,232,240,.86) !important;
}
.pro-footer .pro-footer-link:hover{ color:#fff !important; background: transparent !important; text-decoration: none; }
.pro-footer .pro-footer-title{ margin-bottom: 12px; }
.pro-footer .row{ align-items:flex-start; }

/* Auth 双栏布局（登录/注册/找回） */
.pro-auth-page .hero-static .content{ max-width: 1280px; }
.pro-auth-layout{ align-items: stretch; }
.pro-auth-side{
  border-radius: 18px;
  background: radial-gradient(900px 500px at 10% 10%, rgba(37,99,235,.35), rgba(2,6,23,.0) 60%),
              linear-gradient(180deg, #0b1220 0%, #0f172a 100%);
  color: #e2e8f0;
  padding: 28px;
  box-shadow: 0 24px 60px rgba(2,6,23,.28);
}
.pro-auth-side-inner{ max-width: 420px; }
.pro-auth-logo{ display:flex; align-items:center; gap:10px; font-weight: 700; font-size: 18px; }
.pro-auth-logo i{ color:#60a5fa; }
.pro-auth-side-title{ margin-top: 18px; font-size: 28px; line-height:1.25; font-weight: 800; color:#fff; }
.pro-auth-side-desc{ margin-top: 10px; color: rgba(226,232,240,.82); line-height:1.75; }
.pro-auth-side-points{ margin-top: 18px; display:grid; gap:10px; font-weight: 500; }
.pro-auth-side-points i{ color:#34d399; margin-right: 8px; }

.pro-auth-cardcol{ display:flex; align-items:center; justify-content:center; }
.pro-auth-page .block{ border-radius: 18px !important; overflow: hidden; box-shadow: 0 24px 70px rgba(2,6,23,.16) !important; }
.pro-auth-page .block-header{
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 45%, #0ea5e9 100%) !important;
  border: none !important;
}
.pro-auth-page .block-title{ color:#fff !important; font-weight: 700; }
.pro-auth-page .block-options a{ color: rgba(255,255,255,.9) !important; }
.pro-auth-page .block-options a:hover{ color:#fff !important; opacity: 1; }

/* 去掉表单页“怪异大空白/色带”的来源：禁止 bg-image 影响 auth */
.pro-auth-page.bg-image{ background-image:none !important; }



/* ===== V3.7 官方增强：Auth 双栏居中 + 更大表单 ===== */
.pro-auth-layout{
  justify-content: center;
  align-items: stretch;
  gap: 28px;
}
.pro-auth-side{
  border-radius: 22px;
  overflow: hidden;
  min-height: 560px;
}
.pro-auth-side-inner{
  width: 100%;
  padding: 36px 34px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 22px;
  background: radial-gradient(900px 520px at 20% 0%, rgba(45,126,255,.22), rgba(15,23,42,.82) 55%) , #0b1220;
  box-shadow: 0 28px 70px rgba(15,23,42,.18);
}
.pro-auth-logo{ display:flex; align-items:center; gap:10px; color: rgba(255,255,255,.9); font-weight: 700; }
.pro-auth-logo i{ color: rgba(45,126,255,1); }
.pro-auth-side-title{ color:#fff; margin-top: 20px; font-size: 30px; letter-spacing: .3px; font-weight: 800; }
.pro-auth-side-desc{ color: rgba(255,255,255,.78); margin-top: 10px; line-height: 1.8; max-width: 420px; }
.pro-auth-side-points{ margin-top: 18px; color: rgba(255,255,255,.86); }
.pro-auth-side-points div{ display:flex; align-items:center; gap:10px; margin-top: 10px; }
.pro-auth-side-points i{ color: #22c55e; }

.pro-auth-cardcol{
  display:flex;
  justify-content:center;
}
.pro-auth-card{
  width: 100%;
  max-width: 540px;
}
.pro-auth-card .block-content{
  padding: 26px 28px !important;
}
.pro-auth-card h1,
.pro-auth-card h2,
.pro-auth-card h3{
  letter-spacing: .2px;
}
.pro-auth-card .form-control{
  height: 52px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
}
.pro-auth-card .btn{
  border-radius: 999px !important;
  height: 52px !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
}

/* ===== V3.7 官方增强：页脚全宽对齐（防止被 content 容器限制） ===== */
.pro-footer{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: radial-gradient(1200px 600px at 50% 0%, rgba(45,126,255,.14), rgba(15,23,42,.86) 55%) , #0b1220;
  color: rgba(255,255,255,.86);
  border-top: 0;
}
.pro-footer .text-muted{ color: rgba(255,255,255,.68) !important; }
.pro-footer a{ color: rgba(255,255,255,.78); }
.pro-footer a:hover{ color: #fff; }

.pro-footer-title{ color: rgba(255,255,255,.92); }
.pro-footer-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.88) !important;
  border-radius: 999px;
  padding: 10px 14px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.pro-footer-badge:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
}


/* ===== V3.9 Auth Dual-Column Enhancements ===== */
.pro-auth-layout-center{ justify-content: center; }
.pro-auth-layout-center{ gap: 22px; }
.pro-auth-cardcol > .block{ width:100%; max-width: 560px; }
.pro-auth-side{ min-height: 620px; display:flex; }
.pro-auth-side-inner{ display:flex; flex-direction:column; }
.pro-auth-side-points{ margin-top: 22px; }
.pro-auth-card .block-content{ padding: 22px 26px !important; }
.pro-auth-card h1{ font-size: 34px !important; line-height: 1.15 !important; font-weight: 850 !important; margin-bottom: 10px !important; }
.pro-auth-card p{ color: rgba(15,23,42,.72) !important; }
.pro-auth-card .form-control{ height: 52px !important; font-size: 15px !important; }
.pro-auth-card .input-group-text{ height: 52px !important; border-radius: 12px 0 0 12px !important; }
.pro-auth-card .btn{ height: 52px !important; border-radius: 14px !important; font-weight: 700 !important; }
@media (max-width: 991.98px){
  .pro-auth-cardcol > .block{ max-width: 620px; }
  .pro-auth-page .hero-static{ padding-top: 10px; }
}



/* =========================
   V4.0 Cloud Final - Auth
   - 登录/注册：双栏等高
   - 重置密码：单栏居中
   ========================= */
.pro-auth-page.pro-auth-dual .pro-auth-layout-dual{
  /* 双栏：使用 flex 让两侧等高，且精确控制间距 */
  display: flex;
  /* 永远左右双栏：不允许换行（避免变上下） */
  flex-wrap: nowrap;
  align-items: stretch;
  column-gap: 12px;
  row-gap: 16px;

  /* 统一左右卡片高度：注册/登录字段不同也不会“高低不齐” */
  --pro-auth-dual-h: clamp(660px, 78vh, 860px);

  /* 覆盖 bootstrap .row 的负 margin，避免左右留白不一致 */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 移除 col 的左右 padding（bootstrap gutter），用 column-gap 统一控制中间距离 */
.pro-auth-page.pro-auth-dual .pro-auth-layout-dual > [class*='col-']{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 关键修复：左右列必须自己也是 flex 容器，否则内部卡片 height:100% 不会生效 */
.pro-auth-page.pro-auth-dual .pro-auth-layout-dual > [class*='col-']{
  display: flex;
  flex-direction: column;
}

/* 左侧品牌卡填满列高 */
.pro-auth-page.pro-auth-dual .pro-auth-side{ display:flex; flex-direction:column; }
.pro-auth-page.pro-auth-dual .pro-auth-side-inner{ flex: 1; }

/* 强制左右等高（以视口高度为准），内容超出则在右侧表单区滚动 */
.pro-auth-page.pro-auth-dual .pro-auth-side,
.pro-auth-page.pro-auth-dual .pro-auth-card{
  height: var(--pro-auth-dual-h);
  min-height: var(--pro-auth-dual-h);
}

/* 右侧表单卡填满列高 */
.pro-auth-page.pro-auth-dual .pro-auth-cardcol{ display:flex; flex-direction:column; }
.pro-auth-page.pro-auth-dual .pro-auth-card{ flex: 1; }

/* 双栏等高（关键）：左右卡片统一高度，避免注册/登录字段不同导致“高低不齐” */
.pro-auth-page.pro-auth-dual .pro-auth-side,
.pro-auth-page.pro-auth-dual .pro-auth-card{
  height: var(--pro-auth-dual-h);
  min-height: var(--pro-auth-dual-h);
}

/* 左侧内容容器占满高度 */
.pro-auth-page.pro-auth-dual .pro-auth-side-inner{
  height: 100%;
}

/* 右侧卡片内部布局：保持内容在上，底部留白；内容过多时只滚动表单区域 */
.pro-auth-page.pro-auth-dual .pro-auth-card{
  display: flex;
  flex-direction: column;
}

.pro-auth-page.pro-auth-dual .pro-auth-card .block-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.pro-auth-page.pro-auth-dual .pro-auth-card .block-content > form{
  flex: 1;
}

/* 去掉 bootstrap 栅格的左右 gutter，让两栏更紧凑 */
.pro-auth-page.pro-auth-dual .pro-auth-layout-dual > [class*='col-']{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 永远左右双栏：强制两列各占 50%，覆盖 bootstrap 的 .col-12 width:100% */
.pro-auth-page.pro-auth-dual .pro-auth-layout-dual > [class*='col-']{
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
}
.pro-auth-page.pro-auth-dual .pro-auth-side,
.pro-auth-page.pro-auth-dual .pro-auth-page-card{
  height: 100%;
}
.pro-auth-page.pro-auth-dual .pro-auth-side{ display:flex; }
.pro-auth-page.pro-auth-dual .pro-auth-side-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height: 560px;
  width: 100%;
}

.pro-auth-page.pro-auth-single .pro-auth-layout-single{
  justify-content: center;
}
.pro-auth-page.pro-auth-single .pro-auth-cardcol{
  max-width: 560px;
}
.pro-auth-page.pro-auth-single .block{
  min-height: auto;
}
@media (max-width: 991.98px){
  /* 小屏也保持左右双栏：允许横向滚动，避免变上下 */
  .pro-auth-page.pro-auth-dual .pro-auth-wrap{ overflow-x: auto; }
  .pro-auth-page.pro-auth-dual .pro-auth-layout-dual{ min-width: 980px; }
}

/* 表单更“云厂商”一些：更高输入、更柔和边框 */
.pro-auth-page .form-control.form-control-lg{
  min-height: 52px;
  border-radius: 14px;
  border-color: rgba(15,23,42,.10);
}
.pro-auth-page .form-control.form-control-alt{
  background: rgba(248,250,252,.92);
}
.pro-auth-page .btn.btn-block{
  border-radius: 999px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
}

/* =========================
   V4.6 顶部导航（云厂商风格）
   - 更低高度
   - 蓝色官网顶栏
   - 下拉菜单（纯 CSS，方便你后续改链接）
   ========================= */

/* 顶部栏更紧凑 */
.pro-topbar{ height:56px !important; }
.pro-topbar .pro-topbar-inner{ min-height:56px !important; }

/* ===============================
   v4.7 顶部导航紧凑化 + MegaMenu 修复
   =============================== */

/* 顶部整体高度（更“官网”紧凑） */
.pro-has-topbar{ padding-top:60px !important; }
.pro-topbar{ height:60px !important; }
.pro-topbar .pro-topbar-inner{ min-height:60px !important; padding-top:0 !important; padding-bottom:0 !important; }
.pro-nav{ gap:10px !important; }
.pro-nav-item{ height:60px !important; line-height:60px !important; padding:0 10px !important; }

/* 云厂商风格下拉（header.html 里使用 has-dropdown + pro-dropdown） */
.pro-nav-item.has-dropdown{ position:relative; }
.pro-nav-item.has-dropdown .pro-dropdown{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%);
  width:min(920px, calc(100vw - 40px));
  background:#fff;
  border:1px solid rgba(16,24,40,.10);
  border-radius:16px;
  padding:16px;
  box-shadow:0 22px 60px rgba(16,24,40,.18);
  z-index:1200;
}
.pro-nav-item.has-dropdown:hover .pro-dropdown,
.pro-nav-item.has-dropdown:focus-within .pro-dropdown{
  display:block;
}
.pro-dropdown-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px 12px;
}
.pro-dropdown .pro-dropdown-title{
  font-size:12px;
  color:#475467;
  letter-spacing:.02em;
  font-weight:700;
  margin:2px 0 10px;
  opacity:.9;
}
.pro-dd-link{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color:#101828;
  text-decoration:none;
  transition:background .15s ease, transform .15s ease;
}
.pro-dd-link:hover{ background:rgba(15,91,255,.06); transform:translateY(-1px); }
.pro-dd-link strong{ display:block; font-weight:700; font-size:14px; line-height:1.2; }
.pro-dd-link span{ display:block; font-size:12px; color:#667085; margin-top:4px; line-height:1.35; }

@media (max-width: 1024px){
  .pro-dropdown-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}


/* 顶栏主色 */
.pro-topbar--solid{
  background:#0b5cad;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.pro-topbar--solid .pro-brand-text{ color:rgba(255,255,255,.95); }
.pro-topbar--solid .pro-nav a{ color:rgba(255,255,255,.92); }
.pro-topbar--solid .pro-nav a:hover{ color:#fff; }
.pro-topbar--solid .pro-auth-actions .btn-outline-primary{
  color:#fff;
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
}
.pro-topbar--solid .pro-auth-actions .btn-outline-primary:hover{
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.14);
}
.pro-topbar--solid .pro-auth-actions .btn-primary{
  background:#1f6fff;
  border-color:#1f6fff;
  box-shadow:0 8px 18px rgba(31,111,255,.28);
}

/* 导航更小、更“官网” */
.pro-nav{ gap:10px !important; }
.pro-nav > .pro-nav-item{ position:relative; }
.pro-nav > .pro-nav-item > a{
  padding:8px 10px !important;
  border-radius:10px;
  font-weight:600;
  font-size:14px;
  letter-spacing:.2px;
}
.pro-nav > .pro-nav-item > a:hover{
  background:rgba(255,255,255,.10) !important;
}
.pro-nav .pro-nav-caret{
  margin-left:6px;
  font-size:12px;
  opacity:.85;
}

/* 下拉面板 */
.pro-nav-dropdown{
  position:absolute;
  left:50%;
  top:calc(100% + 10px);
  transform:translateX(-50%);
  min-width:260px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:12px;
  box-shadow:0 18px 50px rgba(2,6,23,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:all .18s ease;
}
.pro-nav-item:hover .pro-nav-dropdown,
.pro-nav-item:focus-within .pro-nav-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  top:calc(100% + 6px);
}
.pro-nav-dropdown .pro-nav-dd-title{
  font-weight:800;
  color:#0f172a;
  font-size:14px;
  margin-bottom:4px;
}
.pro-nav-dropdown .pro-nav-dd-desc{
  color:rgba(15,23,42,.62);
  font-size:12px;
  margin-bottom:10px;
}
.pro-nav-dropdown a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:9px 10px;
  border-radius:12px;
  color:#0f172a !important;
  text-decoration:none;
  font-weight:600;
}
.pro-nav-dropdown a small{
  color:rgba(15,23,42,.55);
  font-weight:600;
}
.pro-nav-dropdown a:hover{
  background:rgba(31,111,255,.08);
}

/* 小屏仍保持左右：如需手机单列，把下面注释取消 */
/*
@media (max-width: 991.98px){
  .pro-auth-page.pro-auth-dual .pro-auth-layout-dual{ min-width: 0; }
  .pro-auth-page.pro-auth-dual .pro-auth-layout-dual{ display:block !important; }
}
*/


/* ===================== v4.8 顶部导航最终优化（单行、紧凑、官网感） ===================== */
/* 目标：
   1) 导航永远单行不换行（避免分成两排）
   2) 顶部高度更紧凑、视觉更“云厂商”
   3) MegaMenu 居中且不拉高页面
*/

/* 顶部条整体更紧凑 */
.pro-topbar{
  height: 58px !important; /* 原先有 74/60/56 多版本，统一为 58 */
  min-height: 58px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid rgba(16,24,40,.06);
}

/* 顶部容器：永远单行 */
.pro-topbar-inner{
  min-height: 58px !important;
  padding: 10px 0 !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
}

/* 左中右布局：更自然的云厂商结构 */
.pro-brand{ flex: 0 0 auto !important; min-width: 220px; }
.pro-nav-wrap{ flex: 1 1 auto !important; min-width: 0 !important; }
.pro-cta{ flex: 0 0 auto !important; }

/* 导航：不换行 + 更小高度 */
.pro-nav{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 26px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.pro-nav-item{ position: relative; }

/* 让导航在窄屏也尽量不换行：不够时允许横向滚动（视觉上比换行更干净） */
@media (max-width: 1180px){
  .pro-nav{
    justify-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pro-nav::-webkit-scrollbar{ display:none; }
}

/* 链接尺寸更“紧凑” */
.pro-nav-link{
  padding: 6px 4px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: rgba(16,24,40,.82) !important;
}
.pro-nav-link:hover{ color: #0b60ff !important; }

/* 下拉按钮箭头对齐 */
.pro-nav-link .caret,
.pro-nav-link .bi-chevron-down{
  margin-left: 6px !important;
  transform: translateY(-1px);
}

/* 右侧按钮更贴合且不抬高导航 */
.pro-cta{ gap: 10px !important; }
.pro-btn{
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 34px !important;
}

/* MegaMenu：居中、轻阴影、不拉高页面（绝对定位） */
.pro-nav-item.has-dropdown > .pro-dropdown{
  top: calc(100% + 10px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  min-width: 760px !important;
  max-width: 920px !important;
  border: 1px solid rgba(16,24,40,.08) !important;
  box-shadow:
    0 20px 50px rgba(16,24,40,.12),
    0 2px 8px rgba(16,24,40,.06) !important;
  border-radius: 16px !important;
}

/* MegaMenu 内部：更官方的栅格 */
.pro-dropdown-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.pro-dd-col{
  padding: 12px 10px !important;
  border-radius: 12px;
}
.pro-dd-col:hover{ background: rgba(11,96,255,.04); }

.pro-dd-title{
  font-size: 14px !important;
  letter-spacing: .2px;
}
.pro-dd-link{
  padding: 8px 10px !important;
  border-radius: 10px !important;
}
.pro-dd-link:hover{ background: rgba(11,96,255,.06) !important; }

/* 下拉在更窄屏：自动变窄，避免溢出 */
@media (max-width: 980px){
  .pro-nav-item.has-dropdown > .pro-dropdown{
    min-width: 88vw !important;
    max-width: 92vw !important;
  }
  .pro-dropdown-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 640px){
  .pro-dropdown-grid{ grid-template-columns: 1fr !important; }
}

/* ===================== v4.8 顶部导航最终优化（单行、紧凑、官网感） ===================== */
/* 目标：
   1) 导航永远单行不换行（避免分成两排）
   2) 顶部高度更紧凑、视觉更“云厂商”
   3) MegaMenu 居中且不拉高页面
*/

/* 顶部条整体更紧凑 */
.pro-topbar{
  height: 58px !important; /* 原先有 74/60/56 多版本，统一为 58 */
  min-height: 58px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid rgba(17,24,39,.06) !important;
}
.pro-topbar-inner{
  min-height: 58px !important;
  padding: 0 18px !important;
  gap: 18px !important;
  flex-wrap: nowrap !important; /* 关键：禁止换行 */
}

/* Logo / 右侧按钮不要挤压导航 */
.pro-brand{ flex: 0 0 auto !important; min-width: 0 !important; }
.pro-cta{ flex: 0 0 auto !important; min-width: 0 !important; gap: 10px !important; }

/* 导航：永远单行，必要时横向滚动（不会掉到第二排） */
.pro-nav{
  flex: 1 1 auto !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none; /* Firefox */
  padding: 0 !important;
}
.pro-nav::-webkit-scrollbar{ display:none; }
.pro-nav .pro-nav-list{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  align-items: center !important;
  white-space: nowrap;
}

/* 菜单项更官方：更小的高度/更明确 hover */
.pro-nav-link{
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
  line-height: 34px !important;
}
.pro-nav-link:hover{
  background: rgba(37,99,235,.08) !important;
}

/* 让下拉箭头更紧凑 */
.pro-nav-item.has-dropdown > .pro-nav-link::after,
.pro-nav-link.has-caret::after{
  margin-left: 6px !important;
  transform: translateY(1px);
}

/* MegaMenu：居中展示、不影响页面布局（绝对定位），宽度更像云厂商 */
.pro-nav-item{ position: relative !important; }
.pro-dropdown{
  top: calc(100% + 10px) !important;
  left: 50% !important;
  transform: translateX(-50%);
  min-width: 760px;
  max-width: min(960px, calc(100vw - 80px));
  border: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.12) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* 下拉内容更紧凑，避免看起来“撑高” */
.pro-dropdown .pro-dd-grid{
  gap: 18px !important;
  padding: 18px !important;
}
.pro-dd-item{
  padding: 12px 12px !important;
  border-radius: 12px !important;
}
.pro-dd-title{ font-weight: 700 !important; }
.pro-dd-desc{ margin-top: 3px !important; line-height: 1.35 !important; }

/* 小屏：保持一行 + 可横滑；下拉宽度自动收缩 */
@media (max-width: 1024px){
  .pro-topbar-inner{ padding: 0 12px !important; gap: 12px !important; }
  .pro-nav .pro-nav-list{ gap: 14px !important; }
  .pro-dropdown{ min-width: 0; width: calc(100vw - 24px); max-width: calc(100vw - 24px); }
}

/* v4.8 统一顶部占位高度 */
.pro-has-topbar{ padding-top:58px !important; }


/* ===================== v4.9 顶部导航：云厂商玻璃态 + 更紧凑 ===================== */
.pro-topbar--glass{
  background: rgba(255,255,255,.82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}
/* 深色 Hero 背景下也保持可读性 */
.pro-topbar--glass .pro-nav-link,
.pro-topbar--glass .pro-brand-name{
  color: rgba(15,23,42,.92);
}
.pro-topbar--glass .pro-nav-caret{ color: rgba(15,23,42,.55); }
.pro-topbar--glass .pro-cta-login{ background: rgba(37,99,235,.08); border-color: rgba(37,99,235,.25); }
.pro-topbar--glass .pro-cta-login:hover{ background: rgba(37,99,235,.12); }

/* 进一步压缩高度（避免“顶部太高”） */
.pro-topbar{ height: 54px; }
.pro-topbar-inner{ height: 54px; }
.pro-brand{ height: 54px; }
.pro-nav-link{ padding: 0 10px; font-size: 13.5px; }
.pro-cta-login, .pro-cta-register{ height: 34px; padding: 0 12px; font-size: 13px; }

/* 防止导航在部分页面被挤成两行：强制不换行 + 横向滚动兜底 */
.pro-nav{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
.pro-nav-list{ flex-wrap: nowrap !important; white-space: nowrap; }
.pro-nav::-webkit-scrollbar{ height: 0; }

/* 下拉菜单视觉升级（更像云厂商 MegaMenu） */
.pro-dropdown{
  top: calc(100% + 10px);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 20px 60px rgba(15,23,42,.18);
}
.pro-dropdown::before{
  content: "";
  position: absolute;
  top: -10px;
  left: 28px;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  border-left: 1px solid rgba(15,23,42,.10);
  border-top: 1px solid rgba(15,23,42,.10);
}
.pro-dropdown-title{ letter-spacing: .2px; }
.pro-dropdown-item{ border-radius: 10px; }


/* ===================== v4.9 顶部导航：云厂商玻璃态 + 更紧凑 ===================== */
.pro-topbar--glass{
  background: rgba(255,255,255,.82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.pro-topbar--glass .pro-nav-link,
.pro-topbar--glass .pro-brand-name{
  color: rgba(15,23,42,.86);
}

.pro-topbar--glass .pro-nav-link:hover,
.pro-topbar--glass .pro-nav-item.is-active .pro-nav-link{
  color: var(--primary, #1d4ed8);
}

/* 下拉触发区更“紧凑”，避免撑高 */
.pro-topbar--glass .pro-nav-link{
  height: 42px;
  line-height: 42px;
}

/* 让下拉层永远悬浮，不影响页面流（避免出现你截图那种大空白） */
.pro-topbar--glass .pro-nav-item{ position: relative; }
.pro-topbar--glass .pro-dropdown{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: min(980px, calc(100vw - 32px));
}

/* 避免内容区顶部被 Header 盖住 */
body{ padding-top: 58px; }


/* ===================== v4.9 顶部导航：云厂商玻璃态 + 更紧凑 ===================== */
.pro-topbar--glass{
  background: rgba(255,255,255,.82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.pro-topbar--glass .pro-nav-link,
.pro-topbar--glass .pro-brand-name{
  color: rgba(15,23,42,.86);
}

.pro-topbar--glass .pro-nav-link:hover,
.pro-topbar--glass .pro-dropdown:hover > .pro-nav-link,
.pro-topbar--glass .pro-nav-link.is-active{
  color: var(--pro-blue);
}

/* 下拉层：更像云厂商（分栏、阴影、圆角、不会撑高页面） */
.pro-topbar--glass .pro-dropdown-menu{
  top: calc(100% + 10px);
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 45px rgba(15,23,42,.16);
  border-radius: 16px;
}

/* 防止导航项在宽度不足时换行导致“第二行菜单” */
.pro-topbar .pro-nav{
  min-width: 0;
}
.pro-topbar .pro-nav-list{
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

/* 顶部整体高度再压一点：更利落 */
.pro-topbar--glass .pro-topbar-inner{
  min-height: 56px;
}
.pro-topbar--glass .pro-nav-link{
  padding: 6px 10px;
}

/* 让 Logo/菜单/按钮在同一水平线（避免视觉“歪”） */
.pro-topbar .pro-topbar-inner,
.pro-topbar .pro-brand,
.pro-topbar .pro-nav,
.pro-topbar .pro-actions{
  align-items: center;
}

/* 移动端仍然保持单行横向滚动，不出现两行 */
@media (max-width: 900px){
  .pro-topbar .pro-nav{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pro-topbar .pro-nav::-webkit-scrollbar{ height: 0; }
}

/* v4.9 修复：顶部实际高度已压缩，但页面仍按旧高度预留空白，统一变量避免“顶端空一大块” */
:root{ --pro-topbar-h: 56px; }
@media (max-width: 900px){ :root{ --pro-topbar-h: 56px; } }

/* v5.0 顶部导航：行距/垂直居中严格修复（覆盖旧 padding 导致的“上下不居中/顶部空白”） */
.pro-topbar{ height: var(--pro-topbar-h) !important; }
.pro-topbar .content,
.pro-topbar .content-full{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pro-topbar .pro-topbar-inner{
  height: var(--pro-topbar-h) !important;
  min-height: var(--pro-topbar-h) !important;
  align-items: center !important;
}
.pro-topbar .pro-brand,
.pro-topbar .pro-actions{
  display: flex;
  align-items: center;
}
/* 让菜单文字的“行距”稳定在中线，避免字体基线造成的视觉偏下 */
.pro-topbar .pro-nav-link{
  height: 36px !important;
  line-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex;
  align-items: center;
}
/* 按钮也对齐同一中线 */
.pro-topbar .pro-btn{
  height: 36px !important;
  line-height: 36px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}