/**
 * 公告页 — 对齐 01-/D-04.html
 * 作用域 .gonggao-page（嵌入 WordPress 时不污染全局）
 */

.gonggao-page {
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --line: #e7ecf2;
  --line-strong: #dbe3ec;
  --text: #172033;
  --muted: #7b8799;
  --muted-2: #9aa5b5;
  --primary: #5d6bff;
  --primary-hover: #4d59e8;
  --primary-soft: #eef0ff;
  --accent: #13a38e;
  --accent-soft: #eaf8f5;
  --warning: #b47813;
  --warning-soft: #fff7e7;
  --gold: #b17a13;
  --gold-deep: #9a6810;
  --gold-line: #f0dfb7;
  --navy: #172033;
  --shadow: 0 10px 34px rgba(31, 45, 70, .06);
  --radius: 16px;
  --radius-sm: 10px;
  --container: 1440px;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  counter-reset: gonggao-sec;
  position: relative;
  margin: 0;
  color: var(--text);
  font-family: var(--sans);
  background: var(--bg);
  line-height: 1.7;
}

.gonggao-page,
.gonggao-page * {
  box-sizing: border-box;
}

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

.gonggao-page button {
  font: inherit;
}

.gonggao-page .container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 44px 0 56px;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
.gonggao-page .section.hero {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  background:
    radial-gradient(760px 300px at 50% 0%, rgba(93, 107, 255, .26), transparent 70%),
    linear-gradient(180deg, #141c2c 0%, #0f1522 58%, #0c111c 100%);
  border-bottom: 1px solid rgba(93, 107, 255, .24);
}

.gonggao-page .section.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(131, 144, 255, .8) 50%, transparent);
}

.gonggao-page .hero-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 72px 0 62px;
  text-align: center;
}

.gonggao-page .hero-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 26px;
  padding: 0;
  min-height: 0;
  color: #a7b0ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  backdrop-filter: none;
}

.gonggao-page .hero-badge::before,
.gonggao-page .hero-badge::after {
  content: "";
  width: 56px;
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, transparent, rgba(167, 176, 255, .85));
}

.gonggao-page .hero-badge::after {
  transform: rotate(180deg);
}

.gonggao-page .hero h1 {
  margin: 0;
  font-size: 46px;
  line-height: 1.36;
  letter-spacing: .5px;
  font-weight: 800;
  color: #f4f6fa;
}

.gonggao-page .hero h1 .hero-title-site {
  display: inline;
  margin: 0 8px 0 0;
  color: #f4f6fa;
  font-family: inherit;
  font-weight: 800;
  font-size: inherit;
  letter-spacing: inherit;
  text-transform: none;
}

.gonggao-page .hero h1 strong {
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(96deg, #c3caff, #8390ff 52%, #5d6bff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

.gonggao-page .hero p {
  max-width: 760px;
  margin: 20px auto 0;
  color: rgba(232, 238, 248, .62);
  font-size: 15px;
  line-height: 1.95;
}

.gonggao-page .gonggao-hero-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}

.gonggao-page .gonggao-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  min-height: 46px;
  min-width: 0;
  padding: 0 30px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .24);
  background: transparent;
  color: rgba(255, 255, 255, .86);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  cursor: pointer;
  transition: .2s ease;
  user-select: none;
}

.gonggao-page .gonggao-hero-btn:hover {
  transform: none;
  background: transparent;
  border-color: rgba(131, 144, 255, .7);
  color: #c3caff;
  box-shadow: none;
}

.gonggao-page .gonggao-hero-btn--primary {
  background: linear-gradient(135deg, #f0d9a4, #c9a35c);
  color: #22190a;
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(201, 163, 92, .24);
}

.gonggao-page .gonggao-hero-btn--primary:hover {
  filter: brightness(1.06);
  background: linear-gradient(135deg, #f0d9a4, #c9a35c);
  color: #22190a;
  box-shadow: 0 12px 28px rgba(201, 163, 92, .24);
}

.gonggao-page .gonggao-hero-btn:focus-visible {
  outline: 2px solid #c3caff;
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Sections
   -------------------------------------------------------------------------- */
.gonggao-page .container > .section {
  counter-increment: gonggao-sec;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 10px 34px rgba(31, 45, 70, .05);
  overflow: hidden;
  margin: 0 0 26px;
  padding: 0;
}

.gonggao-page .container > .section:last-child {
  margin-bottom: 0;
}

.gonggao-page .section-header {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 24px 36px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #fbfcfe, #f7f9fc);
}

.gonggao-page .section-title {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  font-family: inherit;
  text-transform: none;
  letter-spacing: .3px;
  font-size: 22px;
  font-weight: 800;
  color: var(--text);
}

.gonggao-page .section-title .bar {
  width: 46px;
  height: 46px;
  flex: none;
  border: 0;
  border-radius: 13px;
  background: var(--navy);
  box-shadow: none;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .5px;
}

.gonggao-page .section-title .bar::after {
  content: counter(gonggao-sec, decimal-leading-zero);
}

.gonggao-page .section-hint {
  margin-left: auto;
  padding: 7px 13px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--line);
  color: var(--muted-2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-family: inherit;
  white-space: nowrap;
}

.gonggao-page #member .section-header::after {
  content: "仅限旧站老用户";
  display: inline-flex;
  align-items: center;
  margin-left: 0;
  padding: 7px 14px 7px 24px;
  border-radius: 999px;
  border: 1px solid var(--gold-line);
  color: var(--gold-deep);
  font-size: 12px;
  font-weight: 800;
  order: 2;
  background-color: var(--warning-soft);
  background-image: radial-gradient(circle closest-side, var(--gold) 3px, transparent 4px);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}

.gonggao-page #member .section-hint {
  order: 3;
  margin-left: 10px;
}

.gonggao-page .lead,
.gonggao-page .notice-wrap {
  padding: 32px 36px 34px;
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  color: inherit;
}

.gonggao-page .intro-card,
.gonggao-page .notice-card,
.gonggao-page .contact-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  min-height: 0;
  min-width: 0;
}

.gonggao-page .lead .intro-card > .eyebrow {
  display: inline-flex;
  align-items: center;
  height: 22px;
  margin-bottom: 14px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: var(--navy);
  color: #ffe7a8;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.gonggao-page .lead .intro-card > h2 {
  display: block;
  margin: 0 0 14px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: .2px;
  color: var(--text);
}

.gonggao-page .lead .intro-card > h2::after {
  content: none;
  display: none;
}

.gonggao-page .lead .intro-card > h2 strong {
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(96deg, #5d6bff, #8390ff 52%, #4d59e8);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gonggao-page .lead .intro-card > p {
  margin: 0 0 22px;
  color: #5b6678;
  font-size: 14px;
  line-height: 1.9;
}

.gonggao-page .lead .intro-card > p .em-strong {
  color: #3f4a5d;
  font-weight: 800;
  padding: 0;
}

.gonggao-page .eyebrow {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: var(--navy);
  color: #ffe7a8;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.gonggao-page .notice-card h4,
.gonggao-page .contact-card h4 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--text);
}

.gonggao-page .notice-card h4::after,
.gonggao-page .contact-card > div:first-child h4::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}

.gonggao-page .em-strong {
  font-weight: 800;
  color: #3f4a5d;
  padding: 0;
}

.gonggao-page .caption {
  margin: 0 0 18px;
  font-size: 13.5px;
  color: #5b6678;
  line-height: 1.85;
}

/* --------------------------------------------------------------------------
   Spotlight / 24Bit
   -------------------------------------------------------------------------- */
.gonggao-page .spotlight {
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: 22px;
  padding: 38px 42px 34px;
  border: 0;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(128deg, #171f31 0%, #121828 52%, #251e11 100%);
  box-shadow: 0 24px 54px rgba(16, 22, 36, .26);
}

.gonggao-page .spotlight::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -140px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(214, 183, 120, .16);
  border-radius: 50%;
}

.gonggao-page .spotlight-head {
  position: relative;
  z-index: 1;
  display: block;
}

.gonggao-page .spotlight-head-text {
  min-width: 0;
}

.gonggao-page .spotlight-badge {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 11px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f0d9a4, #c9a35c);
  color: #22190a;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: none;
}

.gonggao-page .spotlight h3,
.gonggao-page .intro-card .spotlight h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.45;
  font-weight: 800;
  color: #f4f6fa;
}

.gonggao-page .spotlight h3 strong,
.gonggao-page .intro-card .spotlight h3 strong {
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(96deg, #f3ddaa, #d6b778 50%, #c19a52);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.gonggao-page .spotlight-head-text > p,
.gonggao-page .intro-card .spotlight-head-text > p {
  max-width: 760px;
  margin: 14px 0 0;
  color: rgba(232, 238, 248, .58);
  font-size: 14px;
  line-height: 1.95;
}

.gonggao-page .spotlight-head-text > p strong,
.gonggao-page .intro-card .spotlight-head-text > p strong {
  color: rgba(232, 238, 248, .86);
  font-weight: 700;
  background: none;
}

.gonggao-page .spotlight-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.gonggao-page .spotlight-stat,
.gonggao-page .spotlight-stat + .spotlight-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(214, 183, 120, .28);
  border-radius: 12px;
  background: rgba(255, 255, 255, .05);
}

.gonggao-page .spotlight-stat-icon,
.gonggao-page .spotlight-stat-num {
  flex: none;
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(240, 217, 164, .12);
  color: #e7d4ab;
  font-family: inherit;
  font-weight: 800;
  line-height: 1;
}

.gonggao-page .spotlight-stat-icon {
  font-size: 16px;
}

.gonggao-page .spotlight-stat-num {
  margin: 0;
  font-size: 13px;
  padding: 0 6px;
}

.gonggao-page .spotlight-stat-num small {
  font-size: 11px;
  font-weight: 800;
}

.gonggao-page .spotlight-stat-text {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.gonggao-page .spotlight-stat-text strong {
  font-size: 14px;
  font-weight: 800;
  color: #f4f6fa;
  background: none;
}

.gonggao-page .spotlight-stat-text span {
  display: block;
  margin: 0;
  color: rgba(232, 238, 248, .48);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5;
}

.gonggao-page .spotlight-cta,
.gonggao-page .intro-card .spotlight-cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: auto;
  height: 46px;
  margin-top: 28px;
  padding: 0 26px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #f0d9a4, #c9a35c);
  color: #22190a;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 12px 28px rgba(201, 163, 92, .22);
  transition: .2s ease;
}

.gonggao-page .spotlight-cta:hover,
.gonggao-page .intro-card .spotlight-cta:hover {
  transform: none;
  filter: brightness(1.06);
  background: linear-gradient(135deg, #f0d9a4, #c9a35c);
  color: #22190a;
  box-shadow: 0 12px 28px rgba(201, 163, 92, .22);
}

.gonggao-page .spotlight-cta-arrow {
  display: inline-block;
  transition: transform .2s ease;
}

.gonggao-page .spotlight-cta:hover .spotlight-cta-arrow {
  transform: translateX(3px);
}

/* --------------------------------------------------------------------------
   Focus / contact rows
   -------------------------------------------------------------------------- */
.gonggao-page ul.focus-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  counter-reset: gonggao-row;
}

.gonggao-page .contact-points,
.gonggao-page .notice-body {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
}

.gonggao-page ul.focus-list > li {
  position: relative;
  display: grid;
  grid-template-columns: 58px 168px minmax(0, 1fr);
  align-items: start;
  margin: 0;
  padding: 22px 26px;
  list-style: none;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  color: #5b6678;
  font-size: 14px;
  line-height: 1.9;
  counter-increment: gonggao-row;
}

.gonggao-page .contact-item,
.gonggao-page .notice-body p {
  position: relative;
  display: block;
  margin: 0;
  padding: 22px 26px 22px 84px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  color: #5b6678;
  font-size: 14px;
  line-height: 1.9;
}

.gonggao-page ul.focus-list > li:last-child,
.gonggao-page .contact-item:last-child,
.gonggao-page .notice-body p:last-child {
  border-bottom: none;
}

.gonggao-page ul.focus-list > li:hover,
.gonggao-page .contact-item:hover,
.gonggao-page .notice-body p:hover {
  background: #fff;
}

.gonggao-page ul.focus-list > li::after {
  content: none;
  display: none;
}

.gonggao-page ul.focus-list > li::before {
  content: counter(gonggao-row, decimal-leading-zero);
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding-top: 2px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--muted-2);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1.9;
}

.gonggao-page ul.focus-list > li > .em-strong:first-of-type {
  display: block;
  padding-right: 16px;
  color: var(--text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
}

.gonggao-page ul.focus-list > li > .focus-list-body {
  min-width: 0;
  color: #5b6678;
  font-size: 14px;
  line-height: 1.9;
}

.gonggao-page ul.focus-list > li > .focus-list-body .em-strong {
  display: inline;
  color: #3f4a5d;
  font-size: inherit;
  font-weight: 700;
}

.gonggao-page .contact-points {
  counter-reset: gonggao-contact;
}

.gonggao-page .contact-item {
  counter-increment: gonggao-contact;
}

.gonggao-page .contact-item::before,
.gonggao-page .notice-body p::before {
  position: absolute;
  left: 26px;
  top: 22px;
  content: counter(gonggao-contact, decimal-leading-zero);
  padding-top: 2px;
  color: var(--muted-2);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1.9;
}

.gonggao-page .notice-body {
  counter-reset: gonggao-notice;
}

.gonggao-page .notice-body p {
  counter-increment: gonggao-notice;
}

.gonggao-page .notice-body p::before {
  content: counter(gonggao-notice, decimal-leading-zero);
}

.gonggao-page .notice-body p strong,
.gonggao-page .focus-list li .em-strong {
  color: #3f4a5d;
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Member notice
   -------------------------------------------------------------------------- */
.gonggao-page .notice-grid {
  display: grid;
  gap: 16px;
}

.gonggao-page .notice-note {
  display: block;
  margin-top: 20px;
  padding: 16px 18px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--surface-soft);
  font-size: 13px;
  line-height: 1.9;
  color: var(--muted);
}

.gonggao-page .notice-note strong {
  color: #3f4a5d;
}

.gonggao-page .notice-note--warn {
  border-color: #f2dfb7;
  background: #fff4e2;
  color: #8a6414;
}

.gonggao-page .notice-note--warn strong,
.gonggao-page .notice-note--warn .em-strong {
  color: #6f4f0d;
}

.gonggao-page .gonggao-email-inline {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  vertical-align: bottom;
}

.gonggao-page .gonggao-email-inline strong {
  color: var(--primary);
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Contact mail bar
   -------------------------------------------------------------------------- */
.gonggao-page .contact-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 24px;
  row-gap: 8px;
  margin: 0 0 18px;
  padding: 26px 32px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(128deg, #1b2334 0%, #121826 100%);
  color: #fff;
  box-shadow: 0 20px 46px rgba(16, 22, 36, .22);
}

.gonggao-page .gonggao-mail-row {
  display: contents;
}

.gonggao-page .contact-box .mail,
.gonggao-page .gonggao-mail-row .mail {
  grid-column: 1;
  grid-row: 2;
  display: block;
  min-width: 0;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .4px;
  color: #f0f4fa;
  word-break: break-all;
}

.gonggao-page .contact-box small {
  grid-column: 1;
  grid-row: 1;
  display: block;
  margin: 0;
  color: rgba(232, 238, 248, .42);
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.gonggao-page .contact-box .gonggao-copy-btn {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.gonggao-page .contact-issues {
  margin-top: 12px;
}

.gonggao-page .contact-issues h4 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.3;
  color: var(--text);
  font-weight: 800;
}

/* Copy buttons */
.gonggao-page .gonggao-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 42px;
  min-width: 0;
  margin: 0;
  padding: 0 22px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, #6f7bff, #5d6bff);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: .2s ease;
}

.gonggao-page .gonggao-copy-btn:hover {
  filter: brightness(1.08);
  background: linear-gradient(135deg, #6f7bff, #5d6bff);
  color: #fff;
  border-color: transparent;
}

.gonggao-page .gonggao-copy-btn:focus-visible {
  outline: 2px solid #c3caff;
  outline-offset: 2px;
}

.gonggao-page .gonggao-copy-btn.is-done,
.gonggao-page .contact-box .gonggao-copy-btn.is-done {
  background: rgba(19, 163, 142, .9);
  border-color: transparent;
  color: #fff;
}

.gonggao-page .contact-box .gonggao-copy-btn,
.gonggao-page .contact-box .gonggao-copy-btn:hover {
  background: linear-gradient(135deg, #6f7bff, #5d6bff);
  color: #fff;
  border-color: transparent;
}

.gonggao-page .notice-note .gonggao-copy-btn {
  height: 32px;
  padding: 0 14px;
  font-size: 12px;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1440px) {
  .gonggao-page .container,
  .gonggao-page .hero-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 1100px) {
  .gonggao-page .hero h1 {
    font-size: 38px;
  }

  .gonggao-page .section-header,
  .gonggao-page .lead,
  .gonggao-page .notice-wrap {
    padding-left: 26px;
    padding-right: 26px;
  }

  .gonggao-page .spotlight {
    padding: 30px;
  }

  .gonggao-page .spotlight h3 {
    font-size: 26px;
  }
}

@media (max-width: 768px) {
  .gonggao-page .container {
    padding: 22px 14px 40px;
  }

  .gonggao-page .hero-inner {
    padding: 48px 16px 40px;
  }

  .gonggao-page .hero h1 {
    font-size: 30px;
  }

  .gonggao-page .hero h1 .hero-title-site {
    display: block;
    margin: 0 0 8px;
  }

  .gonggao-page .hero p {
    font-size: 14px;
  }

  .gonggao-page .gonggao-hero-btn {
    width: 100%;
  }

  .gonggao-page .section-header {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 20px 18px;
  }

  .gonggao-page .section-title {
    font-size: 18px;
  }

  .gonggao-page .section-hint,
  .gonggao-page #member .section-hint {
    margin-left: 0;
  }

  .gonggao-page .lead,
  .gonggao-page .notice-wrap {
    padding: 22px 18px 24px;
  }

  .gonggao-page .intro-card h2,
  .gonggao-page .notice-card h4 {
    font-size: 16px;
  }

  .gonggao-page .spotlight h3 {
    font-size: 22px;
  }

  .gonggao-page .spotlight-stats {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .gonggao-page .spotlight-stat,
  .gonggao-page .spotlight-stat + .spotlight-stat {
    padding: 14px;
  }

  .gonggao-page .spotlight-cta {
    width: 100%;
    justify-content: center;
  }

  .gonggao-page ul.focus-list > li {
    display: block;
    padding: 16px 16px 16px 52px;
  }

  .gonggao-page ul.focus-list > li::before {
    position: absolute;
    left: 16px;
    top: 16px;
  }

  .gonggao-page ul.focus-list > li > .em-strong:first-of-type {
    display: inline;
    padding-right: 0;
    margin-bottom: 0;
    font-size: 14px;
  }

  .gonggao-page .contact-item,
  .gonggao-page .notice-body p {
    padding: 16px 16px 16px 52px;
  }

  .gonggao-page .contact-item::before,
  .gonggao-page .notice-body p::before {
    left: 16px;
    top: 16px;
  }

  .gonggao-page .contact-box {
    grid-template-columns: 1fr;
    justify-items: stretch;
    gap: 12px;
    padding: 20px 18px;
  }

  .gonggao-page .contact-box small,
  .gonggao-page .contact-box .mail,
  .gonggao-page .contact-box .gonggao-copy-btn {
    grid-column: 1;
    grid-row: auto;
  }

  .gonggao-page .contact-box .mail {
    font-size: 20px;
  }

  .gonggao-page .gonggao-copy-btn {
    width: 100%;
  }
}