/* 使用已确认的阅作品牌原图；屏幕缩放不改变图案、颜色或字形。 */
.brand-wordmark {
  display: block;
  width: 178px;
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}
.brand-compact { display: none; width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; }
.sidebar .brand {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0 4px 31px;
}
.sidebar .brand-sub { margin: -5px 0 0 13px; line-height: 1.5; }
.brand-boot-icon { display: block; width: 84px; height: 84px; object-fit: contain; }
.brand-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.brand-logo > small { margin: -5px 0 0 13px; }
.cloud-browser-mark { display: block; width: 54px; height: 54px; object-fit: contain; background: transparent; border-radius: 0; }
@media (max-width: 1250px) and (min-width: 1101px) {
  .sidebar .brand-wordmark { width: 164px; }
}
@media (max-width: 1100px) and (min-width: 721px) {
  .sidebar .brand { align-items: center; padding: 0 0 31px; }
  .sidebar .brand-wordmark, .sidebar .brand-sub { display: none; }
  .sidebar .brand-compact { display: block; }
}
@media (max-width: 720px) {
  .sidebar .brand { align-items: flex-start; padding: 0 7px 28px; }
  .sidebar .brand-wordmark { width: 180px; }
  .sidebar .brand-sub { display: block; }
}
@media (max-width: 420px) {
  .page-header .brand-wordmark { width: 150px; }
  .page-header .brand-logo > small { font-size: 12px; margin-left: 11px; }
}
