/* time: 20251231072447 */


.app-card {position: relative; display: flex; margin: var(--gap); padding: var(--gap); background: #fff; border-radius: 6px; }
.app-card p {margin-block: 4px; font-size: 12px; color: #555;}
.app-card .app-icon {width: 64px; font-size: 0;}
.app-icon img {display: block; width:100%; aspect-ratio: 1; border-radius: 8px; background: #eee; }
.app-card .app-info {padding: 0 var(--gap); max-width: calc(100% - 64px);}
.app-card .app-name {
  display:inline-block; font-size: 16px; line-height: 1.2; font-weight: normal;
  max-width: 100%;
}
.app-card[svr]::before {
  content: attr(svr);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0;
  padding: 1px 5px;
  font-size: 11px;
  background: rgba(222, 255, 222, .77);
  color: #363;
  z-index: 9;
}
.app-card[svr=""]::before {
  display: none;
}
.app-card[data-flag]::after {
  content: attr(data-flag);
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  font-size: 12px;
  background: var(--primary-color);
  color: #fff;
  border-radius: 0 6px;
}

#search-options {
  display: none;
}
[list-type="search"] #search-options {
  display: flex;
  padding: 8px;
  justify-content: center;
  margin: var(--gap);
  border-radius: 6px;
  background: #fafafa;
  font-size: 13px;
}
#search-options > * {
  margin-inline: 1em;
  color: #666;
}
#search-type {
  vertical-align: middle;
}
#search-options label[for="search-keyword"] {
  width: 90%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #eee;
  padding: 12px;
  margin-bottom: 12px;
}
#search-options #search-keyword {
  width: 90%;
  max-width: 300px;
  font-size: 14px;
  border: solid 1px #888;
  padding: 4px;
  border-radius: 4px;
}