:root {
  /* 基础色 */
  --color-black: #1A1A1A;
  --color-nearblack: #1A1A1A;
  --color-grey-700: #4B5563;
  --color-grey-600: #6B7280;
  --color-grey-500: #9CA3AF;
  --color-grey-400: #D1D5DB;
  --color-grey-300: #E5E7EB;
  --color-grey-200: #E5E7EB;
  --color-grey-100: #F3F4F6;
  --color-nearwhite: #FDFBF7;
  --color-white: #FFFFFF;
  /* 品牌 / 主色（智慧紫） */
  --color-brand: #8B5CF6;
  --color-brand-alt: #7C3AED;
  --color-brand-light: #A78BFA;
  --color-brand-dark: #6D28D9;
  /* 文字 */
  --color-text: #1A1A1A;
  --color-text-bg: #FFFFFF;
  --color-text-meta: #6B7280;
  --color-headings: #1A1A1A;
  --color-code: #1A1A1A;
  /* 链接 */
  --color-link: #8B5CF6;
  --color-link-visited: #7C3AED;
  --color-link-hover: #7C3AED;
  --color-link-active: #6D28D9;
  /* 按钮 */
  --color-button: #8B5CF6;
  --color-button-hover: #7C3AED;
  --color-button-text: #FFFFFF;
  --color-button-text-hover: #FFFFFF;
  --color-button-disabled: #D1D5DB;
  /* 边框与分隔 */
  --color-border: #E5E7EB;
  --color-border-light: #F3F4F6;
  --color-border-dark: #D1D5DB;
  /* 背景 */
  --color-header-bg: #FDFBF7;
  --color-body-bg: #FDFBF7;
  --color-footer-bg: #FDFBF7;
  --color-backdrop: #F3F4F6;
  /* 移动端菜单 */
  --color-mobile-menu: #8B5CF6;
  --color-mobile-menu-cover: rgba(26, 26, 26, 0.2);
  /* 表单 / 强调 */
  --color-accent: #10B981;
  /* 表格行 */
  --color-row-odd: #F3F4F6;
  --color-row-even: transparent;
  /* 状态：成功用翡翠绿 */
  --color-success: #10B981;
  --color-success-bg: #D1FAE5;
  --color-info: #8B5CF6;
  --color-info-bg: #EDE9FE;
  --color-highlight: #8B5CF6;
}

.footer-menu {
  margin-bottom: 1rem;
}
.footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.footer-menu ul li {
  margin: 0;
}
.footer-menu ul li a {
  color: inherit;
  text-decoration: none;
}
.footer-menu ul li a:hover {
  text-decoration: underline;
}
.footer-menu ul li:not(:last-child)::after {
  content: " | ";
  margin-left: 1rem;
  color: inherit;
  opacity: 0.5;
}

.blog-sidebar .sidebar__inner {
  position: sticky;
  top: 2rem;
  padding: 1.5rem;
  background: var(--color-background-sidebar, #f8f9fa);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.blog-sidebar .sidebar__title {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-border, #e0e0e0);
}

.blog-toc__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog-toc__item {
  margin-bottom: 0.75rem;
}
.blog-toc__item:last-child {
  margin-bottom: 0;
}
.blog-toc__link {
  display: block;
  padding: 0.5rem;
  text-decoration: none;
  color: inherit;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.blog-toc__link:hover {
  background-color: var(--color-background-hover, rgba(0, 0, 0, 0.05));
}
.blog-toc__title {
  display: block;
  font-weight: 500;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.blog-toc__date {
  display: block;
  font-size: 0.875rem;
  color: var(--color-text-meta, #666);
}

.blog-list {
  margin-top: 2rem;
}
.blog-list .title--section {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.blog-category-card {
  display: block;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--color-white);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
}
.blog-category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: inherit;
}
.blog-category-card__image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-backdrop);
}
.blog-category-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blog-category-card__body {
  padding: 1.5rem;
}
.blog-category-card__body .h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.blog-category-card__body p {
  font-size: 0.9375rem;
  line-height: 1.6;
}

@media (max-width: 999px) {
  .blog-sidebar {
    margin-top: 2rem;
  }
  .blog-sidebar .sidebar__inner {
    position: static;
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dividerGrow {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 2.5rem;
    opacity: 1;
  }
}
.animate-fade-up {
  opacity: 0;
  animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: var(--delay, 0s);
}

@media (prefers-reduced-motion: reduce) {
  .animate-fade-up {
    opacity: 1;
    animation: none;
  }
}
@keyframes twinkle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.home-stars-wrap {
  position: relative;
  overflow: hidden;
}

.home-stars-bg {
  z-index: 0;
}

.home-hero__star-layer-3, .home-hero__star-layer-2, .home-hero__star-layer-1, .home-stars-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  pointer-events: none;
}

.home-hero__star-layer-1 {
  width: 1px;
  height: 1px;
  border-radius: 50%;
  box-shadow: 1761px 754px rgba(139, 92, 246, 0.31), 1716px 833px rgba(139, 92, 246, 0.23), 1109px 2028px rgba(139, 92, 246, 0.37), 1165px 258px rgba(139, 92, 246, 0.27), 445px 847px rgba(139, 92, 246, 0.24), 1778px 2933px rgba(139, 92, 246, 0.37), 1806px 721px rgba(139, 92, 246, 0.35), 1072px 2326px rgba(139, 92, 246, 0.23), 128px 2276px rgba(139, 92, 246, 0.22), 143px 1062px rgba(139, 92, 246, 0.33), 399px 1676px rgba(139, 92, 246, 0.32), 141px 1550px rgba(139, 92, 246, 0.29), 174px 2564px rgba(139, 92, 246, 0.24), 1251px 1356px rgba(139, 92, 246, 0.31), 496px 1467px rgba(139, 92, 246, 0.34), 32px 2187px rgba(139, 92, 246, 0.21), 593px 1138px rgba(139, 92, 246, 0.44), 45px 1952px rgba(139, 92, 246, 0.36), 1155px 409px rgba(139, 92, 246, 0.43), 420px 1729px rgba(139, 92, 246, 0.32), 1461px 2371px rgba(139, 92, 246, 0.32), 713px 2509px rgba(139, 92, 246, 0.41), 613px 1996px rgba(139, 92, 246, 0.32), 908px 898px rgba(139, 92, 246, 0.45), 1982px 2539px rgba(139, 92, 246, 0.32), 602px 549px rgba(139, 92, 246, 0.3), 607px 2832px rgba(139, 92, 246, 0.31), 436px 462px rgba(139, 92, 246, 0.36), 546px 200px rgba(139, 92, 246, 0.4), 1152px 1485px rgba(139, 92, 246, 0.22), 1965px 2436px rgba(139, 92, 246, 0.4), 386px 1940px rgba(139, 92, 246, 0.21), 1538px 2237px rgba(139, 92, 246, 0.25), 16px 2116px rgba(139, 92, 246, 0.4), 1335px 1647px rgba(139, 92, 246, 0.43), 1246px 1523px rgba(139, 92, 246, 0.39), 714px 2959px rgba(139, 92, 246, 0.23), 1916px 2275px rgba(139, 92, 246, 0.45), 75px 2651px rgba(139, 92, 246, 0.22), 430px 1799px rgba(139, 92, 246, 0.34), 329px 1348px rgba(139, 92, 246, 0.39), 1466px 2783px rgba(139, 92, 246, 0.45), 700px 2228px rgba(139, 92, 246, 0.37), 1152px 2108px rgba(139, 92, 246, 0.27), 120px 2210px rgba(139, 92, 246, 0.29), 905px 62px rgba(139, 92, 246, 0.44), 1203px 1420px rgba(139, 92, 246, 0.23), 35px 1851px rgba(139, 92, 246, 0.39), 256px 2616px rgba(139, 92, 246, 0.22), 1110px 1215px rgba(139, 92, 246, 0.23), 694px 2064px rgba(139, 92, 246, 0.23), 1090px 2352px rgba(139, 92, 246, 0.22), 392px 1714px rgba(139, 92, 246, 0.28), 1301px 609px rgba(139, 92, 246, 0.38), 1335px 567px rgba(139, 92, 246, 0.41), 1939px 1425px rgba(139, 92, 246, 0.36), 57px 2804px rgba(139, 92, 246, 0.25), 1712px 1342px rgba(139, 92, 246, 0.39), 977px 1692px rgba(139, 92, 246, 0.28), 375px 578px rgba(139, 92, 246, 0.3), 959px 294px rgba(139, 92, 246, 0.43), 859px 1147px rgba(139, 92, 246, 0.38), 160px 2248px rgba(139, 92, 246, 0.44), 1807px 389px rgba(139, 92, 246, 0.37), 226px 714px rgba(139, 92, 246, 0.31), 1501px 610px rgba(139, 92, 246, 0.44), 337px 1677px rgba(139, 92, 246, 0.44), 415px 2875px rgba(139, 92, 246, 0.33), 1193px 2021px rgba(139, 92, 246, 0.37), 1957px 164px rgba(139, 92, 246, 0.35), 765px 1712px rgba(139, 92, 246, 0.45), 637px 2038px rgba(139, 92, 246, 0.2), 1724px 2865px rgba(139, 92, 246, 0.26), 1523px 2000px rgba(139, 92, 246, 0.43), 1109px 1996px rgba(139, 92, 246, 0.39), 1245px 1176px rgba(139, 92, 246, 0.3), 635px 1814px rgba(139, 92, 246, 0.24), 1917px 2810px rgba(139, 92, 246, 0.32), 1498px 667px rgba(139, 92, 246, 0.39), 1729px 1053px rgba(139, 92, 246, 0.22), 197px 1151px rgba(139, 92, 246, 0.28), 1149px 180px rgba(139, 92, 246, 0.3), 1859px 1976px rgba(139, 92, 246, 0.24), 1535px 463px rgba(139, 92, 246, 0.43), 1487px 1633px rgba(139, 92, 246, 0.32), 1491px 1302px rgba(139, 92, 246, 0.33), 593px 568px rgba(139, 92, 246, 0.42), 449px 983px rgba(139, 92, 246, 0.43), 1001px 2897px rgba(139, 92, 246, 0.38), 1997px 1376px rgba(139, 92, 246, 0.24), 1605px 990px rgba(139, 92, 246, 0.33), 832px 710px rgba(139, 92, 246, 0.31), 1274px 2220px rgba(139, 92, 246, 0.22), 319px 34px rgba(139, 92, 246, 0.33), 1668px 1120px rgba(139, 92, 246, 0.41), 236px 1050px rgba(139, 92, 246, 0.21), 482px 2057px rgba(139, 92, 246, 0.23), 1019px 1680px rgba(139, 92, 246, 0.42), 1421px 2169px rgba(139, 92, 246, 0.37), 213px 692px rgba(139, 92, 246, 0.45), 615px 2216px rgba(139, 92, 246, 0.26), 397px 1530px rgba(139, 92, 246, 0.37), 1642px 384px rgba(139, 92, 246, 0.4), 365px 2037px rgba(139, 92, 246, 0.32), 965px 2221px rgba(139, 92, 246, 0.22), 1104px 2301px rgba(139, 92, 246, 0.42), 641px 1275px rgba(139, 92, 246, 0.36), 747px 1534px rgba(139, 92, 246, 0.44), 102px 411px rgba(139, 92, 246, 0.38), 1441px 833px rgba(139, 92, 246, 0.24), 296px 1751px rgba(139, 92, 246, 0.3), 900px 274px rgba(139, 92, 246, 0.37), 156px 2361px rgba(139, 92, 246, 0.27), 1309px 1633px rgba(139, 92, 246, 0.25), 552px 235px rgba(139, 92, 246, 0.45), 1852px 1159px rgba(139, 92, 246, 0.27), 963px 825px rgba(139, 92, 246, 0.21), 655px 201px rgba(139, 92, 246, 0.41), 1722px 2041px rgba(139, 92, 246, 0.34), 651px 2564px rgba(139, 92, 246, 0.3), 1234px 2853px rgba(139, 92, 246, 0.39), 905px 2050px rgba(139, 92, 246, 0.28), 733px 1560px rgba(139, 92, 246, 0.32), 443px 931px rgba(139, 92, 246, 0.22), 661px 1681px rgba(139, 92, 246, 0.29), 855px 99px rgba(139, 92, 246, 0.42), 1509px 2642px rgba(139, 92, 246, 0.34), 1836px 2328px rgba(139, 92, 246, 0.27), 1465px 2577px rgba(139, 92, 246, 0.37), 1426px 710px rgba(139, 92, 246, 0.34), 1140px 98px rgba(139, 92, 246, 0.23), 1560px 2169px rgba(139, 92, 246, 0.34), 1592px 2100px rgba(139, 92, 246, 0.44), 1114px 2718px rgba(139, 92, 246, 0.33), 1000px 2013px rgba(139, 92, 246, 0.35), 739px 828px rgba(139, 92, 246, 0.22), 825px 2148px rgba(139, 92, 246, 0.39), 695px 89px rgba(139, 92, 246, 0.38), 1252px 123px rgba(139, 92, 246, 0.4), 1535px 2436px rgba(139, 92, 246, 0.25), 514px 2615px rgba(139, 92, 246, 0.37), 1289px 338px rgba(139, 92, 246, 0.25), 1145px 2764px rgba(139, 92, 246, 0.2), 850px 1182px rgba(139, 92, 246, 0.24), 470px 667px rgba(139, 92, 246, 0.22), 1353px 1385px rgba(139, 92, 246, 0.43), 779px 1121px rgba(139, 92, 246, 0.42), 1455px 485px rgba(139, 92, 246, 0.44), 929px 2347px rgba(139, 92, 246, 0.29), 1128px 459px rgba(139, 92, 246, 0.4), 1392px 416px rgba(139, 92, 246, 0.28), 1837px 2552px rgba(139, 92, 246, 0.21), 1827px 1299px rgba(139, 92, 246, 0.35), 1946px 859px rgba(139, 92, 246, 0.32), 1402px 1115px rgba(139, 92, 246, 0.29), 1186px 1704px rgba(139, 92, 246, 0.3), 1253px 279px rgba(139, 92, 246, 0.29), 21px 1320px rgba(139, 92, 246, 0.31), 419px 1204px rgba(139, 92, 246, 0.38), 1374px 568px rgba(139, 92, 246, 0.22), 197px 1759px rgba(139, 92, 246, 0.35), 359px 2410px rgba(139, 92, 246, 0.29), 1208px 2538px rgba(139, 92, 246, 0.32), 465px 2990px rgba(139, 92, 246, 0.43), 1056px 1650px rgba(139, 92, 246, 0.37), 232px 943px rgba(139, 92, 246, 0.43), 1610px 679px rgba(139, 92, 246, 0.44), 1741px 2197px rgba(139, 92, 246, 0.36), 370px 1401px rgba(139, 92, 246, 0.45), 1347px 2751px rgba(139, 92, 246, 0.23), 1597px 1856px rgba(139, 92, 246, 0.41), 551px 1978px rgba(139, 92, 246, 0.43), 1739px 1903px rgba(139, 92, 246, 0.21), 988px 2502px rgba(139, 92, 246, 0.41), 1774px 2244px rgba(139, 92, 246, 0.26), 588px 2039px rgba(139, 92, 246, 0.38), 663px 1357px rgba(139, 92, 246, 0.23), 1266px 1918px rgba(139, 92, 246, 0.3), 1457px 2929px rgba(139, 92, 246, 0.23), 1927px 2373px rgba(139, 92, 246, 0.23), 952px 910px rgba(139, 92, 246, 0.41), 644px 543px rgba(139, 92, 246, 0.33), 977px 2208px rgba(139, 92, 246, 0.21), 482px 274px rgba(139, 92, 246, 0.35), 328px 2875px rgba(139, 92, 246, 0.2), 1394px 1445px rgba(139, 92, 246, 0.42), 1527px 2539px rgba(139, 92, 246, 0.21), 365px 21px rgba(139, 92, 246, 0.4), 958px 1332px rgba(139, 92, 246, 0.43), 897px 1406px rgba(139, 92, 246, 0.22), 501px 2609px rgba(139, 92, 246, 0.23), 257px 2554px rgba(139, 92, 246, 0.31), 1984px 2583px rgba(139, 92, 246, 0.32), 1770px 804px rgba(139, 92, 246, 0.34), 1626px 2049px rgba(139, 92, 246, 0.35), 18px 2326px rgba(139, 92, 246, 0.25), 876px 2714px rgba(139, 92, 246, 0.35), 139px 615px rgba(139, 92, 246, 0.36), 113px 1439px rgba(139, 92, 246, 0.43), 1881px 907px rgba(139, 92, 246, 0.25), 1666px 171px rgba(139, 92, 246, 0.34), 1220px 1865px rgba(139, 92, 246, 0.43), 1431px 2395px rgba(139, 92, 246, 0.33), 1559px 2738px rgba(139, 92, 246, 0.34), 399px 1278px rgba(139, 92, 246, 0.36), 589px 2323px rgba(139, 92, 246, 0.36), 467px 1168px rgba(139, 92, 246, 0.27), 1498px 2139px rgba(139, 92, 246, 0.36), 586px 1753px rgba(139, 92, 246, 0.45), 1455px 1520px rgba(139, 92, 246, 0.45), 1733px 2607px rgba(139, 92, 246, 0.24), 267px 2879px rgba(139, 92, 246, 0.32), 292px 2206px rgba(139, 92, 246, 0.33), 1959px 2584px rgba(139, 92, 246, 0.31), 1222px 2790px rgba(139, 92, 246, 0.34), 629px 1307px rgba(139, 92, 246, 0.33), 1269px 2355px rgba(139, 92, 246, 0.34), 856px 1360px rgba(139, 92, 246, 0.34), 292px 408px rgba(139, 92, 246, 0.4), 770px 217px rgba(139, 92, 246, 0.33), 363px 197px rgba(139, 92, 246, 0.22), 171px 887px rgba(139, 92, 246, 0.31), 625px 2187px rgba(139, 92, 246, 0.34), 562px 1254px rgba(139, 92, 246, 0.24), 1522px 1765px rgba(139, 92, 246, 0.25), 1315px 2721px rgba(139, 92, 246, 0.25), 1803px 2396px rgba(139, 92, 246, 0.26), 1375px 2267px rgba(139, 92, 246, 0.43), 1213px 2460px rgba(139, 92, 246, 0.39), 414px 2160px rgba(139, 92, 246, 0.35), 1270px 887px rgba(139, 92, 246, 0.34), 1827px 783px rgba(139, 92, 246, 0.36), 1467px 1650px rgba(139, 92, 246, 0.31), 442px 2166px rgba(139, 92, 246, 0.24), 1291px 1721px rgba(139, 92, 246, 0.23), 359px 1461px rgba(139, 92, 246, 0.31), 1332px 1508px rgba(139, 92, 246, 0.42), 1393px 2419px rgba(139, 92, 246, 0.32), 707px 1373px rgba(139, 92, 246, 0.43), 1018px 129px rgba(139, 92, 246, 0.28), 720px 1768px rgba(139, 92, 246, 0.25), 363px 722px rgba(139, 92, 246, 0.37), 383px 812px rgba(139, 92, 246, 0.33), 620px 1880px rgba(139, 92, 246, 0.39), 1166px 435px rgba(139, 92, 246, 0.34), 329px 2889px rgba(139, 92, 246, 0.28), 998px 1410px rgba(139, 92, 246, 0.28), 1537px 705px rgba(139, 92, 246, 0.25), 957px 2229px rgba(139, 92, 246, 0.34), 887px 618px rgba(139, 92, 246, 0.27), 710px 1861px rgba(139, 92, 246, 0.37), 1968px 322px rgba(139, 92, 246, 0.42), 257px 2668px rgba(139, 92, 246, 0.29), 76px 2847px rgba(139, 92, 246, 0.23), 1729px 396px rgba(139, 92, 246, 0.45), 668px 2089px rgba(139, 92, 246, 0.25), 1369px 2191px rgba(139, 92, 246, 0.29), 1672px 2433px rgba(139, 92, 246, 0.27), 1255px 2846px rgba(139, 92, 246, 0.22), 1751px 2726px rgba(139, 92, 246, 0.36), 1657px 1502px rgba(139, 92, 246, 0.3), 1445px 399px rgba(139, 92, 246, 0.44), 911px 122px rgba(139, 92, 246, 0.22), 1763px 117px rgba(139, 92, 246, 0.37), 648px 204px rgba(139, 92, 246, 0.25), 437px 1759px rgba(139, 92, 246, 0.4), 1163px 205px rgba(139, 92, 246, 0.39), 1936px 301px rgba(139, 92, 246, 0.22), 338px 1825px rgba(139, 92, 246, 0.36), 1582px 2088px rgba(139, 92, 246, 0.29), 123px 2961px rgba(139, 92, 246, 0.35), 1930px 725px rgba(139, 92, 246, 0.32), 1477px 1491px rgba(139, 92, 246, 0.42), 1368px 623px rgba(139, 92, 246, 0.36), 984px 2837px rgba(139, 92, 246, 0.23), 161px 2284px rgba(139, 92, 246, 0.32), 335px 2908px rgba(139, 92, 246, 0.41), 1947px 878px rgba(139, 92, 246, 0.41), 1362px 1056px rgba(139, 92, 246, 0.33), 1499px 1758px rgba(139, 92, 246, 0.27), 1753px 2690px rgba(139, 92, 246, 0.36), 177px 146px rgba(139, 92, 246, 0.32), 590px 2779px rgba(139, 92, 246, 0.42), 1562px 1338px rgba(139, 92, 246, 0.24), 183px 2024px rgba(139, 92, 246, 0.25), 1271px 1766px rgba(139, 92, 246, 0.26), 408px 1327px rgba(139, 92, 246, 0.36), 351px 1881px rgba(139, 92, 246, 0.34), 1309px 2024px rgba(139, 92, 246, 0.3), 1655px 2164px rgba(139, 92, 246, 0.39), 1755px 225px rgba(139, 92, 246, 0.39), 1553px 1529px rgba(139, 92, 246, 0.23), 1219px 1079px rgba(139, 92, 246, 0.28), 1780px 335px rgba(139, 92, 246, 0.27), 1509px 1445px rgba(139, 92, 246, 0.23), 1411px 1858px rgba(139, 92, 246, 0.26), 549px 2717px rgba(139, 92, 246, 0.4), 1852px 406px rgba(139, 92, 246, 0.41), 1000px 2841px rgba(139, 92, 246, 0.39), 1177px 1235px rgba(139, 92, 246, 0.28);
  animation: twinkle 3s ease-in-out infinite;
}

.home-hero__star-layer-2 {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  box-shadow: 1101px 123px rgba(139, 92, 246, 0.41), 1090px 183px rgba(139, 92, 246, 0.52), 595px 1755px rgba(139, 92, 246, 0.36), 1396px 1974px rgba(139, 92, 246, 0.51), 1882px 2858px rgba(139, 92, 246, 0.58), 1847px 281px rgba(139, 92, 246, 0.43), 473px 75px rgba(139, 92, 246, 0.44), 601px 2905px rgba(139, 92, 246, 0.48), 647px 2039px rgba(139, 92, 246, 0.49), 219px 2662px rgba(139, 92, 246, 0.55), 532px 907px rgba(139, 92, 246, 0.51), 745px 608px rgba(139, 92, 246, 0.46), 1355px 1014px rgba(139, 92, 246, 0.57), 1656px 1007px rgba(139, 92, 246, 0.39), 283px 1323px rgba(139, 92, 246, 0.36), 1992px 1907px rgba(139, 92, 246, 0.38), 1407px 1340px rgba(139, 92, 246, 0.45), 1469px 288px rgba(139, 92, 246, 0.47), 1042px 680px rgba(139, 92, 246, 0.51), 1497px 2886px rgba(139, 92, 246, 0.58), 1430px 2043px rgba(139, 92, 246, 0.49), 935px 2171px rgba(139, 92, 246, 0.6), 1976px 2176px rgba(139, 92, 246, 0.37), 1655px 2501px rgba(139, 92, 246, 0.58), 1696px 2176px rgba(139, 92, 246, 0.56), 743px 996px rgba(139, 92, 246, 0.41), 328px 2957px rgba(139, 92, 246, 0.37), 310px 2327px rgba(139, 92, 246, 0.53), 1147px 2696px rgba(139, 92, 246, 0.44), 1053px 296px rgba(139, 92, 246, 0.49), 146px 90px rgba(139, 92, 246, 0.38), 1930px 1177px rgba(139, 92, 246, 0.6), 1929px 1347px rgba(139, 92, 246, 0.51), 11px 1315px rgba(139, 92, 246, 0.42), 1447px 1593px rgba(139, 92, 246, 0.54), 255px 2856px rgba(139, 92, 246, 0.52), 1585px 2514px rgba(139, 92, 246, 0.39), 402px 631px rgba(139, 92, 246, 0.4), 1211px 1391px rgba(139, 92, 246, 0.51), 726px 2749px rgba(139, 92, 246, 0.46), 1540px 337px rgba(139, 92, 246, 0.46), 20px 1544px rgba(139, 92, 246, 0.59), 1632px 1899px rgba(139, 92, 246, 0.38), 146px 339px rgba(139, 92, 246, 0.53), 120px 1226px rgba(139, 92, 246, 0.4), 1473px 1035px rgba(139, 92, 246, 0.36), 1210px 391px rgba(139, 92, 246, 0.39), 1753px 2134px rgba(139, 92, 246, 0.35), 187px 2112px rgba(139, 92, 246, 0.38), 1538px 1476px rgba(139, 92, 246, 0.36), 801px 2621px rgba(139, 92, 246, 0.48), 454px 964px rgba(139, 92, 246, 0.49), 141px 2866px rgba(139, 92, 246, 0.35), 1922px 2288px rgba(139, 92, 246, 0.51), 725px 2030px rgba(139, 92, 246, 0.58), 1176px 76px rgba(139, 92, 246, 0.58), 1802px 1818px rgba(139, 92, 246, 0.51), 1471px 2185px rgba(139, 92, 246, 0.45), 1341px 821px rgba(139, 92, 246, 0.4), 1040px 171px rgba(139, 92, 246, 0.4), 983px 856px rgba(139, 92, 246, 0.53), 1547px 1835px rgba(139, 92, 246, 0.57), 1855px 84px rgba(139, 92, 246, 0.55), 1392px 1612px rgba(139, 92, 246, 0.38), 1264px 1286px rgba(139, 92, 246, 0.44), 1285px 2559px rgba(139, 92, 246, 0.46), 957px 2654px rgba(139, 92, 246, 0.58), 1627px 323px rgba(139, 92, 246, 0.37), 1526px 1252px rgba(139, 92, 246, 0.44), 1203px 1472px rgba(139, 92, 246, 0.44), 1934px 1906px rgba(139, 92, 246, 0.36), 1084px 11px rgba(139, 92, 246, 0.39), 1065px 2091px rgba(139, 92, 246, 0.54), 1875px 356px rgba(139, 92, 246, 0.5), 1291px 1961px rgba(139, 92, 246, 0.37), 1232px 2748px rgba(139, 92, 246, 0.41), 766px 2757px rgba(139, 92, 246, 0.36), 1263px 575px rgba(139, 92, 246, 0.59), 346px 2033px rgba(139, 92, 246, 0.4), 1361px 111px rgba(139, 92, 246, 0.43), 1889px 2821px rgba(139, 92, 246, 0.35), 1725px 1652px rgba(139, 92, 246, 0.37), 377px 2232px rgba(139, 92, 246, 0.49), 1664px 2858px rgba(139, 92, 246, 0.42), 625px 1082px rgba(139, 92, 246, 0.54), 1955px 1401px rgba(139, 92, 246, 0.49), 1764px 2302px rgba(139, 92, 246, 0.43), 1347px 1483px rgba(139, 92, 246, 0.36), 1824px 702px rgba(139, 92, 246, 0.55), 875px 2763px rgba(139, 92, 246, 0.56), 1425px 1173px rgba(139, 92, 246, 0.47), 1374px 1756px rgba(139, 92, 246, 0.38), 1941px 2032px rgba(139, 92, 246, 0.36), 1446px 1074px rgba(139, 92, 246, 0.44), 1280px 1038px rgba(139, 92, 246, 0.44), 1594px 840px rgba(139, 92, 246, 0.5), 193px 588px rgba(139, 92, 246, 0.45), 666px 2392px rgba(139, 92, 246, 0.47), 663px 2043px rgba(139, 92, 246, 0.59), 383px 2730px rgba(139, 92, 246, 0.43), 1451px 1399px rgba(139, 92, 246, 0.45), 1647px 403px rgba(139, 92, 246, 0.59), 1312px 2897px rgba(139, 92, 246, 0.39), 84px 2022px rgba(139, 92, 246, 0.36), 1323px 2937px rgba(139, 92, 246, 0.53), 1947px 1456px rgba(139, 92, 246, 0.43), 1556px 2103px rgba(139, 92, 246, 0.52), 301px 2602px rgba(139, 92, 246, 0.51), 747px 584px rgba(139, 92, 246, 0.37), 1343px 26px rgba(139, 92, 246, 0.4), 1720px 2212px rgba(139, 92, 246, 0.57), 925px 1961px rgba(139, 92, 246, 0.38), 1480px 2680px rgba(139, 92, 246, 0.4), 261px 1401px rgba(139, 92, 246, 0.47), 1755px 2703px rgba(139, 92, 246, 0.6), 1178px 1852px rgba(139, 92, 246, 0.44), 1993px 363px rgba(139, 92, 246, 0.56), 1690px 1519px rgba(139, 92, 246, 0.37), 344px 213px rgba(139, 92, 246, 0.57), 393px 401px rgba(139, 92, 246, 0.49), 1188px 1795px rgba(139, 92, 246, 0.41), 414px 1554px rgba(139, 92, 246, 0.6), 932px 367px rgba(139, 92, 246, 0.37), 1740px 1339px rgba(139, 92, 246, 0.55), 837px 540px rgba(139, 92, 246, 0.42), 567px 256px rgba(139, 92, 246, 0.41), 232px 2244px rgba(139, 92, 246, 0.56), 1620px 756px rgba(139, 92, 246, 0.49), 1221px 2834px rgba(139, 92, 246, 0.57), 348px 675px rgba(139, 92, 246, 0.44), 379px 745px rgba(139, 92, 246, 0.59), 1219px 2408px rgba(139, 92, 246, 0.36), 1131px 1894px rgba(139, 92, 246, 0.59), 1637px 2884px rgba(139, 92, 246, 0.59), 454px 1984px rgba(139, 92, 246, 0.39), 461px 1088px rgba(139, 92, 246, 0.37), 1504px 699px rgba(139, 92, 246, 0.6), 897px 418px rgba(139, 92, 246, 0.43), 588px 2024px rgba(139, 92, 246, 0.36), 1844px 2217px rgba(139, 92, 246, 0.36), 441px 1997px rgba(139, 92, 246, 0.5), 1263px 697px rgba(139, 92, 246, 0.49), 133px 785px rgba(139, 92, 246, 0.54), 1605px 1853px rgba(139, 92, 246, 0.59), 1704px 2170px rgba(139, 92, 246, 0.38), 415px 2763px rgba(139, 92, 246, 0.46), 64px 788px rgba(139, 92, 246, 0.37), 706px 2486px rgba(139, 92, 246, 0.46), 765px 2487px rgba(139, 92, 246, 0.58), 809px 1880px rgba(139, 92, 246, 0.36), 1750px 2289px rgba(139, 92, 246, 0.59), 368px 675px rgba(139, 92, 246, 0.55), 1931px 1433px rgba(139, 92, 246, 0.55), 848px 2781px rgba(139, 92, 246, 0.58), 1089px 791px rgba(139, 92, 246, 0.45), 1744px 2271px rgba(139, 92, 246, 0.39), 213px 2676px rgba(139, 92, 246, 0.53), 62px 334px rgba(139, 92, 246, 0.51), 780px 1646px rgba(139, 92, 246, 0.4), 308px 1352px rgba(139, 92, 246, 0.56);
  animation: twinkle 2s ease-in-out infinite;
}

.home-hero__star-layer-3 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  box-shadow: 1045px 1425px rgba(139, 92, 246, 0.73), 992px 1560px rgba(139, 92, 246, 0.76), 1573px 2461px rgba(139, 92, 246, 0.78), 1323px 2115px rgba(139, 92, 246, 0.58), 1238px 997px rgba(139, 92, 246, 0.64), 1610px 1399px rgba(139, 92, 246, 0.68), 623px 20px rgba(139, 92, 246, 0.79), 1809px 278px rgba(139, 92, 246, 0.69), 1221px 2808px rgba(139, 92, 246, 0.69), 372px 2349px rgba(139, 92, 246, 0.66), 86px 1915px rgba(139, 92, 246, 0.56), 375px 2083px rgba(139, 92, 246, 0.72), 1606px 2984px rgba(139, 92, 246, 0.78), 1799px 623px rgba(139, 92, 246, 0.71), 1552px 110px rgba(139, 92, 246, 0.74), 1273px 1293px rgba(139, 92, 246, 0.69), 1900px 1031px rgba(139, 92, 246, 0.63), 236px 1484px rgba(139, 92, 246, 0.72), 152px 2231px rgba(139, 92, 246, 0.62), 175px 2924px rgba(139, 92, 246, 0.62), 457px 1024px rgba(139, 92, 246, 0.77), 1766px 1875px rgba(139, 92, 246, 0.74), 782px 1144px rgba(139, 92, 246, 0.7), 553px 812px rgba(139, 92, 246, 0.59), 1444px 2981px rgba(139, 92, 246, 0.66), 888px 196px rgba(139, 92, 246, 0.65), 630px 1738px rgba(139, 92, 246, 0.57), 1378px 1894px rgba(139, 92, 246, 0.79), 36px 1923px rgba(139, 92, 246, 0.61), 1107px 916px rgba(139, 92, 246, 0.76), 1346px 1073px rgba(139, 92, 246, 0.56), 472px 2356px rgba(139, 92, 246, 0.71), 775px 1330px rgba(139, 92, 246, 0.7), 847px 940px rgba(139, 92, 246, 0.6), 1723px 2714px rgba(139, 92, 246, 0.79), 1624px 1307px rgba(139, 92, 246, 0.77), 1168px 2612px rgba(139, 92, 246, 0.69), 513px 33px rgba(139, 92, 246, 0.75), 1895px 2058px rgba(139, 92, 246, 0.59), 406px 1787px rgba(139, 92, 246, 0.77), 561px 266px rgba(139, 92, 246, 0.66), 1880px 1894px rgba(139, 92, 246, 0.72), 1211px 2285px rgba(139, 92, 246, 0.76), 886px 2007px rgba(139, 92, 246, 0.58), 1791px 1703px rgba(139, 92, 246, 0.55), 1991px 278px rgba(139, 92, 246, 0.65), 1951px 1537px rgba(139, 92, 246, 0.69), 1891px 1866px rgba(139, 92, 246, 0.59), 814px 2185px rgba(139, 92, 246, 0.61), 523px 2599px rgba(139, 92, 246, 0.66), 890px 2914px rgba(139, 92, 246, 0.69), 1782px 1038px rgba(139, 92, 246, 0.59), 693px 1793px rgba(139, 92, 246, 0.62), 1948px 2174px rgba(139, 92, 246, 0.56), 857px 2606px rgba(139, 92, 246, 0.73), 1158px 715px rgba(139, 92, 246, 0.7), 949px 876px rgba(139, 92, 246, 0.69), 712px 1233px rgba(139, 92, 246, 0.72), 1856px 340px rgba(139, 92, 246, 0.56), 1285px 1889px rgba(139, 92, 246, 0.61), 1209px 1311px rgba(139, 92, 246, 0.6), 241px 1345px rgba(139, 92, 246, 0.65), 1094px 1392px rgba(139, 92, 246, 0.79), 194px 1830px rgba(139, 92, 246, 0.56), 1472px 2177px rgba(139, 92, 246, 0.66), 1263px 283px rgba(139, 92, 246, 0.68), 1333px 2684px rgba(139, 92, 246, 0.61), 506px 2656px rgba(139, 92, 246, 0.71), 211px 1746px rgba(139, 92, 246, 0.67), 813px 2565px rgba(139, 92, 246, 0.57), 920px 1329px rgba(139, 92, 246, 0.7), 432px 2235px rgba(139, 92, 246, 0.79), 417px 570px rgba(139, 92, 246, 0.75), 1077px 1056px rgba(139, 92, 246, 0.63), 1661px 1085px rgba(139, 92, 246, 0.74), 777px 425px rgba(139, 92, 246, 0.76), 481px 979px rgba(139, 92, 246, 0.55), 1824px 729px rgba(139, 92, 246, 0.78), 97px 2506px rgba(139, 92, 246, 0.65), 266px 2682px rgba(139, 92, 246, 0.68), 229px 2468px rgba(139, 92, 246, 0.77), 641px 359px rgba(139, 92, 246, 0.66), 830px 2241px rgba(139, 92, 246, 0.58), 29px 1123px rgba(139, 92, 246, 0.79), 1337px 1631px rgba(139, 92, 246, 0.56), 494px 1342px rgba(139, 92, 246, 0.59), 1888px 1261px rgba(139, 92, 246, 0.64), 1009px 956px rgba(139, 92, 246, 0.6), 1031px 564px rgba(139, 92, 246, 0.75), 169px 1555px rgba(139, 92, 246, 0.77);
  animation: twinkle 1.5s ease-in-out infinite;
}

.home-hero {
  position: relative;
  z-index: 1;
  padding: 6rem 0 1rem;
  text-align: center;
  overflow: hidden;
}
.home-hero__accent {
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.06) 0%, rgba(139, 92, 246, 0.02) 40%, transparent 65%);
  pointer-events: none;
  z-index: 0;
  animation: fadeIn 1.5s ease 0s both;
}
.home-hero__inner {
  position: relative;
  z-index: 1;
}
.home-hero__title {
  font-size: 2.75rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: var(--color-headings);
  margin-bottom: 1.5rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .home-hero__title {
    font-size: 3.5rem;
  }
}
.home-hero__divider {
  width: 2.5rem;
  height: 2px;
  background: linear-gradient(90deg, var(--color-brand-light), var(--color-brand));
  margin: 0 auto;
  border-radius: 1px;
  animation: dividerGrow 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
}

.home-body {
  position: relative;
  z-index: 1;
  padding: 3rem 0 5rem;
}
.home-body__content {
  max-width: 640px;
  margin: 0 auto;
}
.home-body__content > p {
  font-size: 1.0625rem;
  line-height: 1.9;
  color: var(--color-text);
  margin-bottom: 0;
  padding: 2rem 0;
  opacity: 0;
  animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.home-body__content > p:nth-child(1) {
  animation-delay: 0.3s;
}
.home-body__content > p:nth-child(2) {
  animation-delay: 0.5s;
}
.home-body__content > p:nth-child(3) {
  animation-delay: 0.7s;
}
.home-body__content > p:nth-child(4) {
  animation-delay: 0.9s;
}
.home-body__content > p > strong:first-child {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-brand);
  margin-bottom: 0.5rem;
  letter-spacing: 0.02em;
}
.home-body__content > p:not(:last-child) {
  border-bottom: 1px solid var(--color-border-light);
}
.home-body__content > p:last-child {
  text-align: center;
  padding-bottom: 0;
}
.home-body__content > p:last-child > strong:first-child {
  font-weight: 450;
  color: var(--color-text-meta);
  font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .home-body__content > p {
    opacity: 1;
    animation: none;
  }
}

.app-page {
  padding: 2rem 0 4rem;
}

.app-hero {
  text-align: center;
  padding: 2rem 0 2.5rem;
}
.app-hero__title {
  font-size: 2rem;
  font-weight: 350;
  letter-spacing: 0.03em;
  color: var(--color-headings);
  margin-bottom: 1rem;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .app-hero__title {
    font-size: 2.5rem;
  }
}
.app-hero__subtitle {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--color-text-meta);
  max-width: 520px;
  margin: 0 auto 2rem;
  font-weight: 300;
}
.app-hero__action {
  margin-top: 0;
}

.app-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 2.5rem;
  background: linear-gradient(135deg, var(--color-brand), var(--color-brand-dark));
  color: #fff;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.app-download-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(139, 92, 246, 0.3);
  color: #fff;
  text-decoration: none;
}
.app-download-btn:active {
  transform: translateY(0);
}
.app-download-btn__icon {
  flex-shrink: 0;
}

.app-content {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.app-content p {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--color-text-meta);
}
.app-content p a {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}
.app-content p a:hover {
  color: var(--color-brand-dark);
}