/* ============================================================
   政达分发 · 旧版内页兼容层
   仅作用于未使用 .zd-page / .zd-auth-page 的页面（source/index/*.php）
   目的：让旧模板页面共用新版导航与品牌排版，屏幕观感统一
   ============================================================ */

body:not(.zd-page):not(.zd-auth-page) {
  padding-top: 72px;
  font-family: var(--zd-font);
  color: var(--zd-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 旧内页把 header() 放在 banner 内部，这里把导航固定到视口顶部 */
body:not(.zd-page):not(.zd-auth-page) .zd-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

/* 旧模板标题字重统一 */
body:not(.zd-page):not(.zd-auth-page) h1,
body:not(.zd-page):not(.zd-auth-page) h2,
body:not(.zd-page):not(.zd-auth-page) h3 {
  font-family: var(--zd-font);
}

/* 旧模板链接去掉默认下划线，保留品牌色 */
body:not(.zd-page):not(.zd-auth-page) a:hover,
body:not(.zd-page):not(.zd-auth-page) a:focus {
  text-decoration: none;
}

/* 旧模板里内嵌的浅色块统一圆角观感 */
body:not(.zd-page):not(.zd-auth-page) img {
  max-width: 100%;
}

/* ---------- 视觉统一（叠加层，不改布局） ---------- */

/* 旧内页顶部横幅改为品牌渐变，替换旧位图横幅 */
body:not(.zd-page):not(.zd-auth-page) .main > .head,
body:not(.zd-page):not(.zd-auth-page) .main .head {
  background-image: linear-gradient(135deg, #4f46e5 0%, #6366f1 46%, #8b5cf6 100%) !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #4f46e5 !important;
}

/* 套餐 / 商品卡片观感 */
body:not(.zd-page):not(.zd-auth-page) .item_total .item {
  border-radius: 18px !important;
  border: 1px solid #e9ebf5 !important;
  background: #fff;
  box-shadow: 0 16px 36px -32px rgba(15, 23, 42, .5);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body:not(.zd-page):not(.zd-auth-page) .item_total .item:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 52px -30px rgba(79, 70, 229, .4);
  border-color: #dfe3fb !important;
}

/* 购买 / 主要按钮统一为品牌渐变胶囊（单层渲染）
   旧模板把底色画在 .btn_pay 容器上（200x40、5px 圆角），链接铺满容器；
   若只给 <a> 加胶囊样式，胶囊四角会漏出容器底色。这里把渐变、圆角、
   投影统一收到容器上，链接透明，保证只有一层可见形状。 */
body:not(.zd-page):not(.zd-auth-page) .btn_pay {
  background: var(--zd-grad) !important;
  border: 0 !important;
  border-radius: 999px !important;
  overflow: hidden;
  box-shadow: 0 10px 24px -10px rgba(99, 102, 241, .8) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body:not(.zd-page):not(.zd-auth-page) .btn_pay a,
body:not(.zd-page):not(.zd-auth-page) .btn_pay button {
  background: none !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: var(--zd-font);
  font-weight: 600;
}

/* 旧模板在卡片悬停时会把容器底色刷白，这里维持渐变不变 */
body:not(.zd-page):not(.zd-auth-page) .item_total .item:hover .top .btn_pay {
  background: var(--zd-grad) !important;
}

body:not(.zd-page):not(.zd-auth-page) .btn_pay:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 16px 30px -14px rgba(99, 102, 241, .9) !important;
}

/* 输入框聚焦品牌色 */
body:not(.zd-page):not(.zd-auth-page) input:focus,
body:not(.zd-page):not(.zd-auth-page) textarea:focus,
body:not(.zd-page):not(.zd-auth-page) select:focus {
  border-color: #a5b4fc !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .12);
  outline: none;
}

/* 旧内页标题字色与字距 */
body:not(.zd-page):not(.zd-auth-page) .title-wrap h1,
body:not(.zd-page):not(.zd-auth-page) .title-wrap h2 {
  color: #1e293b !important;
  letter-spacing: -.01em;
}

@media (max-width: 1080px) {
  body:not(.zd-page):not(.zd-auth-page) {
    padding-top: 64px;
  }
}

/* ============================================================
   全站玻璃拟态 v3 · 旧版内页
   仅叠加背景 / 边框 / 模糊，不改布局与文案
   ============================================================ */

body:not(.zd-page):not(.zd-auth-page) {
  background:
    radial-gradient(920px 520px at 8% -12%, #dbe4ff 0%, rgba(219, 228, 255, 0) 62%),
    radial-gradient(860px 500px at 96% 0%, #ecdcff 0%, rgba(236, 220, 255, 0) 60%),
    radial-gradient(820px 520px at 52% 106%, #d5f0ff 0%, rgba(213, 240, 255, 0) 64%),
    linear-gradient(165deg, #f3f6ff 0%, #e7edfa 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* 顶部横幅：品牌色玻璃 */
body:not(.zd-page):not(.zd-auth-page) .main > .head,
body:not(.zd-page):not(.zd-auth-page) .main .head {
  background-image: linear-gradient(135deg, rgba(79, 70, 229, .86) 0%, rgba(99, 102, 241, .8) 46%, rgba(139, 92, 246, .78) 100%) !important;
  border-radius: 0 0 26px 26px;
  box-shadow: 0 24px 60px -34px rgba(49, 46, 129, .55), inset 0 1px 0 rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(16px) saturate(165%);
  backdrop-filter: blur(16px) saturate(165%);
}

body:not(.zd-page):not(.zd-auth-page) .main,
body:not(.zd-page):not(.zd-auth-page) .main > .container,
body:not(.zd-page):not(.zd-auth-page) .head-in,
body:not(.zd-page):not(.zd-auth-page) .banner {
  background: transparent;
}

/* 内容卡片 / 面板 */
body:not(.zd-page):not(.zd-auth-page) .panel,
body:not(.zd-page):not(.zd-auth-page) .doc-list,
body:not(.zd-page):not(.zd-auth-page) .ms-thumbnail,
body:not(.zd-page):not(.zd-auth-page) .source-box,
body:not(.zd-page):not(.zd-auth-page) .release-app-wrap,
body:not(.zd-page):not(.zd-auth-page) .app-table-wrap,
body:not(.zd-page):not(.zd-auth-page) .toolkit-common,
body:not(.zd-page):not(.zd-auth-page) .feedback,
body:not(.zd-page):not(.zd-auth-page) .about-tab,
body:not(.zd-page):not(.zd-auth-page) .about-tab-wrap,
body:not(.zd-page):not(.zd-auth-page) .buy-number,
body:not(.zd-page):not(.zd-auth-page) .new-price-meal,
body:not(.zd-page):not(.zd-auth-page) .update-log,
body:not(.zd-page):not(.zd-auth-page) .list-bottom-common,
body:not(.zd-page):not(.zd-auth-page) .introduce,
body:not(.zd-page):not(.zd-auth-page) .index-common {
  background: rgba(255, 255, 255, .55);
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 18px;
  -webkit-backdrop-filter: blur(16px) saturate(175%);
  backdrop-filter: blur(16px) saturate(175%);
  box-shadow: 0 20px 44px -30px rgba(30, 41, 59, .28), inset 0 1px 0 rgba(255, 255, 255, .85);
}

body:not(.zd-page):not(.zd-auth-page) .panel-default > .panel-heading {
  background: rgba(255, 255, 255, .45);
  border-bottom: 1px solid rgba(15, 23, 42, .07);
  border-radius: 18px 18px 0 0;
}

body:not(.zd-page):not(.zd-auth-page) .panel-body { background: transparent; }

/* 套餐卡与价格标签 */
body:not(.zd-page):not(.zd-auth-page) .item_total .item {
  background: rgba(255, 255, 255, .58) !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  -webkit-backdrop-filter: blur(16px) saturate(175%);
  backdrop-filter: blur(16px) saturate(175%);
  box-shadow: 0 22px 48px -32px rgba(30, 41, 59, .32), inset 0 1px 0 rgba(255, 255, 255, .85);
}

body:not(.zd-page):not(.zd-auth-page) .price-tab ul {
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

body:not(.zd-page):not(.zd-auth-page) .price-tab ul li {
  background: transparent;
  border-radius: 12px;
}

body:not(.zd-page):not(.zd-auth-page) .price-tab ul li.active,
body:not(.zd-page):not(.zd-auth-page) .price-tab ul li:hover {
  background: rgba(255, 255, 255, .9);
  border-color: rgba(255, 255, 255, .9);
  color: #4f46e5;
  box-shadow: 0 10px 22px -14px rgba(79, 70, 229, .4);
}

/* 表格 */
body:not(.zd-page):not(.zd-auth-page) .table {
  background: rgba(255, 255, 255, .4);
}

body:not(.zd-page):not(.zd-auth-page) .table > thead > tr > th {
  background: rgba(255, 255, 255, .58);
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}

body:not(.zd-page):not(.zd-auth-page) .table > tbody > tr > td,
body:not(.zd-page):not(.zd-auth-page) .table > tbody > tr > th {
  background: transparent;
  border-top-color: rgba(15, 23, 42, .06);
}

/* 表单 */
body:not(.zd-page):not(.zd-auth-page) .form-control {
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

body:not(.zd-page):not(.zd-auth-page) .form-control:focus {
  background: rgba(255, 255, 255, .85);
}

/* 次要按钮 */
body:not(.zd-page):not(.zd-auth-page) .ms-btn-default {
  background: rgba(255, 255, 255, .55) !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  -webkit-backdrop-filter: blur(10px) saturate(170%);
  backdrop-filter: blur(10px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

body:not(.zd-page):not(.zd-auth-page) .ms-btn-default:hover {
  background: rgba(255, 255, 255, .82) !important;
}

/* 价格页「购买」按钮：模板文字写死为 <font color="#FFF">，底色来自
   pt_index_price 样式；此前误并入玻璃次要按钮后变成白底白字（整颗按钮
   看不见）。这里按品牌渐变胶囊渲染，并压深一档保证白字对比度 ≥5.7:1。 */
body:not(.zd-page):not(.zd-auth-page) .u-btn-free,
body:not(.zd-page):not(.zd-auth-page) .u-btn.u-btn-free {
  background: linear-gradient(135deg, #4f46e5 0%, #6d28d9 55%, #7c3aed 100%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: 0 10px 24px -12px rgba(79, 70, 229, .7);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:not(.zd-page):not(.zd-auth-page) .u-btn-free:hover {
  background: linear-gradient(135deg, #4f46e5 0%, #6d28d9 55%, #7c3aed 100%) !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 30px -12px rgba(79, 70, 229, .85);
}

/* 关于页激活菜单：#157df1 上白字对比度 4.01，压暗到 4.85 */
body:not(.zd-page):not(.zd-auth-page) .about-tab-wrap .about-tab .router-link-active {
  background-color: #0f6fdc;
}

/* 旧模板页头横幅：`.banner-pic` 图位是空的，整块只剩一条「政达分发 - 页面名」
   白色标题，却撑出 220~330px 高度；浅色底图（新闻动态页）上标题还是白字，
   于是整块看起来就是一片空白。这里连同旧页头底色一起收掉，只保留统一导航。 */
body:not(.zd-page):not(.zd-auth-page) .head {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:not(.zd-page):not(.zd-auth-page) .head-in > .banner {
  display: none !important;
}

/* 旧页面为避开横幅高度写死的偏移量：关于页 #app 226px / .about-tab-wrap
   -271px，新闻页列表 #_l -40px。横幅收起后这些补偿值会把内容顶到导航底下
   或留出大片空隙，这里统一归零。 */
body:not(.zd-page):not(.zd-auth-page) #app {
  margin-top: 0 !important;
}

body:not(.zd-page):not(.zd-auth-page) .about-tab-wrap,
body:not(.zd-page):not(.zd-auth-page) #_l {
  margin-top: 0 !important;
}

/* 关于页标签栏原本压在深色横幅上、文字为白色；横幅收起后落在浅色底上，
   默认态改用深色字，选中/悬停仍保持白字（底色为品牌蓝）。 */
body:not(.zd-page):not(.zd-auth-page) .about-tab-wrap .about-tab > a {
  color: #313a55 !important;
}

body:not(.zd-page):not(.zd-auth-page) .about-tab-wrap .about-tab > a:hover,
body:not(.zd-page):not(.zd-auth-page) .about-tab-wrap .about-tab > a.router-link-active {
  color: #fff !important;
}

/* ============================================================
   移动端 · 旧版页面固定宽度收敛
   旧模板（moban3/index1.css）写死 body min-width:1300px，
   价格/文档页内联 .container 写死 1266px，窄屏必然横向溢出。
   ============================================================ */
@media (max-width: 900px) {
  body:not(.zd-page):not(.zd-auth-page) {
    min-width: 0 !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .main,
  body:not(.zd-page):not(.zd-auth-page) .head,
  body:not(.zd-page):not(.zd-auth-page) .layui-body {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .container {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  body:not(.zd-page):not(.zd-auth-page) img,
  body:not(.zd-page):not(.zd-auth-page) video {
    max-width: 100%;
    height: auto;
  }

  /* 文档页横幅 */
  body:not(.zd-page):not(.zd-auth-page) .head-in,
  body:not(.zd-page):not(.zd-auth-page) .banner,
  body:not(.zd-page):not(.zd-auth-page) .banner-word,
  body:not(.zd-page):not(.zd-auth-page) .banner-pic {
    width: auto !important;
    max-width: 100% !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .banner-word-1st {
    word-break: break-word;
  }

  /* 价格页套餐卡：横向排列改为纵向堆叠 */
  body:not(.zd-page):not(.zd-auth-page) .price-tab ul {
    width: 100% !important;
    height: auto !important;
    margin: 18px 0 !important;
    display: flex !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .price-tab ul li {
    float: none !important;
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0;
    font-size: 13px;
    padding: 0 2px;
  }

  body:not(.zd-page):not(.zd-auth-page) .setmeal_content .item_total {
    width: auto !important;
    max-width: 100% !important;
  }

  /* 价格页 .buy-number 是 flex 容器，内部块会被压缩为 shrink-to-fit；
     其 0 60px 内边距在窄屏吃掉 120px 可用宽度，收敛为 12px */
  body:not(.zd-page):not(.zd-auth-page) .buy-number {
    display: block !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .setmeal_content {
    width: 100% !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .setmeal_content .block {
    flex-wrap: wrap !important;
    padding: 12px !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .setmeal_content .item_total .item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 14px;
  }

  /* 关于页 1100px 容器与左右分栏 */
  body:not(.zd-page):not(.zd-auth-page) .cy_about_width {
    width: auto !important;
    max-width: 100% !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .cy_about_core_branch_left,
  body:not(.zd-page):not(.zd-auth-page) .cy_about_core_branch_right,
  body:not(.zd-page):not(.zd-auth-page) .cy_about_core_branch_two_left,
  body:not(.zd-page):not(.zd-auth-page) .cy_about_core_branch_two_right {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .absoutMe .bg {
    width: 100% !important;
    max-width: 100% !important;
    background-size: 100% 100% !important;
  }

  body:not(.zd-page):not(.zd-auth-page) .knowUs_desc {
    width: auto !important;
    max-width: 100% !important;
    font-size: 16px;
    line-height: 30px;
  }

  body:not(.zd-page):not(.zd-auth-page) .absoutMe {
    flex-wrap: wrap;
  }

  body:not(.zd-page):not(.zd-auth-page) .absoutMe .me {
    width: 100% !important;
    height: auto;
    padding: 28px 22px;
    background-size: 100% 100%;
  }
}