:root {
  color-scheme: light;
  --page: #f2f8fc;
  --panel: #f8fbfd;
  --panel-2: #eef7fc;
  --panel-head: #d8f0fb;
  --line: #c5d8e3;
  --line-strong: #adc8d7;
  --ink: #273943;
  --muted: #6e808a;
  --blue: #087dad;
  --blue-dark: #05638f;
  --blue-deep: #07567e;
  --cyan: #14a7cc;
  --red: #dc3545;
  --green: #288a58;
  --amber: #b57508;
  --container: 1080px;
  --shadow: 0 10px 35px rgba(44, 95, 124, .07);
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; background: white; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: linear-gradient(180deg, #edf6fc 0, #f7fbfe 420px, #fff 760px);
  font-family: Verdana, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--blue-dark); text-decoration: none; }
a:hover { color: #e43a45; text-decoration: underline; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }

.skip-link {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 16px;
  padding: 8px 12px;
  color: white;
  background: #102b3a;
  border-radius: 0 0 5px 5px;
  transform: translateY(-120%);
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky;
  z-index: 100;
  top: 0;
  height: 42px;
  color: white;
  border-bottom: 1px solid #6fb2d0;
  background: linear-gradient(180deg, #0785bb 0%, #0875a7 62%, #056c9b 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 2px 10px rgba(11,76,109,.12);
}

.topbar {
  width: min(calc(100% - 32px), var(--container));
  height: 42px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 22px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: white;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.8px;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.brand:hover { color: white; text-decoration: none; }
.brand-symbol { color: #c8f2ff; font-size: 15px; transform: translateY(1px); }

.main-nav, .account-nav { display: flex; align-items: center; gap: 14px; }
.main-nav a, .account-nav a, .account-nav button {
  padding: 2px 0;
  color: #dff5ff;
  border: 0;
  background: transparent;
  font-size: 12px;
  cursor: pointer;
}
.main-nav a:hover, .account-nav a:hover, .account-nav button:hover { color: white; text-decoration: underline; }
.account-nav { margin-left: auto; gap: 10px; }
.account-nav strong { color: #fff6c2; font-size: 12px; }
.account-nav .admin-link { padding: 1px 7px; border: 1px solid rgba(255,255,255,.38); border-radius: 3px; }
.loading-line { color: rgba(255,255,255,.75); font-size: 11px; }

.site-main {
  width: min(calc(100% - 32px), var(--container));
  min-height: calc(100vh - 190px);
  margin: 0 auto;
  padding: 20px 0 50px;
}
.site-main:focus { outline: 0; }

.site-footer {
  width: min(calc(100% - 32px), calc(var(--container) - 90px));
  margin: 0 auto 28px;
  text-align: center;
  color: #566972;
  font-size: 12px;
}
.footer-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  padding: 8px 20px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(249,252,254,.75);
}
.site-footer p { margin: 12px 0 0; }

.loading-panel {
  min-height: 260px;
  display: grid;
  place-content: center;
  justify-items: center;
  color: var(--muted);
}
.spinner {
  width: 28px;
  height: 28px;
  border: 3px solid #c9dce7;
  border-top-color: var(--blue);
  border-radius: 50%;
  animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 32px;
  margin: 0 0 12px;
  color: #677982;
  font-size: 14px;
}
.breadcrumb .home-glyph { color: #9db2bd; font-size: 17px; }
.breadcrumb strong { color: #324750; }
.breadcrumb .sep { color: #9cb0ba; }

.notice-strip {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 8px 10px;
  color: #667782;
  border-bottom: 1px dotted #c7d8e1;
}
.notice-strip .speaker { color: #84a900; }
.notice-strip a { color: #d82f3a; font-size: 15px; }
.notice-strip time { color: #8c999f; font-size: 11px; }

.home-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  color: #647882;
  font-size: 12px;
}
.status-actions { display: flex; gap: 10px; align-items: center; }
.status-actions .rss { padding: 0 3px; color: white; background: #e4a821; border-radius: 2px; font-size: 10px; }

.forum-group, .table-panel, .form-panel, .static-panel, .admin-panel {
  margin-bottom: 14px;
  border: 1px solid var(--line-strong);
  background: rgba(247,251,254,.76);
  box-shadow: var(--shadow);
}
.panel-heading, .forum-group-heading {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 10px;
  color: #276982;
  border-bottom: 1px solid #c8dee9;
  background: linear-gradient(180deg, #def4fc, #d3ebf6);
  font-weight: 700;
  font-size: 12px;
}
.panel-heading h1, .panel-heading h2, .forum-group-heading h2 { margin: 0; font: inherit; }
.panel-heading .panel-tools { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.collapse-glyph { color: #1591b5; font-size: 15px; }

.forum-row {
  display: grid;
  grid-template-columns: 32px minmax(280px, 1fr) 100px 260px;
  align-items: center;
  min-height: 58px;
  padding: 7px 10px;
  border-bottom: 1px solid #d2e0e8;
}
.forum-row:last-child { border-bottom: 0; }
.forum-row:hover { background: rgba(230,246,253,.64); }
.forum-icon { color: #47616c; font-size: 14px; }
.forum-name { min-width: 0; }
.forum-name a { color: #263a43; font-weight: 700; }
.forum-name p { margin: 2px 0 0; color: #82919a; font-size: 11px; }
.forum-count { color: #6e8089; font-size: 11px; }
.forum-last { min-width: 0; color: #7b8990; font-size: 11px; }
.forum-last a { display: block; overflow: hidden; color: #536a76; text-overflow: ellipsis; white-space: nowrap; }
.forum-last span { display: flex; justify-content: space-between; gap: 8px; }

.stats-line {
  margin: 8px 0 0;
  padding: 8px 12px;
  color: #60747e;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: rgba(255,255,255,.55);
}
.stats-line strong { color: var(--blue-dark); }

.external-link-row {
  display: flex;
  min-height: 42px;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: -5px 0 14px;
  padding: 7px 42px;
  color: #97a5ac;
  border: 1px solid var(--line);
  background: rgba(246,251,254,.72);
}
.external-link-row a { color: #445d68; white-space: nowrap; }
.external-link-row a:hover { color: #d32f3b; }

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 8px 0;
}
.toolbar-group { display: flex; align-items: center; gap: 7px; }
.button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 13px;
  color: white;
  border: 1px solid #0873a3;
  border-radius: 2px;
  background: linear-gradient(180deg, #16a3d3, #0581b7);
  box-shadow: inset 0 1px rgba(255,255,255,.25);
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  text-decoration: none;
}
.button:hover { color: white; border-color: #055f8b; background: linear-gradient(180deg, #0f97c7, #046e9d); text-decoration: none; }
.button.secondary { color: #425862; border-color: #bdcdd5; background: linear-gradient(180deg, #fff, #ebf1f4); box-shadow: none; font-weight: 400; }
.button.secondary:hover { color: var(--blue-dark); border-color: #8eb8ca; }
.button.danger { color: white; border-color: #bd2e3a; background: linear-gradient(180deg, #e95a65, #cb3240); }
.button.small { min-height: 24px; padding: 2px 9px; font-size: 11px; }
.button[disabled] { opacity: .55; cursor: not-allowed; }
.post-button::before { content: "+"; color: #fff4a8; font-size: 17px; font-weight: 400; }

.thread-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.thread-table th {
  height: 30px;
  padding: 5px 8px;
  color: #637681;
  border-bottom: 1px solid #bdcfda;
  background: #edf8fd;
  font-weight: 400;
  text-align: left;
  font-size: 12px;
}
.thread-table th:nth-child(2), .thread-table td:nth-child(2) { width: 140px; }
.thread-table th:nth-child(3), .thread-table td:nth-child(3) { width: 70px; text-align: center; }
.thread-table th:nth-child(4), .thread-table td:nth-child(4) { width: 165px; }
.thread-table td {
  min-height: 34px;
  padding: 7px 8px;
  border-bottom: 1px solid #cedce4;
  vertical-align: middle;
}
.thread-table tr:last-child td { border-bottom: 0; }
.thread-table tbody tr:hover { background: #eef9fd; }
.thread-title { display: flex; min-width: 0; align-items: flex-start; gap: 7px; }
.thread-title .marker { width: 17px; flex: 0 0 17px; color: #1595be; }
.thread-title a { overflow: hidden; color: #233a47; text-overflow: ellipsis; white-space: nowrap; }
.thread-title a:hover { color: #d42c38; }
.thread-title .is-pinned { color: #da3b43; }
.thread-meta, .last-meta { color: #71838d; font-size: 11px; }
.thread-meta strong { display: block; color: #4f6470; font-weight: 400; }
.count-number { color: #09749b; }
.empty-row { padding: 45px 20px !important; color: #83939c; text-align: center; }

.pagination { display: flex; align-items: center; gap: 4px; }
.pagination a, .pagination span {
  min-width: 26px;
  padding: 3px 7px;
  text-align: center;
  border: 1px solid #c3d3dc;
  background: #f8fbfd;
}
.pagination .current { color: white; border-color: var(--blue); background: var(--blue); }

.post-shell {
  margin-bottom: 12px;
  border: 1px solid var(--line-strong);
  background: rgba(247,251,254,.8);
  box-shadow: var(--shadow);
}
.post-topline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-height: 29px;
  padding: 5px 10px;
  color: #55707c;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #e2f5fc, #d7eef8);
  font-size: 11px;
}
.post-topline .floor { color: #ef7e00; font-weight: 800; }
.post-body { display: grid; grid-template-columns: 165px minmax(0, 1fr); }
.author-card {
  min-height: 280px;
  padding: 12px;
  border-right: 1px solid #cbdde6;
  background: rgba(237,247,252,.76);
}
.author-card h3 { margin: 0 0 7px; color: #2c4652; font-size: 12px; }
.avatar {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  margin-bottom: 9px;
  color: white;
  border: 4px solid white;
  outline: 1px solid #b8d9e7;
  background: linear-gradient(150deg, #73d1e7, #188cb8);
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 34px;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(38,109,140,.12);
}
.author-role { display: inline-block; margin-bottom: 7px; padding: 1px 6px; color: #27764d; border: 1px solid #abd4be; background: #e9f8ef; font-size: 10px; }
.author-card dl { margin: 5px 0 0; color: #61747e; font-size: 11px; }
.author-card dt { float: left; clear: left; }
.author-card dd { margin-left: 54px; color: #3687a4; }
.post-content { min-width: 0; min-height: 280px; padding: 18px 22px 24px; background: rgba(250,253,255,.64); }
.post-content h1 { margin: 0 0 16px; padding-bottom: 10px; color: #1595c7; border-bottom: 1px dashed #c9d5dc; font-size: 18px; line-height: 1.45; }
.post-text { color: #30434c; font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; }
.post-text p { margin: 0 0 10px; }
.post-text a { text-decoration: underline; }
.imported-html img { display: block; max-width: 100%; height: auto; margin: 10px auto; }
.imported-html table { max-width: 100%; border-collapse: collapse; }
.imported-html td, .imported-html th { padding: 5px; border: 1px solid #cbdce5; }
.imported-html pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; }
.post-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; color: #607680; font-size: 11px; }
.post-actions button { padding: 0; color: var(--blue-dark); border: 0; background: transparent; cursor: pointer; }

.reply-form { margin-top: 14px; padding: 12px; border: 1px solid var(--line); background: rgba(248,252,254,.82); }
.reply-form h2 { margin: 0 0 8px; color: #3c5a68; font-size: 13px; }

.form-panel { padding-bottom: 22px; }
.form-panel .panel-heading { margin-bottom: 14px; }
.form-grid { width: min(760px, calc(100% - 32px)); margin: 0 auto; }
.field-row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 8px 0;
}
.field-row > label, .field-label { padding-top: 5px; color: #425a65; text-align: right; }
.required { color: #df3946; }
.field-control { min-width: 0; }
.field-control input[type="text"], .field-control input[type="email"], .field-control input[type="password"], .field-control input[type="search"], .field-control input[type="number"], .field-control select, .field-control textarea,
.search-box input, .inline-input, .inline-select {
  width: 100%;
  padding: 6px 8px;
  color: #2d414c;
  border: 1px solid #bdcbd3;
  border-radius: 2px;
  outline: 0;
  background: white;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}
.field-control input:focus, .field-control select:focus, .field-control textarea:focus, .search-box input:focus, .inline-input:focus, .inline-select:focus { border-color: #2d9dc5; box-shadow: 0 0 0 2px rgba(45,157,197,.12); }
.field-control textarea { min-height: 210px; resize: vertical; line-height: 1.7; }
.field-hint { margin: 4px 0 0; color: #85929a; font-size: 11px; }
.checkline { display: flex; align-items: flex-start; gap: 7px; }
.checkline input { margin-top: 4px; }
.form-actions { display: flex; gap: 8px; padding-top: 8px; }
.form-message { min-height: 20px; margin: 5px 0; color: var(--red); }
.auth-switch { margin: 12px 0 0; color: #6f8088; }
.password-meter { width: 190px; height: 4px; margin-top: 6px; overflow: hidden; background: #dfe8ec; }
.password-meter span { display: block; width: 0; height: 100%; background: #d94450; transition: .2s; }
.password-meter[data-strength="2"] span { width: 33%; background: #df8a1e; }
.password-meter[data-strength="3"] span { width: 66%; background: #81a627; }
.password-meter[data-strength="4"] span { width: 100%; background: #2b9862; }

.search-box { display: flex; gap: 7px; margin-bottom: 14px; }
.search-box input { flex: 1; }
.search-results .thread-table { border: 1px solid var(--line); background: rgba(250,253,255,.8); }

.static-panel { padding: 22px 28px 32px; }
.static-panel h1 { margin: 0 0 8px; color: #3d6b36; font-size: 19px; }
.static-panel h2 { margin: 24px 0 6px; color: #355565; font-size: 15px; }
.static-panel p, .static-panel li { max-width: 800px; }

.admin-hero {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}
.metric-card { padding: 13px 15px; border: 1px solid var(--line); background: rgba(249,253,255,.86); box-shadow: var(--shadow); }
.metric-card span { display: block; color: #71838c; font-size: 11px; }
.metric-card strong { color: var(--blue-dark); font-size: 22px; }
.admin-tabs { display: flex; gap: 3px; padding: 8px 8px 0; border-bottom: 1px solid var(--line); background: #eef8fc; }
.admin-tabs button { padding: 6px 14px; color: #55717d; border: 1px solid transparent; border-bottom: 0; background: transparent; cursor: pointer; }
.admin-tabs button.active { color: var(--blue-dark); border-color: var(--line); background: white; font-weight: 700; }
.admin-content { padding: 12px; overflow-x: auto; }
.admin-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.admin-table th { padding: 7px; color: #58717d; border-bottom: 1px solid var(--line-strong); background: #eef8fc; text-align: left; font-weight: 400; }
.admin-table td { padding: 7px; border-bottom: 1px solid #d5e1e7; vertical-align: middle; }
.admin-table tr:hover td { background: #f3fafc; }
.admin-table .inline-select { width: auto; min-width: 90px; padding: 3px 5px; }
.admin-table .inline-input { min-width: 110px; padding: 3px 5px; }
.admin-actions { display: flex; gap: 5px; white-space: nowrap; }
.new-category { display: grid; grid-template-columns: 1.1fr 1fr 1fr 2fr auto; gap: 7px; margin-bottom: 12px; }
.badge { display: inline-block; padding: 1px 6px; border-radius: 99px; font-size: 10px; }
.badge.admin { color: #8b4c00; background: #fff2d1; }
.badge.moderator { color: #205e83; background: #dff3ff; }
.badge.member { color: #44705b; background: #e6f4eb; }
.badge.suspended, .badge.locked { color: #9b2c37; background: #fde8eb; }
.badge.pinned { color: #1f6c83; background: #dcf4fb; }

.toast {
  position: fixed;
  z-index: 300;
  right: 20px;
  bottom: 22px;
  max-width: min(380px, calc(100% - 40px));
  padding: 10px 14px;
  color: white;
  border-radius: 4px;
  background: #173d4e;
  box-shadow: 0 12px 35px rgba(0,0,0,.22);
}
.toast.error { background: #a92937; }
.toast.success { background: #226f4c; }

.confirm-dialog { width: min(440px, calc(100% - 32px)); padding: 20px; border: 1px solid #9bb8c7; border-radius: 5px; background: #f8fcfe; box-shadow: 0 24px 90px rgba(11,54,75,.28); }
.confirm-dialog::backdrop { background: rgba(12,35,48,.38); }
.confirm-dialog h2 { margin: 0 0 8px; color: #325262; font-size: 17px; }
.confirm-dialog p { margin: 0 0 18px; color: #637780; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 7px; }

.error-panel { padding: 55px 20px; text-align: center; border: 1px solid var(--line); background: rgba(250,253,255,.75); }
.error-panel .error-code { color: #9eb5c0; font-size: 38px; font-weight: 900; }
.error-panel h1 { margin: 0; color: #35515e; font-size: 20px; }
.error-panel p { color: #71838c; }

@media (max-width: 860px) {
  :root { --container: 100%; }
  .site-header { height: auto; }
  .topbar { width: 100%; height: auto; min-height: 44px; padding: 5px 12px; gap: 10px; flex-wrap: wrap; }
  .brand { font-size: 19px; }
  .main-nav { order: 3; width: 100%; gap: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .main-nav a { flex: 1; padding: 5px 0; text-align: center; }
  .account-nav { margin-left: auto; }
  .site-main { width: calc(100% - 20px); padding-top: 14px; }
  .forum-row { grid-template-columns: 26px minmax(0, 1fr) 150px; }
  .forum-count { display: none; }
  .forum-last { font-size: 10px; }
  .thread-table th:nth-child(2), .thread-table td:nth-child(2) { width: 100px; }
  .thread-table th:nth-child(4), .thread-table td:nth-child(4) { width: 120px; }
  .post-body { grid-template-columns: 125px minmax(0, 1fr); }
  .author-card { padding: 10px; }
  .avatar { width: 68px; height: 68px; font-size: 27px; }
  .post-content { padding: 14px; }
  .admin-hero { grid-template-columns: repeat(2, 1fr); }
  .new-category { grid-template-columns: 1fr 1fr; }
  .new-category .wide { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  body { font-size: 12px; }
  .topbar { padding-inline: 8px; gap: 6px; }
  .brand { font-size: 18px; }
  .brand-symbol { display: none; }
  .account-nav { max-width: calc(100% - 92px); gap: 6px; justify-content: flex-end; }
  .account-nav .admin-link { padding-inline: 4px; }
  .account-nav a, .account-nav button { font-size: 11px; }
  .account-nav strong { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .site-main { width: calc(100% - 12px); padding-bottom: 35px; }
  .notice-strip { grid-template-columns: auto 1fr; }
  .notice-strip time { display: none; }
  .home-status { align-items: flex-start; gap: 8px; }
  .forum-row { grid-template-columns: 22px minmax(0, 1fr); min-height: 50px; }
  .forum-last { display: none; }
  .forum-name p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .external-link-row { padding: 8px 12px; gap: 3px 6px; }
  .toolbar { align-items: flex-start; }
  .toolbar-group.wrap { flex-wrap: wrap; }
  .thread-table th:nth-child(2), .thread-table td:nth-child(2), .thread-table th:nth-child(4), .thread-table td:nth-child(4) { display: none; }
  .thread-table th:nth-child(3), .thread-table td:nth-child(3) { width: 60px; }
  .thread-title a { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .post-body { display: block; }
  .author-card { min-height: auto; display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 8px; border-right: 0; border-bottom: 1px solid var(--line); }
  .author-card h3, .author-card .author-role { margin: 0; }
  .author-card dl { display: none; }
  .avatar { grid-row: 1 / 3; width: 48px; height: 48px; margin: 0; border-width: 2px; font-size: 20px; }
  .post-content { min-height: 180px; padding: 13px; }
  .post-content h1 { font-size: 16px; }
  .post-text { font-size: 14px; }
  .field-row { grid-template-columns: 1fr; gap: 3px; padding: 6px 0; }
  .field-row > label, .field-label { padding-top: 0; text-align: left; }
  .form-grid { width: calc(100% - 24px); }
  .form-actions { flex-wrap: wrap; }
  .search-box { flex-direction: column; }
  .static-panel { padding: 17px; }
  .admin-hero { gap: 6px; }
  .metric-card { padding: 10px; }
  .metric-card strong { font-size: 18px; }
  .admin-tabs { overflow-x: auto; }
  .admin-tabs button { flex: 0 0 auto; }
  .site-footer { width: calc(100% - 20px); }
}

/* PHPWind 8.7.1 首页视觉复刻 */
html { overflow-y: scroll; background: #fff; }
body {
  color: #333;
  background: #f5fafe;
  font-family: Verdana, "Microsoft YaHei", sans-serif;
  font-size: 12px;
  line-height: 1.8;
}

.site-header {
  position: static;
  height: 32px;
  color: #fff;
  border: 0;
  border-top: 1px solid #108ebc;
  border-bottom: 1px solid #075f88;
  background: linear-gradient(180deg, #078abd 0%, #0179ad 46%, #006b9c 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
}
.topbar {
  width: 85%;
  max-width: none;
  height: 31px;
  margin: 0 auto;
  gap: 0;
  align-items: stretch;
}
.brand {
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: #fff;
  font-family: Verdana, "Microsoft YaHei", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.brand:hover { color: #fff; text-decoration: none; }
.main-nav, .account-nav { gap: 0; align-items: stretch; }
.main-nav a, .account-nav a, .account-nav button {
  display: flex;
  align-items: center;
  padding: 0 7px;
  color: #cad9ea;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 31px;
}
.main-nav a:hover, .account-nav a:hover, .account-nav button:hover { color: #fff; }
.account-nav { margin-left: auto; }
.account-nav a { color: #f5fafe; font-weight: 700; }
.account-nav strong { display: flex; align-items: center; padding: 0 7px; color: #fff; }
.account-nav .admin-link { padding: 0 7px; border: 0; border-radius: 0; }

.site-main {
  width: 899px;
  min-width: 0;
  max-width: 85%;
  min-height: 0;
  margin: 4px auto 0;
  padding: 5px 0 10px;
}
.home-page .site-main { min-height: 0; padding-bottom: 0; }

.source-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 29px;
  padding: 3px 0 3px 7px;
  overflow: hidden;
  white-space: nowrap;
}
.source-notice a { color: #333; }
.source-notice .primary-notice { color: #f00; font-size: 16px; }
.source-notice time { color: #908c8c; font-size: 11px; }
.source-speaker { color: #91b923; font-weight: 700; }

.source-home-status {
  display: flex;
  min-height: 18px;
  align-items: center;
  justify-content: space-between;
  margin: 4px 0;
  color: #333;
}
.source-status-actions { display: flex; align-items: center; gap: 5px; }
.source-rss {
  display: inline-block;
  height: 14px;
  padding: 0 2px;
  color: #fff;
  border: 1px solid #e2a50e;
  border-radius: 1px;
  background: #f3b51d;
  font: 9px/12px Arial, sans-serif;
}

.source-home-table {
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #cad9ea;
  background: #f5fafe;
}
.source-home-heading {
  display: flex;
  min-height: 31px;
  align-items: center;
  justify-content: space-between;
  padding: 2px 8px 0;
  color: #006699;
  border-bottom: 1px solid #cad9ea;
  background: linear-gradient(180deg, #f7fcfe 0%, #e6f5fa 48%, #d8eef6 100%);
  line-height: 220%;
}
.source-home-heading h2 { margin: 0; font-size: 12px; font-weight: 700; }
.source-home-heading a { color: #006699; }
.source-home-heading > span { margin-right: 4px; }
.source-fold { margin-left: 16px; color: #48a6c8; font-size: 18px; line-height: 1; }
.source-home-table table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.source-board-row {
  color: #333;
  background: #f5fafe;
  font-size: 12pt;
  line-height: 1.5;
}
.source-board-row td, .source-board-row th {
  padding: .58em .6em;
  border-bottom: 1px solid #cad9ea;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}
.source-board-row:last-child td, .source-board-row:last-child th { border-bottom: 0; }
.source-board-icon { width: 28px; padding-right: 0 !important; text-align: center !important; white-space: nowrap; }
.source-board-icon, .source-board-icon a { color: #333; }
.source-group-link { color: #999; }
.source-colon { color: #333; }
.source-child-links a, .source-ad-row a { color: #333; }
.home-separator { color: #333; }
.source-ad-row td:nth-child(2) { padding-left: 8px; }

.site-footer {
  width: 899px;
  min-width: 0;
  max-width: 85%;
  margin: 15px auto 0;
  color: #333;
  font-size: 12px;
  text-align: center;
}
.footer-links {
  display: flex;
  min-height: 29px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 2px 10px;
  border: 1px solid #cad9ea;
  border-radius: 6px;
  background: #f5fafe;
}
.footer-links a, .footer-links button {
  padding: 0;
  color: #333;
  border: 0;
  background: none;
  cursor: pointer;
  font: inherit;
}
.footer-links .home-guide { color: #f00; }
.qr-mini { color: #4a9dd0; font-size: 15px; }
.site-footer p { margin: 13px 0 30px; }

@media (max-width: 980px) {
  .topbar { width: 96%; }
  .site-main, .site-footer { width: 96%; min-width: 0; max-width: none; }
}

@media (max-width: 620px) {
  .site-header { height: 32px; }
  .topbar { width: 100%; min-height: 31px; padding: 0 4px; flex-wrap: nowrap; }
  .brand { padding: 0 7px; font-size: 20px; }
  .main-nav { order: initial; width: auto; border-top: 0; }
  .main-nav a { flex: none; padding: 0 5px; }
  .account-nav { max-width: none; }
  .account-nav a, .account-nav button { padding: 0 4px; font-size: 11px; }
  .site-main { width: calc(100% - 12px); margin-top: 3px; padding-top: 2px; }
  .source-notice { gap: 5px; overflow-x: auto; }
  .source-notice .primary-notice { font-size: 14px; }
  .source-notice time:last-child, .source-notice a:not(.primary-notice):last-of-type { display: none; }
  .source-home-status { font-size: 11px; }
  .source-home-heading > span { font-size: 11px; }
  .source-board-row { font-size: 14px; }
  .source-board-row td, .source-board-row th { padding: .42em .35em; }
  .source-board-icon { width: 22px; }
  .site-footer { width: calc(100% - 12px); margin-top: 10px; }
  .footer-links { gap: 10px; }
}