.page-shuozhou {
  --sz-ink: #111a24;
  --sz-coal: #17222c;
  --sz-panel: #202f3c;
  --sz-paper: #f0eee7;
  --sz-mist: #e8edf0;
  --sz-cyan: #62d8e8;
  --sz-blue: #517896;
  --sz-amber: #ce983f;
  --sz-line: rgba(17, 26, 36, .16);
  --accent: var(--sz-blue);
  background: var(--sz-paper);
  color: var(--sz-ink);
}

.page-shuozhou .city-main { background: var(--sz-paper); }
.page-shuozhou .city-shell { width: min(1200px, calc(100% - 48px)); }
.page-shuozhou .city-crumb { position: relative; z-index: 4; color: rgba(232, 237, 240, .72); }
.page-shuozhou .city-crumb strong { color: #fff; }
.page-shuozhou .city-crumb i { color: rgba(255, 255, 255, .34); }

.page-shuozhou .sz-hero { min-height: 828px; overflow: hidden; background: var(--sz-ink); }
.page-shuozhou .sz-hero-shell { position: relative; min-height: 828px; }
.page-shuozhou .sz-hero-visual {
  position: absolute;
  inset: 0 calc((100vw - 1200px) / -2);
  margin: 0;
}
.page-shuozhou .sz-hero-visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12, 20, 28, .04) 0%, rgba(12, 20, 28, .1) 42%, rgba(12, 20, 28, .82) 69%, #111a24 100%);
  content: "";
}
.page-shuozhou .sz-hero-visual picture,
.page-shuozhou .sz-hero-visual img { display: block; width: 100%; height: 100%; }
.page-shuozhou .sz-hero-visual img { object-fit: cover; object-position: center; }
.page-shuozhou .sz-hero-copy {
  position: relative;
  z-index: 3;
  width: min(590px, 52%);
  margin: 112px 0 0 auto;
  color: #fff;
}
.page-shuozhou .sz-hero-copy small,
.page-shuozhou .sz-final small { color: #98ddea; font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.page-shuozhou .sz-hero-copy h1 { margin: 20px 0 24px; font-size: 58px; line-height: 1.04; letter-spacing: -.055em; }
.page-shuozhou .sz-hero-copy h1 em { display: block; color: #e1ab51; font-style: normal; }
.page-shuozhou .sz-hero-copy p { margin: 0; color: rgba(240, 245, 247, .8); font-size: 16px; line-height: 1.9; }
.page-shuozhou .sz-hero-copy > div,
.page-shuozhou .sz-growth article > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.page-shuozhou .sz-hero-copy a,
.page-shuozhou .sz-growth article a {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .07);
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  backdrop-filter: blur(12px);
}
.page-shuozhou .sz-hero-copy a:first-child,
.page-shuozhou .sz-growth article a { border-color: var(--sz-amber); background: var(--sz-amber); color: var(--sz-ink); }
.page-shuozhou .sz-hero-status {
  position: absolute;
  right: 0;
  bottom: 34px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, .15);
  background: rgba(15, 25, 34, .68);
  color: #d6e1e5;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  backdrop-filter: blur(14px);
}
.page-shuozhou .sz-hero-status span { display: flex; align-items: center; gap: 7px; }
.page-shuozhou .sz-hero-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--sz-cyan); box-shadow: 0 0 12px rgba(98, 216, 232, .92); }
.page-shuozhou .sz-hero-status b { color: rgba(255, 255, 255, .28); }

.page-shuozhou .city-ad { background: #dfe6e9; }
.page-shuozhou .city-ad.is-dark { background: var(--sz-ink); }
.page-shuozhou .city-ad-inner { border-radius: 0; box-shadow: 0 22px 64px rgba(17, 26, 36, .14); }
.page-shuozhou .city-ad img { object-fit: contain; }

.page-shuozhou .city-section { padding: 112px 0; }
.page-shuozhou .sz-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  align-items: end;
  gap: 58px;
  margin-bottom: 46px;
}
.page-shuozhou .sz-section-head h2,
.page-shuozhou .sz-growth h2,
.page-shuozhou .sz-final h2 { margin: 0; font-size: 45px; line-height: 1.1; letter-spacing: -.045em; }
.page-shuozhou .sz-section-head > p { margin: 0; padding-left: 22px; border-left: 1px solid var(--sz-amber); color: #62717c; font-size: 15px; line-height: 1.88; }
.page-shuozhou .city-eyebrow { color: var(--sz-blue); }
.page-shuozhou .city-eyebrow::before { box-shadow: 8px 0 16px rgba(98, 216, 232, .45); }

.page-shuozhou .sz-dashboard { background: #f4f2eb; }
.page-shuozhou .sz-panel-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; width: min(640px, 100%); margin-bottom: 14px; background: var(--sz-line); }
.page-shuozhou .sz-panel-switch button {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 0 20px;
  border: 0;
  background: #e3e7e6;
  color: #66737d;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.page-shuozhou .sz-panel-switch button i { color: var(--sz-blue); font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .12em; }
.page-shuozhou .sz-panel-switch button span { font-size: 14px; font-weight: 850; }
.page-shuozhou .sz-panel-switch button.is-active { background: var(--sz-ink); color: #fff; }
.page-shuozhou .sz-panel-switch button.is-active i { color: var(--sz-cyan); }
.page-shuozhou .sz-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.page-shuozhou .sz-panel { position: relative; border: 1px solid var(--sz-line); background: #fff; opacity: .62; transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease; }
.page-shuozhou .sz-panel.is-active { z-index: 2; opacity: 1; transform: translateY(-5px); box-shadow: 0 24px 60px rgba(17, 26, 36, .14); }
.page-shuozhou .sz-panel::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg, var(--sz-cyan), transparent); content: ""; opacity: 0; }
.page-shuozhou .sz-panel.is-active::before { opacity: 1; }
.page-shuozhou .sz-panel header { min-height: 178px; padding: 34px; background: var(--sz-coal); color: #fff; }
.page-shuozhou .sz-panel header small { color: var(--sz-cyan); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.page-shuozhou .sz-panel header h3 { margin: 18px 0 12px; font-size: 29px; }
.page-shuozhou .sz-panel header span { color: #aebdc5; font-size: 12px; letter-spacing: .08em; }
.page-shuozhou .sz-panel > div { display: grid; grid-template-columns: 1fr 1fr; }
.page-shuozhou .sz-panel section { min-height: 170px; padding: 28px; border-right: 1px solid var(--sz-line); border-bottom: 1px solid var(--sz-line); }
.page-shuozhou .sz-panel section:nth-child(even) { border-right: 0; }
.page-shuozhou .sz-panel section:nth-child(n+3) { border-bottom: 0; }
.page-shuozhou .sz-panel section b { display: block; margin-bottom: 13px; color: var(--sz-blue); font-size: 14px; }
.page-shuozhou .sz-panel section p { margin: 0; color: #64747d; font-size: 13px; line-height: 1.8; }
.page-shuozhou .sz-panel-note { display: flex; align-items: center; gap: 10px; margin: 18px 0 24px; padding: 16px 20px; border-left: 3px solid var(--sz-cyan); background: #dfeaec; color: #52656f; font-size: 13px; }
.page-shuozhou .sz-panel-note b { color: var(--sz-ink); }
.page-shuozhou .sz-register-image { position: relative; height: 480px; margin: 0; overflow: hidden; background: #d9dcda; }
.page-shuozhou .sz-register-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-shuozhou .sz-register-image figcaption,
.page-shuozhou .sz-evidence figure figcaption,
.page-shuozhou .sz-platform-board figure figcaption,
.page-shuozhou .sz-growth figure figcaption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  padding: 9px 12px;
  background: rgba(17, 26, 36, .88);
  color: #dce6e9;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
}

.page-shuozhou .sz-evidence { background: var(--sz-ink); color: #fff; }
.page-shuozhou .sz-evidence .city-eyebrow { color: var(--sz-cyan); }
.page-shuozhou .sz-evidence .sz-section-head > p { border-left-color: var(--sz-cyan); color: #aebcc4; }
.page-shuozhou .sz-evidence-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; align-items: stretch; }
.page-shuozhou .sz-evidence-layout > figure { position: relative; min-height: 630px; margin: 0; overflow: hidden; background: #202b34; }
.page-shuozhou .sz-evidence-layout > figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-shuozhou .sz-evidence-console { display: flex; flex-direction: column; border: 1px solid rgba(255, 255, 255, .13); background: var(--sz-coal); }
.page-shuozhou .sz-evidence-tabs { display: grid; grid-template-columns: 1fr; }
.page-shuozhou .sz-evidence-tabs button { min-height: 62px; padding: 0 24px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .12); background: transparent; color: #98a8b1; font: inherit; font-size: 13px; font-weight: 800; text-align: left; cursor: pointer; }
.page-shuozhou .sz-evidence-tabs button.is-active { border-left: 3px solid var(--sz-cyan); background: rgba(98, 216, 232, .08); color: #fff; }
.page-shuozhou .sz-evidence-console article { flex: 1; padding: 42px 34px; }
.page-shuozhou .sz-evidence-console article small { color: var(--sz-cyan); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.page-shuozhou .sz-evidence-console article h3 { margin: 20px 0 16px; font-size: 29px; line-height: 1.28; }
.page-shuozhou .sz-evidence-console article > p { margin: 0; color: #acbac2; font-size: 14px; line-height: 1.86; }
.page-shuozhou .sz-evidence-console dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0 0; }
.page-shuozhou .sz-evidence-console dl div { padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .14); }
.page-shuozhou .sz-evidence-console dt { color: #dda74e; font-size: 11px; font-weight: 850; }
.page-shuozhou .sz-evidence-console dd { margin: 8px 0 0; color: #dae2e5; font-size: 13px; line-height: 1.65; }

.page-shuozhou .sz-routes { background: #e3e9eb; }
.page-shuozhou .sz-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.page-shuozhou .sz-route-grid article { min-height: 420px; padding: 34px; border-top: 4px solid var(--sz-panel); background: #f5f3ec; box-shadow: 0 18px 40px rgba(17, 26, 36, .06); }
.page-shuozhou .sz-route-grid article:nth-child(2) { border-top-color: var(--sz-amber); }
.page-shuozhou .sz-route-grid article:nth-child(3) { border-top-color: var(--sz-cyan); }
.page-shuozhou .sz-route-grid small { color: var(--sz-blue); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.page-shuozhou .sz-route-grid h3 { margin: 60px 0 18px; font-size: 27px; line-height: 1.25; }
.page-shuozhou .sz-route-grid p { color: #5e6f79; font-size: 14px; line-height: 1.88; }
.page-shuozhou .sz-route-grid ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 28px 0 0; padding: 0; list-style: none; }
.page-shuozhou .sz-route-grid li { min-width: 42px; padding: 7px 9px; border: 1px solid var(--sz-line); color: #647680; font-size: 11px; text-align: center; }

.page-shuozhou .sz-files { background: #f4f2eb; }
.page-shuozhou .sz-file-board { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.page-shuozhou .sz-file-board a { position: relative; min-height: 230px; padding: 34px; border: 1px solid var(--sz-line); background: #fff; text-decoration: none; transition: transform .25s ease, background .25s ease; }
.page-shuozhou .sz-file-board a:hover { transform: translateY(-4px); background: #e9f1f2; }
.page-shuozhou .sz-file-board a.is-wide { grid-column: span 2; min-height: 200px; }
.page-shuozhou .sz-file-board small { color: var(--sz-blue); font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.page-shuozhou .sz-file-board h3 { max-width: 800px; margin: 28px 0 38px; font-size: 22px; line-height: 1.5; }
.page-shuozhou .sz-file-board span { position: absolute; right: 30px; bottom: 28px; color: #6c7a82; font-size: 12px; font-weight: 800; }
.page-shuozhou .sz-file-board a:first-child { background: var(--sz-coal); color: #fff; }
.page-shuozhou .sz-file-board a:first-child small { color: var(--sz-cyan); }
.page-shuozhou .sz-file-board a:first-child span { color: #c6d4da; }

.page-shuozhou .sz-platform { background: #dce5e7; }
.page-shuozhou .sz-platform-board { display: grid; grid-template-columns: 1fr 1.55fr 1fr; grid-template-areas: "one screen three" "two screen four"; gap: 14px; }
.page-shuozhou .sz-platform-board article { min-height: 210px; padding: 28px; border: 1px solid var(--sz-line); background: rgba(255, 255, 255, .7); }
.page-shuozhou .sz-platform-board article:nth-child(1) { grid-area: one; }
.page-shuozhou .sz-platform-board article:nth-child(2) { grid-area: two; }
.page-shuozhou .sz-platform-board article:nth-child(4) { grid-area: three; }
.page-shuozhou .sz-platform-board article:nth-child(5) { grid-area: four; }
.page-shuozhou .sz-platform-board article b { color: var(--sz-blue); font-size: 10px; letter-spacing: .16em; }
.page-shuozhou .sz-platform-board article h3 { margin: 40px 0 12px; font-size: 23px; }
.page-shuozhou .sz-platform-board article p { margin: 0; color: #60717b; font-size: 13px; line-height: 1.75; }
.page-shuozhou .sz-platform-board figure { position: relative; grid-area: screen; margin: 0; overflow: hidden; background: var(--sz-ink); }
.page-shuozhou .sz-platform-board figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.page-shuozhou .sz-growth { background: #f4f2eb; }
.page-shuozhou .sz-growth-layout { display: grid; grid-template-columns: 1.15fr .85fr; align-items: stretch; gap: 20px; }
.page-shuozhou .sz-growth figure { position: relative; min-height: 590px; margin: 0; overflow: hidden; }
.page-shuozhou .sz-growth figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-shuozhou .sz-growth article { padding: 58px 44px; background: var(--sz-coal); color: #fff; }
.page-shuozhou .sz-growth article > p:not(.city-eyebrow) { color: #afbec5; font-size: 15px; line-height: 1.9; }

.page-shuozhou .sz-faq { background: #e3e9eb; }
.page-shuozhou .sz-faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.page-shuozhou .sz-faq .sz-section-head { display: block; margin: 0; }
.page-shuozhou .sz-faq .sz-section-head > p { margin-top: 26px; }
.page-shuozhou .sz-faq-list details { border-color: var(--sz-line); }
.page-shuozhou .sz-faq-list summary { display: grid; grid-template-columns: 1fr 28px; align-items: center; gap: 12px; padding: 26px 0; }
.page-shuozhou .sz-faq-list summary b { color: var(--sz-blue); font-size: 25px; transition: transform .2s ease; }
.page-shuozhou .sz-faq-list details[open] summary b { color: var(--sz-cyan); transform: rotate(45deg); }
.page-shuozhou .sz-faq-list details p { margin: 0 36px 30px 0; color: #5e6f79; font-size: 14px; line-height: 1.9; }

.page-shuozhou .sz-final { background: var(--sz-ink); }
.page-shuozhou .sz-final .city-shell { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 60px; }
.page-shuozhou .sz-final h2 { max-width: 710px; margin: 18px 0 0; }
.page-shuozhou .sz-final p { margin: 0; color: #aebdc4; font-size: 14px; line-height: 1.9; }

.page-shuozhou .ct-public-footer .footer-gongan img,
.page-shuozhou .ct-public-footer .footer-license img { display: inline-block; object-fit: contain; vertical-align: middle; }
.page-shuozhou .ct-public-footer .footer-gongan img { width: 20px; height: 20px; }
.page-shuozhou .ct-public-footer .footer-license img { width: auto; height: 28px; }

@media (max-width: 1080px) {
  .page-shuozhou .sz-section-head { grid-template-columns: 1fr; gap: 22px; }
  .page-shuozhou .sz-evidence-layout { grid-template-columns: 1fr; }
  .page-shuozhou .sz-route-grid { grid-template-columns: 1fr; }
  .page-shuozhou .sz-faq-layout { grid-template-columns: 1fr; gap: 42px; }
}

@media (max-width: 700px) {
  .page-shuozhou .city-shell { width: min(100% - 28px, 1200px); }
  .page-shuozhou .sz-hero,
  .page-shuozhou .sz-hero-shell { min-height: 790px; }
  .page-shuozhou .sz-hero-visual { inset: 0 -14px; }
  .page-shuozhou .sz-hero-visual::after { background: linear-gradient(180deg, rgba(12, 20, 28, .03), rgba(12, 20, 28, .12) 36%, rgba(12, 20, 28, .9) 67%, #111a24 100%); }
  .page-shuozhou .sz-hero-visual img { object-position: center top; }
  .page-shuozhou .city-crumb { padding: 14px 0; font-size: 12px; }
  .page-shuozhou .sz-hero-copy { width: 100%; margin-top: 390px; }
  .page-shuozhou .sz-hero-copy small { font-size: 9px; }
  .page-shuozhou .sz-hero-copy h1 { margin: 14px 0; font-size: 38px; line-height: 1.07; }
  .page-shuozhou .sz-hero-copy p { font-size: 14px; line-height: 1.72; }
  .page-shuozhou .sz-hero-copy > div { margin-top: 20px; }
  .page-shuozhou .sz-hero-copy a { min-height: 44px; padding: 0 15px; font-size: 12px; }
  .page-shuozhou .sz-hero-status { display: none; }
  .page-shuozhou .city-section { padding: 76px 0; }
  .page-shuozhou .sz-section-head h2,
  .page-shuozhou .sz-growth h2,
  .page-shuozhou .sz-final h2 { font-size: 31px; line-height: 1.14; }
  .page-shuozhou .sz-section-head > p { padding-left: 16px; font-size: 14px; }
  .page-shuozhou .sz-panel-switch { grid-template-columns: 1fr; }
  .page-shuozhou .sz-panel-switch button { min-height: 56px; }
  .page-shuozhou .sz-panel-grid { grid-template-columns: 1fr; gap: 12px; }
  .page-shuozhou .sz-panel { opacity: 1; }
  .page-shuozhou .sz-panel.is-active { transform: none; box-shadow: 0 16px 42px rgba(17, 26, 36, .12); }
  .page-shuozhou .sz-panel:not(.is-active) { display: none; }
  .page-shuozhou .sz-panel header { min-height: 155px; padding: 28px 22px; }
  .page-shuozhou .sz-panel header h3 { font-size: 25px; }
  .page-shuozhou .sz-panel > div { grid-template-columns: 1fr; }
  .page-shuozhou .sz-panel section { min-height: 0; padding: 22px; border-right: 0; border-bottom: 1px solid var(--sz-line); }
  .page-shuozhou .sz-panel section:nth-child(n+3) { border-bottom: 1px solid var(--sz-line); }
  .page-shuozhou .sz-panel section:last-child { border-bottom: 0; }
  .page-shuozhou .sz-panel-note { align-items: flex-start; line-height: 1.6; }
  .page-shuozhou .sz-register-image { height: 330px; }
  .page-shuozhou .sz-evidence-layout > figure { min-height: 360px; }
  .page-shuozhou .sz-evidence-console article { padding: 32px 22px; }
  .page-shuozhou .sz-evidence-console article h3 { font-size: 25px; }
  .page-shuozhou .sz-evidence-console dl { grid-template-columns: 1fr; }
  .page-shuozhou .sz-route-grid article { min-height: 0; padding: 30px 24px; }
  .page-shuozhou .sz-route-grid h3 { margin-top: 34px; }
  .page-shuozhou .sz-file-board { grid-template-columns: 1fr; }
  .page-shuozhou .sz-file-board a,
  .page-shuozhou .sz-file-board a.is-wide { grid-column: span 1; min-height: 235px; padding: 28px 22px; }
  .page-shuozhou .sz-file-board h3 { font-size: 18px; }
  .page-shuozhou .sz-platform-board { grid-template-columns: 1fr 1fr; grid-template-areas: "screen screen" "one two" "three four"; }
  .page-shuozhou .sz-platform-board figure { min-height: 245px; }
  .page-shuozhou .sz-platform-board article { min-height: 195px; padding: 20px 16px; }
  .page-shuozhou .sz-platform-board article h3 { margin-top: 28px; font-size: 19px; }
  .page-shuozhou .sz-growth-layout { grid-template-columns: 1fr; gap: 0; }
  .page-shuozhou .sz-growth figure { min-height: 360px; }
  .page-shuozhou .sz-growth article { padding: 42px 24px; }
  .page-shuozhou .sz-faq-list summary { font-size: 16px; line-height: 1.55; }
  .page-shuozhou .sz-final .city-shell { grid-template-columns: 1fr; gap: 26px; }
  .page-shuozhou .ct-public-footer .footer-beian { align-items: center; }
}

@media (prefers-reduced-motion: reduce) {
  .page-shuozhou .reveal { opacity: 1; transform: none; transition: none; }
  .page-shuozhou .sz-panel,
  .page-shuozhou .sz-file-board a,
  .page-shuozhou .sz-faq-list summary b { transition: none; }
}