/* English Tech News Optimizations */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #ffffff;
  color: #1f2937;
}

#wrapper,
#main .main-left,
#main .main-right,
#article,
.sidebox,
.index_bor,
.item-inner,
.ggao,
.zt_ul,
.catalog li,
#footer,
#header {
  background: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.title,
#article h1.title,
.index_con h2,
.sidebox h4 {
  color: #111827;
  font-weight: 700;
}

#article .summary,
#index_top,
.breadcrumb,
.list li,
.newsList li,
.newsListA li {
  color: #4b5563;
}

a {
  color: #0b63ce;
  transition: color 0.2s ease;
}

a:hover {
  color: #0a4ea5;
}

#nav,
#nav ul li.current a,
#nav ul li.current a:hover,
#nav ul a:hover {
  background: #0b63ce;
}

.c_btn,
.search-button,
.aorg .tag,
.list em,
.catalog a:hover,
.catalog .currents,
.t_tag span,
.t_tag .rspan,
.t_tag .yspan {
  background: #16a34a;
}

.bor-blue,
.index_con,
.post-left-title {
  border-top-color: #0b63ce;
}

.bor-red,
#article .summary {
  border-left-color: #16a34a;
  border-top-color: #16a34a;
}

.item-inner,
.index_bor,
.sidebox,
.catalog li,
.ggao,
.zt_ul,
#article,
#main {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

img {
  max-width: 100%;
  object-fit: cover;
}

.slider img,
.img-wrap img,
.aimg img,
.new_img img,
.list_ico .img img,
#content img {
  object-fit: cover;
}

#content img,
.img-wrap,
.new_img,
.list_ico .img,
.slider,
.aimg {
  border-radius: 6px;
}

.breadcrumb {
  font-size: 13px;
}

.xgcomm ul .item-inner,
.index_bor,
.sidebox .bor-default,
.catalog li,
.ggao {
  border-color: #e5e7eb;
}

@media (max-width: 768px) {
  #wrap,
  #container,
  .main,
  #header,
  #nav ul,
  #footer .footer-bottom {
    width: 100%;
    min-width: 0;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  #topbar,
  #nav,
  .header,
  #footer {
    min-width: 0;
  }

  #main .main-left,
  #main .main-right,
  .main-left,
  .main-right,
  .il,
  .ic,
  .ir,
  .ilist > div,
  .ithree .il,
  .ithree .ir,
  .ilt > div,
  .ifour > div > div {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .search,
  .breadcrumb {
    float: none;
    width: 100%;
  }

  .key_input,
  .searchinput {
    width: calc(100% - 44px);
  }
}