Google column card search - 谷歌多栏卡片搜索 mod by brandy by plainee

/* ==UserStyle==
@name           Google column card search - 谷歌多栏卡片搜索 mod by brandy
@namespace      USO Archive
@author         iwyvi, brandy
@description    `Google column card search. Remove some ads and the right panel.谷歌多栏卡片搜索，移走了右侧信息框以及部分广告。带有响应式，不同宽度具有不同的栏数，建议三栏以上设置每页显示20条结果。`
@version        20220208
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document regexp("^https:\\/\\/www.google.com(\\..*)?\\/search.*") {
.mw,
.lEXIrb {
  max-width: max-content !important;
  width: 100% !important;
  padding: 0 40px;
  box-sizing: border-box;
}
.e9EfHf {
  min-width: auto;
}
#rhs {
  display: none;
}
#top_nav {
  display: flex;
  justify-content: center;
}
#top_nav .pdswFd {
  display: none;
}
#top_nav .MUFPAc {
  margin-left: 155px;
}
#top_nav .s6losc {
  margin-right: 15px;
}
#rhs .rhsvw {
  width: 457px;
}
#rcnt {
  margin-top: -5px;
  margin-left: 0 !important;
  max-width: unset;
}
.main {
  min-width: unset;
}
.kp-blk {
  border: 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  background: unset;
  padding-top: 5px;
}
.kno-ftr {
  margin-top: 5px;
}
#rcnt > .col:nth-child(2),
#rcnt > .D6j0vc {
  width: 100% !important;
  box-sizing: border-box;
  max-width: unset;
  padding: 0 40px;
}
#cnt #center_col,
.mw #center_col {
  margin-left: 0;
}
#cnt #center_col,
#cnt #foot {
  width: 100%;
  box-sizing: border-box;
}
#rso {
  counter-reset: results;
}
.vk_c {
  width: auto !important;
}
.g,
.ts {
  margin-top: 5px;
  display: inline-block;
  width: 100% !important;
  padding: 15px 20px !important;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
  transform: translateZ(0);
  z-index: 1;
}
.g .g {
  box-shadow: none;
  padding: 0 !important;
}
#rso .g .g:before,
#rso .cUnQKe .g:before {
  content: '';
  counter-increment: unset;
}
.ts {
  padding: 20px;
}
.vk_c,
.vk_cxp {
  margin-left: 0;
  margin-right: 0;
}
div.AEprdc.vk_c {
  margin-bottom: 15px;
  border: none;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.COEoid {
  margin-left: 0;
  margin-right: 0;
}
/* .g.g-blk {
  padding: 0 0 15px;
} */
.g.g-blk .g {
  box-shadow: none;
  padding: 0 15px;
}
g-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
g-inner-card g-img img {
  width: unset;
  height: unset;
}
#rso .g:before { /* brandy */
    counter-increment: results;
    content: counter(results);
    z-index: -10;
    color: #eee;
    position: absolute;    
    top: 6px;
    right: 6px;
    
    text-align: center;
    background: #335;
    border-radius: 30px;
    font-size: 1.0em;
    line-height: 20px;
    height: 20px;
    width:20px;
    padding-top: 0px;    
}
#rso .g:hover { /* brandy */
    background: #334;
    border-color: #97d;
    box-shadow: 1px 10px 30px rgba(0, 0, 0, 0.6);
}

.kno-kp.mnr-c.g,
.g-blk.g,
.KIy09e,
.f196ee,
.KFFQ0c {
  width: 100%;
}
.g .s {
  max-width: max-content;
}
.g table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
}
.g table .s .st {
  width: auto !important;
}
.g table .mslg .sld {
  width: auto;
}
.g > div {
  position: relative;
}
.g div[data-hveid][style] {
  width: 100% !important;
}
.QV1uNc {
  margin: 0;
}
.kno-ftr {
  margin-right: 0;
}
.mslg .vsc {
  width: 100%;
}
.GLcBOb {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: 0;
}
.s75CSd {
  max-width: unset;
}
#center_col .kp-blk {
  width: auto;
  box-shadow: none;
}
#taw {
  display: none;
}
.P1usbc {
  white-space: normal;
}
.brs_col {
  display: flex;
  justify-content: center;
}
g-section-with-header {
  margin: 15px 0 20px;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
g-section-with-header > div {
  max-width: 100%;
}
g-section-with-header h3 {
  text-align: center !important;
}
.yuRUbf {
  position: relative;
}
#extrares {
  display: flex;
  justify-content: center;
}
#rso > .hlcw0c > div,
#rso > div {
  break-inside: avoid;
}
#rso > .hlcw0c,
#rso > .ULSxyf {
  column-gap: 20px;
  margin-bottom: 0;
  position: relative;
}
#rso > .ULSxyf {
  padding: 5px;
}
#rso > .hlcw0c > .g:only-child,
#rso > .g:only-child {
  width: 100%;
  /* position: absolute; */
}

#tw-container {
  width: 100%;
}

@media (min-width: 1201px) {
  /* 搜索框顶部 */
  #tsf {
    margin: auto;
    display: flex;
    justify-content: center;
    transform: translateX(70px);
  }
  #hdtbSum,
  #slim_appbar {
    display: flex;
    justify-content: center;
    margin-left: 152px;
  }
  #hdtbMenus:not(.p4DDCd) {
    display: flex;
    justify-content: flex-end;
    width: 855px;
  }
  #XJDHvf {
    width: 0;
  }
  body.vasq .WE0UJf {
    display: flex;
    justify-content: center;
    margin-left: 0;
  }
  #result-stats {
    position: static;
  }
}

@media (min-width: 1201px) and (max-width: 1700px) {
  #rso {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }
}
@media (min-width: 1701px) and (max-width: 2200px) {
  #rso {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
}
@media (min-width: 2201px) {
  #rso {
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
  }
}
@media (max-width: 800px) {
  .yg51vc {
    width: 100%;
  }
  #hdtb-msb {
    justify-content: flex-start;
  }
}

/* :root {
  color-scheme: dark;
} */
body[data-dt="1"] .g,
body[data-dt="1"] .ts {
  border: 1px solid rgba(50, 50, 50, 0.8);
}
body[data-dt="1"] #rso .g:before {
  color: #777;
}
}

/* brandy 去除搜索框白线*/
.MumFqb {
    border: 0px;
}
.TE8rQ {
    width: calc(100% + 38px);
}