/* =========================================================
   glass.css · 全站共享毛玻璃组件层（2026-09-19）
   依赖：tokens.css（3.0 材质变量）
   引入顺序：tokens → glass →（页面自身样式）→ tabbar → mobile-fix
   纯 CSS、零 JS 依赖；所有类以 g- 前缀，避免与页面内联样式冲突。
   ========================================================= */

/* ——— 玻璃卡片 ——— */
.g-card{
  background:var(--glass-card-bg);
  -webkit-backdrop-filter:var(--glass-card-blur);
  backdrop-filter:var(--glass-card-blur);
  border:1px solid var(--glass-card-border);
  border-radius:var(--r-lg,20px);
  box-shadow:var(--glass-specular),var(--shadow-card,0 2px 8px rgba(0,0,0,.05));
}

/* ——— 吸顶毛玻璃导航栏 ——— */
.g-navbar{
  position:sticky;top:0;z-index:1100;
  padding-top:env(safe-area-inset-top,0px);
  background:var(--mat-regular-bg);
  -webkit-backdrop-filter:var(--mat-regular-blur);
  backdrop-filter:var(--mat-regular-blur);
  box-shadow:0 .5px 0 var(--glass-hairline);
}
.g-navbar .g-navbar-in{
  max-width:1280px;margin:0 auto;
  min-height:var(--navbar-h);
  display:flex;align-items:center;gap:12px;
  padding:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px));
}
.g-navbar .g-title{font-size:17px;font-weight:700;letter-spacing:-.01em}
.g-navbar .g-sub{font-size:11px;color:var(--sub,#8A8A8A);font-weight:500}

/* ——— 浮动玻璃芯片（状态/提示） ——— */
.g-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:999px;
  background:var(--mat-thin-bg);
  -webkit-backdrop-filter:var(--mat-thin-blur);
  backdrop-filter:var(--mat-thin-blur);
  border:1px solid var(--glass-card-border);
  font-size:12px;font-weight:600;
  box-shadow:var(--glass-specular);
}

/* ——— iOS 按压反馈（按钮/可点卡片通用） ——— */
.g-press{transition:transform .18s var(--ios-spring),opacity .18s ease;-webkit-tap-highlight-color:transparent}
.g-press:active{transform:scale(.97);opacity:.85}

/* ——— 玻璃弹层（底部 sheet） ——— */
.g-sheet{
  background:var(--mat-thick-bg);
  -webkit-backdrop-filter:var(--mat-thick-blur);
  backdrop-filter:var(--mat-thick-blur);
  border-top:.5px solid var(--glass-hairline);
  border-radius:20px 20px 0 0;
  box-shadow:var(--shadow-sheet,0 -8px 40px rgba(0,0,0,.16));
}

/* ——— 表格横滑容器（移动端） ——— */
.g-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.g-scroll-x::-webkit-scrollbar{display:none}

/* ——— backdrop-filter 不支持时的降级（老浏览器：提高不透明度） ——— */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .g-card{background:var(--bg-card,#FFFFFF)}
  .g-navbar{background:var(--bg-card,#FFFFFF)}
  .g-chip{background:var(--bg-card,#FFFFFF)}
  .g-sheet{background:var(--bg-card,#FFFFFF)}
}

/* =========================================================
   hub 三页顶栏升级：吸顶 + regular 材质（覆盖 pages/*.css 的 relative）
   ========================================================= */
.topbar{
  position:sticky;top:0;z-index:1100;
  background:var(--mat-regular-bg)!important;
  -webkit-backdrop-filter:var(--mat-regular-blur)!important;
  backdrop-filter:var(--mat-regular-blur)!important;
  border-bottom:.5px solid var(--glass-hairline)!important;
}