.account-center-card{border-radius:16px;overflow:hidden}
.account-center-toolbar{padding:4px 8px;background:#fff}
.account-center-sidenav{background:#f8fafc;border-right:1px solid #eef2f7;min-height:72vh}
.account-center-sidenav .v-list{padding-top:8px;padding-bottom:8px}
.account-center-sidenav .v-list-item{border-radius:10px;margin:4px 8px;transition:background .2s,box-shadow .2s}
.account-center-sidenav .v-list-item:hover{background:#f1f5f9}
.account-center-sidenav .v-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px #93c5fd inset}
.account-center-sidenav .v-list-item--active{background:linear-gradient(90deg,#eef2ff,#e0e7ff)}
.account-center-sidenav .v-list-item__title{font-weight:600}
/* Make the right content area wider and reduce inner paddings */
.account-center-content{max-height:72vh;overflow:auto;background:#fff;padding-left:8px;padding-right:12px}
.account-center-content .v-container,
.account-center-content .container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
.account-center-content .mx-auto{margin-left:0 !important;margin-right:0 !important}
.account-center-pane{padding:12px 0 24px}
/* Reduce extra margins from embedded forms/cards if present */
.account-center-pane .v-card.account-form-card{margin-left:0;margin-right:0}

/* ================================================================
   移动端 / 平板（≤959px）
   两栏在窄屏会上下堆叠：此时把左侧导航改为顶部「横向可滑动标签条」，
   并让内容区占满剩余高度、自己滚动，避免侧栏 72vh 最小高度与内容区
   72vh 上限叠加后出现的整屏空白。
   ================================================================ */
@media (max-width:959px){
  /* 卡片改为纵向弹性布局，工具栏固定、内容自适应 */
  .account-center-card{display:flex;flex-direction:column;border-radius:0;height:100%}
  .account-center-card>.v-toolbar{flex:0 0 auto}

  /* 顶部横向标签条：不再占用 72vh，可左右滑动 */
  .account-center-sidenav{flex:0 0 auto;min-height:0;background:#fff;border-right:0;border-bottom:1px solid #eef2f7}
  .account-center-sidenav .v-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:10px 12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .account-center-sidenav .v-list::-webkit-scrollbar{display:none}
  .account-center-sidenav .v-list-item{flex:0 0 auto;margin:0;padding:0 14px;min-height:40px;border-radius:999px;background:#f1f5f9}
  .account-center-sidenav .v-list-item:hover{background:#e2e8f0}
  .account-center-sidenav .v-list-item--active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 2px 10px rgba(79,70,229,.16)}
  .account-center-sidenav .v-list-item__action{align-self:center;margin:0 8px 0 0;min-width:24px}
  .account-center-sidenav .v-list-item__title{font-size:14px!important;white-space:nowrap}

  /* 内容区：占满剩余高度并独立滚动 */
  .account-center-card>.container{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:0!important}
  .account-center-card>.container>.row{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;min-height:0;margin:0}
  .account-center-card>.container>.row>.col{flex:0 0 auto;width:100%;max-width:100%;padding:0}
  .account-center-card>.container>.row>.account-center-content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}
  .account-center-pane{padding:8px 0 16px}
  .account-center-pane .v-card{box-shadow:none!important}
}