.jj-page {
  --jj-bg: #f4f6f8;
  --jj-ink: #273142;
  --jj-muted: #6f7b8b;
  --jj-line: #e8edf3;
  --jj-blue: #1677ff;
  --jj-red: #f04747;
  --jj-green: #23b36b;
  --jj-gold: #f6a800;
  --jj-shadow: 0 2px 8px rgba(39, 49, 66, 0.08);
  color: var(--jj-ink);
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jingjiang {
  padding-top: 100px;
  color: var(--jj-ink);
  background: var(--jj-bg);
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.jingjiang #toptb,
.jingjiang #shortcut,
.jingjiang #dz_btm_layer,
.jingjiang #hds {
  display: none !important;
}

.jj-page *, .jj-page *::before, .jj-page *::after {
  box-sizing: border-box;
}

.jj-page a {
  color: inherit;
  text-decoration: none;
}

.jj-page a:hover {
  color: var(--jj-blue);
}

.jj-top-ad {
  margin: 5px 0 10px;
  border-radius: 2px;
  box-shadow: var(--jj-shadow);
}

.jj-top-ad a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 34px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(22, 119, 255, 0.94), rgba(40, 160, 255, 0.78)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0 14px, transparent 14px 28px);
  border-radius: 4px;
}

.jj-top-ad strong {
  font-size: 24px;
}

.jj-channel-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: var(--jj-shadow);
}

.jj-channel-nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jj-channel-nav li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  font-size: 16px;
}

.jj-channel-nav li.is-active a,
.jj-channel-nav li a:hover {
  color: #fff;
  background: var(--jj-blue);
}

.jj-quick-post {
  height: 32px;
  line-height: 32px;
  margin-right: 12px;
  padding: 0 16px;
  color: #fff !important;
  background: var(--jj-red);
  border-radius: 3px;
  font-weight: 700;
}

.mini-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100px;
  background: #fff;
}

.topbar {
  height: 30px;
  color: #cfcfcf;
  background: #303133;
}

.topbar-inner,
.topbar-left,
.topbar-right,
.head-main-inner,
.login-links {
  display: flex;
  align-items: center;
}

.topbar-inner {
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
}

.topbar a {
  color: #cfcfcf;
}

.topbar a:hover {
  color: #fff;
}

.topbar li {
  position: relative;
  height: 30px;
  white-space: nowrap;
}

.topbar .spacer {
  width: 1px;
  height: 10px;
  margin: 0 10px;
  background: #666;
}

.dropdown:hover .qr-pop,
.dropdown:focus-within .qr-pop,
.jj-quick-nav:hover .jj-quick-panel,
.jj-quick-nav:focus-within .jj-quick-panel {
  display: block;
}

.qr-pop {
  position: absolute;
  top: 32px;
  left: 50%;
  z-index: 20;
  display: none;
  width: 130px;
  margin-left: -65px;
  padding: 15px 15px 10px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.qr-code {
  display: block;
  width: 100px;
  height: 100px;
  background:
    linear-gradient(90deg, #111 10px, transparent 10px 16px, #111 16px 22px, transparent 22px) 12px 12px / 34px 34px,
    linear-gradient(#111 10px, transparent 10px 16px, #111 16px 22px, transparent 22px) 54px 12px / 34px 34px,
    repeating-linear-gradient(45deg, #111 0 4px, transparent 4px 8px),
    #fff;
  border: 8px solid #fff;
  box-shadow: inset 0 0 0 1px #dcdfe6;
}

.qr-pop span {
  display: block;
  height: 28px;
  line-height: 28px;
  color: var(--jj-ink);
  text-align: center;
}

.head-main {
  height: 70px;
  background: #fff;
}

.head-main-inner {
  justify-content: space-between;
  height: 70px;
}

.text-logo {
  display: block;
  width: 260px;
  height: 52px;
  padding-top: 3px;
  overflow: visible;
}

.text-logo strong {
  display: block;
  height: 30px;
  line-height: 30px;
  color: var(--jj-blue);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
}

.text-logo span {
  display: block;
  height: 18px;
  line-height: 18px;
  color: #4e5969;
  font-size: 13px;
  font-weight: 700;
}

.search-box {
  display: flex;
  width: 230px;
  height: 32px;
  margin-right: auto;
  margin-left: 34px;
  overflow: hidden;
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 3px;
}

.search-box input {
  width: 198px;
  height: 30px;
  min-width: 0;
  padding: 0 10px;
  border: 0;
  outline: 0;
  background: transparent;
}

.search-box button {
  width: 30px;
  height: 30px;
  border: 0;
  background:
    linear-gradient(45deg, transparent 43%, #909399 44% 56%, transparent 57%) 19px 19px / 9px 9px no-repeat,
    radial-gradient(circle at 12px 12px, transparent 6px, #909399 7px, #909399 8px, transparent 9px);
  cursor: pointer;
}

.login-links {
  height: 70px;
}

.login-links a {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-right: 1px solid #ededed;
  color: var(--jj-ink);
  font-size: 16px;
}

.login-links a:hover {
  color: var(--jj-blue);
}

.jj-channel-nav {
  min-height: 50px;
}

.jj-channel-nav .jj-quick-nav {
  position: relative;
  width: 128px;
  height: 50px;
  margin-left: auto;
}

.jj-channel-nav .jj-quick-nav > button {
  width: 108px;
  height: 30px;
  margin: 10px 0 10px 20px;
  padding: 0 22px 0 12px;
  color: var(--jj-ink);
  background: #fff;
  border: 1px solid #dcdfe6;
  font-size: 13px;
  font-weight: 700;
}

.jj-channel-nav .jj-quick-nav > button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-top: 5px solid #6b7280;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.jj-quick-panel {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 40;
  display: none;
  width: 620px;
  padding: 28px 22px 20px;
  background: #fff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

.jj-quick-panel p {
  margin: 0 0 22px;
  color: #4e5969;
  font-size: 14px;
  text-align: center;
}

.jj-quick-panel p a {
  color: var(--jj-blue);
  font-weight: 700;
}

.jj-quick-search {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 14px 0;
  border-top: 1px dashed #dcdfe6;
  font-size: 13px;
}

.jj-quick-search input {
  width: 170px;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #dcdfe6;
}

.jj-quick-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.jj-quick-columns section {
  min-width: 0;
}

.jj-quick-columns h3 {
  margin: 0 0 10px;
  color: #1f2937;
  font-size: 16px;
}

.jj-quick-columns strong {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
}

.jj-quick-columns a {
  display: block;
  height: 24px;
  line-height: 24px;
  color: #303133;
}

.jj-quick-columns a:hover {
  color: var(--jj-blue);
}

.jj-layout {
  display: grid;
  grid-template-columns: minmax(0, 885px) 300px;
  gap: 15px;
  align-items: start;
}

.jj-card {
  background: #fff;
  border-radius: 4px;
  box-shadow: var(--jj-shadow);
}

.jj-hero {
  display: grid;
  grid-template-columns: minmax(0, 484px) 200px 1fr;
  grid-template-rows: 290px 90px;
  gap: 6px;
  min-height: 386px;
}

.jj-focus, .jj-thumb, .jj-photo {
  overflow: hidden;
  border-radius: 4px;
}

.jj-photo {
  display: flex;
  align-items: flex-end;
  min-height: 100%;
  padding: 24px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(22, 119, 255, 0.9), rgba(39, 49, 66, 0.78)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 12px, transparent 12px 24px);
  font-size: 26px;
  font-weight: 800;
}

.jj-thumb-list {
  display: grid;
  gap: 6px;
  grid-row: 1 / 3;
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.jj-anchor {
  display: block;
  height: 0;
  overflow: hidden;
}

.jj-thumb .jj-photo {
  min-height: 93px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 16px;
}

.jj-thumb:nth-child(2) .jj-photo,
.jj-mini-ad:nth-child(2) {
  background:
    linear-gradient(135deg, rgba(35, 179, 107, 0.9), rgba(22, 119, 255, 0.66)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jj-thumb:nth-child(3) .jj-photo,
.jj-mini-ad:nth-child(3) {
  background:
    linear-gradient(135deg, rgba(246, 168, 0, 0.94), rgba(240, 71, 71, 0.68)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jj-headline-box {
  grid-row: 1 / 3;
  padding: 16px 14px;
}

.jj-headline-box h2,
.jj-section-hd h3 {
  margin: 0;
  color: var(--jj-blue);
  font-size: 18px;
}

.jj-headline-box .jj-lead {
  display: block;
  margin: 14px 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.65;
}

.jj-headline-box ul,
.jj-rank-list,
.jj-feed-list,
.jj-board-grid {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jj-headline-box li {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  border-bottom: 1px dashed var(--jj-line);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-headline-strip {
  grid-column: 1;
  padding: 16px 24px;
}

.jj-headline-strip h1 {
  height: 28px;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  font-size: 18px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-headline-strip p {
  margin: 6px 0 0;
  color: var(--jj-muted);
  text-align: center;
}

.jj-board-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: 15px;
  overflow: hidden;
  background: var(--jj-line);
}

.jj-board-card {
  display: block;
  min-height: 80px;
  padding: 10px 15px;
  background: #fff;
}

.jj-board-card h2 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.jj-board-card h2 span {
  color: #c9cdd4;
  font-size: 18px;
  font-style: normal;
}

.jj-board-card p {
  height: 18px;
  margin: 10px 0 0;
  overflow: hidden;
  color: #4e5969;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-rank-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 15px;
  padding: 18px 22px 20px;
}

.jj-section-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  border-bottom: 1px solid var(--jj-line);
}

.jj-rank-list {
  counter-reset: jj-rank;
  padding-top: 12px;
}

.jj-rank-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 54px;
  gap: 8px;
  align-items: center;
  min-height: 34px;
}

.jj-rank-list li::before {
  counter-increment: jj-rank;
  content: counter(jj-rank);
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: var(--jj-blue);
  background: #e8f2ff;
  border-radius: 4px;
  text-align: center;
}

.jj-rank-list li:nth-child(-n + 3)::before {
  color: #fff;
  background: var(--jj-red);
}

.jj-rank-list a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-rank-list em {
  color: var(--jj-muted);
  font-style: normal;
  text-align: right;
}

.jj-feed {
  margin-top: 15px;
  padding: 0 18px 18px;
}

.jj-feed-item {
  display: grid;
  grid-template-columns: 156px minmax(0, 1fr);
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--jj-line);
}

.jj-feed-thumb {
  min-height: 104px;
  border-radius: 4px;
}

.jj-feed-item h4 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.45;
}

.jj-feed-item p {
  margin: 0;
  color: var(--jj-muted);
  line-height: 1.8;
}

.jj-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 12px;
  color: var(--jj-muted);
}

.jj-side > section {
  margin-bottom: 15px;
}

.jj-member {
  padding: 18px;
  border-top: 3px solid var(--jj-blue);
}

.jj-avatar {
  width: 70px;
  height: 70px;
  margin-bottom: 14px;
  background:
    radial-gradient(circle at 50% 35%, #c8d0da 0 14px, transparent 15px),
    radial-gradient(circle at 50% 80%, #c8d0da 0 25px, transparent 26px),
    #f7f9fc;
  border: 7px solid #eef2f6;
  border-radius: 50%;
}

.jj-member h3 {
  margin: 0 0 12px;
  font-size: 16px;
}

.jj-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.jj-actions a,
.jj-ask {
  display: block;
  height: 34px;
  line-height: 34px;
  color: #fff !important;
  background: var(--jj-blue);
  border-radius: 3px;
  text-align: center;
}

.jj-actions a:first-child {
  background: var(--jj-red);
}

.jj-side-card {
  padding: 0 16px 16px;
}

.jj-echo dl {
  margin: 0;
  padding: 13px 0;
  border-bottom: 1px dashed var(--jj-line);
}

.jj-echo dt {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-echo dd {
  max-height: 42px;
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--jj-muted);
  line-height: 21px;
}

.jj-mini-ad {
  display: block;
  height: 58px;
  line-height: 58px;
  margin-top: 10px;
  padding: 0 18px;
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(22, 119, 255, 0.94), rgba(38, 160, 255, 0.76)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0 10px, transparent 10px 20px);
  border-radius: 4px;
  font-size: 17px;
  font-weight: 700;
}

.topbar-left,
.topbar-right,
.login-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  width: 260px;
  min-width: 0;
  overflow: hidden;
}

.site-logo img {
  display: block;
  max-width: 100%;
  max-height: 36px;
  object-fit: contain;
}

.site-logo span {
  display: block;
  color: #4e5969;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.jj-channel-list {
  flex: 1;
  min-width: 0;
  gap: 0;
}

.jj-channel-list li {
  display: flex;
  align-items: stretch;
}

.jj-channel-list li a {
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  font-size: 16px;
  color: var(--jj-ink);
}

.jj-channel-list li.is-active a,
.jj-channel-list li a:hover {
  color: #fff;
  background: var(--jj-blue);
}

.jj-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.78fr) minmax(0, 0.72fr);
  grid-template-rows: 280px 164px;
  gap: 14px 12px;
  align-items: stretch;
}

.jj-focus-shell {
  position: relative;
  grid-column: 1;
  grid-row: 1 / span 2;
  overflow: hidden;
}

.jj-focus-stage {
  position: relative;
  height: 100%;
}

.jj-focus-item {
  position: absolute;
  inset: 0;
  display: none;
  color: #fff !important;
}

.jj-focus-item.is-active {
  display: block;
}

.jj-focus-image,
.jj-focus-image img,
.jj-focus-fallback {
  display: block;
  width: 100%;
  height: 100%;
}

.jj-focus-image {
  position: absolute;
  inset: 0;
}

.jj-focus-image img {
  object-fit: cover;
}

.jj-focus-fallback {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 30px;
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  background:
    linear-gradient(135deg, rgba(22, 119, 255, 0.94), rgba(39, 49, 66, 0.74)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.14) 0 12px, transparent 12px 24px);
}

.jj-focus-fallback em {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  opacity: 0.92;
}

.jj-focus-mask {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02) 20%, rgba(0, 0, 0, 0.58) 100%),
    linear-gradient(90deg, rgba(39, 49, 66, 0.12), rgba(39, 49, 66, 0.05));
}

.jj-focus-copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 54px;
  padding: 0 24px;
}

.jj-focus-copy strong {
  display: block;
  max-width: 95%;
  font-size: 34px;
  line-height: 1.08;
  font-weight: 800;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.jj-focus-copy em {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
  opacity: 0.95;
}

.jj-focus-control {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 34px;
  height: 56px;
  margin-top: -28px;
  border: 0;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
}

.jj-focus-control:hover {
  background: rgba(255, 255, 255, 0.28);
}

.jj-focus-prev {
  left: 0;
}

.jj-focus-next {
  right: 0;
}

.jj-focus-prev::before,
.jj-focus-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}

.jj-focus-prev::before {
  margin-left: -2px;
  transform: rotate(-45deg);
}

.jj-focus-next::before {
  margin-left: -8px;
  transform: rotate(135deg);
}

.jj-focus-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 16px;
  background: rgba(28, 37, 52, 0.78);
}

.jj-focus-caption {
  min-width: 0;
  overflow: hidden;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-focus-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jj-focus-dots li {
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  text-align: center;
  cursor: pointer;
}

.jj-focus-dots li.on {
  background: var(--jj-blue);
}

.jj-headline-card {
  grid-column: 2;
  grid-row: 1 / span 2;
  padding: 14px 14px 12px;
  overflow: hidden;
}

.jj-headline-list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.jj-headline-list li {
  border-bottom: 1px dashed var(--jj-line);
}

.jj-headline-list a {
  display: block;
  padding: 11px 0;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-headline-meta {
  margin-top: 10px;
  color: var(--jj-muted);
  font-size: 13px;
  text-align: center;
}

.jj-hot-feature {
  grid-column: 3;
  grid-row: 1;
  padding: 14px 14px 12px;
}

.jj-hot-feature .jj-section-hd h3 {
  font-size: 15px;
  white-space: nowrap;
}

.jj-hot-feature .jj-section-hd a {
  white-space: nowrap;
}

.jj-hot-preview {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0 14px;
}

.jj-hot-avatar {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 50%;
}

.jj-hot-avatar img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.jj-hot-body h4 {
  margin: 6px 0 8px;
  font-size: 18px;
  line-height: 1.45;
}

.jj-hot-body p {
  margin: 0;
  color: #637083;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.jj-hot-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.jj-hot-kicker span {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 7px;
  color: var(--jj-red);
  border: 1px solid var(--jj-red);
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
}

.jj-hot-kicker em {
  color: var(--jj-muted);
  font-style: normal;
  font-size: 12px;
}

.jj-hot-meta,
.jj-hot-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  color: var(--jj-muted);
  font-size: 13px;
}

.jj-hot-counts {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--jj-line);
}

.jj-hot-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jj-hot-links li {
  padding: 9px 0;
  border-top: 1px dashed var(--jj-line);
}

.jj-hot-links a {
  display: block;
  overflow: hidden;
  color: #263142;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jj-promo-stack {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 10px;
  grid-column: 3;
  grid-row: 2;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

.jj-hero-banner {
  grid-column: 3;
  grid-row: 2;
  overflow: hidden;
}

.jj-hero-banner a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 22px 20px;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(22, 119, 255, 0.95), rgba(46, 73, 132, 0.82)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 12px, transparent 12px 24px);
}

.jj-hero-banner strong {
  font-size: 24px;
  line-height: 1.15;
}

.jj-hero-banner span {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.6;
}

.jj-hero-banner em {
  margin-top: 12px;
  font-style: normal;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.15;
}

.jj-hero-banner small {
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.92;
}

.jj-promo-card,
.jj-service-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 92px;
  padding: 0 18px;
  color: #fff !important;
  border-radius: 4px;
}

.jj-promo-card strong,
.jj-service-link strong {
  font-size: 20px;
  line-height: 1.2;
}

.jj-promo-card span,
.jj-service-link span {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.95;
}

.jj-promo-house,
.jj-service-house {
  background: linear-gradient(90deg, #34c38f, #6b9dff);
}

.jj-promo-jobs,
.jj-service-jobs {
  background: linear-gradient(90deg, #ffad1f, #ff8d74);
}

.jj-promo-complaint {
  background: linear-gradient(90deg, #2e77ff, #62b4ff);
}

.jj-service-help {
  background: linear-gradient(90deg, #42c96f, #51b5df);
}

.jj-stat-strip {
  margin-top: 14px;
  padding: 18px 20px;
  text-align: center;
}

.jj-stat-strip h1 {
  margin: 0;
  font-size: 19px;
  line-height: 1.4;
}

.jj-stat-strip p {
  margin: 8px 0 0;
  color: var(--jj-muted);
}

.jj-board-grid {
  margin-top: 14px;
  gap: 0;
  background: #e6ebf2;
}

.jj-board-card {
  min-height: 128px;
  padding: 14px 16px;
  border-right: 1px solid #e6ebf2;
  border-bottom: 1px solid #e6ebf2;
}

.jj-board-card h2 {
  font-size: 18px;
}

.jj-board-card h2 span {
  font-size: 22px;
  font-weight: 700;
}

.jj-board-card p {
  height: 42px;
  margin-top: 14px;
  line-height: 1.6;
  white-space: normal;
}

.jj-board-card .jj-meta {
  margin-top: 14px;
  gap: 12px;
}

.jj-rank-panel {
  margin-top: 14px;
  gap: 18px;
  padding: 0;
  background: transparent;
}

.jj-rank-card {
  padding: 0 18px 18px;
}

.jj-rank-card .jj-section-hd a,
.jj-feed .jj-section-hd a {
  color: var(--jj-muted);
  font-size: 13px;
}

.jj-rank-card .jj-section-hd a:hover,
.jj-feed .jj-section-hd a:hover {
  color: var(--jj-blue);
}

.jj-rank-list {
  padding-top: 16px;
}

.jj-rank-list li {
  grid-template-columns: 28px minmax(0, 1fr) 64px;
  gap: 10px;
  min-height: 44px;
}

.jj-rank-list li::before {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  border-radius: 6px;
}

.jj-rank-list em {
  height: 28px;
  line-height: 28px;
  background: #f6f8fb;
  border-radius: 2px;
}

.jj-feed {
  margin-top: 14px;
  padding: 0 18px 18px;
}

.jj-feed-item {
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
}

.jj-feed-thumb {
  display: block;
  width: 120px;
  min-height: 90px;
  overflow: hidden;
  border-radius: 4px;
}

.jj-feed-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jj-feed-item h4 {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.45;
}

.jj-feed-item p {
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.jj-side-card {
  padding: 0 18px 18px;
}

.jj-echo dl {
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px dashed var(--jj-line);
}

.jj-echo dt {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
}

.jj-echo dd {
  margin: 0;
  color: var(--jj-muted);
  line-height: 1.75;
}

.jj-service-link {
  margin-top: 10px;
  text-decoration: none;
}

@media (max-width: 1240px) {
  .jj-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .jj-hero {
    grid-template-columns: minmax(0, 1fr) 1fr;
    grid-template-rows: 280px 104px 104px;
  }

  .jj-focus-shell {
    grid-column: 1 / span 2;
    grid-row: 1;
  }

  .jj-headline-card {
    grid-column: 1;
    grid-row: 2 / span 2;
  }

  .jj-hot-feature {
    grid-column: 2;
    grid-row: 2;
  }

  .jj-promo-stack {
    grid-column: 2;
    grid-row: 3;
  }
}

@media (max-width: 980px) {
  .jj-layout,
  .jj-rank-panel {
    grid-template-columns: 1fr;
  }

  .jj-hero {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .jj-focus-shell,
  .jj-headline-card,
  .jj-hot-feature,
  .jj-promo-stack {
    grid-column: auto;
    grid-row: auto;
  }

  .jj-focus-shell {
    min-height: 260px;
  }

  .jj-board-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jj-rank-panel {
    gap: 14px;
  }
}

@media (max-width: 640px) {
  .jingjiang {
    padding-top: 0;
  }

  .mini-header {
    position: static;
    height: auto;
  }

  .topbar,
  .head-main {
    display: none;
  }

  .jj-channel-nav {
    display: block;
  }

  .jj-channel-nav .jj-quick-nav {
    display: none;
  }

  .jj-board-grid {
    grid-template-columns: 1fr;
  }

  .jj-hero {
    gap: 10px;
  }

  .jj-focus-copy strong {
    font-size: 26px;
  }

  .jj-focus-bar {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 58px;
    padding: 8px 12px;
  }

  .jj-focus-dots {
    width: 100%;
    justify-content: flex-end;
  }

  .jj-headline-card,
  .jj-hot-feature,
  .jj-promo-stack {
    min-width: 0;
  }

  .jj-feed-item {
    grid-template-columns: 1fr;
  }

  .jj-feed-thumb {
    margin-bottom: 12px;
    width: 100%;
    min-height: 180px;
  }
}

/* --------------------------------------------------------------------------
 * Jingjiang rebuild overrides
 * -------------------------------------------------------------------------- */

.jingjiang {
  background: #eef2f7;
  color: #1f2937;
}

.jingjiang #toptb,
.jingjiang #shortcut,
.jingjiang #dz_btm_layer,
.jingjiang #hds {
  display: none !important;
}

.jingjiang .mini-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 120;
  height: 100px;
  background: #fff;
  border-bottom: 1px solid #e7ebf0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.jingjiang .topbar {
  height: 30px;
  background: #2f3135;
  color: #d8dde6;
}

.jingjiang .topbar-inner {
  justify-content: space-between;
  height: 30px;
}

.jingjiang .topbar a {
  color: inherit;
}

.jingjiang .topbar a:hover {
  color: #fff;
}

.jingjiang .head-main {
  height: 70px;
  background: #fff;
}

.jingjiang .head-main-inner {
  justify-content: space-between;
  gap: 22px;
  height: 70px;
}

.jingjiang .site-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 220px;
  max-width: 320px;
  overflow: hidden;
}

.jingjiang .site-logo strong {
  display: block;
  color: #1e6fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
  white-space: nowrap;
}

.jingjiang .site-logo span {
  display: block;
  color: #4f5d6d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.jingjiang .search-box {
  display: flex;
  flex: 0 0 340px;
  width: 340px;
  height: 42px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dfe5ed;
  border-radius: 4px;
  background: #fff;
}

.jingjiang .search-box input {
  width: 290px;
  height: 40px;
  border: 0;
  padding: 0 14px;
  color: #1f2937;
  outline: 0;
}

.jingjiang .search-box button {
  width: 50px;
  height: 40px;
  border: 0;
  background:
    radial-gradient(circle at 20px 18px, transparent 7px, #8b94a4 8px, #8b94a4 9px, transparent 10px),
    linear-gradient(45deg, transparent 44%, #8b94a4 45% 55%, transparent 56%);
  cursor: pointer;
}

.jingjiang .login-links {
  gap: 0;
  height: 70px;
}

.jingjiang .login-links a {
  height: 30px;
  line-height: 30px;
  padding: 0 12px;
  color: #1f2937;
  border-right: 1px solid #eceff3;
  font-size: 17px;
}

.jingjiang .jj-ad-wall {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin: 14px auto 14px;
}

.jingjiang .jj-ad-slot {
  min-height: 88px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #f0d28d;
  border-radius: 8px;
  background: #fff3c5;
  box-shadow: 0 10px 20px rgba(31, 41, 55, 0.05);
}

.jingjiang .jj-ad-slot:empty {
  display: none;
}

.jingjiang .jj-ad-slot > * {
  min-height: 88px;
}

.jingjiang .jj-page {
  color: #1f2937;
}

.jingjiang .jj-page a {
  color: inherit;
}

.jingjiang .jj-page a:hover {
  color: #1e6fff;
}

.jingjiang .jj-card {
  background: #fff;
  border: 1px solid #e7ecf2;
  border-radius: 6px;
  box-shadow: 0 8px 18px rgba(31, 41, 55, 0.05);
}

.jingjiang .jj-section-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8edf3;
}

.jingjiang .jj-section-hd h3 {
  margin: 0;
  color: #1e6fff;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.1;
}

.jingjiang .jj-section-hd a {
  color: #7a8597;
  font-size: 13px;
}

.jingjiang .jj-section-hd a:hover {
  color: #1e6fff;
}

.jingjiang .jj-channel-nav {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  min-height: 58px;
  margin: 0 0 18px;
  padding-right: 10px;
  overflow: hidden;
  border: 1px solid #e7ecf2;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(31, 41, 55, 0.04);
}

.jingjiang .jj-channel-list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jingjiang .jj-channel-list li {
  display: flex;
  align-items: stretch;
}

.jingjiang .jj-channel-list a {
  display: flex;
  align-items: center;
  height: 58px;
  padding: 0 20px;
  color: #1f2937;
  font-size: 17px;
  white-space: nowrap;
}

.jingjiang .jj-channel-list li.is-active a,
.jingjiang .jj-channel-list a:hover {
  color: #1e6fff;
  box-shadow: inset 0 -3px 0 #1e6fff;
}

.jingjiang .jj-quick-nav {
  position: relative;
  width: 140px;
  margin-left: auto;
}

.jingjiang .jj-quick-nav > button {
  position: relative;
  width: 120px;
  height: 34px;
  margin: 12px 0 0 18px;
  padding: 0 22px 0 12px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
  background: #fff;
  border: 1px solid #d9e1ea;
  border-radius: 2px;
}

.jingjiang .jj-quick-nav > button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-top: 5px solid #697386;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.jingjiang .jj-quick-panel {
  position: absolute;
  top: 48px;
  right: 0;
  z-index: 40;
  display: none;
  width: 540px;
  padding: 22px;
  background: #fff;
  border: 1px solid #dde4ec;
  border-radius: 6px;
  box-shadow: 0 16px 32px rgba(31, 41, 55, 0.12);
}

.jingjiang .jj-quick-nav:hover .jj-quick-panel,
.jingjiang .jj-quick-nav:focus-within .jj-quick-panel {
  display: block;
}

.jingjiang .jj-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 328px;
  gap: 18px;
  align-items: start;
}

.jingjiang .jj-layout main,
.jingjiang .jj-side {
  min-width: 0;
}

.jingjiang .jj-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.9fr) minmax(260px, 0.82fr);
  gap: 14px;
  align-items: stretch;
}

.jingjiang .jj-focus-shell,
.jingjiang .jj-headline-card,
.jingjiang .jj-hero-banner {
  min-height: 332px;
}

.jingjiang .jj-focus-shell {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.jingjiang .jj-focus-stage {
  position: relative;
  height: 100%;
}

.jingjiang .jj-focus-item {
  position: absolute;
  inset: 0;
  display: none;
  color: #fff !important;
}

.jingjiang .jj-focus-item.is-active {
  display: block;
}

.jingjiang .jj-focus-image,
.jingjiang .jj-focus-image img,
.jingjiang .jj-focus-fallback {
  display: block;
  width: 100%;
  height: 100%;
}

.jingjiang .jj-focus-image {
  position: absolute;
  inset: 0;
}

.jingjiang .jj-focus-image img {
  object-fit: cover;
}

.jingjiang .jj-focus-fallback {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 30px;
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  background:
    linear-gradient(135deg, rgba(30, 111, 255, 0.96), rgba(59, 130, 246, 0.72)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-focus-fallback em {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: 15px;
  font-weight: 500;
  opacity: 0.92;
}

.jingjiang .jj-focus-mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(16, 24, 40, 0.05), rgba(16, 24, 40, 0.55));
}

.jingjiang .jj-focus-copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 54px;
  padding: 0 24px;
}

.jingjiang .jj-focus-copy strong {
  display: block;
  max-width: 95%;
  font-size: 34px;
  line-height: 1.08;
  font-weight: 800;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.jingjiang .jj-focus-copy em {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
  opacity: 0.95;
}

.jingjiang .jj-focus-control {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 34px;
  height: 56px;
  margin-top: -28px;
  border: 0;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
}

.jingjiang .jj-focus-control:hover {
  background: rgba(255, 255, 255, 0.3);
}

.jingjiang .jj-focus-prev {
  left: 0;
}

.jingjiang .jj-focus-next {
  right: 0;
}

.jingjiang .jj-focus-prev::before,
.jingjiang .jj-focus-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}

.jingjiang .jj-focus-prev::before {
  margin-left: -2px;
  transform: rotate(-45deg);
}

.jingjiang .jj-focus-next::before {
  margin-left: -8px;
  transform: rotate(135deg);
}

.jingjiang .jj-focus-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 0 16px;
  background: rgba(19, 27, 39, 0.76);
}

.jingjiang .jj-focus-caption {
  min-width: 0;
  overflow: hidden;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jingjiang .jj-focus-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jingjiang .jj-focus-dots li {
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  cursor: pointer;
  text-align: center;
}

.jingjiang .jj-focus-dots li.on {
  background: #1e6fff;
}

.jingjiang .jj-headline-card {
  padding: 16px 16px 14px;
  overflow: hidden;
}

.jingjiang .jj-headline-list {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.jingjiang .jj-headline-list li {
  border-bottom: 1px dashed #e5ebf1;
}

.jingjiang .jj-headline-list a {
  display: block;
  padding: 12px 0;
  overflow: hidden;
  color: #243142;
  font-size: 15px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jingjiang .jj-headline-list li:first-child a {
  padding-top: 0;
  font-size: 18px;
  font-weight: 800;
  color: #1f2937;
}

.jingjiang .jj-headline-meta {
  margin-top: 10px;
  color: #6f7b8b;
  font-size: 13px;
  text-align: center;
}

.jingjiang .jj-hero-banner {
  overflow: hidden;
  border-radius: 6px;
}

.jingjiang .jj-hero-banner a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 24px 22px;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(30, 111, 255, 0.98), rgba(53, 86, 156, 0.88)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0 14px, transparent 14px 28px);
}

.jingjiang .jj-hero-banner strong {
  font-size: 26px;
  line-height: 1.15;
}

.jingjiang .jj-hero-banner span {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
}

.jingjiang .jj-hero-banner em {
  margin-top: 14px;
  font-style: normal;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.jingjiang .jj-hero-banner small {
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.92;
}

.jingjiang .jj-lead-story {
  margin-top: 16px;
  padding: 16px 18px 18px;
}

.jingjiang .jj-lead-story-inner {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.jingjiang .jj-lead-avatar {
  width: 86px;
  height: 86px;
  overflow: hidden;
  border-radius: 50%;
  background: #eef3fb;
  border: 6px solid #f1f5fb;
}

.jingjiang .jj-lead-avatar img {
  width: 86px;
  height: 86px;
  object-fit: cover;
  border-radius: 50%;
}

.jingjiang .jj-lead-copy h4 {
  margin: 8px 0 10px;
  font-size: 28px;
  line-height: 1.18;
  font-weight: 800;
}

.jingjiang .jj-lead-copy p {
  margin: 0;
  color: #5f6c7b;
  font-size: 16px;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.jingjiang .jj-lead-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
}

.jingjiang .jj-lead-kicker span {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  color: #ef4b4b;
  border: 1px solid #ef4b4b;
  border-radius: 4px;
  font-size: 12px;
  line-height: 22px;
}

.jingjiang .jj-lead-kicker em {
  color: #6f7b8b;
  font-style: normal;
  font-size: 13px;
}

.jingjiang .jj-lead-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 14px;
  color: #6f7b8b;
  font-size: 13px;
}

.jingjiang .jj-lead-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 0;
  padding: 14px 0 0;
  list-style: none;
  border-top: 1px solid #e8edf3;
}

.jingjiang .jj-lead-links a {
  display: block;
  min-height: 58px;
  padding: 14px 14px 12px;
  overflow: hidden;
  color: #243142;
  line-height: 1.55;
  text-overflow: ellipsis;
  background: #f8fbff;
  border: 1px solid #e6edf7;
  border-radius: 4px;
}

.jingjiang .jj-stat-strip {
  margin-top: 16px;
  padding: 18px 20px;
  text-align: center;
}

.jingjiang .jj-stat-strip h1 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  font-weight: 800;
}

.jingjiang .jj-stat-strip p {
  margin: 8px 0 0;
  color: #6f7b8b;
}

.jingjiang .jj-board-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: 16px;
  overflow: hidden;
  background: #dde4ec;
  border: 1px solid #dde4ec;
  border-radius: 4px;
}

.jingjiang .jj-board-card {
  min-height: 150px;
  padding: 16px 16px 14px;
  background: #fff;
  border-right: 1px solid #dde4ec;
  border-bottom: 1px solid #dde4ec;
  box-shadow: none;
}

.jingjiang .jj-board-card:nth-child(5n + 1) {
  box-shadow: inset 0 3px 0 #1e6fff;
}

.jingjiang .jj-board-card:nth-child(5n + 2) {
  box-shadow: inset 0 3px 0 #ef4b4b;
}

.jingjiang .jj-board-card:nth-child(5n + 3) {
  box-shadow: inset 0 3px 0 #24bb6d;
}

.jingjiang .jj-board-card:nth-child(5n + 4) {
  box-shadow: inset 0 3px 0 #8a5cff;
}

.jingjiang .jj-board-card:nth-child(5n) {
  box-shadow: inset 0 3px 0 #f6a21a;
}

.jingjiang .jj-board-card h2 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  color: #1f2937;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

.jingjiang .jj-board-card h2 span {
  color: #c7cfda;
  font-size: 22px;
  font-weight: 700;
}

.jingjiang .jj-board-card p {
  height: 42px;
  margin: 14px 0 0;
  overflow: hidden;
  color: #5f6c7b;
  font-size: 14px;
  line-height: 1.55;
}

.jingjiang .jj-board-card .jj-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
  color: #6f7b8b;
  font-size: 13px;
}

.jingjiang .jj-rank-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.jingjiang .jj-rank-panel .jj-card {
  padding: 18px 18px 16px;
}

.jingjiang .jj-rank-list {
  counter-reset: jj-rank;
  margin: 0;
  padding: 14px 0 0;
  list-style: none;
}

.jingjiang .jj-rank-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 62px;
  gap: 10px;
  align-items: center;
  min-height: 46px;
}

.jingjiang .jj-rank-list li::before {
  counter-increment: jj-rank;
  content: counter(jj-rank);
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #ef4b4b;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.jingjiang .jj-rank-list li:nth-child(2)::before {
  background: #ff9f2d;
}

.jingjiang .jj-rank-list li:nth-child(3)::before {
  background: #2fd15b;
}

.jingjiang .jj-rank-list li:nth-child(n + 4)::before {
  color: #1e6fff;
  background: #e8f2ff;
}

.jingjiang .jj-rank-list a {
  min-width: 0;
  overflow: hidden;
  color: #243142;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jingjiang .jj-rank-list em {
  color: #6f7b8b;
  font-style: normal;
  text-align: right;
}

.jingjiang .jj-feed {
  display: grid;
  grid-template-columns: 152px minmax(0, 1fr);
  gap: 0;
  margin-top: 18px;
  overflow: hidden;
  padding: 0;
}

.jingjiang .jj-feed-rail {
  display: flex;
  flex-direction: column;
  background: #f8fafc;
  border-right: 1px solid #e7ecf2;
}

.jingjiang .jj-feed-rail a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  padding: 0 12px;
  color: #243142;
  font-size: 18px;
  border-bottom: 1px solid #e7ecf2;
}

.jingjiang .jj-feed-rail a.is-active {
  color: #fff;
  background: #1e6fff;
}

.jingjiang .jj-feed-body {
  padding: 18px 18px 14px;
}

.jingjiang .jj-feed-list {
  display: grid;
  gap: 0;
}

.jingjiang .jj-feed-item {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #e8edf3;
}

.jingjiang .jj-feed-thumb {
  display: block;
  width: 94px;
  min-height: 94px;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(135deg, #3b82f6, #607d9f);
}

.jingjiang .jj-feed-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jingjiang .jj-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 94px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.jingjiang .jj-feed-item h4 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 800;
}

.jingjiang .jj-feed-item p {
  margin: 0;
  color: #5f6c7b;
  font-size: 15px;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.jingjiang .jj-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 12px;
  color: #6f7b8b;
  font-size: 13px;
}

.jingjiang .jj-side > section {
  margin-bottom: 18px;
}

.jingjiang .jj-member {
  padding: 18px;
  border-top: 3px solid #1e6fff;
}

.jingjiang .jj-avatar {
  width: 74px;
  height: 74px;
  margin-bottom: 14px;
  background:
    radial-gradient(circle at 50% 34%, #c8d0da 0 14px, transparent 15px),
    radial-gradient(circle at 50% 78%, #c8d0da 0 25px, transparent 26px),
    #f7f9fc;
  border: 7px solid #eef2f6;
  border-radius: 50%;
}

.jingjiang .jj-member h3 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 800;
}

.jingjiang .jj-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.jingjiang .jj-actions a,
.jingjiang .jj-ask {
  display: block;
  height: 36px;
  line-height: 36px;
  color: #fff !important;
  background: #1e6fff;
  border-radius: 4px;
  text-align: center;
}

.jingjiang .jj-actions a:first-child {
  background: #ef4b4b;
}

.jingjiang .jj-side-card {
  padding: 0 18px 18px;
}

.jingjiang .jj-echo dl {
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px dashed #e6ebf1;
}

.jingjiang .jj-echo dt {
  margin: 0 0 8px;
  overflow: hidden;
  color: #1f2937;
  font-size: 15px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jingjiang .jj-echo dd {
  margin: 0;
  color: #5f6c7b;
  line-height: 1.75;
}

.jingjiang .jj-service-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 92px;
  margin-top: 10px;
  padding: 0 18px;
  color: #fff !important;
  border-radius: 6px;
  box-shadow: 0 12px 20px rgba(31, 41, 55, 0.08);
}

.jingjiang .jj-service-link strong {
  font-size: 20px;
  line-height: 1.2;
}

.jingjiang .jj-service-link span {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.95;
}

.jingjiang .jj-service-house {
  background: linear-gradient(90deg, #39c38c, #5f99ff);
}

.jingjiang .jj-service-jobs {
  background: linear-gradient(90deg, #ffb02e, #ff8571);
}

.jingjiang .jj-service-help {
  background: linear-gradient(90deg, #2f79ff, #4bb4db);
}

@media (max-width: 1240px) {
  .jingjiang .jj-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .jingjiang .jj-hero {
    grid-template-columns: minmax(0, 1fr) 1fr;
  }

  .jingjiang .jj-focus-shell {
    grid-column: 1 / span 2;
  }

  .jingjiang .jj-headline-card {
    grid-column: 1;
  }

  .jingjiang .jj-hero-banner {
    grid-column: 2;
  }
}

@media (max-width: 980px) {
  .jingjiang .jj-layout,
  .jingjiang .jj-rank-panel {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-hero {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-focus-shell,
  .jingjiang .jj-headline-card,
  .jingjiang .jj-hero-banner {
    grid-column: auto;
    min-height: 260px;
  }

  .jingjiang .jj-board-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jingjiang .jj-feed {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-feed-rail {
    flex-direction: row;
    overflow-x: auto;
  }

  .jingjiang .jj-feed-rail a {
    min-width: 140px;
    min-height: 56px;
    border-bottom: 0;
    border-right: 1px solid #e7ecf2;
  }
}

@media (max-width: 640px) {
  .jingjiang {
    padding-top: 0;
  }

  .jingjiang .mini-header {
    position: static;
    height: auto;
  }

  .jingjiang .topbar,
  .jingjiang .head-main {
    display: none;
  }

  .jingjiang .jj-channel-nav {
    display: block;
  }

  .jingjiang .jj-channel-nav .jj-quick-nav {
    display: none;
  }

  .jingjiang .jj-board-grid {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-lead-story-inner,
  .jingjiang .jj-feed-item {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-lead-avatar,
  .jingjiang .jj-lead-avatar img,
  .jingjiang .jj-feed-thumb {
    width: 100%;
  }

  .jingjiang .jj-lead-copy h4 {
    font-size: 22px;
  }

  .jingjiang .jj-lead-links {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-feed-thumb {
    min-height: 160px;
  }
}

/* Prototype alignment overrides: keep the Discuz theme shell, but match source-code/prototype/index.html. */
.jingjiang {
  background: #f4f4f5;
}

.jingjiang .head-main-inner {
  gap: 34px;
}

.jingjiang .site-logo {
  display: flex;
  flex: 0 0 360px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 360px;
  min-width: 360px;
  max-width: 360px;
  height: 58px;
  overflow: visible;
}

.jingjiang .site-logo .site-logo-mark {
  display: flex;
  flex: 0 0 86px;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 54px;
  overflow: hidden;
}

.jingjiang .site-logo .site-logo-mark img {
  display: block;
  max-width: 86px;
  max-height: 54px;
  object-fit: contain;
}

.jingjiang .site-logo .site-logo-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.jingjiang .site-logo strong {
  font-size: 25px;
  line-height: 27px;
}

.jingjiang .site-logo .site-logo-copy em {
  display: block;
  color: #243142;
  font-style: normal;
  font-weight: 800;
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
}

.jingjiang .search-box {
  position: relative;
  flex: 0 0 230px;
  width: 230px;
  height: 32px;
  margin: 0 auto 0 10px;
  background: #fafafa;
  border-color: #ededed;
  border-radius: 3px;
}

.jingjiang .search-box input {
  width: 198px;
  height: 30px;
  padding: 0 10px;
}

.jingjiang .search-box button {
  position: relative;
  width: 30px;
  height: 30px;
  background: transparent;
}

.jingjiang .search-box button::before,
.jingjiang .search-box button::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.jingjiang .search-box button::before {
  top: 7px;
  left: 5px;
  width: 13px;
  height: 13px;
  border: 2px solid #909399;
  border-radius: 50%;
}

.jingjiang .search-box button::after {
  top: 20px;
  left: 18px;
  width: 12px;
  height: 2px;
  background: #909399;
  transform: rotate(45deg);
  transform-origin: left center;
}

.jingjiang .login-links a {
  padding: 0 13px;
  font-size: 16px;
}

.jingjiang .jj-top-ad {
  margin: 10px auto 14px;
}

.jingjiang .jj-top-ad a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 74px;
  padding: 0 34px;
  overflow: hidden;
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(22, 119, 255, 0.92), rgba(58, 154, 255, 0.74)),
    repeating-linear-gradient(135deg, #1677ff 0 18px, #2f86ff 18px 36px);
  border-radius: 2px;
}

.jingjiang .jj-top-ad strong {
  font-size: 24px;
  font-weight: 700;
}

.jingjiang .jj-top-ad span {
  font-size: 14px;
  opacity: 0.94;
}

.jingjiang .jj-channel-nav {
  min-height: 50px;
  margin-bottom: 15px;
  padding-right: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: 0 2px 2px 0 rgba(44, 71, 146, 0.17);
}

.jingjiang .jj-channel-list {
  height: 50px;
  overflow: visible;
}

.jingjiang .jj-channel-list a {
  position: relative;
  height: 50px;
  padding: 0 15px;
  font-size: 16px;
}

.jingjiang .jj-channel-list li.is-active a {
  color: #1f2937;
  font-weight: 700;
  box-shadow: inset 0 -2px 0 #1677ff;
}

.jingjiang .jj-channel-list a:hover {
  color: #fff;
  background: #1677ff;
  box-shadow: none;
}

.jingjiang .jj-quick-nav {
  width: 128px;
  height: 50px;
}

.jingjiang .jj-quick-nav > button {
  width: 108px;
  height: 30px;
  margin: 10px 0 10px 20px;
  border-radius: 0;
}

.jingjiang .jj-quick-panel {
  top: 50px;
  width: 620px;
  border-radius: 0;
}

.jingjiang .jj-layout {
  grid-template-columns: 885px 300px;
  gap: 15px;
}

.jingjiang .jj-hero {
  display: grid;
  grid-template-columns: 484px 200px 189px;
  grid-template-rows: 290px 90px;
  gap: 5px 6px;
  height: 385px;
  min-height: 385px;
}

.jingjiang .jj-focus-shell {
  grid-column: 1;
  grid-row: 1;
  min-height: 290px;
  height: 290px;
  border: 0;
  border-radius: 0;
}

.jingjiang .jj-focus-fallback {
  justify-content: flex-end;
  padding: 0 28px 60px;
  font-size: 28px;
}

.jingjiang .jj-focus-fallback.tone-red {
  background:
    linear-gradient(135deg, rgba(245, 63, 63, 0.88), rgba(75, 86, 105, 0.78)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-focus-fallback.tone-green {
  background:
    linear-gradient(135deg, rgba(66, 189, 86, 0.88), rgba(22, 119, 255, 0.68)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-focus-fallback.tone-gold {
  background:
    linear-gradient(135deg, rgba(255, 179, 0, 0.9), rgba(245, 63, 63, 0.65)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-focus-copy strong {
  font-size: 30px;
}

.jingjiang .jj-focus-bar {
  min-height: 36px;
  padding: 0 8px 0 10px;
}

.jingjiang .jj-focus-dots {
  gap: 2px;
}

.jingjiang .jj-focus-dots li {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.55);
}

.jingjiang .jj-ad-tile-list {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 6px;
  min-height: 385px;
}

.jingjiang .jj-ad-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff !important;
  border-radius: 0;
  font-size: 20px;
  font-weight: 800;
}

.jingjiang .jj-ad-tile-red {
  background:
    linear-gradient(135deg, rgba(245, 63, 63, 0.88), rgba(75, 86, 105, 0.78)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-ad-tile-green {
  background:
    linear-gradient(135deg, rgba(66, 189, 86, 0.88), rgba(22, 119, 255, 0.68)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-ad-tile-gold {
  background:
    linear-gradient(135deg, rgba(255, 179, 0, 0.9), rgba(245, 63, 63, 0.65)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px);
}

.jingjiang .jj-headline-card {
  grid-column: 3;
  grid-row: 1 / span 2;
  min-height: 385px;
  padding: 16px 14px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.jingjiang .jj-headline-card .jj-section-hd {
  min-height: 34px;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

.jingjiang .jj-headline-card .jj-section-hd h3 {
  font-size: 18px;
}

.jingjiang .jj-headline-list a {
  padding: 9px 0;
  font-size: 14px;
}

.jingjiang .jj-headline-list li:first-child a {
  font-size: 16px;
  line-height: 1.65;
  white-space: normal;
}

.jingjiang .jj-headline-strip {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  min-height: 90px;
  padding: 12px 24px 10px 88px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.jingjiang .jj-headline-strip a {
  display: block;
}

.jingjiang .jj-headline-strip span {
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 90px;
  padding-top: 22px;
  color: #fff;
  background: #f01828;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  transform: skewY(-45deg);
  transform-origin: 0 0;
}

.jingjiang .jj-headline-strip h1 {
  height: 28px;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  color: #1f2937;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jingjiang .jj-headline-strip p {
  margin-top: 8px;
  overflow: hidden;
  color: #5f6c7b;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1240px) {
  .jingjiang .jj-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .jingjiang .jj-hero {
    grid-template-columns: minmax(0, 1fr) 200px;
    grid-template-rows: 290px 90px auto;
    height: auto;
  }

  .jingjiang .jj-focus-shell {
    grid-column: 1;
    grid-row: 1;
  }

  .jingjiang .jj-ad-tile-list {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .jingjiang .jj-headline-card {
    grid-column: 1 / span 2;
    grid-row: 3;
    min-height: 0;
  }

  .jingjiang .jj-headline-strip {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 980px) {
  .jingjiang .jj-layout {
    grid-template-columns: 1fr;
  }

  .jingjiang .jj-hero {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .jingjiang .jj-focus-shell,
  .jingjiang .jj-ad-tile-list,
  .jingjiang .jj-headline-card,
  .jingjiang .jj-headline-strip {
    grid-column: auto;
    grid-row: auto;
  }

  .jingjiang .jj-ad-tile-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 120px;
    min-height: 120px;
  }
}

/* Cross-browser stabilization for the Jingjiang portal home. */
.jingjiang,
.jingjiang * {
  box-sizing: border-box;
}

.jingjiang .wp {
  width: 1200px !important;
  max-width: 1200px;
}

.jingjiang #wp {
  overflow: visible;
}

.jingjiang .head-main-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}

.jingjiang .site-logo {
  display: flex !important;
  flex: 0 0 360px !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
  height: 58px !important;
  overflow: hidden !important;
}

.jingjiang .site-logo .site-logo-mark {
  display: flex !important;
  flex: 0 0 86px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 86px !important;
  height: 54px !important;
  overflow: hidden !important;
}

.jingjiang .site-logo .site-logo-mark img,
.jingjiang .site-logo .boardlogo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 86px !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

.jingjiang .site-logo .site-logo-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.jingjiang .site-logo .site-logo-copy strong {
  display: block !important;
  height: 27px !important;
  overflow: hidden !important;
  color: #1e6fff !important;
  font: 800 25px/27px Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.jingjiang .site-logo .site-logo-copy em {
  display: block !important;
  height: 16px !important;
  overflow: hidden !important;
  color: #243142 !important;
  font: normal 800 13px/16px "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  white-space: nowrap !important;
}

.jingjiang .search-box {
  flex: 0 0 230px !important;
  width: 230px !important;
  height: 32px !important;
  margin: 0 auto 0 10px !important;
}

.jingjiang .search-box input {
  flex: 0 0 198px !important;
  width: 198px !important;
  height: 30px !important;
  line-height: 30px !important;
}

.jingjiang .search-box button {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  background: transparent !important;
}

.jingjiang .a_h {
  margin: 10px auto 14px !important;
  overflow: hidden;
}

.jingjiang .a_h,
.jingjiang .a_h > div,
.jingjiang .a_h a,
.jingjiang .a_h img {
  max-width: 1200px;
}

.jingjiang .a_h img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 90px;
  object-fit: cover;
}

.jingjiang .jj-layout {
  display: grid !important;
  grid-template-columns: 885px 300px !important;
  gap: 15px !important;
  width: 1200px !important;
  align-items: start !important;
}

.jingjiang .jj-hero {
  display: grid !important;
  grid-template-columns: 484px 200px 189px !important;
  grid-template-rows: 290px 90px !important;
  gap: 5px 6px !important;
  width: 885px !important;
  height: 385px !important;
  min-height: 385px !important;
  overflow: hidden !important;
}

.jingjiang .jj-focus-shell {
  width: 484px !important;
  height: 290px !important;
  min-height: 290px !important;
}

.jingjiang .jj-ad-tile-list {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  grid-template-columns: 200px !important;
  grid-auto-rows: 1fr !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 6px !important;
  width: 200px !important;
  height: 385px !important;
  min-height: 385px !important;
  overflow: hidden !important;
}

.jingjiang .jj-ad-tile-list:empty {
  background: transparent !important;
}

.jingjiang .jj-ad-tile {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 200px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 0 !important;
  line-height: normal !important;
}

.jingjiang .jj-ad-tile a,
.jingjiang .jj-ad-tile img,
.jingjiang .jj-ad-tile object,
.jingjiang .jj-ad-tile embed {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.jingjiang .jj-ad-tile img {
  object-fit: cover !important;
}

.jingjiang .jj-headline-card {
  width: 189px !important;
  height: 385px !important;
  min-height: 385px !important;
}

.jingjiang .jj-headline-strip {
  width: 484px !important;
  height: 90px !important;
  min-height: 90px !important;
}

.jingjiang .jj-board-grid {
  margin-top: 15px !important;
}

.jingjiang .jj-lead-story,
.jingjiang .jj-stat-strip,
.jingjiang .jj-hero-banner {
  display: none !important;
}

/* Final prototype tuning: configurable ads, compact logo and focus modules. */
.jingjiang .site-logo {
  flex: 0 0 420px !important;
  width: 420px !important;
  min-width: 420px !important;
  max-width: 420px !important;
  height: 54px !important;
  gap: 14px !important;
}

.jingjiang .site-logo .site-logo-mark {
  flex: 0 0 118px !important;
  width: 118px !important;
  height: 42px !important;
}

.jingjiang .site-logo .site-logo-mark img,
.jingjiang .site-logo .boardlogo {
  max-width: 118px !important;
  max-height: 42px !important;
}

.jingjiang .site-logo .site-logo-copy {
  align-self: center !important;
  justify-content: center !important;
}

.jingjiang .site-logo .site-logo-copy strong {
  height: 28px !important;
  font-size: 26px !important;
  line-height: 28px !important;
}

.jingjiang .site-logo .site-logo-copy em {
  height: 15px !important;
  font-size: 12px !important;
  line-height: 15px !important;
}

.jingjiang .a_h,
.jingjiang .a_f,
.jingjiang .a_mu,
.jingjiang .a_t {
  clear: both;
  width: 1200px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.jingjiang .a_h {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.jingjiang .a_h a,
.jingjiang .a_f a,
.jingjiang .a_mu a,
.jingjiang .a_t a {
  display: block;
  max-width: 100%;
}

.jingjiang .a_h img,
.jingjiang .a_f img,
.jingjiang .a_mu img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jingjiang .jj-ad-tile-list {
  display: flex !important;
  flex-direction: column !important;
  grid-auto-rows: auto !important;
  grid-template-rows: none !important;
  gap: 6px !important;
}

.jingjiang .jj-ad-tile-list > .jj-ad-tile,
.jingjiang .jj-ad-tile-list > .jj-promo-tile {
  flex: 1 1 0 !important;
  min-height: 0 !important;
}

.jingjiang .jj-promo-tile {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

.jingjiang .jj-promo-tile strong {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
}

.jingjiang .jj-promo-tile span {
  color: rgba(255, 255, 255, 0.92);
  font-size: 13px;
  line-height: 1.5;
}

.jingjiang .jj-promo-tile.tone-red {
  background: linear-gradient(135deg, #ef4444, #68758f);
}

.jingjiang .jj-promo-tile.tone-green {
  background: linear-gradient(135deg, #22c55e, #60a5fa);
}

.jingjiang .jj-promo-tile.tone-gold {
  background: linear-gradient(135deg, #f59e0b, #fb7185);
}

.jingjiang .jj-focus-copy {
  bottom: 66px !important;
  padding: 0 24px 0 28px !important;
}

.jingjiang .jj-focus-copy strong {
  max-width: 88% !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
}

.jingjiang .jj-focus-copy em {
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.jingjiang .jj-focus-bar {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 10px 0 14px !important;
}

.jingjiang .jj-focus-caption {
  font-size: 14px !important;
  line-height: 36px !important;
}

.jingjiang .jj-focus-dots li {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
}

.jingjiang .jj-headline-strip {
  padding: 16px 22px 12px 88px !important;
}

.jingjiang .jj-headline-strip span {
  top: 14px !important;
  left: -34px !important;
  width: 116px !important;
  height: 24px !important;
  padding: 0 !important;
  line-height: 24px !important;
  background: #f01828 !important;
  font-size: 12px !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
}

.jingjiang .jj-headline-strip h1 {
  height: 26px !important;
  line-height: 26px !important;
  font-size: 17px !important;
  text-align: left !important;
}

.jingjiang .jj-headline-strip p {
  margin-top: 6px !important;
  font-size: 13px !important;
  line-height: 19px !important;
  text-align: left !important;
}

/* Browser-fix pass: remove duplicated fallback text and lock prototype geometry. */
.jingjiang .a_h {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.jingjiang .a_h a {
  min-height: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.jingjiang .jj-focus-fallback {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
}

.jingjiang .jj-focus-fallback em {
  display: none !important;
}

.jingjiang .jj-focus-copy {
  bottom: 58px !important;
  padding-left: 24px !important;
  text-shadow: none !important;
}

.jingjiang .jj-focus-copy strong,
.jingjiang .jj-focus-copy em {
  text-shadow: none !important;
}

.jingjiang .jj-focus-copy strong {
  font-size: 26px !important;
  line-height: 1.18 !important;
}

.jingjiang .jj-focus-copy em {
  margin-top: 7px !important;
  font-size: 13px !important;
}

.jingjiang .jj-ad-tile-list {
  gap: 4px !important;
  background: #fff !important;
}

.jingjiang .jj-promo-tile {
  position: relative;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 14px 12px !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.jingjiang .jj-promo-tile strong {
  margin-bottom: 7px !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  text-shadow: none !important;
}

.jingjiang .jj-promo-tile span {
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-shadow: none !important;
}

.jingjiang .jj-promo-tile.tone-red {
  background: linear-gradient(135deg, #ef4444 0%, #7b8498 100%) !important;
}

.jingjiang .jj-promo-tile.tone-green {
  background: linear-gradient(135deg, #23bf69 0%, #57a7f4 100%) !important;
}

.jingjiang .jj-promo-tile.tone-gold {
  background: linear-gradient(135deg, #ffac22 0%, #ff7a6f 100%) !important;
}

.jingjiang .jj-headline-strip {
  overflow: hidden !important;
  padding-left: 72px !important;
}

.jingjiang .jj-headline-strip span {
  top: 0 !important;
  left: 0 !important;
  width: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
  transform-origin: initial !important;
}

.jingjiang .jj-headline-strip span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 72px solid #f01828;
  border-right: 72px solid transparent;
}

.jingjiang .jj-headline-strip span::after {
  content: "今日头条";
  position: absolute;
  top: 15px;
  left: -20px;
  width: 92px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: 800;
  text-align: center;
  transform: rotate(-45deg);
  transform-origin: center;
}

.jingjiang .jj-headline-strip h1 {
  padding-top: 2px !important;
  font-size: 18px !important;
}

.jingjiang .jj-feed {
  grid-template-columns: 136px minmax(0, 1fr) !important;
  min-height: 560px !important;
  margin-top: 20px !important;
  background: #fff !important;
}

.jingjiang .jj-feed-rail {
  background: #f5f8fb !important;
}

.jingjiang .jj-feed-rail a {
  min-height: 72px !important;
  font-size: 16px !important;
}

.jingjiang .jj-feed-rail a:first-child {
  min-height: 82px !important;
  font-size: 18px !important;
}

.jingjiang .jj-feed-body {
  padding: 22px 22px 18px !important;
}

.jingjiang .jj-feed .jj-section-hd {
  min-height: 44px !important;
  margin-bottom: 10px !important;
}

.jingjiang .jj-feed .jj-section-hd h3 {
  color: #1e6fff !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
}

.jingjiang .jj-feed-item {
  grid-template-columns: 116px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 118px !important;
  padding: 17px 0 !important;
}

.jingjiang .jj-feed-thumb {
  width: 116px !important;
  height: 92px !important;
  min-height: 92px !important;
  border-radius: 4px !important;
}

.jingjiang .jj-photo {
  min-height: 92px !important;
  font-size: 18px !important;
}

.jingjiang .jj-photo-gold {
  background: linear-gradient(135deg, #f59e0b, #fb7185) !important;
}

.jingjiang .jj-photo-blue {
  background: linear-gradient(135deg, #3b82f6, #5b6f91) !important;
}

.jingjiang .jj-photo-green {
  background: linear-gradient(135deg, #22c55e, #60a5fa) !important;
}

.jingjiang .jj-feed-item h4 {
  margin-bottom: 8px !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.jingjiang .jj-feed-item p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Prototype pass: DiscuzX5-like nav interaction and full right sidebar. */
.jingjiang .jj-channel-nav {
  align-items: stretch !important;
  height: 66px !important;
  min-height: 66px !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  overflow: visible !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(25, 47, 74, 0.12) !important;
}

.jingjiang .jj-channel-list {
  align-items: stretch !important;
  height: 66px !important;
  gap: 0 !important;
}

.jingjiang .jj-channel-nav li,
.jingjiang .jj-channel-list li {
  height: 66px !important;
  background: transparent !important;
}

.jingjiang .jj-channel-nav li a,
.jingjiang .jj-channel-list li a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 66px !important;
  min-width: 0 !important;
  padding: 0 20px !important;
  color: #111827 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 66px !important;
  transition: color 0.18s ease !important;
}

.jingjiang .jj-channel-nav li a::after,
.jingjiang .jj-channel-list li a::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 44px !important;
  height: 3px !important;
  margin-left: -22px !important;
  background: #1e6fff !important;
  opacity: 0 !important;
  transform: translateY(1px) !important;
  transition: opacity 0.18s ease !important;
}

.jingjiang .jj-channel-nav li.is-active a,
.jingjiang .jj-channel-list li.is-active a,
.jingjiang .jj-channel-nav li a:hover,
.jingjiang .jj-channel-list li a:hover {
  color: #1e6fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.jingjiang .jj-channel-nav li.is-active a,
.jingjiang .jj-channel-list li.is-active a {
  color: #111827 !important;
  font-weight: 800 !important;
}

.jingjiang .jj-channel-nav li.is-active a::after,
.jingjiang .jj-channel-list li.is-active a::after,
.jingjiang .jj-channel-nav li a:hover::after,
.jingjiang .jj-channel-list li a:hover::after {
  opacity: 1 !important;
}

.jingjiang .jj-channel-nav .jj-quick-nav {
  align-self: center !important;
  margin-right: 0 !important;
}

.jingjiang .jj-side > section {
  margin-bottom: 16px !important;
}

.jingjiang .jj-member {
  position: relative !important;
  min-height: 200px !important;
  padding: 15px 18px 18px !important;
  border-top: 3px solid #1e6fff !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  text-align: left !important;
}

.jingjiang .jj-member::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 118px !important;
  background: linear-gradient(135deg, rgba(30, 111, 255, 0.08), rgba(255, 255, 255, 0)) !important;
}

.jingjiang .jj-member-info {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 86px !important;
}

.jingjiang .jj-member .jj-avatar {
  width: 76px !important;
  height: 76px !important;
  margin: 0 !important;
  border: 8px solid #edf1f5 !important;
}

.jingjiang .jj-member-copy h3 {
  margin: 0 0 13px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.jingjiang .jj-member-copy p {
  margin: -5px 0 10px !important;
  color: #8a94a3 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.jingjiang .jj-member .jj-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.jingjiang .jj-member .jj-actions a {
  height: 32px !important;
  padding: 0 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  line-height: 32px !important;
  text-align: center !important;
}

.jingjiang .jj-member .jj-actions a:first-child {
  background: #ef4444 !important;
}

.jingjiang .jj-member .jj-actions a:last-child {
  background: #1e6fff !important;
}

.jingjiang .jj-other-login {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 16px !important;
  padding-top: 13px !important;
  border-top: 1px solid #e7edf5 !important;
  color: #8a94a3 !important;
  font-size: 13px !important;
}

.jingjiang .jj-other-login span {
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  width: 104px !important;
  margin-left: -52px !important;
  background: #fff !important;
  text-align: center !important;
}

.jingjiang .jj-other-login a {
  color: #536276 !important;
  font-size: 13px !important;
}

.jingjiang .jj-member-tools {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.jingjiang .jj-member-tools a {
  height: 34px !important;
  color: #1e6fff !important;
  background: #f4f8ff !important;
  border: 1px solid #e1ebff !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  line-height: 34px !important;
  text-align: center !important;
}

.jingjiang .jj-member-tools a:hover {
  color: #fff !important;
  background: #1e6fff !important;
}

.jingjiang .jj-side-card {
  padding: 18px !important;
  border-radius: 4px !important;
}

.jingjiang .jj-side-card .jj-section-hd {
  min-height: 40px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e5edf6 !important;
}

.jingjiang .jj-side-card .jj-section-hd h3 {
  color: #1e6fff !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
}

.jingjiang .jj-government-card .jj-section-hd h3 {
  position: relative !important;
  padding-left: 16px !important;
  color: #1f2937 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

.jingjiang .jj-government-card .jj-section-hd h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -3px !important;
  background: #1e6fff !important;
  border-radius: 50% !important;
}

.jingjiang .jj-echo-wall h4 {
  margin: 0 0 10px !important;
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.jingjiang .jj-echo-wall dl {
  margin: 0 !important;
  padding: 13px 0 !important;
  border-top: 1px dashed #dde5ee !important;
}

.jingjiang .jj-echo-wall dt {
  margin-bottom: 6px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.jingjiang .jj-echo-wall dt a {
  color: #111827 !important;
}

.jingjiang .jj-echo-wall dd {
  color: #687789 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.jingjiang .jj-ask-btn {
  display: block !important;
  height: 38px !important;
  margin-top: 14px !important;
  color: #fff !important;
  background: #1e6fff !important;
  border-radius: 3px !important;
  font-size: 16px !important;
  line-height: 38px !important;
  text-align: center !important;
}

.jingjiang .jj-side-visual {
  display: flex !important;
  align-items: center !important;
  height: 150px !important;
  margin-bottom: 14px !important;
  padding: 0 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2f7df6 0%, #536a8d 100%) !important;
  border-radius: 4px !important;
}

.jingjiang .jj-side-visual strong {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

.jingjiang .jj-report-card {
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
}

.jingjiang .jj-report-link {
  display: flex !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.jingjiang .jj-report-blue {
  background: linear-gradient(135deg, #1e6fff, #57b7f6) !important;
}

.jingjiang .jj-report-green {
  background: linear-gradient(135deg, #22c55e, #60a5fa) !important;
}

.jingjiang .jj-report-pink {
  background: linear-gradient(135deg, #fb7185, #f87171) !important;
}

/* Login/register float windows: keep ajax pages from inheriting full page layout. */
body.jingjiang #fwin_register,
body.jingjiang #fwin_login {
  max-width: calc(100vw - 48px) !important;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 42px rgba(15, 23, 42, 0.18) !important;
}

body.jingjiang #fwin_register {
  width: 860px !important;
}

body.jingjiang #fwin_login {
  width: 600px !important;
}

body.jingjiang #fwin_content_register,
body.jingjiang #fwin_content_login {
  width: auto !important;
  min-width: 0 !important;
  background: #fff !important;
  border-radius: 10px !important;
}

body.jingjiang #fwin_register table.fwin,
body.jingjiang #fwin_login table.fwin {
  width: 100% !important;
  border-collapse: collapse !important;
}

body.jingjiang #fwin_register .t_l,
body.jingjiang #fwin_register .m_l,
body.jingjiang #fwin_register .b_l,
body.jingjiang #fwin_register .t_r,
body.jingjiang #fwin_register .m_r,
body.jingjiang #fwin_register .b_r,
body.jingjiang #fwin_login .t_l,
body.jingjiang #fwin_login .m_l,
body.jingjiang #fwin_login .b_l,
body.jingjiang #fwin_login .t_r,
body.jingjiang #fwin_login .m_r,
body.jingjiang #fwin_login .b_r {
  width: 10px !important;
  min-width: 10px !important;
  padding: 0 !important;
}

body.jingjiang #fwin_register #fwin_content_register {
  width: calc(100% - 20px) !important;
}

body.jingjiang #fwin_login #fwin_content_login {
  width: calc(100% - 20px) !important;
}

body.jingjiang #fwin_register .m_c,
body.jingjiang #fwin_login .m_c {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 10px !important;
}

body.jingjiang #fwin_register #ct,
body.jingjiang #fwin_register .wp,
body.jingjiang #fwin_register .mn,
body.jingjiang #fwin_register #main_message {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.jingjiang #fwin_register #main_hnav {
  height: auto !important;
  min-height: 54px !important;
  padding: 22px 34px 16px !important;
  border-bottom: 1px solid #e7edf5 !important;
  background: #fff !important;
}

body.jingjiang #fwin_register #main_hnav h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}

body.jingjiang #fwin_register #main_hnav .y {
  margin-top: 4px !important;
  color: #6b7280 !important;
  font-size: 14px !important;
}

body.jingjiang #fwin_register #layer_reg {
  max-height: min(68vh, 640px) !important;
  padding: 22px 34px 28px !important;
  overflow: auto !important;
  background: #fff !important;
}

body.jingjiang #fwin_register .rfm {
  width: auto !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid #eef2f7 !important;
}

body.jingjiang #fwin_register .rfm table {
  width: 100% !important;
}

body.jingjiang #fwin_register .rfm th {
  width: 132px !important;
  padding: 8px 14px 8px 0 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: right !important;
  vertical-align: top !important;
}

body.jingjiang #fwin_register .rfm td {
  padding: 8px 0 !important;
}

body.jingjiang #fwin_register .rfm .px,
body.jingjiang #fwin_register .rfm select,
body.jingjiang #fwin_login .rfm .px,
body.jingjiang #fwin_login .rfm select {
  box-sizing: border-box !important;
  height: 38px !important;
  border: 1px solid #d9e2ee !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  line-height: 38px !important;
}

body.jingjiang #fwin_register .rfm .px {
  width: 300px !important;
}

body.jingjiang #fwin_register .tipcol,
body.jingjiang #fwin_register .tipwide {
  color: #8a94a3 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.jingjiang #fwin_register .flb,
body.jingjiang #fwin_login .flb {
  height: auto !important;
  padding: 24px 34px 12px !important;
  border-bottom: 0 !important;
  background: #fff !important;
}

body.jingjiang #fwin_register .flb em,
body.jingjiang #fwin_login .flb em {
  color: #1e6fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
}

body.jingjiang #fwin_register .flbc,
body.jingjiang #fwin_login .flbc {
  right: 24px !important;
  top: 22px !important;
}

body.jingjiang #fwin_login .c {
  min-width: 0 !important;
  padding: 10px 34px 30px !important;
}

body.jingjiang #fwin_login .rfm {
  width: auto !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #eef2f7 !important;
}

body.jingjiang #fwin_login .rfm table {
  width: 100% !important;
}

body.jingjiang #fwin_login .rfm th {
  width: 104px !important;
  padding-right: 14px !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: right !important;
}

body.jingjiang #fwin_login .rfm .px {
  width: 270px !important;
}

body.jingjiang #fwin_login .pn,
body.jingjiang #fwin_register .pn {
  min-width: 96px !important;
  height: 38px !important;
  padding: 0 18px !important;
  color: #fff !important;
  background: #1e6fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  line-height: 38px !important;
}

body.jingjiang #fwin_login .pn em,
body.jingjiang #fwin_register .pn em,
body.jingjiang #fwin_login .pn strong,
body.jingjiang #fwin_register .pn strong {
  color: #fff !important;
  line-height: 38px !important;
}

body.jingjiang #fwin_login a,
body.jingjiang #fwin_register a {
  color: #1e6fff !important;
}

/* Final alignment pass: keep auth popups and the channel bar stable at common desktop widths. */
.jingjiang .jj-channel-nav {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
}

.jingjiang .jj-channel-list {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.jingjiang .jj-channel-list li {
  flex: 0 0 auto !important;
}

.jingjiang .jj-channel-nav li a,
.jingjiang .jj-channel-list li a {
  padding-right: 18px !important;
  padding-left: 18px !important;
  white-space: nowrap !important;
}

.jingjiang .jj-channel-nav .jj-quick-nav {
  flex: 0 0 126px !important;
  width: 126px !important;
  margin-left: auto !important;
  padding-right: 0 !important;
}

.jingjiang .jj-quick-nav > button {
  width: 118px !important;
  min-width: 118px !important;
  height: 38px !important;
  padding: 0 32px 0 16px !important;
  white-space: nowrap !important;
}

body.jingjiang #fwin_login .rfm {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body.jingjiang #fwin_login .rfm table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

body.jingjiang #fwin_login .rfm th {
  width: 112px !important;
  height: 48px !important;
  padding: 0 14px 0 0 !important;
  line-height: 38px !important;
  vertical-align: middle !important;
}

body.jingjiang #fwin_login .rfm td {
  height: 48px !important;
  padding: 5px 0 !important;
  line-height: 38px !important;
  vertical-align: middle !important;
}

body.jingjiang #fwin_login .rfm td:nth-child(2) {
  width: 300px !important;
}

body.jingjiang #fwin_login .rfm .tipcol {
  width: 86px !important;
  padding-left: 10px !important;
  color: #6b7280 !important;
  line-height: 38px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

body.jingjiang #fwin_login .rfm .tipcol a {
  display: inline-block !important;
  line-height: 38px !important;
  white-space: nowrap !important;
}

body.jingjiang #fwin_login .rfm .px {
  display: block !important;
  width: 300px !important;
  max-width: 300px !important;
  height: 38px !important;
}

body.jingjiang #fwin_login .rfm select,
body.jingjiang #fwin_login .rfm .login_slct,
body.jingjiang #fwin_login .rfm .psw_w {
  box-sizing: border-box !important;
  height: 38px !important;
  line-height: 38px !important;
  vertical-align: middle !important;
}

body.jingjiang #fwin_login .rfm .login_slct {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 82px !important;
  color: #1e6fff !important;
}

body.jingjiang #fwin_login .rfm .login_slct .ftid,
body.jingjiang #fwin_login .rfm .login_slct .ftid a {
  line-height: 38px !important;
}

body.jingjiang #fwin_register #main_hnav .y a,
body.jingjiang #fwin_login .rfm .tipcol a {
  cursor: pointer !important;
}

@media (max-width: 1280px) {
  .jingjiang .jj-channel-nav li a,
  .jingjiang .jj-channel-list li a {
    padding-right: 13px !important;
    padding-left: 13px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 1100px) {
  .jingjiang .jj-channel-nav li a,
  .jingjiang .jj-channel-list li a {
    padding-right: 9px !important;
    padding-left: 9px !important;
    font-size: 15px !important;
  }

  .jingjiang .jj-channel-nav .jj-quick-nav {
    flex-basis: 112px !important;
    width: 112px !important;
  }

  .jingjiang .jj-quick-nav > button {
    width: 106px !important;
    min-width: 106px !important;
    padding-right: 24px !important;
    padding-left: 12px !important;
  }
}

/* Prototype fit pass: wider desktop canvas, sticky feed rail, and full-width trend panel. */
.jingjiang .wp {
  width: 1440px !important;
  max-width: calc(100vw - 96px) !important;
}

body.jingjiang,
.jingjiang #wp,
.jingjiang #append_parent {
  width: auto !important;
  min-width: 0 !important;
}

.jingjiang .a_h img {
  max-width: 1440px !important;
}

.jingjiang .jj-page {
  width: 1440px !important;
  max-width: calc(100vw - 96px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.jingjiang .jj-layout,
.jingjiang .jj-channel-nav {
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .jj-layout {
  grid-template-columns: minmax(0, 1105px) 320px !important;
  gap: 15px !important;
}

.jingjiang .jj-side {
  width: 320px !important;
}

.jingjiang .jj-rank-panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin-top: 15px !important;
  padding: 18px 22px 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.10) !important;
}

.jingjiang .jj-rank-panel .jj-card,
.jingjiang .jj-rank-panel .jj-side-card {
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.jingjiang .jj-rank-panel .jj-section-hd {
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e5e6eb !important;
}

.jingjiang .jj-rank-panel .jj-section-hd h3 {
  height: 42px !important;
  margin: 0 !important;
  color: #1f2937 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 42px !important;
}

.jingjiang .jj-rank-panel .jj-section-hd h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  vertical-align: -3px !important;
  background:
    linear-gradient(#1677ff, #1677ff) 0 0 / 7px 7px no-repeat,
    linear-gradient(#1677ff, #1677ff) 0 11px / 7px 7px no-repeat,
    linear-gradient(#1677ff, #1677ff) 11px 0 / 7px 7px no-repeat,
    linear-gradient(#1677ff, #1677ff) 11px 11px / 7px 7px no-repeat !important;
}

.jingjiang .jj-rank-panel .jj-section-hd a {
  color: #8a919f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.jingjiang .jj-rank-panel .jj-rank-list {
  counter-reset: jj-rank !important;
  padding-top: 18px !important;
}

.jingjiang .jj-rank-panel .jj-rank-list li {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 56px !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 36px !important;
  line-height: 36px !important;
  border: 0 !important;
}

.jingjiang .jj-rank-panel .jj-rank-list li::before {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  color: #1677ff !important;
  background: #e8f7ff !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

.jingjiang .jj-rank-panel .jj-rank-list li:nth-child(1)::before {
  color: #fff !important;
  background: #e62213 !important;
}

.jingjiang .jj-rank-panel .jj-rank-list li:nth-child(2)::before {
  color: #fff !important;
  background: #ff9100 !important;
}

.jingjiang .jj-rank-panel .jj-rank-list li:nth-child(3)::before {
  color: #fff !important;
  background: #42d83b !important;
}

.jingjiang .jj-rank-panel .jj-rank-list a {
  color: #1f2937 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
}

.jingjiang .jj-rank-panel .jj-rank-list em {
  height: 22px !important;
  color: #5f6b7a !important;
  background: #f7f7f8 !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 22px !important;
  text-align: center !important;
}

.jingjiang .jj-feed {
  display: grid !important;
  grid-template-columns: 130px minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  margin-top: 15px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.jingjiang .jj-feed-rail {
  position: sticky !important;
  top: calc(50vh - 235px) !important;
  z-index: 5 !important;
  align-self: start !important;
  overflow: hidden !important;
  background: #fff !important;
  border-top: 2px solid #1677ff !important;
  border-right: 0 !important;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.10) !important;
}

.jingjiang .jj-feed-rail a {
  display: block !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 10px !important;
  color: #1f2937 !important;
  background: #fff !important;
  border-bottom: 1px solid #e5e6eb !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 52px !important;
  text-align: center !important;
}

.jingjiang .jj-feed-rail a.is-active,
.jingjiang .jj-feed-rail a:hover {
  color: #fff !important;
  background: #1677ff !important;
}

.jingjiang .jj-feed-body {
  min-width: 0 !important;
  padding: 0 15px 15px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(31, 41, 55, 0.10) !important;
}

@media (max-width: 1540px) {
  .jingjiang .wp,
  .jingjiang .jj-page {
    width: 1320px !important;
  }

  .jingjiang .jj-layout {
    grid-template-columns: minmax(0, 985px) 320px !important;
  }
}

@media (max-width: 1240px) {
  .jingjiang .wp,
  .jingjiang .jj-page {
    width: 1200px !important;
    max-width: calc(100vw - 48px) !important;
  }

  .jingjiang .jj-layout {
    grid-template-columns: minmax(0, 1fr) 300px !important;
  }

  .jingjiang .jj-side {
    width: 300px !important;
  }
}

@media (max-width: 980px) {
  .jingjiang .dz_rnav {
    right: 12px !important;
    left: auto !important;
  }

  .jingjiang .wp,
  .jingjiang .jj-page {
    max-width: calc(100vw - 24px) !important;
  }

  .jingjiang .jj-layout,
  .jingjiang .jj-rank-panel,
  .jingjiang .jj-feed {
    grid-template-columns: 1fr !important;
  }

  .jingjiang .jj-feed-rail {
    position: static !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  .jingjiang .jj-feed-rail a {
    min-width: 130px !important;
    border-right: 1px solid #e5e6eb !important;
    border-bottom: 0 !important;
  }
}

/* Prototype alignment pass: stretch the hero grid and leave breathing room for quick navigation. */
.jingjiang .jj-channel-nav .jj-quick-nav {
  flex: 0 0 150px !important;
  width: 150px !important;
  margin-right: 26px !important;
  padding-right: 0 !important;
}

.jingjiang .jj-quick-nav > button {
  display: block !important;
  margin-right: 0 !important;
  margin-left: auto !important;
}

.jingjiang .jj-hero {
  grid-template-columns: minmax(0, 1fr) 220px 270px !important;
  grid-template-rows: 290px 90px !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .jj-focus-shell {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .jj-focus-stage,
.jingjiang .jj-focus-item {
  width: 100% !important;
}

.jingjiang .jj-ad-tile-list {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .jj-ad-tile,
.jingjiang .jj-ad-tile-list > .jj-ad-tile,
.jingjiang .jj-ad-tile-list > .jj-promo-tile {
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .jj-headline-card {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .jj-headline-strip {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 15px 25px 15px 88px !important;
  background:
    linear-gradient(90deg, rgba(22, 119, 255, 0.10) 0 50px, transparent 50px),
    #fff !important;
}

.jingjiang .jj-headline-strip span {
  top: 10px !important;
  left: -24px !important;
  z-index: 2 !important;
  width: 88px !important;
  height: 22px !important;
  color: #fff !important;
  background: #e60012 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  text-align: center !important;
  transform: rotate(-45deg) !important;
  transform-origin: center !important;
}

.jingjiang .jj-headline-strip span::before,
.jingjiang .jj-headline-strip span::after {
  content: none !important;
}

.jingjiang .jj-headline-strip h1 {
  height: 28px !important;
  padding-top: 0 !important;
  line-height: 28px !important;
  font-size: 16px !important;
  text-align: center !important;
}

.jingjiang .jj-headline-strip p {
  height: 20px !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-align: center !important;
}

@media (max-width: 1540px) {
  .jingjiang .jj-hero {
    grid-template-columns: minmax(0, 1fr) 205px 240px !important;
  }
}

@media (max-width: 1240px) {
  .jingjiang .jj-hero {
    grid-template-columns: minmax(0, 1fr) 190px 220px !important;
  }

  .jingjiang .jj-channel-nav .jj-quick-nav {
    flex-basis: 140px !important;
    width: 140px !important;
    margin-right: 18px !important;
  }
}

@media (max-width: 980px) {
  .jingjiang .jj-hero {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .jingjiang .jj-focus-shell,
  .jingjiang .jj-ad-tile-list,
  .jingjiang .jj-headline-card,
  .jingjiang .jj-headline-strip {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .jingjiang .jj-channel-nav .jj-quick-nav {
    flex: 0 0 132px !important;
    width: 132px !important;
    margin-right: 12px !important;
  }
}

/* Jingjiang detail pass: homepage spacing, local feed tabs, and footer alignment. */
.jingjiang .jj-hero {
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.jingjiang .jj-ad-tile-list {
  gap: 10px !important;
}

.jingjiang .jj-promo-tile,
.jingjiang .jj-ad-tile-list > .jj-promo-tile {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 16px 14px !important;
  text-align: center !important;
}

.jingjiang .jj-promo-tile strong {
  display: block !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.jingjiang .jj-promo-tile span {
  display: block !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.jingjiang .jj-promo-tile.tone-red {
  background: linear-gradient(135deg, #f04747, #738197) !important;
}

.jingjiang .jj-promo-tile.tone-green {
  background: linear-gradient(135deg, #23b36b, #48a5e8) !important;
}

.jingjiang .jj-promo-tile.tone-gold {
  background: linear-gradient(135deg, #ffa62b, #ff775d) !important;
}

.jingjiang .jj-board-grid {
  gap: 8px !important;
  margin-top: 14px !important;
  padding: 8px !important;
  overflow: visible !important;
  background: #f1f5f9 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.jingjiang .jj-board-card {
  display: flex !important;
  min-height: 118px !important;
  padding: 12px 16px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 4px !important;
}

.jingjiang .jj-board-card h2 {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.jingjiang .jj-board-card h2 span {
  font-size: 20px !important;
}

.jingjiang .jj-board-card p {
  height: 22px !important;
  margin-top: 8px !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}

.jingjiang .jj-board-card .jj-meta {
  margin-top: 8px !important;
}

.jingjiang .jj-rank-panel {
  gap: 42px !important;
  margin-top: 14px !important;
  padding: 18px 26px 20px !important;
}

.jingjiang .jj-feed {
  grid-template-columns: 130px minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
  margin-top: 16px !important;
  background: transparent !important;
}

.jingjiang .jj-feed-rail {
  border-top-width: 2px !important;
}

.jingjiang .jj-feed-rail a,
.jingjiang .jj-feed-rail a:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 12px !important;
  line-height: 58px !important;
}

.jingjiang .jj-feed-panels {
  min-height: 430px !important;
}

.jingjiang .jj-feed-panel {
  display: none !important;
}

.jingjiang .jj-feed-panel.is-active {
  display: block !important;
}

.jingjiang .jj-feed-body {
  min-height: 430px !important;
}

.jingjiang .jj-feed-item {
  min-height: 116px !important;
}

.jingjiang .dz_footc {
  overflow: visible !important;
  color: #8f98a3 !important;
  background: #303133 !important;
  box-shadow: none !important;
}

.jingjiang #ft.dz_footc_bottom {
  position: relative !important;
  width: 1440px !important;
  max-width: calc(100vw - 96px) !important;
  padding: 24px 0 26px !important;
  border-top: 0 !important;
}

.jingjiang .dz_footc_nav {
  height: auto !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 180px 16px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  line-height: 28px !important;
}

.jingjiang .dz_footc_nav a,
.jingjiang .dz_footc_copy,
.jingjiang .dz_footc_copy a {
  color: #8f98a3 !important;
}

.jingjiang .dz_footc_nav a:hover,
.jingjiang .dz_footc_copy a:hover {
  color: #fff !important;
}

.jingjiang .dz_footc_nav .pipe,
.jingjiang .dz_footc_copy .pipe {
  color: rgba(255, 255, 255, 0.30) !important;
}

.jingjiang .dz_footc_copy {
  padding: 14px 0 0 !important;
  line-height: 26px !important;
}

.jingjiang .dz_footc_dico {
  position: absolute !important;
  top: 22px !important;
  right: 0 !important;
  float: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.jingjiang .dz_footc_dico .ewmimg {
  width: 118px !important;
  margin: 0 !important;
  color: #8f98a3 !important;
}

.jingjiang .dz_footc_dico .ewmimg img {
  width: 118px !important;
  height: 118px !important;
}

.jingjiang .dz_rnav {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.jingjiang .dz_rnav a.dz_rwx .dz_rewm {
  width: 170px !important;
  padding: 14px !important;
  color: #1677ff !important;
  background: #dbeafe !important;
  border-radius: 4px !important;
}

.jingjiang .dz_rnav a.dz_rwx .dz_rewm img {
  width: 142px !important;
  height: 142px !important;
  margin: 0 auto 12px !important;
  border-radius: 4px !important;
}

.jingjiang .dz_rnav a.dz_rwx .dz_rewm span {
  color: #1677ff !important;
  font-weight: 700 !important;
}

@media (max-width: 980px) {
  .jingjiang .jj-board-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jingjiang .jj-feed {
    grid-template-columns: 1fr !important;
  }

  .jingjiang #ft.dz_footc_bottom {
    max-width: calc(100vw - 24px) !important;
  }

  .jingjiang .dz_footc_nav {
    padding-right: 0 !important;
  }

  .jingjiang .dz_footc_dico {
    position: static !important;
    margin-top: 16px !important;
  }
}

/* Ad placement pass: align the top banner and custom subnav banner with the main canvas. */
.jingjiang {
  padding-top: 0 !important;
}

.jingjiang .mini-header {
  position: relative !important;
  inset: auto !important;
}

.jingjiang .a_h {
  box-sizing: border-box !important;
  width: 1440px !important;
  max-width: calc(100vw - 96px) !important;
  margin: 8px auto 0 !important;
  overflow: visible !important;
}

.jingjiang .a_h + .a_h {
  margin-top: 8px !important;
}

.jingjiang .a_h:last-of-type {
  margin-bottom: 12px !important;
}

.jingjiang .a_h > div,
.jingjiang .a_h a,
.jingjiang .a_h img {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

.jingjiang .a_h a,
.jingjiang .jj-subnav-ad a {
  display: block !important;
}

.jingjiang .jj-subnav-ad {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 1440px !important;
  max-width: calc(100vw - 96px) !important;
  margin: -2px auto 16px !important;
  clear: both !important;
}

.jingjiang .jj-subnav-ad .a_mu {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  clear: none !important;
  overflow: visible !important;
}

.jingjiang .jj-subnav-ad .a_mu > div,
.jingjiang .jj-subnav-ad .a_mu a,
.jingjiang .jj-subnav-ad .a_mu img {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 980px) {
  .jingjiang .a_h,
  .jingjiang .jj-subnav-ad {
    max-width: calc(100vw - 24px) !important;
  }
}

/* Post editor upload picker: keep WebUploader's native file input clickable. */
.jingjiang #imgSpanButtonPlaceholder.webuploader-container,
.jingjiang #spanButtonPlaceholder.webuploader-container {
  position: relative !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  min-width: 100px !important;
  height: 32px !important;
  padding: 0 20px !important;
  line-height: 32px !important;
  color: #fff !important;
  background: #1677ff !important;
  border: 0 !important;
  border-radius: 4px !important;
  text-align: center !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.jingjiang #imgSpanButtonPlaceholder.webuploader-container:hover,
.jingjiang #spanButtonPlaceholder.webuploader-container:hover {
  background: #0f68e8 !important;
}

.jingjiang #imgSpanButtonPlaceholder .webuploader-pick,
.jingjiang #spanButtonPlaceholder .webuploader-pick {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  line-height: 32px !important;
  color: #fff !important;
  background: transparent !important;
  text-indent: 0 !important;
  cursor: pointer !important;
}

.jingjiang #imgSpanButtonPlaceholder.webuploader-container > div[id^="rt_"],
.jingjiang #spanButtonPlaceholder.webuploader-container > div[id^="rt_"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 10 !important;
}

.jingjiang #imgSpanButtonPlaceholder.webuploader-container .webuploader-element-invisible,
.jingjiang #spanButtonPlaceholder.webuploader-container .webuploader-element-invisible {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  clip: auto !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 20 !important;
}