/* ITADN d 站手机版排版修补(2026-09-08)。前端是编译产物无源码,用 nginx 注入的样式覆盖。
   我的钱包(scope data-v-4322532f):外层「套餐 | 扫码支付」两栏 + 内层套餐两列,手机上一张卡只剩几十像素,
   价格被截断(实测 390px 视口 "￥15.9" 显示成 "￥15.")。窄屏改外层上下排列,价格字号略降并禁止换行。 */
@media (max-width: 768px) {
  .grid.grid-cols-2.gap-6[data-v-4322532f] { grid-template-columns: minmax(0, 1fr) !important; height: auto !important; }
  .text-2xl[data-v-4322532f] { font-size: 1.25rem !important; line-height: 1.75rem !important; white-space: nowrap; }
  .grid.grid-cols-2.gap-4[data-v-4322532f] { gap: 0.75rem !important; }
}

/* 我的会员(scope data-v-df39c156):同样的两栏网格;套餐行 min-w-max 把整页撑出横向滚动条;
   特权卡 w-1/3 在手机上只剩 100px 宽,文字竖排。窄屏:两栏改上下,套餐行改为容器内横向滑动,特权卡加宽。 */
@media (max-width: 768px) {
  .grid.grid-cols-2.gap-6[data-v-df39c156] { grid-template-columns: minmax(0, 1fr) !important; height: auto !important; }
  .flex.min-w-max[data-v-df39c156] { min-width: 0 !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px; }
  .flex-shrink-0.w-1\/3[data-v-df39c156] { width: 78% !important; }
  .relative.w-48.h-48[data-v-df39c156] { max-width: 100%; }
}

/* 全站悬浮客服按钮:同时设了 left(380px) 与 right,left 优先,手机上跑到视口外(实测 390px 视口 right=430),
   把整页撑出横向滚动。窄屏改为只按 right 定位。 */
@media (max-width: 768px) {
  .customer-service { left: auto !important; right: 12px !important; }
  /* 仅改按钮定位不够:布局视口一旦被撑到 450 就会与按钮互相维持(实测)。窄屏禁掉 html/body 的横向溢出才能收回到 390。 */
  html, body { overflow-x: hidden !important; }
}

/* 个人中心外框(scope data-v-2571cc4f):.main-content 是 grid,左栏/右栏子项 min-width:auto 被内容撑到 414px(父 370px),
   登录态下右侧被裁 35px。窄屏给子项 min-width:0 并限制不超父宽。 */
@media (max-width: 768px) {
  .main-content[data-v-2571cc4f] { grid-template-columns: minmax(0, 1fr) !important; }
  .left-sidebar[data-v-2571cc4f], .right-content[data-v-2571cc4f] { min-width: 0 !important; max-width: 100% !important; overflow-x: hidden; }
}

/* 邀请奖励页 /invite(scope data-v-4c720c1d):桌面布局在手机上两张卡片挤成竖排文字、流程横向溢出、进度刻度标签重叠。 */
@media (max-width: 768px) {
  .container[data-v-4c720c1d] { padding: 12px !important; margin: 10px auto 0 !important; }
  .header h1[data-v-4c720c1d] { font-size: 22px !important; margin-bottom: 10px !important; }
  .header p[data-v-4c720c1d] { font-size: 16px !important; margin-bottom: 20px !important; }
  .points-info[data-v-4c720c1d] { flex-direction: column !important; gap: 14px !important; margin: 20px 0 !important; }
  .points-info[data-v-4c720c1d] > *:not(.points-box) { transform: rotate(90deg); }   /* 中间的 » 箭头改朝下 */
  .points-box[data-v-4c720c1d] { width: 100% !important; margin: 0 !important; padding: 22px 16px 28px !important; box-sizing: border-box; }
  .points-box h2[data-v-4c720c1d] { font-size: 17px !important; }
  .points-box p[data-v-4c720c1d] { font-size: 15px !important; }
  .description[data-v-4c720c1d] { font-size: 15px !important; margin: 20px 0 !important; }
  .process[data-v-4c720c1d] { font-size: 15px !important; }
  .process ul[data-v-4c720c1d] { flex-wrap: wrap !important; gap: 12px 8px !important; justify-content: space-around !important; }
  .process li[data-v-4c720c1d] { flex: 0 0 30% !important; min-width: 90px; }
  .process li[data-v-4c720c1d] .icon { width: 40px; height: 40px; }
  .progress-container[data-v-4c720c1d] { width: 74% !important; margin: 70px auto 20px !important; }   /* 留出两端圆点与标签的外溢空间 */
  .mark:last-child[data-v-4c720c1d] .point-item { left: auto !important; right: -10px !important; transform: none !important; max-width: 140px; white-space: normal !important; text-align: right; line-height: 1.2; top: -44px !important; }
  .mark:first-child[data-v-4c720c1d] .point-item { left: -6px !important; transform: none !important; }
  .point-item[data-v-4c720c1d] { font-size: 12px !important; padding: 1px 4px !important; }
  .mark:nth-child(2n)[data-v-4c720c1d] .point-item { top: auto !important; bottom: -34px !important; }   /* 奇偶错开,上下各一排 */
  .rewards table[data-v-4c720c1d] { font-size: 13px !important; margin-top: 46px !important; width: 100% !important; table-layout: auto; }
  .mark[data-v-4c720c1d] { width: 28px !important; height: 20px !important; font-size: 12px !important; }
  .mark span[data-v-4c720c1d] { width: 28px !important; height: 28px !important; line-height: 28px !important; font-size: 12px !important; }
  .rewards th[data-v-4c720c1d], .rewards td[data-v-4c720c1d] { padding: 6px 4px !important; white-space: nowrap; }
}