/*
 * AI 小龙哥官网色彩系统 v2
 * 90% 低饱和秩序：暖纸白、珍珠白、梅墨黑。
 * 10% 品牌破界：皇家紫负责品牌，青柠绿只负责 Caps 与关键状态。
 */
body.home-page {
  --p: #6b2db8;
  --p-bright: #8b55d1;
  --p-deep: #43165f;
  --pl: #eee7f6;
  --lime: #caff3d;
  --ink: #171319;
  --ink-soft: #302834;
  --muted: #716a75;
  --line: rgba(55, 37, 63, .115);
  --paper: #f8f7f9;
  --surface: #fffefe;
  --surface-tint: #f2eef4;
  --night: #1d1421;
  --night-2: #281631;
  --shadow-soft: 0 22px 60px rgba(52, 32, 61, .08);
  --shadow-deep: 0 30px 76px rgba(44, 20, 55, .16);
  background: var(--paper);
}

body.home-page .home-nav {
  border-bottom-color: rgba(56, 38, 62, .09);
  background: rgba(249, 248, 250, .84);
  box-shadow: 0 8px 30px rgba(42, 26, 48, .035);
  backdrop-filter: blur(24px) saturate(145%);
}

body.home-page .home-nav .site-nav a:not(.site-download) { color: #4b434f; }
body.home-page .home-nav .site-nav a:not(.site-download):hover { color: var(--p); }
body.home-page .home-nav .site-download {
  border: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  background: linear-gradient(145deg, #24182a, #171218);
  box-shadow: 0 10px 24px rgba(24, 16, 29, .17), inset 0 1px rgba(255, 255, 255, .12);
}

body.home-page .home-hero {
  background:
    radial-gradient(circle at 84% 27%, rgba(125, 61, 178, .19), transparent 31%),
    radial-gradient(circle at 10% 78%, rgba(202, 255, 61, .045), transparent 19%),
    linear-gradient(145deg, #f6f3f7 0%, #fdfcfd 47%, #eee7f4 100%);
}

body.home-page .home-hero:before {
  opacity: .12;
  background-image: radial-gradient(rgba(66, 48, 72, .72) .75px, transparent .75px);
  background-size: 30px 30px;
}

body.home-page .home-hero h1 { color: var(--ink); }
body.home-page .home-hero h1 span {
  color: var(--p);
  background: linear-gradient(135deg, #57208c 0%, #8547ca 57%, #4a1a6f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.home-page .home-hero h1 .hero-title-caps {
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: .9em;
  margin: 0 .06em 0 -.08em;
  vertical-align: -.08em;
  color: initial;
  background: none;
  -webkit-text-fill-color: initial;
}

body.home-page .hero-title-caps img {
  position: absolute;
  top: -.27em;
  left: 0;
  width: 1.4em;
  height: 1.4em;
  object-fit: contain;
  mix-blend-mode: normal;
  filter: drop-shadow(0 .12em .14em rgba(45, 29, 52, .16));
}

body.home-page .eyebrow { color: #7032aa; }
body.home-page .hero-lead { color: #655f69; }

body.home-page .btn-primary {
  border: 1px solid rgba(71, 23, 102, .22);
  color: #fff;
  background: linear-gradient(145deg, #7a36be 0%, #5b218b 100%);
  box-shadow: 0 13px 30px rgba(92, 32, 139, .22), inset 0 1px rgba(255, 255, 255, .18);
}

body.home-page .btn-primary:hover {
  color: #fff;
  background: linear-gradient(145deg, #8845ca 0%, #632596 100%);
  box-shadow: 0 16px 34px rgba(92, 32, 139, .28), inset 0 1px rgba(255, 255, 255, .2);
}

body.home-page .btn-secondary {
  border-color: rgba(59, 39, 65, .18);
  color: var(--ink-soft);
  background: rgba(255, 255, 255, .76);
  box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 8px 20px rgba(49, 31, 56, .045);
}

body.home-page .btn-secondary:hover {
  border-color: rgba(107, 45, 184, .32);
  color: var(--p);
  background: #fff;
}

body.home-page .hero-device {
  border-color: rgba(77, 52, 85, .15);
  background: linear-gradient(155deg, rgba(255, 255, 255, .89), rgba(249, 246, 251, .76));
  box-shadow: 0 42px 96px rgba(59, 29, 73, .16), inset 0 1px rgba(255, 255, 255, .92);
}

body.home-page .hero-device:after { background: rgba(83, 35, 116, .2); }
body.home-page .demo-screen {
  border-color: rgba(78, 48, 88, .15);
  background:
    radial-gradient(circle at 70% 28%, rgba(168, 103, 216, .25), transparent 36%),
    linear-gradient(145deg, #fbfafd, #eee8f2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 19px 42px rgba(50, 24, 61, .13);
}

body.home-page .problem-strip {
  border-block-color: var(--line);
  background: rgba(255, 254, 255, .86);
  box-shadow: inset 0 1px rgba(255, 255, 255, .92);
}

body.home-page .stat-grid strong { color: var(--ink-soft); }
body.home-page .home-section { border-top-color: var(--line); }
body.home-page .philosophy-section { background: #fbfafc; }
body.home-page .philosophy-copy blockquote {
  border-left-color: var(--lime);
  background: linear-gradient(145deg, #7132b3, #542079);
  box-shadow: 0 22px 54px rgba(91, 33, 133, .19);
}

body.home-page .principle-grid,
body.home-page .principle-grid li { border-color: var(--line); }

body.home-page #launcher {
  background:
    radial-gradient(circle at 84% 58%, rgba(126, 70, 172, .1), transparent 28%),
    linear-gradient(180deg, #f8f7f9, #f3eff5);
}

body.home-page .showcase-card {
  border-color: rgba(60, 40, 67, .12);
  background: rgba(255, 255, 255, .84);
  box-shadow: var(--shadow-soft), inset 0 1px rgba(255, 255, 255, .92);
  backdrop-filter: blur(18px);
}

body.home-page .pill {
  color: #5e238f;
  background: #eee5f6;
  box-shadow: inset 0 0 0 1px rgba(102, 41, 153, .06);
}

body.home-page .product-stage:before { background: radial-gradient(circle, rgba(139, 79, 187, .27), transparent 68%); }
body.home-page .product-stage:after { background: rgba(58, 27, 68, .22); }
body.home-page .product-stage img { border-color: rgba(57, 36, 65, .17); box-shadow: inset 0 0 0 1px #fff, 0 16px 34px rgba(43, 25, 49, .07); }

body.home-page .plugin-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(125, 61, 178, .065), transparent 26%),
    #f0edf2;
}

body.home-page .plugin-card {
  border-color: rgba(57, 37, 64, .1);
  background: rgba(255, 255, 255, .8);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

body.home-page .plugin-card:hover {
  border-color: rgba(107, 45, 184, .2);
  box-shadow: 0 22px 52px rgba(50, 28, 58, .1), inset 0 1px rgba(255, 255, 255, .95);
}

body.home-page .plugin-icon { color: #652a9d; background: #eee6f5; }
body.home-page .plugin-icon.caps { background: transparent; }
body.home-page .plugin-card.featured {
  border-color: rgba(255, 255, 255, .08);
  color: #fff;
  background:
    radial-gradient(circle at 6% 8%, rgba(132, 64, 181, .25), transparent 33%),
    linear-gradient(145deg, #25172c, #171218 68%);
  box-shadow: var(--shadow-deep), inset 0 1px rgba(255, 255, 255, .08);
}

body.home-page .plugin-card.featured p { color: #cfc8d2; }
body.home-page .caps-origin {
  border-color: rgba(65, 41, 72, .12);
  background: radial-gradient(circle at 4% 0, rgba(144, 78, 196, .14), transparent 35%), rgba(255, 255, 255, .82);
  box-shadow: var(--shadow-soft), inset 0 1px rgba(255, 255, 255, .95);
}

body.home-page .origin-steps article { border-color: var(--line); background: rgba(248, 246, 249, .86); }
body.home-page .origin-steps .selected {
  border-color: rgba(255, 255, 255, .08);
  background: linear-gradient(145deg, #2b1932, #181219);
  box-shadow: 0 20px 42px rgba(36, 20, 42, .16);
}

body.home-page .process-section {
  color: #fdfbff;
  background:
    radial-gradient(circle at 87% 14%, rgba(116, 47, 163, .23), transparent 31%),
    linear-gradient(145deg, #211327 0%, #171218 65%, #1b141e 100%);
}

body.home-page .process-section .eyebrow { color: #b997d4; }
body.home-page .process-layout>div>p:not(.eyebrow) { color: #c5bdc8; }
body.home-page .memory-bars { border-color: rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .045); }
body.home-page .memory-bars i { background: linear-gradient(#a66cce, #6930a1); }
body.home-page .memory-bars i:nth-child(5) { background: linear-gradient(#d6ff69, #94bd29); }
body.home-page .process-facts,
body.home-page .process-facts div { border-color: rgba(255, 255, 255, .13); }
body.home-page .process-facts span { color: #aaa1ad; }

body.home-page #hotkeys { background: #f8f7f9; }
body.home-page .hotkey-groups article {
  border-color: rgba(58, 37, 65, .11);
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 15px 38px rgba(46, 28, 52, .055), inset 0 1px rgba(255, 255, 255, .92);
}

body.home-page .hotkey-manifesto {
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(145deg, #27182e, #171218);
  box-shadow: 0 20px 42px rgba(38, 21, 44, .13);
}

body.home-page .suite-section {
  background:
    radial-gradient(circle at 52% 65%, rgba(115, 51, 165, .12), transparent 35%),
    linear-gradient(155deg, #fbfafc, #eee8f3);
}

body.home-page .suite-card {
  border-color: rgba(58, 37, 65, .12);
  background: rgba(255, 255, 255, .83);
  box-shadow: 0 18px 48px rgba(49, 28, 56, .065), inset 0 1px rgba(255, 255, 255, .92);
}

body.home-page .suite-card.main {
  border-color: rgba(255, 255, 255, .1);
  background: linear-gradient(145deg, #7535b8, #532076);
  box-shadow: 0 28px 62px rgba(83, 30, 119, .24), inset 0 1px rgba(255, 255, 255, .14);
}

body.home-page .suite-statement {
  border: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(145deg, #26172d, #171218);
  box-shadow: 0 18px 44px rgba(38, 21, 44, .13);
}

body.home-page #download {
  background:
    radial-gradient(circle at 10% 90%, rgba(202, 255, 61, .035), transparent 25%),
    #f5f2f6;
}

body.home-page .download-card {
  border-color: rgba(60, 39, 67, .12);
  background:
    radial-gradient(circle at 90% 16%, rgba(133, 70, 182, .11), transparent 30%),
    rgba(255, 255, 255, .86);
  box-shadow: var(--shadow-soft), inset 0 1px rgba(255, 255, 255, .95);
}

body.home-page .site-footer {
  border-top-color: rgba(255, 255, 255, .08);
  color: #f8f4fa;
  background:
    radial-gradient(circle at 15% 0, rgba(114, 43, 161, .18), transparent 29%),
    linear-gradient(145deg, #211426, #151116 72%);
}

body.home-page .footer-brand img { filter: grayscale(1) brightness(0) invert(1); opacity: .94; }
body.home-page .footer-brand p,
body.home-page .footer-meta { color: #aaa1ad; }
body.home-page .footer-links strong { color: #fff; }
body.home-page .footer-links a { color: #cfc7d2; }
body.home-page .footer-links a:hover,
body.home-page .footer-meta a { color: #d5b2ef; }
body.home-page .footer-meta { border-top-color: rgba(255, 255, 255, .1); }

@media (hover: hover) {
  body.home-page .btn-primary,
  body.home-page .btn-secondary,
  body.home-page .home-nav .site-download { transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
  body.home-page .btn-primary:hover,
  body.home-page .home-nav .site-download:hover { transform: translateY(-1px); }
}

@media (max-width: 767px) {
  body.home-page .home-nav { background: rgba(249, 248, 250, .94); }
  body.home-page .site-nav { background: rgba(249, 248, 250, .98); }
  body.home-page .home-hero {
    background:
      radial-gradient(circle at 82% 32%, rgba(126, 63, 179, .16), transparent 33%),
      linear-gradient(160deg, #f7f4f8, #fdfcfd 52%, #f1eaf5);
  }
  body.home-page .showcase-card,
  body.home-page .plugin-card,
  body.home-page .hotkey-groups article,
  body.home-page .suite-card,
  body.home-page .download-card { background-color: rgba(255, 255, 255, .9); }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .btn-primary,
  body.home-page .btn-secondary,
  body.home-page .home-nav .site-download { transition: none; }
}