/* ===== 主账号页卡片：胶囊造型 + iOS 液态玻璃（通透版） ===== */
/* 只覆盖卡片外观，不改任何结构、文字、路由与逻辑 */

/* 底色留一层柔和光晕，玻璃才有“透”的层次 */
.main-content[data-v-cc0fe95a],
.main-content[data-v-fa2b0e12]{
  background-color:#e8edf8!important;
  background-image:
    radial-gradient(50% 32% at 4% -2%,rgba(104,158,255,.62),rgba(104,158,255,0) 70%),
    radial-gradient(46% 28% at 98% 10%,rgba(255,132,212,.55),rgba(255,132,212,0) 72%),
    radial-gradient(60% 34% at 42% 100%,rgba(96,228,196,.52),rgba(96,228,196,0) 74%),
    radial-gradient(42% 26% at 86% 62%,rgba(255,208,112,.38),rgba(255,208,112,0) 76%)!important;
  background-repeat:no-repeat!important;
}
.main-content.chat-content[data-v-cc0fe95a],
.main-content.chat-content[data-v-fa2b0e12]{background-image:none!important}

/* ---------- 玻璃材质（信息卡 / 频道通知 / 功能卡 统一同一套） ---------- */
.info-card[data-v-cc0fe95a],
.tg-notice[data-v-cc0fe95a],
.feature-grid[data-v-cc0fe95a]>.feature-item,
.info-card[data-v-fa2b0e12],
.tg-notice[data-v-fa2b0e12],
.feature-grid[data-v-fa2b0e12]>.feature-item{
  position:relative!important;
  background-color:rgba(255,255,255,.10)!important;
  background-image:linear-gradient(135deg,
    rgba(255,255,255,.40) 0%,
    rgba(255,255,255,.20) 30%,
    rgba(255,255,255,.10) 56%,
    rgba(255,255,255,.28) 100%)!important;
  background-size:180% 180%!important;
  -webkit-backdrop-filter:blur(30px) saturate(205%) brightness(1.03)!important;
  backdrop-filter:blur(30px) saturate(205%) brightness(1.03)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:
    0 14px 30px rgba(20,32,60,.10),
    0 3px 8px rgba(20,32,60,.05),
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(255,255,255,.26)!important;
  overflow:hidden!important;
  -webkit-animation:zkLiquid 9s ease-in-out infinite;
  animation:zkLiquid 9s ease-in-out infinite;
}
/* 顶部高光，玻璃感的来源 */
.info-card[data-v-cc0fe95a]::before,
.tg-notice[data-v-cc0fe95a]::before,
.feature-grid[data-v-cc0fe95a]>.feature-item::before,
.info-card[data-v-fa2b0e12]::before,
.tg-notice[data-v-fa2b0e12]::before,
.feature-grid[data-v-fa2b0e12]>.feature-item::before{
  content:"";position:absolute;left:0;right:0;top:0;height:58%;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(120% 100% at 12% 0%,rgba(255,255,255,.62) 0%,rgba(255,255,255,0) 64%);
}
.info-card[data-v-cc0fe95a]>*,
.tg-notice[data-v-cc0fe95a]>*,
.feature-grid[data-v-cc0fe95a]>.feature-item>*,
.info-card[data-v-fa2b0e12]>*,
.tg-notice[data-v-fa2b0e12]>*,
.feature-grid[data-v-fa2b0e12]>.feature-item>*{position:relative;z-index:1}

/* 卡内分隔线也换成玻璃线，别用实心灰 */
.info-row[data-v-cc0fe95a],
.info-row[data-v-fa2b0e12]{border-bottom:1px solid rgba(255,255,255,.42)!important;background:transparent!important}

@-webkit-keyframes zkLiquid{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@keyframes zkLiquid{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@media (prefers-reduced-motion:reduce){
  .info-card[data-v-cc0fe95a],.tg-notice[data-v-cc0fe95a],
  .feature-grid[data-v-cc0fe95a]>.feature-item,
  .info-card[data-v-fa2b0e12],.tg-notice[data-v-fa2b0e12],
  .feature-grid[data-v-fa2b0e12]>.feature-item{-webkit-animation:none!important;animation:none!important}
}

/* ---------- 手机端：椭圆（胶囊）造型 ---------- */
@media (max-width:900px){
  .info-card[data-v-cc0fe95a],.info-card[data-v-fa2b0e12]{border-radius:46px!important;padding:6px 8px!important}
  .tg-notice[data-v-cc0fe95a],.tg-notice[data-v-fa2b0e12]{border-radius:40px!important;padding:18px 24px!important}
  .feature-grid[data-v-cc0fe95a]>.feature-item,
  .feature-grid[data-v-fa2b0e12]>.feature-item{border-radius:999px!important;height:76px!important;padding:0 20px!important}
}
/* ---------- 宽屏：保持原来的排布，只换成大圆角玻璃 ---------- */
@media (min-width:901px){
  .info-card[data-v-cc0fe95a],.info-card[data-v-fa2b0e12]{border-radius:36px!important;padding:6px 8px!important}
  .tg-notice[data-v-cc0fe95a],.tg-notice[data-v-fa2b0e12]{border-radius:34px!important;padding:18px 22px!important}
  .feature-grid[data-v-cc0fe95a]>.feature-item,
  .feature-grid[data-v-fa2b0e12]>.feature-item{border-radius:32px!important}
}

/* 点按反馈（原来的灰底被玻璃盖掉了，换成亮度变化） */
.feature-grid[data-v-cc0fe95a]>.feature-item:hover,
.feature-grid[data-v-fa2b0e12]>.feature-item:hover{filter:brightness(1.04)}
.feature-grid[data-v-cc0fe95a]>.feature-item:active,
.feature-grid[data-v-fa2b0e12]>.feature-item:active{filter:brightness(1.08)}