:root {
  --pink: #f26eaa;
  --blue: #4b8de1;
  --ink: #25213a;
  --muted: #716c7d;
  --paper: #fff9fc;
  --line: #eadbe7;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
a {
  text-decoration: none;
  color: inherit;
}
.top {
  height: 74px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: #fff9fce8;
  position: sticky;
  top: 0;
  z-index: 4;
  backdrop-filter: blur(15px);
}
.wrap {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brand {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
}
.brand img {
  width: 36px;
  height: 36px;
  border-radius: 11px;
}
.links {
  display: flex;
  gap: 24px;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}
.links a:hover {
  color: var(--pink);
}
.btn {
  background: var(--pink);
  color: #fff;
  padding: 11px 18px;
  border-radius: 22px;
  font-weight: 700;
}
.hero {
  min-height: 720px;
  background-image:
    linear-gradient(90deg, #1d1a3799 0%, #1d1a3725 60%, #1d1a3700),
    url("bn.webp");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.hero-inner {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.hero-copy {
  max-width: 520px;
  color: #fff;
}
.eyebrow {
  font-size: 12px;
  letter-spacing: 0.2em;
  color: #ffd4e6;
  font-weight: 800;
}
.hero h1 {
  font-size: clamp(48px, 7vw, 88px);
  line-height: 1.02;
  margin: 20px 0;
}
.hero p {
  font-size: 18px;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 30px;
}
.hero .btn {
  box-shadow: 0 10px 25px #f26eaa66;
}
.intro {
  padding: 92px 0;
}
.intro-grid {
  display: grid;
  grid-template-columns: 42% 58%;
  gap: 70px;
  align-items: center;
}
.intro h2 {
  font-size: 46px;
  line-height: 1.1;
  margin: 10px 0;
}
.intro p {
  color: var(--muted);
  line-height: 1.9;
}
.mini-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 32px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.stat {
  padding: 18px 10px;
  border-right: 1px solid var(--line);
}
.stat:last-child {
  border: 0;
}
.stat b {
  font-size: 25px;
  color: var(--blue);
  display: block;
}
.stat span {
  font-size: 13px;
  color: var(--muted);
}
.feature-art {
  position: relative;
}
.feature-art img {
  width: 100%;
  display: block;
  border-radius: 22px;
}
.feature-art:after {
  content: "动漫天堂 / 更好阅读";
  position: absolute;
  right: 0;
  bottom: -18px;
  background: var(--pink);
  color: #fff;
  padding: 10px 15px;
  font-size: 11px;
  letter-spacing: 0.15em;
}
.features {
  background: #f3eaf2;
  padding: 86px 0;
}
.feature-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 35px;
}
.feature-head h2 {
  font-size: 40px;
  margin: 0;
}
.feature-head p {
  color: var(--muted);
  max-width: 420px;
}
.feature-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid #d9ccd9;
  border-bottom: 1px solid #d9ccd9;
}
.feature {
  padding: 28px 20px;
  border-right: 1px solid #d9ccd9;
}
.feature:last-child {
  border: 0;
}
.feature strong {
  color: var(--pink);
  font-size: 12px;
}
.feature h3 {
  margin: 18px 0 7px;
}
.feature p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
}
.journey {
  padding: 90px 0;
}
.journey-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.journey h2 {
  font-size: 42px;
  margin: 8px 0;
}
.journey-copy p {
  color: var(--muted);
  line-height: 1.9;
}
.events {
  border-left: 1px solid var(--line);
}
.event {
  padding: 18px 25px;
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 20px;
}
.event time {
  color: var(--blue);
  font-weight: 800;
}
.event h3 {
  margin: 0 0 4px;
}
.event p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.download {
  background: linear-gradient(120deg, #ffd7e8, #dff3ff);
  padding: 58px 0;
}
.reviews {
  padding: 82px 0;
  background: #fff;
}
.reviews-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 32px;
}
.reviews-head h2 {
  font-size: 40px;
  margin: 8px 0 0;
}
.reviews-head p {
  color: var(--muted);
  max-width: 380px;
}
.review-list {
  height: 620px;
  overflow: hidden;
  position: relative;
}
.review-track {
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: reviewScroll 42s linear infinite;
}
.review-list:hover .review-track {
  animation-play-state: paused;
}
@keyframes reviewScroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-820px);
  }
}
.review {
  padding: 20px 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
}
.review-user {
  display: flex;
  align-items: center;
  gap: 12px;
}
.review-user img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.review-user strong,
.review-user span {
  display: block;
}
.review-user span {
  font-size: 12px;
  color: var(--muted);
  margin-top: 3px;
}
.review > p {
  color: var(--muted);
  line-height: 1.8;
  margin: 18px 0 0;
}
.download-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.download h2 {
  font-size: 42px;
  margin: 0;
}
.download p {
  color: var(--muted);
}
footer {
  background: var(--ink);
  color: #d8d1df;
  padding: 28px 0 20px;
}
.foot {
  display: flex;
  justify-content: space-between;
}
.beian {
  border-top: 1px solid #ffffff22;
  padding-top: 14px;
  margin-top: 20px;
  font-size: 12px;
}
.beian a {
  text-decoration: underline;
}
@media (max-width: 760px) {
  .links a:not(.btn) {
    display: none;
  }
  .hero {
    min-height: 620px;
  }
  .hero-inner {
    width: calc(100% - 28px);
  }
  .intro {
    padding: 55px 0;
  }
  .intro-grid,
  .journey-grid {
    display: block;
  }
  .feature-head,
  .download-grid {
    display: block;
  }
  .feature-list {
    grid-template-columns: 1fr 1fr;
  }
  .feature {
    border-bottom: 1px solid #d9ccd9;
  }
  .feature:nth-child(2) {
    border-right: 0;
  }
  .feature:nth-child(4) {
    border-right: 0;
  }
  .journey-copy {
    margin-bottom: 30px;
  }
  .reviews-head {
    display: block;
  }
  .reviews-head p {
    margin-top: 10px;
  }
  .download .btn {
    display: inline-block;
    margin-top: 15px;
  }
  .foot {
    display: block;
  }
  .foot > div + div {
    margin-top: 14px;
  }
}

/* Keep the shared top bar visible while the page scrolls. */
body > header.top,
body > header.site-header,
.site-header {
  position: sticky !important;
  top: 0 !important;
  bottom: auto !important;
  z-index: 100 !important;
}

body > header.top {
  background: #fff !important;
}

/* Final header positioning: fixed visibility with matching content offset. */
body > header.top,
body > header.site-header,
body > .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

body > header.top + main,
body > header.site-header + main,
body > .site-header + main {
  padding-top: 74px !important;
}

@media (max-width: 900px) {
  body > header.top,
  body > header.site-header,
  body > .site-header {
    height: 118px !important;
    min-height: 118px !important;
  }

  body > header.top + main,
  body > header.site-header + main,
  body > .site-header + main {
    padding-top: 118px !important;
  }
}

/* Final desktop download-card alignment override. */
@media (min-width: 761px) {
  .download-grid > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    transform: none !important;
    min-height: 324px !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .download-grid > div > * {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }
}

/* Let the guide installation note use the full width of its panel. */
.guide-page .guide-note p {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 760px) {
  .features-page .poster-hero {
    min-height: 0;
    height: auto;
    padding: 18px 0 0;
  }

  .features-page .poster-hero > img {
    min-height: 0;
    height: auto;
  }
}

/* Center the download card copy within its existing card box. */
.download-grid > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 761px) {
  .download-grid > div {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
}

/* Keep the first viewport eager while allowing below-the-fold sections to
   render on demand. This reduces initial paint work without changing layout. */
@media (min-width: 1px) {
  main > section:not(:first-child),
  footer {
    content-visibility: auto;
  }
}

/* Full-width mobile header surface. */
@media (max-width: 900px) {
  html,
  body {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body > main,
  body > footer {
    width: 100vw !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body > header.top,
  body > header.site-header,
  body > .site-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
  }

  body > header.top .nav,
  body > header.site-header .nav,
  body > .site-header .nav {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body > header.top #main-nav,
  body > header.site-header #main-nav,
  body > .site-header #main-nav {
    width: 100% !important;
  }

  body > header.top,
  body > header.site-header,
  body > .site-header {
    border-bottom: 0 !important;
  }

  body > header.top #main-nav,
  body > header.site-header #main-nav,
  body > .site-header #main-nav {
    border-top: 1px solid var(--line) !important;
  }
}

/* Mobile final override: the header must stay visible at the viewport top. */
@media (max-width: 900px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body > header.top,
  body > header.site-header,
  body > .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    overflow: visible !important;
    z-index: 2147483000 !important;
  }

  body > header.top .nav,
  body > header.site-header .nav,
  body > .site-header .nav {
    height: 118px !important;
    min-height: 118px !important;
  }

  body > header.top + main,
  body > header.site-header + main,
  body > .site-header + main {
    padding-top: 118px !important;
  }
}
.download-feature {
  padding: 82px 0;
  background: #282342;
  color: #fff;
}
.download-feature-grid {
  display: grid;
  grid-template-columns: 42% 58%;
  align-items: center;
  gap: 45px;
}
.download-feature h2 {
  font-size: 44px;
  line-height: 1.1;
  margin: 12px 0;
}
.download-feature p {
  color: #d0ccdc;
  line-height: 1.9;
  max-width: 430px;
}
.download-feature .feature-art {
  height: 280px;
  overflow: hidden;
  transform: rotate(-2deg);
}
.download-feature .feature-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.download-feature .eyebrow {
  color: #8fdfff !important;
}
@media (max-width: 760px) {
  .download-feature-grid {
    display: block;
  }
  .download-feature {
    padding: 58px 0;
  }
  .download-feature .feature-art {
    margin-top: 30px;
    height: 210px;
    transform: none;
  }
}
:root {
  --pink: #f26eaa;
  --blue: #4b8de1;
  --ink: #25213a;
  --muted: #716c7d;
  --paper: #fff9fc;
  --line: #eadbe7;
}
.site-header {
  height: 74px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: #fff9fce8;
  position: sticky;
  top: 0;
  z-index: 4;
  backdrop-filter: blur(15px);
}
.nav-links {
  display: flex;
  gap: 24px;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}
.nav-links a:hover {
  color: var(--pink);
}
.btn-primary {
  background: var(--pink);
  color: #fff;
  box-shadow: 0 8px 18px #f26eaa33;
}
.btn-ghost {
  background: transparent;
  color: var(--blue);
  border: 1px solid #b8cbea;
}
.sub-hero {
  padding: 92px 0 78px;
  background: linear-gradient(120deg, #ffe3ef, #edf8ff);
  border-bottom: 1px solid var(--line);
}
.sub-hero .eyebrow {
  color: var(--blue);
}
.sub-hero h1 {
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.08;
  margin: 16px 0 12px;
}
.section-lead {
  font-size: 18px;
  color: var(--muted);
  margin: 0;
  line-height: 1.8;
}
.section {
  padding: 82px 0;
}
.section + .section {
  padding-top: 0;
}
.content {
  max-width: 860px;
}
.content h2 {
  font-size: 32px;
  line-height: 1.25;
  margin: 42px 0 14px;
}
.content h2:first-child {
  margin-top: 0;
}
.content p {
  font-size: 16px;
  color: var(--muted);
  line-height: 2;
  margin: 0 0 18px;
}
.note {
  background: #fff;
  border: 1px solid var(--line);
  border-left: 4px solid var(--pink);
  padding: 22px 25px;
  color: var(--ink);
  line-height: 1.9;
  box-shadow: 0 10px 30px #4b365a0b;
}
.versions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 58px;
}
.version {
  background: #fff;
  border: 1px solid var(--line);
  padding: 26px 24px;
  min-height: 200px;
  box-shadow: 0 10px 30px #4b365a0b;
}
.version strong {
  display: block;
  font-size: 28px;
  color: var(--blue);
  margin-bottom: 7px;
}
.version p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
  margin: 5px 0;
}
.version p:last-child {
  margin-top: 16px;
  color: var(--ink);
  font-size: 15px;
}
.actions {
  display: flex;
  gap: 14px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.site-footer {
  background: var(--ink);
  color: #d8d1df;
  padding: 28px 0 20px;
}
.footer-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-links {
  display: flex;
  gap: 22px;
  font-size: 14px;
}
.footer-brand {
  color: #fff;
}
@media (max-width: 760px) {
  .site-header {
    height: 66px;
  }
  .nav-links {
    gap: 10px;
  }
  .nav-links a:not(.btn) {
    display: none;
  }
  .sub-hero {
    padding: 64px 0 52px;
  }
  .section {
    padding: 56px 0;
  }
  .versions {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
  .version {
    min-height: auto;
  }
  .content h2 {
    font-size: 27px;
    margin-top: 34px;
  }
  .footer-grid {
    display: block;
  }
  .footer-links {
    margin-top: 14px;
  }
  .section .intro-grid {
    display: block;
  }
  .section .feature-art {
    margin-top: 30px;
  }
}
.intro-grid > div:first-child {
  position: relative;
  padding: 38px 42px 34px 30px;
  border-left: 3px solid var(--pink);
  background: linear-gradient(135deg, #fff 0%, #fff8fc 100%);
  box-shadow: 0 16px 40px #4b365a0b;
  overflow: hidden;
}
.intro-grid > div:first-child:before {
  content: "01";
  position: absolute;
  right: 24px;
  top: 18px;
  color: #f8dce9;
  font-size: 46px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.04em;
}
.intro-grid > div:first-child h2 {
  position: relative;
  max-width: 440px;
  font-size: clamp(34px, 4vw, 48px);
  letter-spacing: -0.02em;
}
.intro-grid > div:first-child p {
  position: relative;
  max-width: 470px;
}
.intro-grid .mini-stats {
  position: relative;
  gap: 10px;
  border: 0;
  margin-top: 30px;
}
.intro-grid .stat {
  padding: 14px 15px;
  border: 1px solid #efdde8;
  background: #fff;
  border-radius: 10px;
}
.intro-grid .stat b {
  font-size: 22px;
}
.intro-grid .stat span {
  font-size: 12px;
}
@media (max-width: 760px) {
  .intro-grid > div:first-child {
    padding: 28px 22px 25px 20px;
  }
  .intro-grid > div:first-child:before {
    font-size: 36px;
    right: 16px;
    top: 14px;
  }
  .intro-grid > div:first-child h2 {
    font-size: 32px;
  }
  .intro-grid .mini-stats {
    gap: 6px;
  }
  .intro-grid .stat {
    padding: 12px 8px;
  }
  .intro-grid .stat b {
    font-size: 18px;
  }
}
.intro-grid > div:first-child:after {
  content: "高清画质  ✦  更新更快  ✦  分类清晰  ✦  阅读顺畅  ✦  高清画质  ✦  更新更快  ✦  分类清晰  ✦  阅读顺畅  ✦";
  display: block;
  width: max-content;
  white-space: nowrap;
  margin-top: 24px;
  padding: 10px 0;
  color: var(--pink);
  font-size: 12px;
  letter-spacing: 0.08em;
  animation: benefit-scroll 18s linear infinite;
}
.intro-grid > div:first-child:hover:after {
  animation-play-state: paused;
}
@keyframes benefit-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.install {
  padding: 96px 0 104px;
  background: #282342;
  color: #fff;
  overflow: hidden;
}
.install-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding-bottom: 34px;
  border-bottom: 1px solid #ffffff24;
}
.install-title .eyebrow {
  color: #ff9bc8;
}
.install-title h2 {
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.05;
  margin: 14px 0 0;
  letter-spacing: -0.02em;
}
.install-title img {
  width: 260px;
  height: 130px;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 0 15px 35px #0e0b1e66;
}
.install-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 34px;
  border-bottom: 1px solid #ffffff24;
}
.install-steps > div {
  min-height: 136px;
  padding: 28px 24px;
  border-right: 1px solid #ffffff24;
}
.install-steps > div:last-child {
  border-right: 0;
}
.install-steps b {
  display: block;
  color: #ff85bc;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 12px;
}
.install-steps span {
  display: block;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 6px;
}
.install-steps p {
  margin: 0;
  color: #c5bfd5;
  font-size: 13px;
  line-height: 1.7;
}
.install > .wrap > .btn {
  display: inline-flex;
  align-items: center;
  padding: 13px 22px;
  border-radius: 24px;
  background: #f26eaa;
  box-shadow: 0 10px 24px #f26eaa44;
}
.install > .wrap > .btn:hover {
  background: #ff82ba;
  transform: translateY(-2px);
}
@media (max-width: 760px) {
  .install {
    padding: 62px 0 70px;
  }
  .install-title {
    display: block;
    padding-bottom: 28px;
  }
  .install-title img {
    width: 100%;
    height: 170px;
    margin-top: 26px;
  }
  .install-steps {
    grid-template-columns: 1fr;
    margin-bottom: 28px;
  }
  .install-steps > div {
    min-height: auto;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid #ffffff24;
  }
  .install-steps > div:last-child {
    border-bottom: 0;
  }
  .install-steps b {
    font-size: 27px;
    margin-bottom: 8px;
  }
}
.install {
  background: linear-gradient(135deg, #fff7fb 0%, #eef8ff 100%);
  color: var(--ink);
  padding: 92px 0 98px;
}
.install-title {
  border-bottom: 1px solid #eadbe7;
}
.install-title .eyebrow {
  color: var(--blue);
}
.install-title h2 {
  color: var(--ink);
}
.install-title img {
  box-shadow: 0 14px 32px #4b365a18;
}
.install-steps {
  border-bottom: 1px solid #eadbe7;
}
.install-steps > div {
  border-right: 1px solid #eadbe7;
}
.install-steps > div:last-child {
  border-right: 0;
}
.install-steps b {
  color: var(--pink);
}
.install-steps span {
  color: var(--ink);
}
.install-steps p {
  color: var(--muted);
}
@media (max-width: 760px) {
  .install {
    padding: 62px 0 70px;
  }
  .install-steps > div {
    border-right: 0;
    border-bottom: 1px solid #eadbe7;
  }
  .install-steps > div:last-child {
    border-bottom: 0;
  }
}
.install {
  padding: 88px 0;
  background: #29213f;
  color: #fff;
}
.install-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.install-title h2 {
  font-size: 44px;
  margin: 10px 0;
}
.install-title img {
  width: 260px;
  height: 120px;
  object-fit: cover;
  border-radius: 12px;
  opacity: 0.9;
}
.install-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid #ffffff33;
  border-bottom: 1px solid #ffffff33;
  margin: 34px 0;
}
.install-steps > div {
  padding: 25px;
  border-right: 1px solid #ffffff33;
}
.install-steps > div:last-child {
  border: 0;
}
.install-steps b {
  display: block;
  color: #ff9bc1;
  font-size: 30px;
}
.install-steps span {
  font-weight: 700;
}
.install-steps p {
  color: #c6bfd3;
  margin: 6px 0 0;
  font-size: 14px;
}
@media (max-width: 760px) {
  .install-title {
    display: block;
  }
  .install-title img {
    margin-top: 18px;
    width: 100%;
    height: 160px;
  }
  .install-steps {
    display: block;
  }
  .install-steps > div {
    border-right: 0;
    border-bottom: 1px solid #ffffff33;
  }
  .install-steps > div:last-child {
    border: 0;
  }
}
/* 阅读体验区域：纵向错位轨道 */
.features {
  background: #f3eaf2;
  padding: 92px 0 105px;
}
.feature-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  margin-bottom: 56px;
}
.feature-head h2 {
  font-size: 48px;
  line-height: 1.05;
  max-width: 330px;
}
.feature-head p {
  justify-self: end;
  max-width: 360px;
  line-height: 1.9;
}
.feature-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  border: 0;
  align-items: start;
}
.feature-list:before {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  top: 54px;
  border-top: 1px dashed #d2c4d2;
}
.feature {
  position: relative;
  background: #fff;
  padding: 26px 22px 28px;
  border: 1px solid #dfd1df;
  min-height: 210px;
  box-shadow: 0 10px 22px #cbb9ca30;
}
.feature:nth-child(2) {
  margin-top: 42px;
}
.feature:nth-child(3) {
  margin-top: 84px;
}
.feature:nth-child(4) {
  margin-top: 126px;
}
.feature:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 22px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--pink);
  box-shadow: 0 0 0 6px #f3eaf2;
}
.feature strong {
  display: block;
  padding-left: 34px;
  color: var(--pink);
  font-size: 12px;
  letter-spacing: 0.12em;
}
.feature h3 {
  margin-top: 48px;
  font-size: 22px;
}
.feature p {
  font-size: 14px;
  line-height: 1.8;
}
@media (max-width: 760px) {
  .feature-head {
    display: block;
    margin-bottom: 32px;
  }
  .feature-head p {
    margin-top: 15px;
  }
  .feature-list {
    display: block;
    padding-left: 24px;
  }
  .feature-list:before {
    left: 8px;
    right: auto;
    top: 18px;
    bottom: 18px;
    border-top: 0;
    border-left: 1px dashed #d2c4d2;
  }
  .feature,
  .feature:nth-child(2),
  .feature:nth-child(3),
  .feature:nth-child(4) {
    margin: 0 0 16px;
    min-height: 0;
  }
  .feature:before {
    top: 28px;
    left: -24px;
  }
}
/* 阅读体验区域：中心环绕布局 */
.features {
  background: #f3eaf2;
  padding: 96px 0;
}
.feature-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-bottom: 42px;
}
.feature-head h2 {
  font-size: 48px;
  line-height: 1.05;
  max-width: 340px;
}
.feature-head p {
  justify-self: end;
  max-width: 360px;
  line-height: 1.9;
}
.feature-list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-width: 940px;
  margin: auto;
  border: 1px solid #d9ccd9;
  background: #eee4ed;
}
.feature-list:before,
.feature-list:after {
  content: "";
  position: absolute;
  background: #d9ccd9;
  z-index: 1;
}
.feature-list:before {
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
}
.feature-list:after {
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
}
.feature {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 34px 38px;
  min-height: 210px;
  border: 0;
  box-shadow: none;
}
.feature:nth-child(1) {
  margin: 0 12px 12px 0;
}
.feature:nth-child(2) {
  margin: 0 0 12px 12px;
}
.feature:nth-child(3) {
  margin: 12px 12px 0 0;
}
.feature:nth-child(4) {
  margin: 12px 0 0 12px;
}
.feature:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--pink);
  top: 28px;
  right: 28px;
}
.feature strong {
  display: block;
  color: var(--pink);
  font-size: 12px;
  letter-spacing: 0.12em;
}
.feature h3 {
  font-size: 24px;
  margin: 48px 0 8px;
}
.feature p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
  max-width: 240px;
}
@media (max-width: 760px) {
  .feature-head {
    display: block;
  }
  .feature-head p {
    margin-top: 15px;
  }
  .feature-list {
    display: block;
    border: 0;
    background: transparent;
  }
  .feature-list:before,
  .feature-list:after {
    display: none;
  }
  .feature,
  .feature:nth-child(1),
  .feature:nth-child(2),
  .feature:nth-child(3),
  .feature:nth-child(4) {
    margin: 0 0 12px;
    border: 1px solid #d9ccd9;
    min-height: 0;
  }
}
/* 阅读体验：漫画仪表盘布局 */
.features {
  background: #211d39;
  color: #fff;
  padding: 100px 0;
}
.feature-head {
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: end;
  margin-bottom: 48px;
}
.feature-head h2 {
  font-size: clamp(42px, 6vw, 72px);
  line-height: 0.95;
  letter-spacing: -0.07em;
  color: #fff;
}
.feature-head p {
  color: #c4bfd3;
  max-width: 410px;
  justify-self: end;
}
.feature-list {
  display: grid;
  grid-template-columns: 1.45fr 0.85fr 0.85fr;
  grid-template-rows: 170px 170px;
  gap: 2px;
  border: 0;
  background: #504965;
  position: relative;
}
.feature-list:before {
  content: "阅读系统 / 04";
  position: absolute;
  left: -1px;
  top: -30px;
  color: #8f88a6;
  font-size: 10px;
  letter-spacing: 0.18em;
}
.feature {
  background: #2d2848;
  border: 0 !important;
  margin: 0 !important;
  padding: 27px 30px;
  min-height: 0;
  box-shadow: none;
  position: relative;
  overflow: hidden;
}
.feature:first-child {
  grid-row: span 2;
  background: linear-gradient(150deg, #3d315a, #2d2848);
}
.feature:nth-child(2) {
  background: #352d53;
}
.feature:nth-child(3) {
  background: #272442;
}
.feature:nth-child(4) {
  background: linear-gradient(135deg, #ee6fa5, #6e86dc);
  color: #fff;
}
.feature:before {
  content: none;
}
.feature strong {
  color: #ff9bc1;
  font-size: 11px;
  letter-spacing: 0.18em;
}
.feature h3 {
  font-size: 25px;
  margin: 35px 0 8px;
}
.feature:first-child h3 {
  font-size: 42px;
  margin-top: 110px;
}
.feature p {
  color: #c6c0d2;
  font-size: 13px;
  max-width: 270px;
  line-height: 1.8;
}
.feature:nth-child(4) p {
  color: #fff;
}
.feature:after {
  content: "";
  position: absolute;
  width: 130px;
  height: 4px;
  left: 30px;
  bottom: 24px;
  background: var(--pink);
}
.feature:nth-child(2):after {
  width: 50px;
  background: var(--blue);
}
.feature:nth-child(3):after {
  width: 70px;
  background: #fff;
}
.feature:nth-child(4):after {
  background: #fff;
}
@media (max-width: 760px) {
  .feature-head {
    display: block;
  }
  .feature-head p {
    margin-top: 18px;
  }
  .feature-list {
    display: block;
    background: #504965;
  }
  .feature {
    min-height: 190px !important;
    margin-bottom: 2px !important;
  }
  .feature:first-child h3 {
    font-size: 34px;
    margin-top: 60px;
  }
}
/* 阅读体验标题改为上下布局 */
.features .feature-head {
  display: block;
  margin-bottom: 48px;
}
.features .feature-head h2 {
  max-width: none;
  margin: 0 0 18px;
}
.features .feature-head p {
  max-width: 560px;
  margin: 0;
  justify-self: auto;
} /* 与其他区域统一内容宽度 */
.features .feature-list {
  width: 100%;
  max-width: none;
} /* 移除无实际内容的装饰索引 */
.features .feature-list:before {
  content: none;
  display: none;
}
.features .feature-list {
  margin-top: 0;
} /* 移除功能块底部装饰横线 */
.features .feature:after {
  content: none;
  display: none;
}
.feature-download {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #453b65 !important;
}
.feature-download h3 {
  margin: 12px 0 18px;
}
.feature-download .btn {
  font-size: 14px;
  padding: 9px 16px;
}
@media (max-width: 760px) {
  .feature-download {
    min-height: 180px !important;
  }
} /* 统一功能模块内部左边界 */
.features .feature strong {
  padding-left: 0;
}
.features .feature h3,
.features .feature p {
  margin-left: 0;
}
.features .feature-download {
  align-items: flex-start;
}
.features .feature-head p {
  color: #9bdfff;
}
.install {
  background: linear-gradient(135deg, #fff8fc 0%, #eef8ff 100%) !important;
  color: var(--ink) !important;
}
.install-title {
  border-bottom: 1px solid var(--line) !important;
}
.install-title .eyebrow {
  color: var(--blue) !important;
}
.install-title h2 {
  color: var(--ink) !important;
}
.install-title img {
  box-shadow: 0 14px 32px #4b365a18 !important;
}
.install-steps {
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}
.install-steps > div {
  border-right: 1px solid var(--line) !important;
}
.install-steps > div:last-child {
  border-right: 0 !important;
}
.install-steps b {
  color: var(--pink) !important;
}
.install-steps span {
  color: var(--ink) !important;
}
.install-steps p {
  color: var(--muted) !important;
}
@media (max-width: 760px) {
  .install-steps > div {
    border-right: 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .install-steps > div:last-child {
    border-bottom: 0 !important;
  }
}
.install {
  padding: 88px 0 92px !important;
}
.install > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 34px 72px;
  align-items: center;
}
.install-title {
  display: contents !important;
}
.install-title > div {
  grid-column: 1;
  grid-row: 1;
  padding: 18px 0;
}
.install-title h2 {
  font-size: clamp(42px, 5vw, 64px) !important;
  margin: 14px 0 0 !important;
}
.install-title img {
  grid-column: 2;
  grid-row: 1;
  width: 100% !important;
  height: 270px !important;
  object-fit: cover;
  border-radius: 24px !important;
  box-shadow: 0 20px 45px #4b365a22 !important;
}
.install-steps {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0 0 0 !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffffaa;
}
.install-steps > div {
  min-height: 145px;
  padding: 27px 30px !important;
  background: #fff8fcaa;
}
.install-steps b {
  font-size: 34px !important;
}
.install > .wrap > .btn {
  grid-column: 1;
  grid-row: 3;
  margin-top: 0;
}
@media (max-width: 760px) {
  .install {
    padding: 62px 0 70px !important;
  }
  .install > .wrap {
    display: block;
  }
  .install-title {
    display: flex !important;
    flex-direction: column;
    gap: 22px;
    padding-bottom: 30px !important;
  }
  .install-title > div {
    width: 100%;
    padding: 0;
  }
  .install-title img {
    height: 210px !important;
  }
  .install-steps {
    display: block;
    grid-column: auto;
    grid-row: auto;
    margin-top: 28px !important;
  }
  .install-steps > div {
    min-height: auto;
    padding: 21px 22px !important;
  }
}
.install > .wrap {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.install-title {
  display: contents !important;
}
.install-title > div {
  order: 1;
  width: 100%;
  padding: 0 0 28px;
}
.install-steps {
  order: 2;
  width: 100%;
  margin: 0 0 34px !important;
}
.install-title img {
  order: 3;
  width: 100% !important;
  height: auto !important;
  max-height: none;
  object-fit: contain;
  border-radius: 24px !important;
  margin: 0 auto 32px;
  box-shadow: 0 18px 40px #4b365a20 !important;
}
.install > .wrap > .btn {
  order: 4;
  align-self: flex-start;
}
.install > .wrap > .btn {
  order: 3;
  align-self: center;
  margin: 0 0 28px;
}
.install-title img {
  order: 4;
  margin-bottom: 0;
}
@media (max-width: 760px) {
  .install > .wrap {
    display: flex !important;
  }
  .install-title {
    display: contents !important;
  }
  .install-title > div {
    padding-bottom: 24px;
  }
  .install-steps {
    margin: 0 0 28px !important;
  }
  .install-title img {
    margin: 0 auto 28px;
  }
}
.install > .wrap > .btn {
  display: none !important;
}
.install-title img {
  margin-top: 4px !important;
}
.download {
  position: relative;
  overflow: hidden;
  padding: 72px 0;
  background: linear-gradient(115deg, #ffe1ef 0%, #f7eefa 48%, #e5f2ff 100%);
}
.download-grid {
  position: relative;
  z-index: 1;
  min-height: 190px;
  align-items: center;
}
.download-grid > div {
  max-width: 560px;
}
.download h2 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.1;
  margin: 12px 0;
}
.download p {
  font-size: 16px;
  line-height: 1.8;
}
.download-grid > .btn {
  margin-left: auto;
  margin-right: 300px;
}
.download:after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 8%;
  bottom: -30px;
  width: 280px;
  height: 210px;
  background: url("dl2.webp") center/cover no-repeat;
  border-radius: 20px;
  transform: rotate(3deg);
  box-shadow: 0 18px 35px #4b365a1c;
}
.download:before {
  content: "下载 / 开始阅读";
  position: absolute;
  right: 8%;
  top: 24px;
  color: #d28bb2;
  font-size: 11px;
  letter-spacing: 0.18em;
}
@media (max-width: 760px) {
  .download {
    padding: 58px 0 34px;
  }
  .download-grid {
    min-height: 0;
  }
  .download-grid > .btn {
    margin: 20px 0 0;
  }
  .download:after {
    position: relative;
    display: block;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 180px;
    margin: 30px auto 0;
    transform: none;
  }
  .download:before {
    display: none;
  }
}
.install > .wrap {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.install-title {
  display: contents !important;
}
.install-title > div {
  order: 1;
  width: 100%;
  text-align: center;
  padding: 0 0 30px;
}
.install-title .eyebrow {
  letter-spacing: 0.22em;
}
.install-title h2 {
  font-size: clamp(38px, 5vw, 58px) !important;
  margin: 12px 0 0 !important;
}
.install-steps {
  order: 2;
  width: 100%;
  max-width: 980px;
  margin: 0 0 42px !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px #4b365a0b;
}
.install-steps > div {
  background: transparent !important;
  padding: 25px 30px !important;
}
.install-title img {
  order: 3;
  width: min(900px, 100%) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 45px #4b365a24 !important;
}
@media (max-width: 760px) {
  .install > .wrap {
    display: flex !important;
  }
  .install-title > div {
    padding-bottom: 24px;
  }
  .install-steps {
    margin-bottom: 28px !important;
  }
  .install-title img {
    width: 100% !important;
    border-radius: 16px !important;
  }
}
.features .feature:nth-child(4) strong {
  color: #32284f;
}
.features .feature-head p {
  color: #c4bfd3;
}
.install-image-link {
  display: block;
}
.install-image-link img {
  display: block;
}
.step-download {
  display: inline-block;
  margin-top: 12px;
  padding: 6px 12px;
  border-radius: 16px;
  background: var(--pink);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.install-image-link:hover {
  opacity: 0.9;
}
.install-image-link {
  margin-top: 28px;
}
.install-image-link img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.trust-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid #eadbe7;
  border-radius: 18px;
  background: #fff;
  margin-top: 30px;
}
.trust-panel > div {
  padding: 22px;
  border-right: 1px solid #eadbe7;
  border-bottom: 1px solid #eadbe7;
}
.trust-panel > div:nth-child(2n) {
  border-right: 0;
}
.trust-panel > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.trust-panel b {
  display: block;
  color: var(--ink);
  font-size: 16px;
}
.trust-panel span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}
.trust-note {
  margin: 18px 0;
  color: var(--muted);
  font-size: 13px;
}
@media (max-width: 760px) {
  .trust-panel {
    display: block;
  }
  .trust-panel > div,
  .trust-panel > div:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid #eadbe7;
  }
  .trust-panel > div:last-child {
    border-bottom: 0;
  }
}
/* 重置下载信任区，避免继承旧网格 */
.install {
  padding: 88px 0;
  background: #f5f7ff;
}
.install > .wrap {
  display: block !important;
}
.install-title {
  display: block !important;
}
.install-title h2 {
  margin: 10px 0 32px;
}
.install-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  width: 100%;
  margin: 0 0 28px !important;
}
.trust-panel {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  width: 100%;
  margin: 0 0 22px !important;
}
.trust-panel > div {
  min-height: 120px;
}
.install .btn {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 11px 20px !important;
  background: var(--pink) !important;
  color: #fff !important;
  border-radius: 22px !important;
}
.trust-note {
  max-width: 680px;
}
@media (max-width: 760px) {
  .install-steps,
  .trust-panel {
    display: block !important;
  }
  .install-steps > div {
    border-right: 0 !important;
  }
  .trust-panel > div {
    border-right: 0 !important;
  }
}
:root {
  --download-layout-fix: 1;
}
.download-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  grid-template-rows: auto auto;
  column-gap: 80px;
  row-gap: 18px;
  align-items: center;
  min-height: 260px;
}
.download-grid > div {
  grid-column: 1;
  grid-row: 1;
}
.download-grid > .btn {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  margin: 0;
}
.download:after {
  right: max(5%, calc((100% - 1180px) / 2));
  bottom: 50%;
  transform: translateY(50%) rotate(3deg);
  width: 400px;
  height: 250px;
}
.download:before {
  right: max(5%, calc((100% - 1180px) / 2));
  top: 30px;
}
@media (max-width: 760px) {
  .download-grid {
    display: block !important;
    min-height: 0;
  }
  .download-grid > .btn {
    margin-top: 20px;
  }
  .download:after {
    right: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    height: 190px;
    margin-top: 34px;
  }
  .download:before {
    display: none;
  }
}
:root {
  --download-reverse: 1;
}
.download-grid {
  grid-template-columns: minmax(360px, 520px) minmax(0, 1fr) !important;
  column-gap: 90px !important;
}
.download-grid > div {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
.download-grid > .btn {
  grid-column: 2 !important;
  grid-row: 2 !important;
}
.download:after {
  left: max(5%, calc((100% - 1180px) / 2));
  right: auto;
  width: 520px;
  height: 300px;
  transform: translateY(50%) rotate(-2deg);
}
.download:before {
  left: max(5%, calc((100% - 1180px) / 2));
  right: auto;
}
@media (max-width: 760px) {
  .download-grid {
    display: block !important;
  }
  .download-grid > div {
    margin-top: 220px;
  }
  .download:after {
    left: 0;
    right: 0;
    width: 100%;
    height: 190px;
    transform: none;
  }
}
:root {
  --download-copy-enhance: 1;
}
.download-grid > div p {
  max-width: 520px;
}
.download-grid > div p:after {
  content: "高清画质阅读   ·   连载更新提醒   ·   自动恢复进度";
  display: block;
  margin-top: 22px;
  color: var(--pink);
  font-size: 13px;
  letter-spacing: 0.04em;
}
.download-grid > div {
  position: relative;
  padding: 42px 46px 38px !important;
  border: 1px solid #eadbe7;
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffffd9, #fff8fcaa);
  box-shadow: 0 18px 45px #4b365a12;
  overflow: hidden;
}
.download-grid > div:before {
  content: "ANDROID OFFICIAL";
  position: absolute;
  right: 28px;
  top: 24px;
  color: #d69abc;
  font-size: 10px;
  letter-spacing: 0.18em;
}
.download-grid > div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(#f26eaa, #7fa9ec);
}
.download-grid > div h2 {
  max-width: 480px;
  margin-top: 16px;
}
.download-grid > div p {
  margin: 18px 0 0;
}
.download-grid > .btn {
  margin: 26px 0 0 46px !important;
  justify-self: start !important;
}
.download-grid > div p:after {
  padding-top: 14px;
  border-top: 1px solid #eadbe7;
  line-height: 2;
}
@media (max-width: 760px) {
  .download-grid > div {
    padding: 30px 24px 28px !important;
  }
  .download-grid > div:before {
    right: 18px;
    top: 18px;
  }
  .download-grid > .btn {
    margin: 18px 0 0 !important;
  }
}
.install .install-steps {
  border-top: 0 !important;
}
.install,
.install-title,
.install > .wrap {
  border-top: 0 !important;
}
.install-steps {
  border-top: 0 !important;
  outline: 0 !important;
}
:root {
  --cta-button-inside: 1;
}
.download-grid > .btn {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: start !important;
  margin: 0 0 28px 46px !important;
  z-index: 3;
}
.download-grid > div {
  padding-bottom: 86px !important;
}
@media (max-width: 760px) {
  .download-grid > div {
    padding-bottom: 82px !important;
  }
  .download-grid > .btn {
    margin: 0 0 24px 24px !important;
  }
}
:root {
  --remove-download-label: 1;
}
.download:before {
  display: none !important;
}
:root {
  --card-logo: 1;
}
.download-grid > div:before {
  content: "" !important;
  right: 28px;
  top: 24px;
  width: 46px;
  height: 46px;
  background: url("logo.webp") center/cover no-repeat;
  border-radius: 13px;
  box-shadow: 0 6px 14px #4b365a20;
}
.download-grid > div {
  padding-top: 52px !important;
}
@media (max-width: 760px) {
  .download-grid > div:before {
    right: 18px;
    top: 18px;
    width: 40px;
    height: 40px;
  }
  .download-grid > div {
    padding-top: 44px !important;
  }
}
/* 三步开始阅读区域修正 */
.install .install-steps {
  width: 100% !important;
  max-width: none !important;
  border: 1px solid #eadbe7 !important;
  border-top: 0 !important;
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  margin: 0 0 28px !important;
}
.install .install-steps > div {
  border-right: 1px solid #eadbe7;
  border-bottom: 0;
  background: #fff;
}
.install .install-steps > div:last-child {
  border-right: 0;
}
@media (max-width: 760px) {
  .install .install-steps {
    border: 1px solid #eadbe7 !important;
  }
  .install .install-steps > div {
    border-right: 0;
    border-bottom: 1px solid #eadbe7;
  }
  .install .install-steps > div:last-child {
    border-bottom: 0;
  }
}
.install .install-title {
  border: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
:root {
  --remove-card-logo: 1;
}
.download-grid > div:before {
  display: none !important;
}
.download-grid > div {
  padding-top: 42px !important;
}
@media (max-width: 760px) {
  .download-grid > div {
    padding-top: 30px !important;
  }
}
.download-image {
  display: block;
  cursor: pointer;
}
.download-image img {
  display: block;
}
.download-image:hover {
  opacity: 0.92;
}
.home-download-image {
  display: block;
  margin: 26px 0;
}
.home-download-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
}
.home-download-image:hover {
  opacity: 0.92;
}
:root {
  --new-pages: 1;
}
.feature-page-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
.feature-page-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 34px;
  border-top: 1px solid var(--line);
}
.feature-page-list article {
  padding: 22px 18px 20px 0;
  border-bottom: 1px solid var(--line);
}
.feature-page-list article:nth-child(odd) {
  margin-right: 20px;
  border-right: 1px solid var(--line);
}
.feature-page-list b {
  color: var(--pink);
  font-size: 13px;
}
.feature-page-list h3 {
  margin: 10px 0 5px;
}
.feature-page-list p {
  margin: 0;
  font-size: 14px;
}
.guide-content {
  max-width: 920px;
}
.guide-steps {
  border-top: 1px solid var(--line);
}
.guide-steps article {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 25px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}
.guide-steps b {
  font-size: 34px;
  color: var(--pink);
}
.guide-steps h2 {
  margin: 0 0 6px;
  font-size: 25px;
}
.guide-steps p {
  margin: 0;
}
.guide-note {
  margin-top: 42px;
  padding: 30px;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  box-shadow: 0 12px 30px #4b365a0b;
}
.guide-note h2 {
  margin: 0 0 10px;
}
.guide-note p {
  margin-bottom: 22px;
}
@media (max-width: 760px) {
  .feature-page-grid {
    display: block;
  }
  .feature-page-grid .feature-art {
    margin-top: 30px;
  }
  .feature-page-list {
    grid-template-columns: 1fr;
  }
  .feature-page-list article:nth-child(odd) {
    margin-right: 0;
    border-right: 0;
  }
  .guide-steps article {
    grid-template-columns: 55px 1fr;
    gap: 16px;
  }
}
/* CTA 使用真实可点击图片，替代不可点击的伪元素背景 */
.download:after {
  display: none !important;
}
.cta-download-image {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: block;
  align-self: center;
  transform: rotate(-2deg);
  transition:
    transform 0.2s,
    opacity 0.2s;
}
.cta-download-image img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 18px 35px #4b365a1c;
}
.cta-download-image:hover {
  transform: rotate(0deg) scale(1.01);
  opacity: 0.94;
}
@media (max-width: 760px) {
  .cta-download-image {
    display: block;
    transform: none;
    margin-bottom: 24px;
  }
  .cta-download-image img {
    height: auto;
  }
  .download-grid > div {
    margin-top: 0 !important;
  }
}
:root {
  --unified-layout: 1;
}
.wrap,
.hero-inner {
  width: min(1180px, calc(100% - 40px));
}
.section > .wrap,
.sub-hero > .wrap,
.install > .wrap,
.download > .wrap {
  width: min(1180px, calc(100% - 40px));
}
.content {
  max-width: 1180px;
}
.content > p,
.content > h2,
.content > .note {
  max-width: 860px;
}
.feature-page-grid,
.download-grid,
.intro-grid,
.journey-grid {
  width: 100%;
}
@media (max-width: 760px) {
  .wrap,
  .hero-inner,
  .section > .wrap,
  .sub-hero > .wrap,
  .install > .wrap,
  .download > .wrap {
    width: calc(100% - 28px);
  }
  .content > p,
  .content > h2,
  .content > .note {
    max-width: none;
  }
}
.wrap.intro-grid,
.wrap.journey-grid,
.wrap.download-grid,
.wrap.feature-page-grid {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
}
.intro-grid {
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  gap: 50px;
}
.intro-grid > * {
  min-width: 0;
}
.intro-grid .feature-art img {
  max-width: 100%;
  height: auto;
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
@media (max-width: 760px) {
  .wrap.intro-grid,
  .wrap.journey-grid,
  .wrap.download-grid,
  .wrap.feature-page-grid {
    width: calc(100% - 28px);
  }
  .intro-grid {
    display: block;
  }
  .intro-grid .feature-art {
    margin-top: 30px;
  }
}
.wrap,
.hero-inner,
.wrap.intro-grid,
.wrap.journey-grid,
.wrap.download-grid,
.wrap.feature-page-grid,
.section > .wrap,
.sub-hero > .wrap,
.install > .wrap,
.download > .wrap {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.journey-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
.journey-grid > * {
  min-width: 0;
}
@media (max-width: 760px) {
  .wrap,
  .hero-inner,
  .wrap.intro-grid,
  .wrap.journey-grid,
  .wrap.download-grid,
  .wrap.feature-page-grid,
  .section > .wrap,
  .sub-hero > .wrap,
  .install > .wrap,
  .download > .wrap {
    width: calc(100% - 28px) !important;
  }
  .journey-grid {
    display: block !important;
  }
}
.download-grid > div {
  transform: translateY(34px);
}
@media (max-width: 760px) {
  .download-grid > div {
    transform: none;
  }
}
.download-grid > .btn {
  transform: translateY(38px) !important;
}
.download-grid > div {
  padding-bottom: 92px !important;
}
@media (max-width: 760px) {
  .download-grid > .btn {
    transform: none !important;
  }
  .download-grid > div {
    padding-bottom: 82px !important;
  }
}
.links .btn:hover {
  color: #fff;
  background: #df5c95;
}
/* 子页面基础视觉适配 */
.site-header {
  height: 74px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: #fff9fce8;
  position: sticky;
  top: 0;
  z-index: 4;
  backdrop-filter: blur(15px);
}
.site-header .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.nav-links {
  display: flex;
  gap: 24px;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}
.nav-links a:hover {
  color: var(--pink);
}
.btn-primary {
  background: var(--pink);
  color: #fff;
  padding: 11px 18px;
  border-radius: 22px;
  font-weight: 700;
}
.nav-links .btn-primary:hover {
  color: #fff;
  background: #df5c95;
}
.sub-hero {
  padding: 90px 0 70px;
  background: linear-gradient(120deg, #ffe0ec, #e2f3ff);
}
.sub-hero .wrap {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.sub-hero h1 {
  font-size: clamp(42px, 6vw, 72px);
  margin: 12px 0;
}
.content {
  width: min(820px, calc(100% - 40px));
  margin: auto;
  padding: 70px 0;
}
.content h2 {
  font-size: 32px;
  margin: 42px 0 12px;
}
.content p {
  color: var(--muted);
  line-height: 1.95;
}
.note {
  padding: 22px;
  background: #fff;
  border-left: 4px solid var(--pink);
  border-radius: 12px;
  box-shadow: 0 12px 30px #4b365a12;
}
.site-footer {
  background: var(--ink);
  color: #d8d1df;
  padding: 30px 0 20px;
}
.site-footer .wrap {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.footer-grid {
  display: flex;
  justify-content: space-between;
}
.footer-links {
  display: flex;
  gap: 18px;
}
.footer-brand {
  color: #fff;
}
.beian {
  border-top: 1px solid #ffffff22;
  padding-top: 14px;
  margin-top: 20px;
  font-size: 12px;
}
.beian a {
  text-decoration: underline;
}
@media (max-width: 760px) {
  .nav-links a:not(.btn-primary) {
    display: none;
  }
  .content {
    padding: 50px 0;
  }
  .footer-grid {
    display: block;
  }
  .footer-links {
    margin-top: 15px;
  }
}
.feature-details {
  background: #fff;
}
.feature-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 35px;
}
.feature-detail-grid article {
  padding: 24px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.feature-detail-grid h3 {
  margin: 0 0 10px;
}
.feature-detail-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
}
@media (max-width: 760px) {
  .feature-detail-grid {
    grid-template-columns: 1fr;
  }
} /* 关于页重排 */
.content {
  width: min(1180px, calc(100% - 40px));
  display: grid;
  grid-template-columns: 220px minmax(0, 760px);
  gap: 70px;
  padding: 78px 0;
  margin: auto;
}
.content:before {
  content: "关于动漫天堂\A 产品定位\A 阅读体验\A 更新计划";
  white-space: pre;
  line-height: 3;
  color: var(--blue);
  font-weight: 700;
  font-size: 13px;
  border-right: 1px solid var(--line);
}
.content > .note {
  grid-column: 2;
}
.content > h2,
.content > p,
.content > .actions {
  grid-column: 2;
}
.content > h2 {
  font-size: 34px;
  margin: 22px 0 4px;
}
.content > p {
  font-size: 15px;
  line-height: 2;
}
.content > .actions {
  margin-top: 18px;
}
.content + .section {
  padding-top: 10px;
}
.content .intro-grid {
  grid-column: 1 / -1;
  display: grid;
}
.content .intro-grid .feature-art {
  grid-column: 2;
}
.content .intro-grid > div:first-child {
  grid-column: 1;
}
.content .intro-grid img {
  width: 100%;
  border-radius: 20px;
}
@media (max-width: 760px) {
  .content {
    display: block;
    width: calc(100% - 28px);
    padding: 52px 0;
  }
  .content:before {
    display: none;
  }
  .content > .note,
  .content > h2,
  .content > p,
  .content > .actions {
    display: block;
  }
  .content > h2 {
    font-size: 28px;
    margin-top: 32px;
  }
}
.feature-page-grid .content {
  display: block;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}
.feature-page-grid .content:before {
  display: none;
}
.feature-page-grid .content > h2,
.feature-page-grid .content > p {
  max-width: 680px;
}
.feature-page-grid .feature-art {
  min-width: 0;
}
.feature-page-grid .feature-art img {
  width: 100%;
  height: auto;
}
.feature-details .content {
  display: block;
  width: min(1180px, calc(100% - 40px));
  max-width: none;
  padding: 78px 0;
}
.feature-details .content:before {
  display: none;
}
.feature-details .content > h2,
.feature-details .content > p {
  max-width: 900px;
}
.feature-detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 760px) {
  .feature-page-grid .content {
    padding: 0;
  }
  .feature-details .content {
    width: calc(100% - 28px);
    padding: 52px 0;
  }
  .feature-detail-grid {
    grid-template-columns: 1fr;
  }
}
.about-hero {
  padding: 86px 0;
  background: linear-gradient(120deg, #ffe1ec, #e1f3ff);
}
.about-hero-grid {
  display: grid;
  grid-template-columns: 42% 58%;
  gap: 55px;
  align-items: center;
}
.about-hero h1 {
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.08;
  margin: 18px 0;
}
.about-hero p {
  color: var(--muted);
  line-height: 1.9;
  font-size: 17px;
}
.about-hero img {
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 20px 45px #4b365a20;
}
.about-values {
  padding: 90px 0;
}
.about-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 42px;
}
.about-heading h2,
.about-flow h2,
.trust-layout h2 {
  font-size: 42px;
  line-height: 1.1;
  margin: 10px 0;
}
.about-heading > p {
  max-width: 390px;
  color: var(--muted);
  line-height: 1.9;
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.value-grid article {
  padding: 28px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.value-grid b {
  color: var(--pink);
  font-size: 28px;
}
.value-grid h3 {
  font-size: 22px;
  margin: 20px 0 7px;
}
.value-grid p {
  color: var(--muted);
  line-height: 1.8;
  margin: 0;
}
.about-flow {
  padding: 86px 0;
  background: var(--ink);
  color: #fff;
}
.flow-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 38px;
  border-top: 1px solid #ffffff33;
  border-bottom: 1px solid #ffffff33;
}
.flow-row > div {
  padding: 26px;
  border-right: 1px solid #ffffff33;
}
.flow-row > div:last-child {
  border: 0;
}
.flow-row span {
  color: var(--pink);
  font-size: 28px;
  font-weight: 800;
}
.flow-row strong {
  display: block;
  font-size: 21px;
  margin: 14px 0 5px;
}
.flow-row p {
  color: #c9c3d6;
  margin: 0;
}
.about-trust {
  padding: 80px 0;
  background: #f7eff5;
}
.trust-layout {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 50px;
}
.trust-points {
  border-left: 1px solid #d9cddd;
}
.trust-points p {
  padding: 18px 25px;
  margin: 0;
  border-bottom: 1px solid #d9cddd;
  color: var(--muted);
}
.trust-points b {
  color: var(--ink);
}
@media (max-width: 760px) {
  .about-hero-grid,
  .trust-layout {
    display: block;
  }
  .about-hero img {
    margin-top: 30px;
  }
  .about-heading {
    display: block;
  }
  .about-heading > p {
    margin-top: 15px;
  }
  .value-grid,
  .flow-row {
    display: block;
  }
  .value-grid article {
    margin-bottom: 12px;
  }
  .flow-row > div {
    border-right: 0;
    border-bottom: 1px solid #ffffff33;
  }
  .trust-points {
    border-left: 0;
    margin-top: 25px;
  }
}
:root {
  --sticky-nav: 1;
}
.top,
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: #fff9fced !important;
  backdrop-filter: blur(15px);
}
/* 统一所有页面顶栏 */
.site-header,
.top {
  height: 74px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: #fff9fce8;
  position: sticky;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(15px);
}
.site-header .nav,
.top .nav {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header .brand,
.top .brand {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
}
.site-header .brand img,
.top .brand img {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  object-fit: cover;
}
.nav-links,
.links {
  display: flex;
  gap: 24px;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}
.nav-links a:hover,
.links a:hover {
  color: var(--pink);
}
.nav-links .btn-primary,
.links .btn {
  background: var(--pink);
  color: #fff;
  padding: 11px 18px;
  border-radius: 22px;
  font-weight: 700;
}
.nav-links .btn-primary:hover,
.links .btn:hover {
  color: #fff;
  background: #df5c95;
}
@media (max-width: 760px) {
  .nav-links a:not(.btn-primary),
  .links a:not(.btn) {
    display: none;
  }
}
:root {
  --fixed-nav: 1;
}
.top,
.site-header {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0 !important;
  z-index: 1000 !important;
}
.top + main,
.site-header + main {
  padding-top: 74px;
}
.site-header + main {
  padding-top: 74px;
}
@media (max-width: 760px) {
  .top + main,
  .site-header + main {
    padding-top: 66px;
  }
}
:root {
  --features-redesign: 1;
}
.feature-page-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr) !important;
  gap: 86px !important;
  align-items: center !important;
}
.feature-page-grid > .content {
  max-width: none !important;
}
.feature-page-grid > .content > h2 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.12;
  margin: 0 0 18px;
  max-width: 560px;
}
.feature-page-grid > .content > p {
  max-width: 550px;
  font-size: 16px;
}
.feature-page-grid .feature-art {
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: 0 20px 45px #4b365a16;
  transform: rotate(2deg);
}
.feature-page-grid .feature-art img {
  border-radius: 16px;
}
.feature-page-list {
  gap: 12px;
  margin-top: 34px;
  border: 0 !important;
}
.feature-page-list article {
  padding: 20px 20px 18px !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px;
  background: #fff8fc;
  min-height: 128px;
  margin: 0 !important;
}
.feature-page-list article:nth-child(2n) {
  background: #f3f8ff;
}
.feature-page-list b {
  font-size: 12px;
  color: var(--pink);
}
.feature-page-list h3 {
  font-size: 18px;
  margin: 12px 0 6px;
}
.feature-page-list p {
  font-size: 13px;
  line-height: 1.7;
}
.feature-page-grid:after {
  content: "轻量阅读 · 随时追更";
  display: block;
  grid-column: 1 / -1;
  color: var(--pink);
  font-size: 12px;
  letter-spacing: 0.18em;
  margin-top: -42px;
}
@media (max-width: 760px) {
  .feature-page-grid {
    display: flex !important;
    flex-direction: column;
    gap: 40px !important;
  }
  .feature-page-grid .feature-art {
    order: -1;
    transform: none;
    width: 100%;
  }
  .feature-page-list {
    grid-template-columns: 1fr;
  }
  .feature-page-grid:after {
    margin-top: -20px;
  }
}
:root {
  --features-new-layout: 1;
}
.feature-page-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1.2fr) !important;
  gap: 70px !important;
  align-items: center !important;
  padding: 76px 70px !important;
  background: #211d39;
  color: #fff;
  border-radius: 28px;
  max-width: 1180px !important;
}
.feature-page-grid > .content {
  max-width: none !important;
}
.feature-page-grid > .content > h2 {
  color: #fff;
  font-size: clamp(36px, 4vw, 60px);
  line-height: 1.08;
  margin: 0 0 18px;
  max-width: 520px;
}
.feature-page-grid > .content > p {
  color: #c9c4d8;
  max-width: 500px;
}
.feature-page-grid .feature-art {
  order: 2;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 24px 50px #0d0a1f80;
  transform: rotate(2deg);
  overflow: hidden;
}
.feature-page-grid .feature-art img {
  border-radius: 20px;
}
.feature-page-list {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 34px;
  border-top: 1px solid #ffffff24 !important;
}
.feature-page-list article {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 17px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff24 !important;
  border-radius: 0;
  background: transparent !important;
  min-height: 0;
}
.feature-page-list article b {
  color: #ff88bc;
  font-size: 12px;
}
.feature-page-list article h3 {
  color: #fff;
  font-size: 17px;
  margin: 0 0 3px;
}
.feature-page-list article p {
  color: #aaa4bd;
  font-size: 13px;
  margin: 0;
}
.feature-page-grid:after {
  color: #ff88bc;
  margin-top: 0;
  grid-column: 1;
  letter-spacing: 0.16em;
}
@media (max-width: 760px) {
  .feature-page-grid {
    display: flex !important;
    flex-direction: column;
    padding: 42px 24px !important;
    border-radius: 20px;
    gap: 34px !important;
  }
  .feature-page-grid .feature-art {
    order: -1;
    width: 100%;
    transform: none;
  }
  .feature-page-list {
    margin-top: 24px;
  }
  .feature-page-grid:after {
    margin-top: 0;
  }
}
.history-page {
  background: #fff9fc;
}
.history-page .sub-hero {
  background: #211d39;
  color: #fff;
  padding: 110px 0 100px;
}
.history-page .sub-hero .eyebrow {
  color: #ff9bc1;
}
.history-page .sub-hero .section-lead {
  color: #d8d1df;
}
.history-page .section > .wrap {
  width: min(1180px, calc(100% - 40px)) !important;
}
.history-page .versions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 0 0 85px;
}
.history-page .version {
  position: relative;
  padding: 30px;
  background: #fff;
  border: 1px solid #eadbe7;
  border-top: 4px solid var(--pink);
  box-shadow: 0 14px 30px #4b365a12;
}
.history-page .version:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 28px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--pink);
  box-shadow: 0 0 0 5px #fff;
}
.history-page .version strong {
  font-size: 30px;
  color: var(--blue);
}
.history-page .version p {
  line-height: 1.9;
  color: var(--muted);
}
.history-page .content {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 0 90px !important;
}
.history-page .content:before {
  display: none !important;
}
.history-page .content h2 {
  font-size: 34px;
  margin: 58px 0 18px;
  padding-left: 18px;
  border-left: 4px solid var(--pink);
}
.history-page .content h2:first-child {
  margin-top: 0;
}
.history-page .content > p {
  max-width: none !important;
  font-size: 16px;
  line-height: 2.05;
  color: var(--muted);
}
.history-page .actions {
  display: flex;
  gap: 14px;
  margin-top: 35px;
}
.history-page .btn-ghost {
  border: 1px solid var(--pink);
  color: var(--pink);
  padding: 11px 18px;
  border-radius: 22px;
  font-weight: 700;
}
@media (max-width: 760px) {
  .history-page .sub-hero {
    padding: 72px 0;
  }
  .history-page .versions {
    grid-template-columns: 1fr;
    margin-bottom: 55px;
  }
  .history-page .content {
    padding-bottom: 55px !important;
  }
  .history-page .content h2 {
    font-size: 28px;
  }
  .history-page .actions {
    display: block;
  }
  .history-page .actions a {
    display: inline-block;
    margin: 0 8px 10px 0;
  }
}
.guide-page{background:#fff9fc}.guide-page .sub-hero{background:#211d39;color:#fff;padding:110px 0 100px}.guide-page .sub-hero .eyebrow{color:#ff9bc1}.guide-page .sub-hero .section-lead{color:#d8d1df}.guide-page .section>.wrap{width:min(1180px,calc(100% - 40px))!important}.guide-page .content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:82px 0 100px!important}.guide-page .content:before{display:none!important}.guide-page .guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0}.guide-page .guide-steps article{display:block;padding:32px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--pink);min-height:220px;box-shadow:0 14px 30px #4b365a12}.guide-page .guide-steps b{display:block;font-size:42px;color:var(--pink);margin-bottom:35px}.guide-page .guide-steps h2{font-size:26px;margin:0 0 12px}.guide-page .guide-steps p{margin:0;color:var(--muted);line-height:1.9}.guide-page .guide-note{margin:38px 0 0;padding:34px 38px;background:#edf6ff;border:1px solid #d5e9fa;border-left:5px solid var(--blue);box-shadow:none}.guide-page .guide-note h2{margin:0 0 12px}.guide-page .guide-note p{max-width:800px;line-height:1.9}.guide-page .guide-note .btn{display:inline-block;margin-top:10px}@media(max-width:760px){.guide-page .sub-hero{padding:72px 0}.guide-page .content{padding:52px 0 70px!important}.guide-page .guide-steps{grid-template-columns:1fr}.guide-page .guide-steps article{min-height:0}.guide-page .guide-steps b{margin-bottom:20px}}
:root{--feature-grid-final:1}.feature-page-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:min(1180px,calc(100% - 40px))!important;min-height:620px;overflow:visible!important}.feature-page-grid>.content{grid-column:1!important;width:100%!important;min-width:0!important}.feature-page-grid>.feature-art{grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;align-self:center!important;visibility:visible!important;opacity:1!important}.feature-page-grid>.feature-art img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}.feature-page-list article{grid-template-columns:42px minmax(0,1fr)!important}.feature-page-list article p{word-break:normal!important;overflow-wrap:normal!important}@media(max-width:760px){.feature-page-grid{display:flex!important;min-height:0;width:calc(100% - 28px)!important}.feature-page-grid>.feature-art{width:100%!important}}
.guide-page .section>.wrap,.history-page .section>.wrap{margin-left:auto!important;margin-right:auto!important}.guide-page .content{margin-left:auto!important;margin-right:auto!important}.history-page .content{margin-left:auto!important;margin-right:auto!important}.about-flow{background:#f3eaf2;color:var(--ink)}.about-flow .flow-row{border-color:#d9ccd9}.about-flow .flow-row>div{border-color:#d9ccd9}.about-flow .flow-row p{color:var(--muted)}
:root{--feature-list-fix:1}.feature-page-list article{display:block!important;min-width:0!important}.feature-page-list article b{display:block!important;margin-bottom:8px}.feature-page-list article h3{display:block!important;margin:0 0 6px!important}.feature-page-list article p{display:block!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.7!important}.feature-page-grid>.content{min-width:0!important;width:100%!important}.feature-page-grid>.feature-art{min-width:0!important;width:100%!important}
.history-hero{padding:90px 0;background:linear-gradient(120deg,#e7f5ff,#ffe5ef)}.history-hero h1{font-size:clamp(44px,6vw,78px);margin:14px 0}.history-hero p{color:var(--muted);font-size:17px}.history-versions{padding:88px 0}.version-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.version-line article{padding:30px;border-right:1px solid var(--line)}.version-line article:last-child{border:0}.version-line time{color:var(--blue);font-weight:800;font-size:24px}.version-line h2{font-size:23px;margin:18px 0 8px}.version-line p{color:var(--muted);line-height:1.8}.history-notes{padding:82px 0;background:#f3eaf2}.history-notes h2{font-size:40px;margin:10px 0 38px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note-grid div{padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px}.note-grid b{font-size:20px}.note-grid p{color:var(--muted);line-height:1.8}.history-download{padding:74px 0;background:var(--ink);color:#fff}.history-download .wrap{display:flex;justify-content:space-between;align-items:center}.history-download p{color:#c8c1d6}.history-download .eyebrow{color:#8fdfff}@media(max-width:760px){.version-line,.note-grid{display:block}.version-line article{border-right:0;border-bottom:1px solid var(--line)}.history-notes h2{font-size:32px}.history-download .wrap{display:block}.history-download .btn{display:inline-block;margin-top:18px}}
:root{--about-contrast-fix:1}.about-hero .eyebrow,.about-values .eyebrow,.about-flow .eyebrow,.about-trust .eyebrow{color:#3979c9!important;text-shadow:none}.about-flow .eyebrow,.about-trust .eyebrow{color:#3979c9!important}.about-hero h1,.about-values h2,.about-flow h2,.about-trust h2{color:var(--ink)}.about-heading>p,.about-flow p,.about-trust p{color:#5e596b!important}
.feature-wall-head{padding:90px 0 55px;background:#211d39;color:#fff}.feature-wall-head h1{font-size:clamp(48px,7vw,88px);line-height:1;margin:15px 0}.feature-wall-head p{color:#c8c1d6;font-size:17px}.feature-wall{background:#211d39;color:#fff;padding:0 0 90px}.feature-wall article{display:grid;grid-template-columns:120px 1fr;padding:28px 0;border-top:1px solid #ffffff2b;align-items:center}.feature-wall article:last-child{border-bottom:1px solid #ffffff2b}.feature-wall span{font-size:38px;color:var(--pink);font-weight:800}.feature-wall h2{font-size:28px;margin:0 0 5px}.feature-wall p{color:#c8c1d6;margin:0}.feature-banner{padding:80px 0;background:linear-gradient(120deg,#ffe0ed,#e1f3ff)}.feature-banner .wrap{display:flex;align-items:center;gap:55px}.feature-banner img{width:55%;border-radius:18px}.feature-banner h2{font-size:36px}@media(max-width:760px){.feature-wall article{grid-template-columns:70px 1fr}.feature-banner .wrap{display:block}.feature-banner img{width:100%}.feature-banner h2{font-size:30px}}
:root{--about-sections-redesign:1}.about-values{background:#211d39;color:#fff;padding:104px 0}.about-values .about-heading h2{color:#fff}.about-values .about-heading>p{color:#c8c1d6}.about-values .value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-values .value-grid article{background:#2d2848;border:1px solid #ffffff1f;border-radius:4px;padding:30px;min-height:210px}.about-values .value-grid article:nth-child(2){background:linear-gradient(145deg,#3b315e,#2d2848)}.about-values .value-grid article:nth-child(3){background:linear-gradient(145deg,#ee6fa5,#6d82d8)}.about-values .value-grid b{color:#ff9bc1}.about-values .value-grid h3{color:#fff}.about-values .value-grid p{color:#c9c3d7}.about-values .value-grid article:nth-child(3) p{color:#fff}.about-flow{background:#fff!important;color:var(--ink)!important;padding:104px 0}.about-flow .about-heading h2{color:var(--ink)}.about-flow .about-heading>p{color:var(--muted)}.about-flow .flow-row{margin-top:46px;border-top:2px solid #f0dce8;border-bottom:0;position:relative}.about-flow .flow-row:before{content:"";position:absolute;left:12%;right:12%;top:-6px;height:10px;background:#f26eaa;border-radius:10px;opacity:.18}.about-flow .flow-row>div{padding:32px 28px;border-right:1px solid var(--line);position:relative}.about-flow .flow-row span{color:var(--pink);font-size:34px}.about-flow .flow-row strong{color:var(--ink)}.about-flow .flow-row p{color:var(--muted)}
@media(max-width:760px){.about-values,.about-flow{padding:70px 0}.about-values .value-grid{grid-template-columns:1fr}.about-flow .flow-row{display:block}.about-flow .flow-row>div{border-right:0;border-bottom:1px solid var(--line)}}
.feature-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-intro-grid img{width:100%;border-radius:20px;box-shadow:0 20px 45px #0d0a1f80}.feature-wall-head{padding-bottom:75px}@media(max-width:760px){.feature-intro-grid{display:block}.feature-intro-grid img{margin-top:30px}}
:root{--about-structural-redesign:1}.about-values .value-grid{display:flex!important;gap:0!important;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.about-values .value-grid article{flex:1;background:transparent!important;border:0!important;border-right:1px solid #ffffff33!important;border-radius:0!important;min-height:0;padding:28px 34px!important}.about-values .value-grid article:last-child{border-right:0!important}.about-values .value-grid b{font-size:52px;line-height:1}.about-values .value-grid h3{font-size:19px;margin:18px 0 7px}.about-values .value-grid p{font-size:13px;line-height:1.7}.about-flow .flow-row{display:block!important;margin-top:48px;border:0!important}.about-flow .flow-row:before{display:none}.about-flow .flow-row>div{display:grid;grid-template-columns:90px 150px 1fr;align-items:center;gap:20px;padding:24px 0!important;border:0!important;border-bottom:1px solid var(--line)!important}.about-flow .flow-row span{font-size:38px}.about-flow .flow-row strong{margin:0;font-size:22px}.about-flow .flow-row p{margin:0}.about-flow .flow-row>div:first-child{border-top:1px solid var(--line)!important}@media(max-width:760px){.about-values .value-grid{display:block!important}.about-values .value-grid article{border-right:0!important;border-bottom:1px solid #ffffff33!important;padding:24px 0!important}.about-values .value-grid article:last-child{border-bottom:0!important}.about-flow .flow-row>div{grid-template-columns:60px 1fr;gap:14px}.about-flow .flow-row p{grid-column:2}.about-flow .flow-row span{font-size:30px}}
.features-page{background:#17142b;color:#fff}.poster-hero{position:relative;min-height:650px;overflow:hidden}.poster-hero>img{width:100%;height:650px;object-fit:cover;display:block;filter:saturate(1.08)}.poster-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17142bdd 0%,transparent 60%)}.poster-caption{position:absolute;z-index:1;left:max(24px,calc((100% - 1180px)/2));bottom:70px}.poster-caption span{color:#ffd2e4;font-size:12px;letter-spacing:.2em}.poster-caption h1{font-size:clamp(52px,8vw,100px);line-height:.92;margin:18px 0}.poster-caption p{color:#e1dceb;font-size:17px;max-width:460px}.feature-ribbon{background:var(--pink);padding:22px 0}.feature-ribbon .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.feature-ribbon span{font-weight:800;color:#281b38}.feature-canvas{padding:90px 0;background:#17142b}.canvas-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.canvas-title h2{font-size:42px;margin:10px 0}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-cards article{min-height:190px;padding:25px;background:#26213f;border:1px solid #ffffff22}.feature-cards article:nth-child(2){transform:translateY(34px);background:#332750}.feature-cards article:nth-child(3){transform:translateY(68px);background:#45305c}.feature-cards article:nth-child(4){transform:translateY(68px);background:#3b2b62}.feature-cards article:nth-child(5){transform:translateY(34px);background:#30254d}.feature-cards b{color:var(--pink);font-size:28px}.feature-cards h3{font-size:23px;margin:30px 0 8px}.feature-cards p{color:#c7c0d7;line-height:1.8;margin:0}.feature-end{padding:80px 0;background:linear-gradient(120deg,#ffd6e8,#dff3ff);color:var(--ink)}.feature-end .wrap{display:flex;justify-content:space-between;align-items:center}.feature-end h2{font-size:42px}@media(max-width:760px){.poster-hero,.poster-hero>img{min-height:560px;height:560px}.poster-caption{left:20px;bottom:42px}.canvas-title{display:block}.feature-cards{display:block}.feature-cards article,.feature-cards article:nth-child(n){transform:none;margin-bottom:12px}.feature-end .wrap{display:block}.feature-end .btn{display:inline-block;margin-top:16px}}
:root{--remove-about-dark:1}.about-values{background:#fff!important;color:var(--ink)!important}.about-values .about-heading h2{color:var(--ink)!important}.about-values .about-heading>p{color:var(--muted)!important}.about-values .value-grid{border-color:var(--line)!important}.about-values .value-grid article{background:transparent!important;border-color:var(--line)!important}.about-values .value-grid h3{color:var(--ink)!important}.about-values .value-grid p{color:var(--muted)!important}.about-values .value-grid b{color:var(--pink)!important}
.history-redesign{background:#faf7fb;color:#24203b}.history-redesign .history-hero{background:#24203b;color:#fff;padding:120px 0}.history-hero-inner{display:flex;justify-content:space-between;align-items:center}.history-kicker{color:#ee6fa5;font-size:12px;font-weight:800;letter-spacing:.14em}.history-redesign h1{font-size:clamp(48px,7vw,92px);line-height:1.02;margin:18px 0}.history-redesign h1 em{color:#f6a7c8;font-style:normal}.history-redesign .history-hero p{color:#cfc8da;max-width:500px;line-height:1.9;font-size:17px}.history-hero-mark{width:210px;height:210px;border:1px solid #ffffff33;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.history-hero-mark b{font-size:60px;color:#fff}.history-hero-mark span{color:#f6a7c8}.history-timeline{padding:100px 0}.section-intro{margin-bottom:55px}.section-intro h2,.history-focus h2,.history-cta h2{font-size:48px;margin:14px 0}.section-intro p{color:#716c7d}.timeline-item{display:grid;grid-template-columns:100px 22px 1fr;gap:24px;max-width:900px}.timeline-year{font-size:28px;font-weight:800;color:#4b8de1;padding-top:25px}.timeline-line{position:relative;border-left:1px solid #eadbe7}.timeline-line:before{content:"";position:absolute;top:31px;left:-7px;width:12px;height:12px;border-radius:50%;background:#ee6fa5;box-shadow:0 0 0 5px #faf7fb}.timeline-body{padding:24px 0 58px;border-bottom:1px solid #eadbe7}.timeline-tag{color:#ee6fa5;font-size:13px;font-weight:700}.timeline-body h3{font-size:30px;margin:12px 0}.timeline-body p{color:#716c7d;line-height:1.9;max-width:650px}.timeline-body ul{display:flex;gap:22px;padding:0;margin:20px 0 0;list-style:none;color:#4b8de1;font-size:13px}.history-focus{background:#ece5f0;padding:100px 0}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.history-focus p{color:#716c7d;line-height:2;max-width:500px}.focus-points{border-top:1px solid #d6cbd9}.focus-points div{display:grid;grid-template-columns:60px 130px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #d6cbd9;align-items:center}.focus-points b{color:#ee6fa5}.focus-points span{color:#716c7d;font-size:14px}.history-cta{background:#f5b1cf;padding:90px 0}.history-cta .history-kicker{color:#fff}.history-cta h2{color:#24203b}.history-cta .btn{display:inline-block;background:#24203b;color:#fff}@media(max-width:760px){.history-redesign .history-hero{padding:80px 0}.history-hero-inner{display:block}.history-hero-mark{margin-top:40px;width:140px;height:140px}.history-hero-mark b{font-size:42px}.history-redesign h1{font-size:48px}.history-timeline,.history-focus{padding:65px 0}.section-intro h2,.history-focus h2,.history-cta h2{font-size:36px}.timeline-item{grid-template-columns:54px 14px 1fr;gap:12px}.timeline-body h3{font-size:23px}.timeline-body ul{display:block;line-height:2}.focus-grid{display:block}.focus-points{margin-top:45px}.focus-points div{grid-template-columns:45px 100px 1fr}}.history-redesign .history-hero{background:linear-gradient(120deg,#ffd7e8,#dff3ff);color:var(--ink)}.history-redesign .history-hero .history-kicker{color:var(--blue)}.history-redesign .history-hero p{color:var(--muted)}.history-redesign h1 em{color:var(--pink)}.history-redesign .history-hero-mark{border-color:#ffffffaa}.history-redesign .history-hero-mark b{color:var(--ink)}.history-redesign .history-hero-mark span{color:var(--blue)}.history-redesign .history-timeline{background:var(--paper)}.history-redesign .history-focus{background:#f3eaf2}.history-redesign .history-cta{background:linear-gradient(120deg,#ffd7e8,#dff3ff)}.history-redesign .history-cta .history-kicker{color:var(--blue)}.history-redesign .history-cta .btn{background:var(--pink);color:#fff}/* 产品亮点页：简洁海报 + 功能索引 */
.features-page{background:#fff8fc;color:var(--ink)}.features-page .poster-hero{height:auto;background:#fff;padding:28px 0 0}.features-page .poster-hero>img{width:min(1180px,calc(100% - 40px));height:auto;max-height:none;object-fit:contain;margin:auto;border-radius:18px;filter:none}.features-page .poster-hero:after,.features-page .poster-caption{display:none}.features-page .feature-ribbon{background:#fff;border-bottom:1px solid var(--line);padding:28px 0}.features-page .feature-ribbon .wrap{justify-content:flex-start;gap:42px}.features-page .feature-ribbon span{color:var(--muted);font-size:13px}.features-page .feature-canvas{background:#fff;color:var(--ink);padding:86px 0}.features-page .canvas-title{display:block;margin-bottom:36px}.features-page .canvas-title h2{font-size:46px;margin:10px 0}.features-page .feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.features-page .feature-cards article,.features-page .feature-cards article:nth-child(n){transform:none;background:#fff;color:var(--ink);min-height:210px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 25px}.features-page .feature-cards b{color:var(--pink)}.features-page .feature-cards h3{margin:30px 0 8px}.features-page .feature-cards p{color:var(--muted)}.features-page .feature-end{background:#f3eaf2;padding:72px 0}.features-page .feature-end h2{font-size:38px}@media(max-width:760px){.features-page .poster-hero>img{width:calc(100% - 28px)}.features-page .feature-ribbon .wrap{gap:18px;flex-wrap:wrap}.features-page .feature-cards{display:block}.features-page .feature-cards article{min-height:0!important}.features-page .feature-end .wrap{display:block}}.scene-section{padding:86px 0;background:#f7f0f6}.scene-section h2,.faq-section h2{font-size:42px;margin:10px 0 34px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scene-grid article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px}.scene-grid b{font-size:21px}.scene-grid p{color:var(--muted);margin:10px 0 0}.faq-section{padding:86px 0;background:#fff}.faq-list{border-top:1px solid var(--line)}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:700;font-size:17px}.faq-list p{color:var(--muted);line-height:1.8;margin:12px 0 0}@media(max-width:760px){.scene-grid{display:block}.scene-grid article{margin-bottom:12px}.scene-section h2,.faq-section h2{font-size:32px}}.extra-band{padding:88px 0;background:var(--paper)}.extra-soft{background:#f3eaf2}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.extra-band h2{font-size:42px;line-height:1.15;margin:14px 0 24px}.extra-band p{color:var(--muted);line-height:1.95}.extra-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.extra-cards article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}.extra-cards h3{margin:0 0 10px}.extra-cards p{margin:0;font-size:14px}.faq-list{max-width:850px;margin-top:25px}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{margin:14px 0 0}@media(max-width:760px){.extra-band{padding:58px 0}.extra-grid{display:block}.extra-grid>div+div{margin-top:25px}.extra-band h2{font-size:32px}.extra-cards{grid-template-columns:1fr}}/* 关于页流程与信任区域重排 */
.about-flow{padding:86px 0;background:#fff}.about-flow .wrap{max-width:1180px}.about-flow h2{font-size:44px;margin:12px 0 36px}.flow-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:0}.flow-row>div{border:1px solid var(--line)!important;background:#fff4f8;padding:30px 26px;min-height:180px}.flow-row>div:nth-child(2){background:#eef8ff}.flow-row>div:nth-child(3){background:#f4efff}.flow-row span{display:block;font-size:40px;color:var(--pink);font-weight:800}.flow-row strong{font-size:22px;margin:18px 0 6px}.flow-row p{color:var(--muted)}.about-trust{padding:88px 0;background:#f3eaf2}.trust-layout{display:block}.trust-layout h2{font-size:44px;margin:12px 0 34px}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:0}.trust-points p{margin:0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:130px}.trust-points b{display:block;font-size:20px;margin-bottom:12px}@media(max-width:760px){.flow-row,.trust-points{display:block}.flow-row>div,.trust-points p{margin-bottom:12px}.about-flow h2,.trust-layout h2{font-size:34px}}.features-page .eyebrow,.features-page .history-kicker{color:var(--blue)!important}/* 两个区域采用不同信息结构 */
.about-trust{background:#fff;padding:88px 0}.about-trust .trust-layout{display:grid;grid-template-columns:38% 62%;gap:55px;align-items:start}.about-trust .trust-points{display:block;border-left:3px solid var(--pink);padding-left:30px}.about-trust .trust-points p{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0;min-height:0;background:transparent}.about-trust .trust-points p:last-child{border-bottom:0}.scene-section{background:var(--ink);color:#fff;padding:90px 0}.scene-section h2{font-size:46px;margin:10px 0 40px}.scene-grid{display:flex;gap:12px;flex-wrap:wrap}.scene-grid article{flex:1 1 220px;min-height:170px;padding:28px;background:linear-gradient(145deg,#42355c,#262240);border:0;border-radius:0;display:flex;flex-direction:column;justify-content:flex-end}.scene-grid article:nth-child(2){transform:translateY(28px);background:linear-gradient(145deg,#4b6f9a,#282649)}.scene-grid article:nth-child(3){transform:translateY(56px);background:linear-gradient(145deg,#b65f91,#42315c)}.scene-grid p{color:#d7d0e2}@media(max-width:760px){.about-trust .trust-layout{display:block}.about-trust .trust-points{margin-top:28px}.scene-grid{display:block}.scene-grid article,.scene-grid article:nth-child(n){transform:none;margin-bottom:12px}}.features-page .feature-ribbon{background:#f3eaf2;border-bottom:1px solid var(--line)}.features-page .feature-canvas{background:var(--paper)}.features-page .feature-cards article,.features-page .feature-cards article:nth-child(n){background:#fff}.features-page .scene-section{background:#f3eaf2;color:var(--ink)}.features-page .scene-grid article,.features-page .scene-grid article:nth-child(n){background:#fff;color:var(--ink);border:1px solid var(--line);transform:none}.features-page .scene-grid p{color:var(--muted)}.features-page .faq-section{background:#fff}.features-page .extra-band{background:var(--paper)}.features-page .extra-soft{background:#f3eaf2}/* 全站背景色统一到首页主题 */
.features-page{background:var(--paper);color:var(--ink)}.features-page .feature-wall-head,.features-page .feature-canvas{background:var(--paper);color:var(--ink)}.features-page .feature-ribbon{background:#f3eaf2}.features-page .feature-cards article,.features-page .feature-cards article:nth-child(n){background:#fff;color:var(--ink)}.features-page .feature-end{background:linear-gradient(120deg,#ffd7e8,#dff3ff)}.about-flow{background:#f3eaf2!important;color:var(--ink)}.about-trust{background:#fff!important}.scene-section{background:#f3eaf2!important;color:var(--ink)}.scene-grid article,.scene-grid article:nth-child(n){background:#fff;color:var(--ink);transform:none}.scene-grid p{color:var(--muted)}.features-page .feature-ribbon{display:none!important}.guide-page .sub-hero .wrap{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:center}.guide-hero-card{padding:34px;background:#fff;border:1px solid #ffffff44;box-shadow:0 18px 40px #17142b33;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink)}.guide-hero-card img{width:78px;height:78px;border-radius:22px;margin-bottom:18px}.guide-hero-card strong{font-size:20px}.guide-hero-card span{color:var(--muted);margin-top:8px}.guide-hero-card small{color:var(--blue);margin:16px 0}.guide-hero-card .btn{display:inline-block}.guide-page .sub-hero{padding:90px 0}@media(max-width:760px){.guide-page .sub-hero .wrap{display:block}.guide-hero-card{margin-top:35px}.guide-page .sub-hero{padding:60px 0 70px}}.rhythm-section{padding:86px 0;background:#f3eaf2}.rhythm-section h2{font-size:42px;margin:10px 0 38px}.rhythm-track{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rhythm-track>div{padding:24px;border-right:1px solid var(--line)}.rhythm-track b{display:block;font-size:22px}.rhythm-track span{display:block;color:var(--muted);margin-top:8px}.rhythm-track>strong{padding:24px;color:var(--pink);font-size:18px}@media(max-width:760px){.rhythm-track{display:block}.rhythm-track>div{border-right:0;border-bottom:1px solid var(--line)}.rhythm-track>strong{display:block}}
:root{--faq-redesign:1}.extra-soft{background:#f3eaf2!important;padding:96px 0 110px}.extra-soft>.wrap{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.extra-soft .history-kicker{display:block;color:var(--blue);font-size:12px;letter-spacing:.18em;font-weight:800;margin-bottom:12px}.extra-soft h2{font-size:clamp(34px,4vw,50px);margin:0 0 34px;color:var(--ink)}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-list details{background:#fff;border:1px solid #eadbe7;border-radius:14px;padding:0 20px;box-shadow:0 10px 24px #4b365a09;transition:box-shadow .2s,transform .2s}.faq-list details:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4b365a16}.faq-list details[open]{border-color:#e9a8c8;box-shadow:0 14px 30px #f26eaa18}.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:21px 28px 21px 0;font-weight:800;color:var(--ink);line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:18px;color:var(--pink);font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 0 20px;color:var(--muted);font-size:14px;line-height:1.9;border-top:1px solid #f1e4ed;padding-top:14px}@media(max-width:760px){.extra-soft{padding:64px 0 76px}.faq-list{grid-template-columns:1fr}.extra-soft h2{font-size:32px}}
.guide-page .sub-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:110px;align-items:center}.guide-hero-copy{min-width:0}.guide-hero-copy h1{max-width:620px;font-size:clamp(52px,6vw,84px);line-height:1.02;margin:16px 0 20px}.guide-hero-copy .section-lead{max-width:520px}.guide-hero-card{width:320px;min-height:350px;padding:38px 30px;background:#fff;border:0;border-radius:18px;box-shadow:0 22px 55px #17142b44}.guide-hero-card img{width:86px;height:86px;border-radius:24px}.guide-hero-card strong{font-size:21px;margin-top:5px}.guide-hero-card span{font-size:14px}.guide-hero-card small{font-size:13px;margin:20px 0}.guide-hero-card .btn{padding:12px 25px}@media(max-width:760px){.guide-page .sub-hero .wrap{display:block}.guide-hero-copy h1{font-size:48px}.guide-hero-card{width:100%;max-width:320px;margin:35px auto 0}}.guide-page .sub-hero>.wrap{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.guide-page .sub-hero .wrap{grid-template-columns:minmax(0,1fr) 360px;gap:90px}.guide-page .guide-hero-copy{max-width:700px}.guide-page .guide-hero-card{width:360px}@media(max-width:760px){.guide-page .sub-hero>.wrap{width:calc(100% - 28px)!important}.guide-page .sub-hero .wrap{display:block}.guide-page .guide-hero-card{width:100%;max-width:360px}}.version-download{display:inline-block;margin-top:14px;padding:7px 13px;border-radius:18px;background:var(--pink);color:#fff;font-size:12px;font-weight:700}.version-download:hover{background:#df5c95}.guide-page .extra-soft{width:100%;}.guide-page .extra-soft>.wrap{display:block!important;width:calc(100% - 40px)!important;max-width:1180px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}.guide-page .extra-soft .faq-list{width:100%!important;max-width:none!important}.timeline-body .version-download{display:inline-block;margin-top:16px;padding:7px 13px;border-radius:18px;background:var(--pink);color:#fff;font-size:12px;font-weight:700}.timeline-body .version-download:hover{background:#df5c95}.history-cta .wrap{position:relative}.history-cta-logo{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:150px;height:150px;border-radius:32px;object-fit:cover;box-shadow:0 16px 30px #4b365a22}@media(max-width:760px){.history-cta-logo{position:static;display:block;transform:none;margin-top:25px;width:110px;height:110px}}
:root{--footer-redesign:1}footer,.site-footer{background:#211d39!important;color:#d8d1df;padding:62px 0 24px!important;border-top:4px solid #f26eaa}.foot,.footer-grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr;gap:48px;align-items:start;padding-bottom:42px}.foot .brand,.footer-brand{font-size:19px;color:#fff}.foot .brand img,.footer-brand img{width:42px;height:42px;border-radius:13px}.foot>div:first-child:after{content:"免费漫画阅读，热门作品、每日更新和收藏进度都在一个轻量入口里。";display:block;max-width:300px;margin-top:18px;color:#aaa4bd;font-size:13px;line-height:1.9}.foot>div:nth-child(2),.footer-links{display:flex;flex-direction:column;gap:13px;color:#c8c1d6;font-size:14px}.foot>div:nth-child(2):before,.footer-links:before{content:"快速访问";color:#ff9bc1;font-size:12px;letter-spacing:.16em;margin-bottom:4px}.foot>div:nth-child(2) a:hover,.footer-links a:hover{color:#fff}.foot:after{content:"安卓官方版 · 随时打开，随时阅读";display:block;grid-column:3;color:#ff9bc1;font-size:13px;line-height:1.8;padding-top:4px}.beian{border-top:1px solid #ffffff22!important;padding-top:18px!important;margin-top:0!important;color:#9690a9}.beian a{color:#c8c1d6}@media(max-width:760px){footer,.site-footer{padding:48px 0 20px!important}.foot,.footer-grid{display:block!important;padding-bottom:28px}.foot>div+div,.footer-links{margin-top:28px}.foot:after{display:block;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff22}}
@media(max-width:760px){.site-header{height:auto;min-height:64px}.site-header .nav{align-items:center;gap:10px}.site-header .brand{flex:0 0 auto}.site-header .nav-links{display:flex!important;flex:1;min-width:0;overflow-x:auto;gap:14px;white-space:nowrap;padding:10px 0;scrollbar-width:none}.site-header .nav-links::-webkit-scrollbar{display:none}.site-header .nav-links a:not(.btn-primary){display:inline-block!important;font-size:12px}.site-header .nav-links .btn-primary{display:inline-block!important;flex:0 0 auto;padding:8px 12px;font-size:12px}.top .links{display:flex;flex:1;min-width:0;overflow-x:auto;gap:14px;white-space:nowrap;scrollbar-width:none}.top .links::-webkit-scrollbar{display:none}.top .links a:not(.btn){display:inline-block!important;font-size:12px}.top .links .btn{flex:0 0 auto;padding:8px 12px;font-size:12px}}@media(max-width:760px){.site-header .nav,.top .nav{flex-wrap:wrap}.site-header .brand,.top .brand{order:1}.site-header .nav-links,.top .links{order:3;flex:0 0 100%;width:100%;padding:8px 0 10px;border-top:1px solid var(--line)}.site-header .nav>.nav-links .btn-primary,.top .nav>.links .btn{order:2;margin-left:auto}.site-header .nav{position:relative}.site-header .nav>.nav-links .btn-primary{position:absolute;right:0;top:12px}.site-header .nav>.nav-links{padding-right:92px}.top .nav>.links{padding-right:92px}}
:root{--footer-compact:1}footer,.site-footer{padding:42px 0 20px!important}.foot,.footer-grid{display:flex!important;align-items:center;justify-content:space-between;gap:34px;padding-bottom:30px}.foot>div:first-child,.footer-brand{flex:1}.foot>div:first-child:after{max-width:360px;margin:10px 0 0}.foot>div:nth-child(2),.footer-links{display:flex!important;flex-direction:row!important;align-items:center;gap:22px;white-space:nowrap}.foot>div:nth-child(2):before,.footer-links:before{display:none}.foot:after{display:block;grid-column:auto;white-space:nowrap;margin-left:auto}.beian{font-size:12px}@media(max-width:760px){.foot,.footer-grid{display:block!important}.foot>div:nth-child(2),.footer-links{display:flex!important;flex-wrap:wrap;gap:14px;margin-top:24px}.foot:after{margin-top:22px;white-space:normal}}
@media(max-width:760px){.site-header,.top{padding:8px 0 0}.site-header .nav,.top .nav{padding:0 14px}.site-header .brand,.top .brand{font-size:16px}.site-header .brand img,.top .brand img{width:40px;height:40px}.site-header .nav-links,.top .links{gap:22px;padding-top:14px!important;padding-bottom:14px!important}.site-header .nav-links a:not(.btn-primary),.top .links a:not(.btn){font-size:13px}.site-header .nav-links .btn-primary,.top .links .btn{padding:10px 15px;font-size:13px}}@media(max-width:760px){.site-header,.top{position:relative!important;height:auto!important;min-height:118px;background:#fff!important;z-index:10}.site-header .nav,.top .nav{display:flex!important;min-height:110px;align-content:flex-start}.site-header .nav-links,.top .links{background:#fff!important;position:relative;z-index:11;min-height:48px;overflow-x:auto;color:var(--muted)}.site-header+main,.top+main{position:relative;z-index:1}}
:root{--remove-record-underline:1}.beian a{text-decoration:none!important}
@media(max-width:760px){.site-header .nav,.top .nav{position:relative;display:flex!important;min-height:132px;padding-top:10px}.site-header .brand,.top .brand{height:48px;display:flex;align-items:center}.site-header .nav-links,.top .links{position:absolute;left:14px;right:14px;top:78px;width:auto;min-height:54px;padding:14px 0!important;border-top:1px solid var(--line);border-bottom:0;background:#fff!important}.site-header .nav>.nav-links .btn-primary,.top .nav>.links .btn{position:absolute;right:0;top:-62px;margin:0}.site-header .nav>.nav-links,.top .nav>.links{padding-right:100px!important}.site-header,.top{min-height:132px!important}}@media(max-width:760px){.top .nav>.links .btn{display:inline-block!important;position:absolute;right:0;top:-62px;background:var(--pink)!important;color:#fff!important;padding:10px 15px!important;border-radius:22px!important;font-size:13px!important;line-height:1!important;z-index:20}}@media(max-width:760px){.top .nav>.links{overflow:visible!important;white-space:nowrap}.top .nav>.links a:not(.btn){display:inline-block!important}.top .nav>.links .btn{display:block!important;visibility:visible!important;opacity:1!important}}@media(max-width:760px){.hero{margin-top:0;padding-top:0;align-items:flex-start;background-position:center top}.hero-inner{padding-top:42px}.hero-copy{padding-top:0}.hero h1{margin-top:14px}}@media(max-width:760px){.top{height:74px!important}.top .nav{height:74px!important}.top .links a:not(.btn){display:none!important}.top .links{gap:0}.top .links .btn{display:inline-flex!important}.site-header .nav-links a:not(.btn-primary){display:none!important}}@media(max-width:760px){.download-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}.download-grid>div{transform:none!important;padding-bottom:0!important;position:static!important}.download-grid>.btn{position:static!important;transform:none!important;align-self:flex-start!important;margin:0 0 6px!important;display:inline-block!important}.download-grid .cta-download-image{order:1}.download-grid>div{order:2}.download-grid>.btn{order:3}}
:root{--mobile-nav-unified:1}@media(max-width:760px){.top,.site-header{height:66px!important}.top .wrap,.site-header .wrap{width:calc(100% - 28px)!important}.top .links,.site-header .nav-links{gap:10px!important}.top .links a:not(.btn),.site-header .nav-links a:not(.btn){display:none!important}.top .btn,.site-header .btn{padding:9px 14px;font-size:13px}.top .brand,.site-header .brand{font-size:15px}.top .brand img,.site-header .brand img{width:34px;height:34px}}
@media(max-width:900px){.top .links a{display:none!important}.top .links .btn{display:inline-flex!important}.top{height:74px!important}.top .nav{height:74px!important}.hero{margin-top:0!important;padding-top:0!important}.hero-inner{padding-top:28px!important}}
:root{--nav-gap-fix:1}.top,.site-header{position:sticky!important;left:auto;right:auto;top:0!important;height:74px!important}.top+main,.site-header+main{padding-top:0!important}@media(max-width:760px){.top,.site-header{height:66px!important}.top+main,.site-header+main{padding-top:0!important}}
.download-grid>div .btn{display:inline-block;margin-top:16px;transform:none!important;position:static!important}@media(max-width:760px){.download-grid>div .btn{align-self:flex-start;margin-top:16px}}@media(max-width:760px){.download{padding:32px 0!important}.download-grid{gap:14px!important}.download-grid>div{padding:24px!important;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 10px 24px #4b365a12}.download-grid>div .btn{margin-top:16px!important}.download-grid>.btn{display:none!important}}
:root{--nav-mobile-final:1}@media(max-width:760px){.top,.site-header{position:sticky!important;height:66px!important;min-height:66px!important;padding:0!important}.top .nav,.site-header .nav{min-height:66px!important;height:66px!important;align-items:center!important;padding:0 14px!important}.top .links,.site-header .nav-links{min-height:0!important;height:auto!important;padding:0!important;overflow:visible!important;background:transparent!important}.top .links a:not(.btn),.site-header .nav-links a:not(.btn){display:none!important}}

/* All pages use the homepage header and footer system. */
.top {
  height: 74px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid var(--line) !important;
  background: #fff9fce8 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  backdrop-filter: blur(15px) !important;
}

.top .wrap {
  width: min(1180px, calc(100% - 40px)) !important;
  margin: auto !important;
}

.top .nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.top .links {
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  padding: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

footer {
  background: var(--ink) !important;
  color: #d8d1df !important;
  padding: 28px 0 20px !important;
}

footer .wrap {
  width: min(1180px, calc(100% - 40px)) !important;
  margin: auto !important;
}

footer .foot {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 0 !important;
}

footer .foot > div:first-child::after,
footer .foot::after,
footer .foot > div:nth-child(2)::before {
  content: none !important;
  display: none !important;
}

footer .foot > div:nth-child(2) {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
}

footer .beian {
  border-top: 1px solid #ffffff22 !important;
  padding-top: 14px !important;
  margin-top: 20px !important;
  font-size: 12px !important;
}

footer .beian a {
  text-decoration: none !important;
}

@media (max-width: 760px) {
  .top {
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 !important;
  }

  .top .wrap {
    width: calc(100% - 28px) !important;
  }

  .top .nav {
    min-height: 66px !important;
    height: 66px !important;
    padding: 0 !important;
  }

  .top .links {
    gap: 10px !important;
  }

  .top .links a:not(.btn) {
    display: none !important;
  }

  .top .btn {
    padding: 9px 14px !important;
    font-size: 13px !important;
  }

  footer {
    padding: 28px 0 20px !important;
  }

  footer .wrap {
    width: calc(100% - 28px) !important;
  }

  footer .foot {
    display: block !important;
  }

  footer .foot > div:nth-child(2) {
    margin-top: 14px !important;
  }
}
@media(max-width:760px){.download-grid>div{position:relative!important;overflow:hidden!important}.download-grid>div:after{top:0!important;bottom:0!important;height:auto!important;left:0!important;width:5px!important}.download-grid .cta-download-image{margin-bottom:0!important}}@media(max-width:900px){
  body>header.top{height:88px!important;min-height:88px!important;overflow:hidden!important}
  body>header.top .nav{height:88px!important;min-height:88px!important;align-items:center!important}
  body>header.top #main-nav>a{display:none!important}
  body>header.top #main-nav>a.btn{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
  body>header.top #main-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important}
}
@media(max-width:900px){
  body>header.top{height:auto!important;min-height:118px!important;overflow:visible!important}
  body>header.top .nav{height:auto!important;min-height:118px!important;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:72px 46px;align-items:center!important}
  body>header.top .brand{grid-column:1;grid-row:1}
  body>header.top #main-nav{grid-column:1 / -1;grid-row:2;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:18px!important;overflow-x:auto;white-space:nowrap;border-top:1px solid var(--line);width:100%;padding:0 0 0 2px}
  body>header.top #main-nav>a{display:inline-flex!important;flex:0 0 auto;color:var(--muted)!important;background:transparent!important;padding:0!important;border-radius:0!important;font-size:13px!important}
  body>header.top #main-nav>a.btn{display:none!important}
  body>header.top #main-nav::-webkit-scrollbar{display:none}
  body>header.top .brand + #main-nav{grid-column:1 / -1}
  body>header.top .nav:after{content:"";grid-column:2;grid-row:1}
}@media(max-width:900px){body>header.top{position:relative}body>header.top #main-nav>a.btn{display:inline-flex!important;position:absolute;right:14px;top:18px;background:var(--pink)!important;color:#fff!important;padding:9px 14px!important;border-radius:22px!important;font-size:13px!important}}

/* Mobile header: keep the brand row and navigation row in the header flow. */
@media (max-width: 900px) {
  body > header.top {
    position: relative !important;
    height: 118px !important;
    min-height: 118px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    z-index: 10;
  }

  body > header.top .nav {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 70px 48px !important;
    align-items: center !important;
    height: 118px !important;
    min-height: 118px !important;
    padding: 0 14px !important;
  }

  body > header.top .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 16px !important;
  }

  body > header.top .brand img {
    width: 38px !important;
    height: 38px !important;
    margin-right: 9px;
  }

  body > header.top #main-nav {
    position: static !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-top: 1px solid var(--line) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #fff !important;
    white-space: nowrap !important;
    scrollbar-width: none;
  }

  body > header.top #main-nav::-webkit-scrollbar {
    display: none;
  }

  body > header.top #main-nav > a:not(.btn) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    height: 48px !important;
    padding: 0 !important;
    color: var(--muted) !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 13px !important;
  }

  body > header.top #main-nav > a.btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 17px !important;
    right: 14px !important;
    align-items: center !important;
    height: 34px !important;
    padding: 0 14px !important;
    color: #fff !important;
    background: var(--pink) !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    z-index: 2;
  }

  body > header.top + main {
    position: relative;
    z-index: 1;
  }
}

/* Shared footer rules for the homepage and every subpage. */
footer,
.site-footer {
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--ink) !important;
  color: #d8d1df !important;
  padding: 42px 0 20px !important;
  border-top: 4px solid var(--pink) !important;
}

footer > .wrap,
.site-footer > .wrap {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

footer .foot,
.site-footer .footer-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 34px !important;
  width: 100% !important;
  padding: 0 0 30px !important;
}

footer .foot > div:first-child,
.site-footer .footer-brand {
  flex: 1 1 auto !important;
  min-width: 0;
}

footer .foot .brand,
.site-footer .footer-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
  font-size: 19px !important;
}

footer .foot .brand img,
.site-footer .footer-brand img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  object-fit: cover;
}

footer .foot > div:nth-child(2),
footer .foot > a,
.site-footer .footer-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  margin: 0 !important;
  color: #c8c1d6 !important;
  font-size: 14px !important;
  white-space: normal !important;
}

/* Render one identical footer navigation even where older pages have shorter markup. */
footer .foot > div:nth-child(2),
footer .foot > a {
  font-size: 0 !important;
}

footer .foot > div:nth-child(2)::after,
footer .foot > a::after {
  content: "首页\00a0\00a0 认识动漫天堂\00a0\00a0 好用功能\00a0\00a0 下载指南\00a0\00a0 版本更新";
  color: #c8c1d6;
  font-size: 14px;
  line-height: 1.6;
  white-space: nowrap;
}

footer .foot > div:nth-child(2)::after:hover,
footer .foot > a::after:hover {
  color: #fff;
}

footer a,
.site-footer a {
  color: inherit !important;
  text-decoration: none !important;
}

footer a:hover,
.site-footer a:hover {
  color: #fff !important;
}

footer .beian,
.site-footer .beian {
  border-top: 1px solid #ffffff22 !important;
  padding-top: 18px !important;
  margin: 0 !important;
  color: #9690a9 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

footer .beian a,
.site-footer .beian a {
  color: #c8c1d6 !important;
}

@media (max-width: 760px) {
  footer,
  .site-footer {
    padding: 38px 0 20px !important;
  }

  footer > .wrap,
  .site-footer > .wrap {
    width: calc(100% - 28px) !important;
  }

  footer .foot,
  .site-footer .footer-grid {
    display: block !important;
    padding-bottom: 26px !important;
  }

  footer .foot > div:nth-child(2),
  footer .foot > a,
  .site-footer .footer-links {
    justify-content: flex-start !important;
    gap: 14px !important;
    margin-top: 22px !important;
  }
}

/* Final mobile header override. Keep this rule at the end of the cascade. */
@media (max-width: 900px) {
  body > header.top,
  body > header.site-header,
  body > .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    width: 100% !important;
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    overflow: visible !important;
    z-index: 2147483000 !important;
  }

  body > header.top .nav,
  body > header.site-header .nav,
  body > .site-header .nav {
    height: 118px !important;
    min-height: 118px !important;
  }

  body > header.top + main,
  body > header.site-header + main,
  body > .site-header + main {
    padding-top: 118px !important;
  }
}

/* Final download-card alignment override. Keep this after every legacy rule. */
@media (min-width: 761px) {
  .download-grid > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 324px !important;
    box-sizing: border-box !important;
    padding: 46px !important;
    transform: none !important;
  }

  .download-grid > div > * {
    position: static !important;
    top: auto !important;
  }
}

/* Final mobile viewport guard. */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body > main,
  body > footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .wrap,
  .hero-inner,
  .wrap.intro-grid,
  .wrap.journey-grid,
  .wrap.download-grid,
  .section > .wrap,
  .sub-hero > .wrap,
  .install > .wrap,
  .download > .wrap,
  footer > .wrap {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .review-list,
  .review-track {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* Footer navigation must use the real anchor elements so every item remains clickable. */
footer .foot > div:nth-child(2),
footer .foot > a,
.site-footer .footer-links {
  font-size: 14px !important;
}

footer .foot > div:nth-child(2)::after,
footer .foot > a::after,
.site-footer .footer-links::after {
  content: none !important;
  display: none !important;
}