/*
 * 成都净润官网公共基础样式
 * 适合放在 Halo 后台：设置 -> 代码注入 -> head，或主题自定义 CSS 文件。
 */
:root {
  --jr-deep: #0a2421;
  --jr-deep-2: #0f302b;
  --jr-green: #1d5a53;
  --jr-green-2: #2f766c;
  --jr-green-3: #9bc8c0;
  --jr-blue: #1688c7;
  --jr-blue-2: #39b8e8;
  --jr-cyan: #42d4e8;
  --jr-soft: #f6faf8;
  --jr-light: #f4f8fa;
  --jr-white: #ffffff;
  --jr-text: #123934;
  --jr-title: #10283a;
  --jr-muted: #647a75;
  --jr-line: rgba(15, 47, 43, .13);
  --jr-shadow: 0 22px 60px rgba(6, 24, 39, .12);
  --jr-font: "HarmonyOS Sans SC", "Alibaba PuHuiTi", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

body:has(.jr-page) main,
body:has(.jr-page) article,
body:has(.jr-page) .page-content,
body:has(.jr-page) .post-content,
body:has(.jr-page) .markdown-body,
body:has(.jr-page) .single-page,
body:has(.jr-page) .content,
body:has(.jr-page) .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.jr-page) {
  margin: 0;
}

body:has(.jr-page) .jr-page,
body:has(.jr-page) .jr2-breakout,
body:has(.jr-page) .jr3-breakout,
body:has(.jr-page) .jr-app-breakout,
body:has(.jr-page) .jr-case-breakout,
body:has(.jr-page) .jr-news-breakout,
body:has(.jr-page) .jr-contact-breakout {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:has(.jr-page) main > h1:first-child,
body:has(.jr-page) article > h1:first-child,
body:has(.jr-page) .page-content > h1:first-child,
body:has(.jr-page) .post-content > h1:first-child,
body:has(.jr-page) .markdown-body > h1:first-child {
  display: none !important;
}

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

.jr-page {
  width: 100%;
  overflow-x: hidden;
  background: #fff;
  color: var(--jr-text);
  font-family: var(--jr-font);
}

.jr-page a {
  text-decoration: none !important;
}

.jr-page img,
.jr-page video {
  display: block;
  max-width: 100%;
}

.jr-reveal,
.jr2-reveal,
.jr3-reveal,
.jr-app-reveal,
.jr-case-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .75s ease, transform .75s ease;
}

.jr-reveal.is-visible,
.jr2-reveal.is-visible,
.jr3-reveal.is-visible,
.jr-app-reveal.is-visible,
.jr-case-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.jr-container,
.jr2-container,
.jr3-container,
.jr-app-container,
.jr-case-container,
.jr-news-wrap,
.jr-contact-container {
  margin-inline: auto;
}

@media (prefers-reduced-motion: reduce) {
  .jr-page *,
  .jr-page *::before,
  .jr-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 768px) {
  .jr-container,
  .jr2-container,
  .jr3-container,
  .jr-app-container,
  .jr-case-container,
  .jr-news-wrap,
  .jr-contact-container {
    width: min(100% - 32px, 1320px) !important;
  }
}