/* Compact mobile layout overrides */
.avatar-wrap { width:108px !important; height:108px !important; margin-bottom:16px !important; }
.avatar { width:88px !important; height:88px !important; object-fit:cover !important; display:block !important; box-shadow:0 0 0 5px rgba(255,255,255,.90),0 10px 22px rgba(76,139,216,.14) !important; }
.halo-1 { width:102px !important; height:102px !important; }
.halo-2 { width:126px !important; height:126px !important; }
.halo-3 { width:148px !important; height:148px !important; }

/* 主站入口：保持整行宽度，高度再缩小约 30% */
.main-card {
  width:100% !important;
  height:35px !important;
  min-height:35px !important;
  max-height:35px !important;
  box-sizing:border-box !important;
  margin:14px 0 0 !important;
  padding:1px 12px !important;
  grid-template-columns:24px minmax(0,1fr) 13px !important;
  gap:7px !important;
  border-radius:12px !important;
}
.main-icon { width:21px !important; height:21px !important; font-size:13px !important; }
.main-copy { gap:0 !important; min-width:0 !important; }
.main-copy strong { font-size:13px !important; line-height:1 !important; }
.main-copy small { font-size:8.4px !important; line-height:1 !important; }
.main-chevron { font-size:16px !important; }

.section { margin-top:18px !important; }
.section-heading { margin-bottom:9px !important; }
.section-heading h2 { font-size:20px !important; }
.section-heading p { margin-top:5px !important; font-size:13px !important; }

.backup-panel { border-radius:22px !important; }
.backup-row { min-height:62px !important; grid-template-columns:42px 1fr 24px !important; gap:10px !important; padding:8px 14px !important; }
.backup-row + .backup-row::before { left:64px !important; right:14px !important; }
.domain-icon { width:36px !important; height:36px !important; font-size:20px !important; }
.domain-copy { gap:2px !important; }
.domain-copy strong { font-size:18px !important; }
.domain-copy small { font-size:12px !important; }
.external-icon { font-size:20px !important; }

.quick-list { gap:7px !important; }
.quick-card { min-height:64px !important; padding:8px 13px !important; grid-template-columns:42px 1fr 20px !important; gap:10px !important; border-radius:20px !important; }
.quick-icon { width:38px !important; height:38px !important; border-radius:12px !important; font-size:21px !important; }
.quick-copy { gap:3px !important; }
.quick-copy strong { font-size:17px !important; }
.quick-copy small { font-size:12px !important; }
.quick-chevron { font-size:30px !important; }

@media (max-width:768px) {
  .main-card {
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 11px !important;
    grid-template-columns:21px minmax(0,1fr) 12px !important;
    gap:6px !important;
    border-radius:10px !important;
  }
  .main-icon { width:19px !important; height:19px !important; font-size:12px !important; }
  .main-copy strong { font-size:12px !important; line-height:1 !important; }
  .main-copy small { font-size:7.8px !important; line-height:1 !important; }
  .main-chevron { font-size:15px !important; }
}

@media (max-width:390px) {
  .page { padding-left:14px !important; padding-right:14px !important; }
  .avatar-wrap { transform:scale(.90) !important; margin-bottom:13px !important; }
  .brand { font-size:40px !important; }
  .hero-subtitle { font-size:14px !important; letter-spacing:2px !important; }
  .release-domain { font-size:13px !important; gap:6px !important; }
  .notice { font-size:13px !important; padding:8px 12px !important; }

  .main-card {
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 10px !important;
    grid-template-columns:20px minmax(0,1fr) 11px !important;
    gap:5px !important;
    border-radius:9px !important;
  }
  .main-icon { width:18px !important; height:18px !important; font-size:11px !important; }
  .main-copy strong { font-size:11.5px !important; }
  .main-copy small { font-size:7.4px !important; }
  .main-chevron { font-size:14px !important; }

  .backup-row { grid-template-columns:38px 1fr 20px !important; min-height:58px !important; padding:7px 12px !important; gap:9px !important; }
  .backup-row + .backup-row::before { left:57px !important; right:12px !important; }
  .domain-icon { width:34px !important; height:34px !important; font-size:19px !important; }
  .domain-copy strong { font-size:17px !important; }
  .domain-copy small { font-size:11px !important; }
  .external-icon { font-size:19px !important; }
  .quick-card { grid-template-columns:38px 1fr 18px !important; min-height:58px !important; padding:7px 11px !important; gap:9px !important; border-radius:18px !important; }
  .quick-icon { width:34px !important; height:34px !important; border-radius:11px !important; font-size:19px !important; }
  .quick-copy strong { font-size:16px !important; }
  .quick-copy small { font-size:11px !important; }
  .quick-chevron { font-size:27px !important; }
}