/* Fenghou Legend: classic Discuz desktop forum. */
@font-face { font-family: "dzicon"; src: url("../image/common/dzicon.woff2") format("woff2"), url("../image/common/dzicon.woff") format("woff"); font-weight: normal; font-style: normal; }
:root { --fhc-blue: #287dcc; --fhc-line: #c8d0d6; --fhc-panel: #e5eef3; }
html { background: #fff; }
body { min-width: 0; background: #fff; color: #34495e; font-family: Arial, "宋体", SimSun, sans-serif; font-size: 12px; }
a { color: #075495; }
a:hover { color: #087ac9; text-decoration: underline; }
.wp, #wp.wp, html #hd > .wp, #ft.wp { width: calc(100% - 32px); min-width: 960px; max-width: none; margin-left: auto; margin-right: auto; }
#wp .wp, #wp #ct.wp { width: 100%; min-width: 0; }
#toptb { display: none; }
#hd { border: 0; background: transparent; }
#hd > .wp { padding-top: 0; }
#hd .hdc { position: relative; height: 86px; min-height: 86px; margin: 0 -16px; padding: 0 16px; background: #c9975f url("banner.jpg") no-repeat center center / cover; }
#hd .hdc h2 { position: absolute; left: 16px; top: 0; float: none; width: 65%; height: 86px; margin: 0; padding: 0; }
.fhc-brand { display: block; width: 100%; height: 100%; }
.fhc-brand span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#hd .fastlg { position: absolute; top: 13px; right: 22px; z-index: 2; padding: 4px 7px !important; background: rgba(255,255,255,.84); line-height: 22px; }
#hd .fastlg td { padding-top: 1px; padding-bottom: 1px; }
#hd .fastlg .pns { margin-bottom: 0; }
#hd #um { position: absolute; top: 10px; right: 22px; z-index: 2; float: none; margin: 0; padding: 5px 10px; background: rgba(255,255,255,.88); }
#hd #um .avt { margin-top: 2px; }
.fhc-mobile-session { display: none; }
#nv { background: #2b7dcc; }
#nv li.a, #nv li.a a { background: #0863b9; }
#nv li a { padding: 0 15px; }
#nv li a:hover { background-color: #156fc4; text-decoration: none; }
#qmenu { border-radius: 0; }
#mu { margin: 0; padding: 0; border: 0; }
#scbar { margin: 0; height: 43px; border-top: 0; border-bottom: 1px solid #e0e9ef; background: #e8eff5; }
#scbar_hot a { color: #065da3; }
#pt { height: 25px; margin: 3px 0 0; line-height: 25px; }
#pt .z { height: 25px; }
.pg_index #chart { height: 24px; margin: 0; padding: 0; line-height: 24px; }
.pg_index #chart p { height: 24px; line-height: 24px; }
.pg_index #chart .y { display: none; }
.pg_index #ct { margin-top: 0; }
.pg_index #ct > .mn { float: none; width: 100%; margin-bottom: 0; }
.fhc-home-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 0 0 10px; border: 1px solid var(--fhc-line); background: #fff; }
.fhc-grid-column { min-width: 0; border-left: 1px solid var(--fhc-line); }
.fhc-grid-column:first-child { border-left: 0; }
.fhc-grid-column > h2 { height: 30px; margin: 0; padding: 0 10px; background: var(--fhc-panel); color: #163c60; font-size: 12px; font-weight: normal; line-height: 30px; }
.fhc-grid-body { box-sizing: border-box; height: 230px; padding: 10px 9px; overflow: hidden; }
.fhc-topic-list { margin: 0; padding: 0; list-style: none; }
.fhc-topic-list li { position: relative; overflow: hidden; height: 21px; margin: 0; padding-left: 10px; line-height: 21px; text-overflow: ellipsis; white-space: nowrap; }
.fhc-topic-list li::before { position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: #b7b7b7; content: ""; }
.fhc-topic-list a { color: #183f66; }
.fhc-grid-empty { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 210px; color: #8897a5; line-height: 25px; text-align: center; }
.fhc-grid-empty p { color: #687f92; }
.fhc-grid-empty span { font-size: 12px; }
.fhc-photo { position: relative; box-sizing: border-box; width: calc(100% - 40px); max-width: 280px; height: 202px; margin: 0 auto; overflow: hidden; border: 1px solid #c1ced8; background: #f2f3f4; }
.fhc-photo-link, .fhc-photo-fallback { display: block; position: absolute; inset: 0; }
.fhc-photo-link img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fhc-photo-fallback img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 66% center; }
.fhc-photo-note { position: absolute; left: 0; right: 0; bottom: 0; padding: 7px 4px; background: rgba(255,255,255,.94); color: #71818b; font-size: 12px; text-align: center; }
.fhc-photo-controls { position: absolute; left: 0; bottom: 0; z-index: 2; display: flex; gap: 1px; }
.fhc-photo-controls button { width: 20px; height: 19px; padding: 0; border: 0; background: rgba(239,243,246,.92); color: #647a8a; font: 11px Arial,sans-serif; cursor: pointer; }
.fhc-photo-controls button[aria-pressed="true"] { background: #2b7dcc; color: #fff; }
.fhc-photo-controls button:focus-visible { outline: 2px solid #074e8b; outline-offset: -2px; }
.pg_index .fl { border: 0; background: transparent; }
.pg_index .fl > .bm { margin-bottom: 10px; border: 1px solid #cdcdcd; }
.pg_index .fl .bm_h { height: 31px; padding: 0 10px; border-top: 0; border-bottom: 1px solid #c3d5e1; background: #e5eef3; line-height: 31px; }
.pg_index .fl .bm_h h2 { font-size: 12px; }
.pg_index .fl .bm_h h2 a { color: #075c9c; }
.pg_index .fl .bm_c { padding: 0 10px; }
.pg_index .fl_tb { table-layout: fixed; }
.pg_index .fl_tb td { height: 50px; padding-top: 7px; padding-bottom: 7px; }
.pg_index .fl_tb .fl_icn { width: 60px !important; text-align: left; vertical-align: middle; }
.pg_index .fl_tb .fl_icn img { display: block; width: 50px; height: 50px; object-fit: contain; }
.pg_index .fl_tb h2 { font-size: 12px; line-height: 22px; }
.pg_index .fl_tb h2 > a::before, .pg_index .fl_tb h2 > a::after { content: "〓"; }
.pg_index .fl_tb .xg2 { color: #475e73; line-height: 20px; }
.pg_index .fl_tb .fl_i { width: 90px; }
.pg_index .fl_tb .fl_by { width: 220px; }
.pg_index .fl_tb .fl_by div { padding-left: 10px; }
.pg_index .fl_tb .fl_row td { border-top: 1px dashed #cfcfcf; }
.pg_index .fl_tb .fl_by a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pg_index #online { margin: 0 0 10px; border: 1px solid #cdcdcd; }
.pg_index #online .bm_h { height: 32px; border-top: 0; background: #f2f2f2; line-height: 32px; }
.pg_index .lk { display: none; }
.pg_index #ft { margin-top: 12px; }
#ft { border-top: 0; }
@media (min-width:1900px) { #hd .hdc { height: 105px; min-height: 105px; } #hd .hdc h2 { height: 105px; } #hd .fastlg { top: 22px; } }
@media (max-width:1100px) { #hd .fastlg { right: 18px; font-size: 11px; } #hd .fastlg .px { width: 120px; } .pg_index .fl_tb .fl_by { width: 190px; } }
@media (max-width:900px) {
  .wp, #wp.wp, html #hd > .wp, #ft.wp { width: calc(100% - 20px); min-width: 0; }
  #hd .hdc { height: 92px; min-height: 92px; margin: 0 -10px; padding: 0 10px; background-position: 32% center; background-size: auto 104px; }
  #hd .hdc h2 { left: 10px; width: calc(100% - 20px); height: 92px; }
  #hd .fastlg { display: none; }
  .fhc-mobile-session { position: absolute; right: 10px; bottom: 7px; z-index: 2; display: block; padding: 3px 8px; background: rgba(255,255,255,.9); }
  .fhc-mobile-session a + a { margin-left: 12px; }
  #hd #um { top: 6px; right: 10px; max-width: 45%; font-size: 11px; }
  #hd #um .avt { display: none; }
  #scbar_txt { width: min(43vw,400px); }
  #scbar_hot { display: none; }
  .fhc-home-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fhc-grid-column:nth-child(3) { border-top: 1px solid var(--fhc-line); border-left: 0; }
  .fhc-grid-column:nth-child(4) { border-top: 1px solid var(--fhc-line); }
  .fhc-grid-body { height: 225px; }
  .fhc-photo { width: calc(100% - 8px); height: 200px; }
  .pg_index #chart { height: auto; min-height: 24px; }
  .pg_index #chart p { float: none; height: auto; }
  .pg_index .fl_tb .fl_by { width: 160px; }
  .pg_index .fl_tb .fl_i { width: 60px; }
  #ft .y, #flk { float: none; text-align: left; }
}
@media (max-width:600px) {
  #hd .hdc { background-position: 31% center; }
  #hd #um { max-width: 52%; }
  .pg_index .fl_tb .fl_by { display: none; }
  .pg_index .fl_tb .fl_i { width: 42px; }
  .pg_index .fl_tb .fl_icn { width: 48px !important; }
  .pg_index .fl_tb .fl_icn img { width: 42px; height: 42px; }
  .pg_index .fl_tb .xg2 { font-size: 11px; }
  .fhc-grid-column > h2 { padding: 0 8px; }
  .fhc-grid-empty span { max-width: 120px; line-height: 20px; }
}
