@charset "UTF-8";

/* dshgo —— 在 style.css（参考站版式）之后加载，仅补充品牌细节，不改动版式 */

/* 投诉举报悬浮按钮：原站使用图标字体，这里用字符兜底 */
.report-floating i::before {
  content: "!";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 900;
  font-style: normal;
  line-height: 12px;
  text-align: center;
}

/* 插件名较长，手机模拟器内的推荐位允许收缩省略 */
.phone-recommendations strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 首屏手机框内直接放真实界面截图 */
.phone-screen.phone-shot {
  background: #f5f2fa;
}

.phone-screen.phone-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

/* 界面速览：截图按统一比例裁切顶部 */
.screenshot-track img {
  background: #f5f2fa;
}

/* 首页大标题为拉丁字母，字距收紧后仍留出呼吸感 */
.hero-copy h1 {
  letter-spacing: -3px;
}

/* 手机模拟器内的状态栏图标与时间不换行 */
.phone-status span {
  white-space: nowrap;
}

/* 仅在极窄屏（≤360px）收一下头部，避免 CTA 挤掉菜单按钮 */
@media (max-width: 360px) {
  .header-inner {
    gap: 6px;
  }

  .brand {
    min-width: 0;
    gap: 8px;
    font-size: 17px;
  }

  .brand img {
    width: 34px;
    height: 34px;
  }

  .brand-copy small {
    font-size: 10px;
  }

  .header-download {
    min-width: auto;
    padding: 0 8px;
    gap: 4px;
    font-size: 11px;
  }

  .header-download .icon {
    width: 14px;
    height: 14px;
  }

  .menu-toggle {
    flex: 0 0 auto;
  }

  .hero-downloads a {
    min-width: 0;
  }
}