@charset "UTF-8";

/* 每个 data-site 一套颜色和版式。未命中 secret 时保持 styles.css 默认蓝站。 */

html[data-site] {
  --accent: #0d6efd;
  --accent-2: #1d4ed8;
  --ink: #1a1d26;
  --muted: #6b7280;
  --page: #ffffff;
  --header: rgba(255, 255, 255, 0.96);
  --soft: #f4f6f9;
  --card: #f9fafb;
  --line: #e5e7eb;
  --hero: linear-gradient(160deg, #0f172a 0%, #1e3a5f 45%, #0d6efd 100%);
  --hero-ink: #ffffff;
  --radius: 12px;
  --display: "PingFang SC", "Microsoft YaHei", sans-serif;
  --cta: #0f172a;
}

html[data-site="shgzz"] {
  --accent: #c2410c;
  --accent-2: #9a3412;
  --ink: #431407;
  --muted: #9a3412;
  --page: #fff7ed;
  --header: rgba(255, 247, 237, 0.94);
  --soft: #ffedd5;
  --card: #ffffff;
  --line: #fed7aa;
  --hero: linear-gradient(145deg, #7c2d12 0%, #c2410c 48%, #fb923c 100%);
  --radius: 22px;
  --display: "Songti SC", "STSong", "Noto Serif SC", serif;
  --cta: #7c2d12;
}

html[data-site="zghs"] {
  --accent: #0f766e;
  --accent-2: #115e59;
  --ink: #134e4a;
  --muted: #0f766e;
  --page: #f8fafc;
  --header: rgba(240, 253, 250, 0.96);
  --soft: #f0fdfa;
  --card: #ffffff;
  --line: #99f6e4;
  --hero: linear-gradient(180deg, #042f2e 0%, #0f766e 100%);
  --radius: 4px;
  --cta: #042f2e;
}

html[data-site="zcaq"] {
  --accent: #d97706;
  --accent-2: #b45309;
  --ink: #1c1917;
  --muted: #78716c;
  --page: #fafaf9;
  --header: #1c1917;
  --soft: #f5f5f4;
  --card: #ffffff;
  --line: #e7e5e4;
  --hero: #292524;
  --hero-ink: #fafaf9;
  --radius: 0px;
  --cta: #1c1917;
}

html[data-site="cjhs"] {
  --accent: #0284c7;
  --accent-2: #0369a1;
  --ink: #0c4a6e;
  --muted: #0369a1;
  --page: #f0f9ff;
  --header: rgba(240, 249, 255, 0.96);
  --soft: #e0f2fe;
  --card: #ffffff;
  --line: #bae6fd;
  --hero: #f0f9ff;
  --hero-ink: #0c4a6e;
  --radius: 28px;
  --cta: #0369a1;
}

html[data-site="fdc"] {
  --accent: #a16207;
  --accent-2: #854d0e;
  --ink: #1e1b4b;
  --muted: #6b7280;
  --page: #fafaf9;
  --header: rgba(255, 255, 255, 0.96);
  --soft: #f5f5f4;
  --card: #ffffff;
  --line: #e7e5e4;
  --hero: linear-gradient(120deg, #1e1b4b 0%, #312e81 55%, #854d0e 140%);
  --radius: 2px;
  --display: "Songti SC", "STSong", "Noto Serif SC", serif;
  --cta: #1e1b4b;
}

html[data-site="gajc"] {
  --accent: #b91c1c;
  --accent-2: #991b1b;
  --ink: #0f172a;
  --muted: #334155;
  --page: #f8fafc;
  --header: #0f172a;
  --soft: #e2e8f0;
  --card: #ffffff;
  --line: #cbd5e1;
  --hero: linear-gradient(90deg, #0f172a 0%, #1e3a8a 100%);
  --radius: 0px;
  --cta: #0f172a;
}

html[data-site="kyzz"] {
  --accent: #9f1239;
  --accent-2: #881337;
  --ink: #3f1d24;
  --muted: #9f1239;
  --page: #fbf7f2;
  --header: rgba(251, 247, 242, 0.96);
  --soft: #f5efe6;
  --card: #fffdfb;
  --line: #e7d5c4;
  --hero: #fbf7f2;
  --hero-ink: #3f1d24;
  --radius: 0px;
  --display: "Songti SC", "STSong", "Noto Serif SC", serif;
  --cta: #881337;
}

html[data-site="ggjc"] {
  --accent: #166534;
  --accent-2: #14532d;
  --ink: #14532d;
  --muted: #3f6212;
  --page: #f7fee7;
  --header: rgba(247, 254, 231, 0.96);
  --soft: #ecfccb;
  --card: #ffffff;
  --line: #d9f99d;
  --hero: linear-gradient(160deg, #14532d 0%, #3f6212 100%);
  --radius: 8px;
  --cta: #14532d;
}

html[data-site="sqgzz"] {
  --accent: #7c3aed;
  --accent-2: #6d28d9;
  --ink: #2e1065;
  --muted: #6d28d9;
  --page: #faf5ff;
  --header: rgba(250, 245, 255, 0.96);
  --soft: #f3e8ff;
  --card: #ffffff;
  --line: #e9d5ff;
  --hero: linear-gradient(135deg, #4c1d95 0%, #7c3aed 60%, #c4b5fd 100%);
  --radius: 18px;
  --cta: #4c1d95;
}

html[data-site] body {
  background: var(--page);
  color: var(--ink);
}

html[data-site] .site-header {
  background: var(--header);
  border-bottom-color: var(--line);
}

html[data-site="zcaq"] .site-header,
html[data-site="gajc"] .site-header {
  background: var(--header);
  border-bottom: 3px solid var(--accent);
}

html[data-site="zcaq"] .site-logo,
html[data-site="zcaq"] .site-nav a,
html[data-site="gajc"] .site-logo,
html[data-site="gajc"] .site-nav a,
html[data-site="zcaq"] .site-logo__text,
html[data-site="gajc"] .site-logo__text {
  color: #f8fafc;
}

html[data-site="zcaq"] .site-nav__burger span,
html[data-site="gajc"] .site-nav__burger span {
  background: #f8fafc;
}

html[data-site] .site-logo,
html[data-site] .hero__title,
html[data-site] .block__title,
html[data-site] .cta__title {
  font-family: var(--display);
}

html[data-site] .site-logo:hover,
html[data-site] .site-nav a:hover {
  color: var(--accent);
}

html[data-site] .btn--ghost {
  color: var(--hero-ink);
  border-color: rgba(255, 255, 255, 0.55);
}

html[data-site="cjhs"] .btn--ghost,
html[data-site="kyzz"] .btn--ghost {
  color: var(--accent-2);
  border-color: var(--accent);
}

html[data-site="zcaq"] .site-nav a:hover,
html[data-site="gajc"] .site-nav a:hover {
  color: #fde68a;
}

html[data-site] .hero {
  background: var(--hero);
  color: var(--hero-ink);
}

html[data-site] .hero__lead {
  color: var(--hero-ink);
  opacity: 0.9;
}

html[data-site] .hero__eyebrow {
  color: var(--hero-ink);
  opacity: 0.65;
}

html[data-site] .hero__highlights li {
  border-radius: var(--radius);
}

html[data-site] .btn {
  border-radius: var(--radius);
}

html[data-site] .btn--primary {
  background: #fff;
  color: var(--accent-2);
}

html[data-site] .btn--outline {
  color: var(--accent);
  border-color: var(--accent);
}

html[data-site] .block--white { background: var(--page); }
html[data-site] .block--gray { background: var(--soft); }

html[data-site] .block__title,
html[data-site] .card__title,
html[data-site] .scene__title,
html[data-site] .faq__title,
html[data-site] .support-card__title {
  color: var(--ink);
}

html[data-site] .block__desc,
html[data-site] .block__label {
  color: var(--muted);
}

html[data-site] .card,
html[data-site] .scene,
html[data-site] .support-card,
html[data-site] .faq__item,
html[data-site] .syllabus__item {
  background: var(--card);
  border-color: var(--line);
  border-radius: var(--radius);
}

html[data-site] .support-card {
  border-top-color: var(--accent);
}

html[data-site] .support-card__main a {
  color: var(--accent);
}

html[data-site] .block--cta {
  background: var(--cta);
}

html[data-site] .block--cta .btn--primary {
  background: var(--accent);
  color: #fff;
}

html[data-site] .site-footer {
  background: var(--cta);
}

/* 科目条 */
.syllabus {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.syllabus__item {
  padding: 20px 18px;
  border: 1px solid var(--line, #e5e7eb);
  background: var(--card, #fff);
}

.syllabus__title {
  margin: 0 0 8px;
  font-size: 16px;
}

.syllabus__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #4b5563;
}

@media (max-width: 900px) {
  .syllabus { grid-template-columns: 1fr; }
}

/* 初级护师：浅底上的白卡片首屏，和主管护师的深色通栏分开 */
html[data-site="cjhs"] .hero {
  padding-top: 28px;
}

html[data-site="cjhs"] .hero__inner {
  background: #fff;
  border-radius: 28px;
  padding: 36px 28px;
  box-shadow: 0 18px 50px rgba(3, 105, 161, 0.08);
}

html[data-site="cjhs"] .hero__highlights li {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  color: #0c4a6e;
}

html[data-site="cjhs"] .hero__highlights-v { color: #0369a1; }

html[data-site="cjhs"] .btn--primary {
  background: #0284c7;
  color: #fff;
}

html[data-site="cjhs"] .btn--ghost {
  color: #0369a1;
  border-color: #7dd3fc;
}

/* 主管护师：左青右白的分栏，下面改成通栏清单，不再是三列卡片 */
html[data-site="zghs"] .hero {
  background: linear-gradient(90deg, #0f766e 0 46%, #f8fafc 46% 100%);
  padding: 0;
}

html[data-site="zghs"] .hero__inner {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: 46% 1fr;
  min-height: 520px;
  align-items: center;
  padding: 36px 0;
}

html[data-site="zghs"] .hero__eyebrow,
html[data-site="zghs"] .hero__logo,
html[data-site="zghs"] .hero__title,
html[data-site="zghs"] .hero__lead,
html[data-site="zghs"] .hero__actions {
  grid-column: 1;
  padding-left: max(28px, 6vw);
  padding-right: 36px;
  color: #fff;
}

html[data-site="zghs"] .hero__logo { margin-bottom: 12px; }
html[data-site="zghs"] .hero__eyebrow { margin-bottom: 8px; color: rgba(255, 255, 255, 0.75); }
html[data-site="zghs"] .hero__title { font-size: clamp(36px, 4vw, 52px); }
html[data-site="zghs"] .hero__lead { max-width: 28em; color: rgba(255, 255, 255, 0.9); }
html[data-site="zghs"] .hero__actions { margin-bottom: 0; }

html[data-site="zghs"] .hero__highlights {
  grid-column: 2;
  grid-row: 1 / span 6;
  align-self: center;
  max-width: none;
  margin: 0;
  padding: 12px 8vw 12px 40px;
  grid-template-columns: 1fr;
  gap: 14px;
}

html[data-site="zghs"] .hero__highlights li {
  background: #fff;
  color: #134e4a;
  border: 0;
  border-left: 8px solid #0f766e;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(15, 118, 110, 0.08);
}

html[data-site="zghs"] .hero__highlights-v { color: #0f766e; }

html[data-site="zghs"] .btn--primary {
  background: #fff;
  color: #0f766e;
  border-radius: 0;
}

html[data-site="zghs"] .btn--ghost {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
}

html[data-site="zghs"] .grid-3,
html[data-site="zghs"] .syllabus,
html[data-site="zghs"] .scenes,
html[data-site="zghs"] .support-grid {
  grid-template-columns: 1fr;
}

html[data-site="zghs"] .card,
html[data-site="zghs"] .syllabus__item,
html[data-site="zghs"] .scene {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 8px 28px;
  align-items: start;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #99f6e4;
  background: transparent;
  padding-left: 0;
}

html[data-site="zghs"] .card__title,
html[data-site="zghs"] .syllabus__title,
html[data-site="zghs"] .scene__title {
  margin: 0;
}

html[data-site="zghs"] .block__head {
  text-align: left;
  margin-left: 0;
  max-width: none;
}

html[data-site="zghs"] .block--cta {
  background: #0f766e;
}

@media (max-width: 800px) {
  html[data-site="zghs"] .hero {
    background: #0f766e;
  }

  html[data-site="zghs"] .hero__inner {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 28px 0 8px;
  }

  html[data-site="zghs"] .hero__highlights {
    grid-column: 1;
    grid-row: auto;
    padding: 8px 20px 28px;
  }

  html[data-site="zghs"] .hero__highlights li {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border-left-color: #fff;
    box-shadow: none;
  }

  html[data-site="zghs"] .hero__highlights-v { color: rgba(255, 255, 255, 0.75); }

  html[data-site="zghs"] .card,
  html[data-site="zghs"] .syllabus__item,
  html[data-site="zghs"] .scene {
    grid-template-columns: 1fr;
  }
}

/* 考研政治：居中窄栏试卷，和主管护师的左右分栏不是同一骨架 */
html[data-site="kyzz"] body {
  background: #efe6d8;
}

html[data-site="kyzz"] .site-header {
  background: #efe6d8;
  border-bottom: 0;
}

@media (min-width: 640px) {
  html[data-site="kyzz"] .site-header__inner {
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding-top: 18px;
    padding-bottom: 10px;
    gap: 6px;
  }
}

html[data-site="kyzz"] .site-nav { flex: none; width: 100%; }
html[data-site="kyzz"] .site-nav ul { justify-content: center; }

html[data-site="kyzz"] .hero {
  background: transparent;
  border: 0;
  color: #3f1d24;
  padding: 12px 20px 8px;
}

html[data-site="kyzz"] .hero__inner {
  max-width: 640px;
  margin: 12px auto 20px;
  text-align: center;
  background: #fffdf8;
  border: 2px solid #9f1239;
  outline: 1px solid #9f1239;
  outline-offset: 7px;
  padding: 42px 36px 32px;
}

html[data-site="kyzz"] .hero__eyebrow {
  letter-spacing: 0.42em;
  color: #9f1239;
}

html[data-site="kyzz"] .hero__title {
  display: block;
  border: 0;
  font-size: clamp(34px, 5vw, 46px);
}

html[data-site="kyzz"] .hero__title::before {
  content: "政";
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  border: 2px solid #9f1239;
  border-radius: 50%;
  color: #9f1239;
  font-size: 26px;
  line-height: 50px;
  font-family: "Songti SC", "STSong", serif;
}

html[data-site="kyzz"] .hero__lead {
  margin-left: auto;
  margin-right: auto;
  color: #3f1d24;
}

html[data-site="kyzz"] .hero__actions {
  justify-content: center;
}

html[data-site="kyzz"] .hero__highlights {
  grid-template-columns: 1fr;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

html[data-site="kyzz"] .hero__highlights li {
  background: transparent;
  border: 0;
  border-top: 1px solid #9f1239;
  border-radius: 0;
  color: #3f1d24;
}

html[data-site="kyzz"] .hero__highlights-v { color: #9f1239; }

html[data-site="kyzz"] .btn--primary {
  background: #9f1239;
  color: #fff;
  border-radius: 0;
}

html[data-site="kyzz"] .btn--ghost {
  color: #9f1239;
  border-color: #9f1239;
  border-radius: 0;
  background: transparent;
}

html[data-site="kyzz"] .block {
  background: transparent;
}

html[data-site="kyzz"] .block__inner,
html[data-site="kyzz"] .block__inner--narrow {
  max-width: 640px;
}

html[data-site="kyzz"] .grid-3,
html[data-site="kyzz"] .syllabus,
html[data-site="kyzz"] .scenes,
html[data-site="kyzz"] .support-grid {
  grid-template-columns: 1fr;
}

html[data-site="kyzz"] .card,
html[data-site="kyzz"] .scene,
html[data-site="kyzz"] .syllabus__item,
html[data-site="kyzz"] .support-card {
  box-shadow: none;
  border: 0;
  border-bottom: 1px dashed #c4a484;
  border-radius: 0;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

html[data-site="kyzz"] .block--cta {
  background: transparent;
  color: #3f1d24;
}

html[data-site="kyzz"] .cta__title,
html[data-site="kyzz"] .cta__text {
  color: #3f1d24;
}

html[data-site="kyzz"] .block--cta .btn--outline {
  color: #9f1239;
  border-color: #9f1239;
}

html[data-site="kyzz"] .site-footer {
  background: #3f1d24;
}

@media (max-width: 700px) {
  html[data-site="kyzz"] .hero__inner {
    outline: none;
    padding: 28px 18px 22px;
  }

  html[data-site="kyzz"] .hero__highlights {
    grid-template-columns: 1fr;
  }

  html[data-site="kyzz"] .site-header__inner {
    align-items: stretch;
  }
}

/* 注安：方角、深色顶栏、警示色左边线 */
html[data-site="zcaq"] .card,
html[data-site="zcaq"] .syllabus__item,
html[data-site="zcaq"] .scene {
  border-left: 6px solid #d97706;
  border-radius: 0;
}

html[data-site="zcaq"] .hero__highlights li {
  background: #44403c;
  border-radius: 0;
  border-color: #d97706;
}

/* 公安：直角、红线 */
html[data-site="gajc"] .hero {
  border-top: 0;
}

html[data-site="gajc"] .hero__inner {
  border-left: 6px solid #b91c1c;
  padding-left: 22px;
}

html[data-site="gajc"] .card,
html[data-site="gajc"] .scene,
html[data-site="gajc"] .syllabus__item {
  border-radius: 0;
}

/* 公基：标题左对齐，科目条改成通栏 */
html[data-site="ggjc"] .block__head {
  text-align: left;
  margin-left: 0;
  max-width: none;
}

html[data-site="ggjc"] .syllabus {
  grid-template-columns: 1fr;
}

html[data-site="ggjc"] .syllabus__item {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 16px;
  align-items: start;
}

html[data-site="ggjc"] .grid-3 {
  grid-template-columns: 1fr;
}

@media (max-width: 700px) {
  html[data-site="ggjc"] .syllabus__item {
    grid-template-columns: 1fr;
  }
}

/* 房地产：居中杂志风，实务单列 */
html[data-site="fdc"] .hero__inner,
html[data-site="fdc"] .hero__lead,
html[data-site="fdc"] .hero__actions,
html[data-site="fdc"] .hero__highlights {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

html[data-site="fdc"] .hero__actions,
html[data-site="fdc"] .hero__highlights {
  justify-content: center;
}

html[data-site="fdc"] .scenes {
  grid-template-columns: 1fr;
  max-width: 760px;
  margin: 0 auto;
}

/* 社会工作：暖色大圆角，首屏左对齐已经是默认 */
html[data-site="shgzz"] .hero__highlights li {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 999px;
}

html[data-site="shgzz"] .card {
  border-radius: 22px;
}

/* 社区：和社工的陶土圆角区分，用紫色斜切首屏 */
html[data-site="sqgzz"] .hero {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
  padding-bottom: 88px;
}

html[data-site="sqgzz"] .syllabus {
  grid-template-columns: 1fr 1fr 1fr;
}

/* 栏目顺序也错开，避免版式骨架一致 */
html[data-site] main {
  display: flex;
  flex-direction: column;
}

html[data-site] #home { order: 0; }
html[data-site] #syllabus { order: 2; }
html[data-site] #product { order: 3; }
html[data-site] #scenes { order: 4; }
html[data-site] #support { order: 5; }
html[data-site] #privacy { order: 6; }
html[data-site] #download { order: 7; }

html[data-site="zghs"] #product { order: 2; }
html[data-site="zghs"] #syllabus { order: 3; }

html[data-site="zcaq"] #scenes { order: 2; }
html[data-site="zcaq"] #syllabus { order: 4; }

html[data-site="cjhs"] #syllabus { order: 2; }
html[data-site="cjhs"] #scenes { order: 3; }
html[data-site="cjhs"] #product { order: 4; }

html[data-site="fdc"] #product { order: 2; }
html[data-site="fdc"] #scenes { order: 3; }
html[data-site="fdc"] #syllabus { order: 4; }

html[data-site="gajc"] #scenes { order: 2; }
html[data-site="gajc"] #product { order: 3; }
html[data-site="gajc"] #syllabus { order: 4; }

html[data-site="ggjc"] #product { order: 2; }
html[data-site="ggjc"] #scenes { order: 3; }
html[data-site="ggjc"] #syllabus { order: 4; }

html[data-site="sqgzz"] #scenes { order: 2; }
html[data-site="sqgzz"] #syllabus { order: 3; }
html[data-site="sqgzz"] #product { order: 4; }