:root{--ink-950:#05070f!important;--ink-900:#080c1a!important;--ink-850:#0a0f1e!important;--ink-800:#0b1122!important;--gold-deep:#3b4a9e!important;--gold-700:#5c6fc4!important;--gold-500:#8ba3ff!important;--gold-300:#dfe7ff!important;--gold-100:#f2f6ff!important;--t-hi:#f6f7f9!important;--t-mid:#b6bbc6!important;--t-low:#9099a8!important;--t-faint:#6d7482!important;--line-1:#ffffff0e!important;--line-2:#ffffff17!important;--line-gold:#8ba3ff42!important;--grad-metal:linear-gradient(104deg, #3b4a9e 0%, #6a7fe0 16%, #d8e2ff 38%, #ffffff 50%, #cdd8ff 62%, #6a7fe0 82%, #3b4a9e 100%)!important;--grad-metal-line:linear-gradient(100deg, #3b4a9e8c 0%, #8ba3ffd9 22%, #fffaebf2 48%, #8ba3ffb3 72%, #3b4a9e66 100%)!important;--fs-hero:clamp(2.6rem, 9vw, 4.6rem)!important;--fs-display:clamp(1.7rem, 4.4vw, 2.7rem)!important;--fs-heading:clamp(1.35rem, 3.4vw, 2rem)!important;--fs-body:clamp(.95rem, 1.35vw, 1.03rem)!important;--fs-small:clamp(.78rem, 1.05vw, .84rem)!important;--section-py:clamp(3.4rem, 7vw, 5.6rem)!important;--section-px:clamp(1.25rem, 5vw, 3rem)!important;--container:1140px!important;--ease-out:cubic-bezier(.16, 1, .3, 1)!important}::selection{color:#fff!important;background:#8ba3ff47!important}::-webkit-scrollbar-thumb{background:#8ba3ff52!important;border-radius:99px!important}::-webkit-scrollbar-thumb:hover{background:#8ba3ff80!important}.aurora{pointer-events:none!important;filter:blur(24px)!important;background:radial-gradient(42% 40% at 50% 30%,#8ba3ff26 0%,#0000 72%),radial-gradient(26% 26% at 18% 12%,#7e60ff0f 0%,#0000 74%),radial-gradient(30% 30% at 84% 8%,#45d9e80b 0%,#0000 74%)!important;height:78%!important;position:absolute!important;inset:-18% -12% auto!important}.hairline-gold{background:linear-gradient(90deg,#0000,#8ba3ff57,#0000)!important;width:100%!important;height:1px!important}.progress-line{height:2px!important;width:var(--scroll-progress,0%)!important;z-index:70!important;background:linear-gradient(90deg,#3b4a9e,#8ba3ff 60%,#f2f6ff)!important;position:fixed!important;top:0!important;left:0!important;box-shadow:0 0 12px #8ba3ff80!important}.topbar{z-index:60!important;-webkit-backdrop-filter:blur(22px)saturate(140%)!important;border-bottom:1px solid var(--line-1)!important;background:#05070f9e!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.mark{background:linear-gradient(155deg,#8ba3ff29 0%,#8ba3ff04 65%)!important;border:1px solid #8ba3ff4d!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;font-weight:600!important;display:flex!important;position:relative!important;box-shadow:inset 0 1px #ffffff1c,0 6px 22px -12px #8ba3ff99!important}.topbar-cta{color:#0b1024!important;height:32px!important;transition:filter .35s, transform .35s var(--ease-out), box-shadow .35s!important;white-space:nowrap!important;background:linear-gradient(#c9d6ff 0%,#8ba3ff 55%,#6a7fe0 100%)!important;border-radius:9px!important;align-items:center!important;gap:7px!important;padding:0 14px!important;font-size:12.5px!important;font-weight:600!important;display:inline-flex!important;box-shadow:inset 0 1px #ffffff8c,0 6px 20px -10px #8ba3ffe6!important}.topbar-cta:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px #fff9,0 10px 26px -10px #8ba3ff!important}.hero{min-height:100svh!important;padding-top:88px!important;padding-bottom:56px!important;padding-inline:var(--section-px)!important;background:radial-gradient(120% 78% at 50% -14%,#0d1428 0%,#080c1a 46%,#05070f 100%)!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important;overflow:hidden!important}.eyebrow{border:1px solid var(--line-2)!important;letter-spacing:.28em!important;color:#dfe7ffbf!important;white-space:nowrap!important;background:#ffffff07!important;border-radius:99px!important;align-items:center!important;gap:9px!important;padding:6px 13px 6px 11px!important;font-size:9.5px!important;display:inline-flex!important}.hero-title{text-align:center!important;width:100%!important;font-size:var(--fs-hero)!important;letter-spacing:-.045em!important;filter:drop-shadow(0 6px 40px #8ba3ff24)!important;font-weight:700!important;line-height:1.02!important}.hero-sub-rule span{background:linear-gradient(90deg,#0000,#8ba3ff4d)!important;flex:1!important;height:1px!important}.hero-sub-rule span:last-child{background:linear-gradient(270deg,#0000,#8ba3ff4d)!important}.hero-sub-rule i{background:#8ba3ff99!important;width:4px!important;height:4px!important;transform:rotate(45deg)!important}.cta-metal{background:var(--grad-metal-line)!important;transition:transform .45s var(--ease-out), box-shadow .45s, filter .45s!important;border-radius:19px!important;padding:2px!important;display:block!important;box-shadow:0 18px 44px -22px #8ba3ff8c,inset 0 2px #ffffff0a!important}.cta-metal:hover{filter:brightness(1.04)!important;transform:translateY(-2px)!important;box-shadow:0 26px 60px -24px #8ba3ffb3,inset 0 2px #ffffff0f!important}.cta-metal-inner{background:radial-gradient(120% 140% at 8% 0,#8ba3ff33 0%,#0000 64%),linear-gradient(150deg,#0e1530 0%,#080c1a 62%,#060a16 100%)!important;border-radius:18px!important;align-items:center!important;gap:14px!important;padding:15px 17px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 0 34px #8ba3ff12!important}.cta-metal-inner:after{content:""!important;opacity:0!important;pointer-events:none!important;background:linear-gradient(90deg,#0000,#f2f6ff21,#0000)!important;width:46%!important;height:160%!important;position:absolute!important;top:-30%!important;left:-70%!important;transform:skew(-18deg)!important}.cta-ghost:before{content:""!important;pointer-events:none!important;opacity:0!important;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), #8ba3ff1a, transparent 70%)!important;transition:opacity .5s!important;position:absolute!important;inset:0!important}.cta-ghost:hover{background:linear-gradient(160deg,#ffffff12 0%,#ffffff05 100%)!important;border-color:#8ba3ff42!important;transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffff12,0 18px 40px -26px #8ba3ff99!important}.cta-ico{width:42px!important;height:42px!important;color:var(--gold-300)!important;background:#8ba3ff0f!important;border:1px solid #8ba3ff2e!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:border-color .4s,color .4s,background .4s!important;display:flex!important}.group:hover .cta-ico,.cta-metal:hover .cta-ico{color:var(--gold-100)!important;background:#8ba3ff1a!important;border-color:#8ba3ff66!important}.scroll-hint .stem{background:linear-gradient(#8ba3ff73,#0000)!important;width:1px!important;height:36px!important;position:relative!important;overflow:hidden!important}.card:before{content:""!important;pointer-events:none!important;opacity:0!important;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), #8ba3ff17, transparent 72%)!important;transition:opacity .55s!important;position:absolute!important;inset:0!important}.card:hover{border-color:#8ba3ff3d!important;transform:translateY(-4px)!important;box-shadow:inset 0 1px #ffffff14,0 30px 64px -34px #000,0 0 0 1px #8ba3ff0a!important}.tick{opacity:0!important;pointer-events:none!important;border-color:#8ba3ff6b!important;width:8px!important;height:8px!important;transition:opacity .5s!important;position:absolute!important}.card:hover .card-no{color:#8ba3ff17!important}.card-ico{width:40px!important;height:40px!important;color:var(--gold-300)!important;transition:border-color .45s, color .45s, background .45s, transform .45s var(--ease-out)!important;background:#8ba3ff0e!important;border:1px solid #8ba3ff2e!important;border-radius:11px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.card:hover .card-ico{color:var(--gold-100)!important;background:#8ba3ff1a!important;border-color:#8ba3ff5c!important}.badge-chip{letter-spacing:.16em!important;color:#dfe7ffe6!important;background:#8ba3ff0f!important;border:1px solid #8ba3ff38!important;border-radius:6px!important;align-items:center!important;gap:7px!important;padding:4px 9px!important;font-size:9px!important;line-height:1.4!important;display:inline-flex!important}.sec-eyebrow{letter-spacing:.34em!important;color:#8ba3ffa8!important;text-transform:uppercase!important;align-items:center!important;gap:11px!important;font-size:9.5px!important;display:inline-flex!important}.sec-eyebrow span{background:#8ba3ff66!important;width:22px!important;height:1px!important}.flow-item:before{content:""!important;background:linear-gradient(#8ba3ff52,#8ba3ff08)!important;width:1px!important;position:absolute!important;top:30px!important;bottom:-26px!important;left:13px!important}.flow-dot{letter-spacing:.04em!important;width:27px!important;height:27px!important;color:var(--gold-300)!important;background:linear-gradient(160deg,#8ba3ff24,#8ba3ff05)!important;border:1px solid #8ba3ff4d!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;font-size:10px!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;box-shadow:0 0 22px -8px #8ba3ffcc!important}@media (width>=768px){.flow-grid:before{content:""!important;background:linear-gradient(90deg,#0000,#8ba3ff4d 18% 82%,#0000)!important;height:1px!important;position:absolute!important;top:14px!important;left:4%!important;right:4%!important}}.ornament:before,.ornament:after{content:""!important;background:linear-gradient(90deg,#0000,#8ba3ff42)!important;flex:1!important;height:1px!important}.ornament:after{background:linear-gradient(270deg,#0000,#8ba3ff42)!important}.ornament i{background:#8ba3ff99!important;width:4px!important;height:4px!important;transform:rotate(45deg)!important}.foot-link:after{content:""!important;width:0!important;height:1px!important;transition:width .4s var(--ease-out)!important;background:#8ba3ff99!important;position:absolute!important;bottom:0!important;left:0!important}.toast{z-index:80!important;-webkit-backdrop-filter:blur(14px)!important;color:var(--t-hi)!important;opacity:0!important;pointer-events:none!important;transition:opacity .35s, transform .35s var(--ease-out)!important;background:#0d1428f5!important;border:1px solid #ffffff1a!important;border-radius:99px!important;padding:9px 16px!important;font-size:12.5px!important;position:fixed!important;bottom:28px!important;left:50%!important;transform:translate(-50%,12px)!important;box-shadow:0 18px 40px -18px #000000e6!important}.hero-frame:before,.hero-frame:after{content:""!important;border-style:solid!important;border-color:#8ba3ff57!important;width:30px!important;height:30px!important;position:absolute!important}.ruler{z-index:2!important;opacity:.75!important;pointer-events:none!important;background-image:repeating-linear-gradient(90deg,#8ba3ff42 0 1px,#0000 1px 16px)!important;height:9px!important;position:absolute!important;top:84px!important;left:0!important;right:0!important;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26% 74%,#0000 100%)!important;mask-image:linear-gradient(90deg,#0000 0%,#000 26% 74%,#0000 100%)!important}.scanline{z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,#0000,#8ba3ff33,#0000)!important;height:1px!important;animation:12s linear infinite scan!important;position:absolute!important;left:8%!important;right:8%!important}.mark-lg:before{content:""!important;pointer-events:none!important;opacity:.9!important;background:conic-gradient(#0000 0deg,#8ba3ff59 26deg,#f2f6ffd9 52deg,#8ba3ff4d 78deg,#0000 130deg 360deg)!important;border-radius:27px!important;animation:7s linear infinite spinRing!important;position:absolute!important;inset:-9px!important;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.4px),#000 calc(100% - 1.4px))!important;mask:radial-gradient(farthest-side,#0000 calc(100% - 1.4px),#000 calc(100% - 1.4px))!important}.cta-ico-strong{box-shadow:inset 0 1px #ffffffa6,0 8px 20px -10px #8ba3ffe6!important;color:#0b1024!important!important;background:linear-gradient(#f8ecc4 0%,#8ba3ff 52%,#b08a34 100%)!important!important;border-color:#f2f6ff6b!important!important}.card-line{pointer-events:none!important;opacity:0!important;background:linear-gradient(90deg,#0000,#8ba3ff8c,#0000)!important;height:1px!important;transition:opacity .55s!important;position:absolute!important;top:0!important;left:14%!important;right:14%!important}.topbar:after{content:""!important;pointer-events:none!important;background:linear-gradient(90deg,#0000,#8ba3ff38,#0000)!important;height:1px!important;position:absolute!important;bottom:-1px!important;left:0!important;right:0!important}.reticle{aspect-ratio:1!important;pointer-events:none!important;z-index:1!important;border:1px solid #8ba3ff12!important;border-radius:999px!important;width:min(86vw,660px)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.reticle:before{content:""!important;border:1px dashed #8ba3ff17!important;border-radius:999px!important;position:absolute!important;inset:11%!important}.reticle:after{content:""!important;background:linear-gradient(90deg,#0000 calc(50% - .5px),#8ba3ff1f 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#8ba3ff1f 50%,#0000 calc(50% + .5px))!important;border-radius:999px!important;position:absolute!important;inset:-1px!important;-webkit-mask-image:radial-gradient(circle,#000 0 26%,#0000 27% 92%,#000 93%)!important;mask-image:radial-gradient(circle,#000 0 26%,#0000 27% 92%,#000 93%)!important}.reticle-tick:before,.reticle-tick:after{content:""!important;background:#8ba3ff38!important;width:1px!important;height:10px!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}.cta-ghost .spine{width:2px!important;height:0!important;transition:height .5s var(--ease-out), opacity .5s!important;opacity:0!important;pointer-events:none!important;background:linear-gradient(#0000,#dfe7ffd9,#0000)!important;border-radius:99px!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important}.card:after,.cta-ghost:after{content:""!important;border-radius:inherit!important;pointer-events:none!important;-webkit-mask-composite:xor!important;background:linear-gradient(158deg,#ffffff29 0%,#ffffff08 38%,#ffffff05 66%,#8ba3ff29 100%)!important;padding:1px!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.card{background:linear-gradient(168deg,#ffffff10 0%,#ffffff04 58%,#ffffff07 100%)!important;box-shadow:inset 0 1px #ffffff14,inset 0 -30px 60px -46px #8ba3ff47,0 26px 54px -36px #000000f2!important}.card:hover{box-shadow:inset 0 1px #ffffff1c,inset 0 -30px 64px -42px #8ba3ff73,0 34px 70px -36px #000!important}.cta-ico-strong{color:#241c08!important!important;background:linear-gradient(#e7d4a2 0%,#c6a35b 48%,#8d6d2b 100%)!important!important;border-color:#e7d4a24d!important!important;box-shadow:inset 0 1px #ffffff52,inset 0 -2px 6px #00000040,0 5px 16px -9px #8ba3ffbf!important!important}.topbar-cta{color:#0b1024!important;background:linear-gradient(#c6d2ff 0%,#7d90e8 52%,#5d6fc9 100%)!important;box-shadow:inset 0 1px #ffffff57,inset 0 -2px 6px #0003,0 6px 18px -11px #8ba3ffcc!important}.flow-panel{-webkit-backdrop-filter:blur(16px)!important;background:linear-gradient(162deg,#ffffff0d 0%,#ffffff04 62%,#8ba3ff05 100%)!important;border:1px solid #ffffff0f!important;border-radius:20px!important;width:100%!important;max-width:980px!important;margin-inline:auto!important;padding:clamp(1.4rem,3.2vw,2.5rem)!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff12,0 30px 70px -46px #000!important}.flow-panel:before{content:""!important;pointer-events:none!important;background:linear-gradient(90deg,#0000,#8ba3ff73,#0000)!important;height:1px!important;position:absolute!important;top:0!important;left:12%!important;right:12%!important}.flow-panel:after{content:""!important;pointer-events:none!important;background:radial-gradient(70% 100% at 50% 0,#8ba3ff12,#0000 68%)!important;position:absolute!important;inset:0!important}.flow-ico{width:34px!important;height:34px!important;color:var(--gold-300)!important;background:linear-gradient(160deg,#8ba3ff21,#8ba3ff08)!important;border:1px solid #8ba3ff33!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important;box-shadow:inset 0 1px #ffffff12!important}@media (width>=768px){.flow-grid:before{background:linear-gradient(90deg,#0000,#8ba3ff24 10%,#8ba3ff6b 50%,#8ba3ff24 90%,#0000)!important;height:1px!important;top:16px!important;left:2%!important;right:2%!important}}.foot-note{color:#a2aed2!important}.foot-copy{color:#7f8cb4!important}.foot-mark{-webkit-text-stroke:1px #8ba3ff0e!important}.flow-dot{letter-spacing:.02em!important;color:#fbeec6!important;background:linear-gradient(160deg,#8ba3ff33,#8ba3ff0a)!important;border-color:#8ba3ff6b!important;font-size:11px!important}.flow-panel{background:linear-gradient(162deg,#ffffff10 0%,#ffffff05 62%,#8ba3ff07 100%)!important;border-color:#ffffff13!important;box-shadow:inset 0 1px #ffffff17,inset 0 -40px 80px -60px #8ba3ff66,0 34px 74px -46px #000!important}.foot-link{color:#a8b6d8!important}.group:hover .arrow-ring,.cta-metal:hover .arrow-ring{color:var(--gold-100)!important;background:#8ba3ff1a!important;border-color:#8ba3ff61!important;transform:translate(2px)!important}.hero-sub-rule i{background:#8ba3ffbf!important;width:5px!important;height:5px!important;box-shadow:0 0 10px #8ba3ff80!important}.hero-sub-rule span{background:linear-gradient(90deg,#0000,#8ba3ff6b)!important}.scroll-hint{color:#8c9ac6!important}
/* ============================================================
   中野三玖 · 二次元主题层  (Miku Nakano theme overlay)
   说明：只覆盖样式，不改变原站结构、内容与资源
   ============================================================ */
:root{
  --mk-navy-0:#04060e;
  --mk-navy-1:#070b18;
  --mk-navy-2:#0b1229;
  --mk-blue:#8ba3ff;
  --mk-blue-2:#5b6fc9;
  --mk-violet:#b78bff;
  --mk-pink:#ff9ec7;
  --mk-line:rgba(139,163,255,.22);
  --mk-glow:rgba(120,140,255,.45);
}

/* ---------- 1. 底色：藏青夜空 + 极光 + 星点 ---------- */
html{background:#04060e!important;}
body{
  background-color:#04060e!important;
  background-image:
    radial-gradient(1100px 620px at 50% -12%, rgba(40,58,140,.58) 0%, transparent 62%),
    radial-gradient(860px 560px at 94% 6%, rgba(126,92,224,.26) 0%, transparent 70%),
    radial-gradient(780px 520px at 2% 84%, rgba(40,70,158,.24) 0%, transparent 72%),
    linear-gradient(180deg,#05070f 0%,#080d1f 46%,#05070f 100%)!important;
  background-attachment:fixed!important;
  color:#c8d3f2!important;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(1.2px 1.2px at 24px 32px, rgba(214,228,255,.75) 50%, transparent 52%),
    radial-gradient(1px 1px at 148px 96px, rgba(200,180,255,.6) 50%, transparent 52%),
    radial-gradient(1.6px 1.6px at 268px 188px, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1px 1px at 92px 226px, rgba(255,190,225,.45) 50%, transparent 52%);
  background-size:340px 280px;
  opacity:.55;
  animation:mkTwinkle 7s ease-in-out infinite;
}
@keyframes mkTwinkle{0%,100%{opacity:.5}50%{opacity:.8}}

/* ---------- 2. 首屏 ---------- */
.hero{
  background:
    radial-gradient(120% 82% at 50% -16%, #182456 0%, #0a1024 48%, #05070f 100%)!important;
}
.hero-inner{position:relative!important;z-index:3!important;}
.hero-title{
  filter:drop-shadow(0 6px 46px rgba(120,145,255,.42)) drop-shadow(0 1px 0 rgba(6,10,26,.7))!important;
  letter-spacing:-.02em!important;
}
.hero-title .metal-text,.mark .metal-text{
  background-image:linear-gradient(102deg,#5b6fc9 0%,#8ba3ff 20%,#e6edff 42%,#ffffff 50%,#e3d4ff 62%,#b78bff 82%,#6a5ac4 100%)!important;
}
.hero-title span,.sec-title span{filter:drop-shadow(0 0 22px rgba(139,163,255,.35));}
.hero-sub{color:#9fb0dd!important;}
.hero-lead{color:#b9c6ea!important;}
.hero-sub-rule span,.hero-sub-rule i{background:linear-gradient(90deg,transparent,rgba(255,158,199,.75),transparent)!important;}

/* 角色立绘（JS 注入 .mk-art） */
.mk-art{
  position:absolute;right:-2%;bottom:-1%;height:87%;width:auto;
  z-index:1;pointer-events:none;opacity:.92;
  display:flex;align-items:flex-end;
  mix-blend-mode:screen;
  animation:mkFloat 13s ease-in-out infinite;
}
.mk-art img{
  display:block;height:100%;width:auto;
  filter:saturate(1.08) contrast(1.03);
  -webkit-mask-image:radial-gradient(118% 96% at 56% 52%,#000 42%,rgba(0,0,0,.92) 62%,rgba(0,0,0,.4) 80%,transparent 93%);
  mask-image:radial-gradient(118% 96% at 56% 52%,#000 42%,rgba(0,0,0,.92) 62%,rgba(0,0,0,.4) 80%,transparent 93%);
}
@keyframes mkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

/* ---------- 3. 顶部导航 ---------- */
.topbar{
  background:rgba(6,10,24,.84)!important;
  border-bottom:1px solid rgba(139,163,255,.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
}
.topbar:after{background:linear-gradient(90deg,transparent 0%,rgba(255,158,199,.55) 38%,rgba(139,163,255,.85) 62%,transparent 100%)!important;}
.mark{
  background:linear-gradient(155deg,rgba(139,163,255,.30) 0%,rgba(183,139,255,.08) 68%)!important;
  border:1px solid rgba(139,163,255,.42)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 6px 22px -12px rgba(139,163,255,.85)!important;
}
.topbar-tag{color:#a9bbe8!important;border-color:rgba(139,163,255,.28)!important;background:rgba(139,163,255,.08)!important;}
.topbar-cta{
  background:linear-gradient(180deg,#ffc2dd 0%,#c9a6ff 48%,#8ba3ff 100%)!important;
  color:#150d26!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.6),0 8px 22px -10px rgba(183,139,255,.95)!important;
  font-weight:700!important;
}
.topbar-cta:hover{filter:brightness(1.07)!important;box-shadow:inset 0 1px #fff,0 12px 30px -10px rgba(255,158,199,.9)!important;}

/* 注入的「八级号购买」顶部按钮 */
html body #as-nav-btn{
  color:#dbe6ff!important;
  background:linear-gradient(180deg,rgba(139,163,255,.18) 0%,rgba(183,139,255,.06) 100%)!important;
  border:1px solid rgba(160,175,255,.55)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 6px 20px -13px rgba(139,163,255,.95)!important;
  letter-spacing:.02em!important;
}
html body #as-nav-btn::after{background:linear-gradient(100deg,transparent 0%,rgba(230,237,255,.65) 50%,transparent 100%)!important;}
html body #as-nav-btn:hover{
  color:#150d26!important;
  background:linear-gradient(180deg,#ffc2dd 0%,#c9a6ff 50%,#8ba3ff 100%)!important;
  border-color:rgba(255,226,240,.85)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.65),0 10px 26px -10px rgba(255,158,199,.95)!important;
}

/* ---------- 4. 卡片 ---------- */
.card{
  border-radius:22px!important;
  border:1px solid rgba(139,163,255,.2)!important;
  background:linear-gradient(158deg,rgba(44,60,124,.5) 0%,rgba(12,18,42,.8) 58%,rgba(30,22,60,.66) 100%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 22px 50px -34px rgba(0,0,0,.96)!important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s,background .5s!important;
}
.card:hover{
  border-color:rgba(183,139,255,.52)!important;
  background:linear-gradient(158deg,rgba(58,74,146,.6) 0%,rgba(16,22,50,.84) 58%,rgba(44,28,80,.72) 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 28px 62px -30px rgba(110,125,255,.55),0 0 48px -16px rgba(255,158,199,.32)!important;
  transform:translateY(-4px)!important;
}
.card:hover .card-line,.card:hover .card:before{opacity:1!important;}
.card-line{background:linear-gradient(90deg,transparent,rgba(255,158,199,.7),rgba(139,163,255,.9),transparent)!important;}
.card-ico{
  border-radius:14px!important;
  color:#cdd9ff!important;
  background:rgba(139,163,255,.14)!important;
  border:1px solid rgba(139,163,255,.32)!important;
}
.card:hover .card-ico{color:#fff!important;background:rgba(183,139,255,.24)!important;border-color:rgba(255,158,199,.55)!important;transform:scale(1.06) rotate(-3deg)!important;}
.card-no{color:rgba(170,190,255,.09)!important;}
.card:hover .card-no{color:rgba(255,158,199,.16)!important;}
.tick{border-color:rgba(183,139,255,.6)!important;}

/* ---------- 5. 按钮 ---------- */
.cta-metal{
  border-radius:22px!important;
  background:linear-gradient(125deg,rgba(255,158,199,.92) 0%,rgba(183,139,255,.94) 44%,rgba(139,163,255,.96) 100%)!important;
  box-shadow:0 20px 46px -24px rgba(139,163,255,.8),0 0 34px -16px rgba(255,158,199,.6)!important;
}
.cta-metal:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 28px 62px -24px rgba(160,140,255,.9),0 0 62px -18px rgba(255,158,199,.6)!important;
}
.cta-metal-inner{
  border-radius:20px!important;
  background:radial-gradient(120% 140% at 8% 0,rgba(139,163,255,.26) 0%,transparent 62%),
             linear-gradient(150deg,#0f1838 0%,#0a1024 62%,#0a0818 100%)!important;
}
.cta-ghost{
  border-radius:20px!important;
  border:1px solid rgba(139,163,255,.18)!important;
  background:linear-gradient(160deg,rgba(50,66,136,.42) 0%,rgba(12,18,42,.66) 100%)!important;
}
.cta-ghost:hover{
  border-color:rgba(183,139,255,.5)!important;
  background:linear-gradient(160deg,rgba(66,80,158,.5) 0%,rgba(18,22,50,.72) 100%)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 22px 48px -30px rgba(120,130,255,.7)!important;
}
.cta-ico{border-radius:14px!important;color:#cfd9ff!important;background:rgba(139,163,255,.13)!important;border:1px solid rgba(139,163,255,.3)!important;}
.cta-ghost .spine{background:linear-gradient(180deg,rgba(255,158,199,.75),rgba(139,163,255,.15))!important;}
.arrow-ring,.arrow-motif{color:#cfd9ff!important;}
.cta-title{color:#f1f5ff!important;}
.cta-desc{color:#a3b0d6!important;}

/* 注入的首屏大按钮 */
html body #as-hero-buy{
  border-radius:18px!important;
  color:#120c22!important;
  background:linear-gradient(180deg,#ffd0e5 0%,#cdaaff 46%,#8ba3ff 100%)!important;
  border:1px solid rgba(255,232,245,.65)!important;
  box-shadow:0 16px 40px -18px rgba(183,139,255,.95),inset 0 1px rgba(255,255,255,.7)!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
}
html body #as-hero-buy:hover{
  filter:brightness(1.05)!important;
  box-shadow:0 24px 52px -18px rgba(255,158,199,.95),inset 0 1px rgba(255,255,255,.85)!important;
}

/* ---------- 6. 章节 / 页脚 ---------- */
section.relative.overflow-hidden{
  background:linear-gradient(180deg,rgba(10,16,38,0) 0%,rgba(12,20,48,.5) 14%,rgba(6,10,24,.92) 100%)!important;
}
.sec-title{filter:drop-shadow(0 4px 28px rgba(120,145,255,.3));}
.sec-eyebrow{color:#a5b6e8!important;}
.sec-eyebrow span{color:rgba(255,158,199,.9)!important;}
.sec-lead{color:#a9b7dc!important;}
.eyebrow{
  color:#c9d6ff!important;
  border:1px solid rgba(139,163,255,.35)!important;
  background:linear-gradient(120deg,rgba(255,158,199,.16),rgba(139,163,255,.12))!important;
  border-radius:999px!important;
}
.badge-chip{color:#dfe7ff!important;background:rgba(139,163,255,.1)!important;border:1px solid rgba(139,163,255,.34)!important;border-radius:999px!important;}
.hairline-gold{background:linear-gradient(90deg,transparent,rgba(139,163,255,.6),transparent)!important;}
.progress-line{background:linear-gradient(90deg,#5b6fc9,#b78bff 55%,#ff9ec7 88%,#eaf0ff)!important;box-shadow:0 0 14px rgba(183,139,255,.8)!important;}
.foot-mark{-webkit-text-stroke:1px rgba(139,163,255,.12)!important;}
.foot-link{color:#a3b2da!important;}
.foot-link:hover{color:#ffc2dd!important;}
.foot-link:after{background:rgba(255,158,199,.8)!important;}
.foot-note{color:#a6b4d8!important;}
.foot-copy{color:#8492ba!important;}
.scroll-hint{color:#8b99c4!important;}
.scroll-hint:hover{color:#ffc2dd!important;}
.scroll-hint .stem{background:linear-gradient(rgba(139,163,255,.7),transparent)!important;}
.hero-meta{color:#9aa8d0!important;}
.ruler{background-image:repeating-linear-gradient(90deg,rgba(139,163,255,.32) 0 1px,transparent 1px 16px)!important;}
.scanline{background:linear-gradient(90deg,transparent,rgba(183,139,255,.32),transparent)!important;}
.beam{background:linear-gradient(90deg,transparent 0%,rgba(180,200,255,.06) 48%,transparent 100%)!important;}
.reticle{border-color:rgba(139,163,255,.14)!important;}
.grain{opacity:.035!important;}

/* ---------- 7. 统计挂件（覆盖运行时样式） ---------- */
.asv-w .asv-c{
  background:rgba(8,12,28,.82)!important;
  border:1px solid rgba(139,163,255,.34)!important;
  border-radius:14px!important;
  color:#dbe5ff!important;
  box-shadow:0 10px 30px -14px rgba(0,0,0,.95),0 0 24px -14px rgba(139,163,255,.8),inset 0 1px rgba(255,255,255,.07)!important;
}
.asv-w .asv-c:hover{border-color:rgba(255,158,199,.6)!important;}
.asv-w .asv-k{color:rgba(190,205,240,.6)!important;}
.asv-w .asv-n{color:#e7edff!important;}
.asv-w .asv-s{background:rgba(139,163,255,.28)!important;}
.asv-w .asv-d{background:#ff9ec7!important;box-shadow:0 0 8px rgba(255,158,199,.9)!important;}

/* ---------- 8. 樱花飘落 ---------- */
.mk-petals{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden;}
.mk-petals i{
  position:absolute;top:-8vh;display:block;
  width:10px;height:10px;
  background:radial-gradient(circle at 32% 28%,#ffd7e8 0%,#ffb2d1 46%,#f08fbb 100%);
  border-radius:100% 0 100% 0;
  opacity:.65;
  animation-name:mkFall;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  will-change:transform;
}
@keyframes mkFall{
  0%{transform:translate3d(0,-10vh,0) rotate(0deg);opacity:0}
  8%{opacity:.7}
  50%{transform:translate3d(-28px,52vh,0) rotate(180deg)}
  100%{transform:translate3d(24px,112vh,0) rotate(360deg);opacity:0}
}

/* ---------- 9. 细节 & 响应式 ---------- */
::selection{background:rgba(183,139,255,.42)!important;color:#fff!important;}
::-webkit-scrollbar{width:9px;background:#05070f!important;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8ba3ff,#b78bff)!important;border-radius:99px!important;}

.hero-title,.sec-title,.cta-title,.card h3,.foot-note{
  font-family:"Yuanti SC","Hiragino Maru Gothic ProN","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif!important;
}

@media (max-width:1100px){
  .mk-art{height:80%;right:-5%;opacity:.8;}
}
@media (max-width:900px){
  .mk-art{height:62%;width:auto;right:-18%;bottom:auto;top:2%;opacity:.38;}
}
@media (max-width:560px){
  .mk-art{height:50%;right:-24%;top:1%;opacity:.26;}
  .mk-petals i:nth-child(n+9){display:none;}
}
@media (prefers-reduced-motion:reduce){
  .mk-art{animation:none;}
  .mk-petals{display:none;}
  body::before{animation:none;}
}

/* ============================================================
   10. 二次元增强层（漫画描边 / 对话气泡 / 粉色氛围）
   ============================================================ */

/* 标题：漫画描边 + 粉蓝双影 */
.hero-title .metal-text,.mark .metal-text{
  -webkit-text-stroke:.6px rgba(255,236,248,.55);
  paint-order:stroke fill;
  filter:drop-shadow(0 0 26px rgba(150,175,255,.6)) drop-shadow(2.5px 2.5px 0 rgba(255,158,199,.34)) drop-shadow(-2.5px -2.5px 0 rgba(120,150,255,.34));
}
.hero-title{letter-spacing:.01em!important;}
h1.hero-title span{display:inline-block;}

/* 粉色氛围光斑 */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(520px 380px at 88% 22%, rgba(255,158,199,.13) 0%, transparent 72%),
    radial-gradient(460px 340px at 8% 62%, rgba(183,139,255,.12) 0%, transparent 74%);
  animation:mkBreathe 11s ease-in-out infinite alternate;
}
@keyframes mkBreathe{0%{opacity:.75}100%{opacity:1}}

/* 对话气泡（挂在立绘旁） */
.mk-bubble{
  position:absolute;right:31%;top:23%;z-index:4;
  padding:9px 14px;border-radius:16px 16px 16px 5px;
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(228,236,255,.9));
  color:#2b2a52;font-size:13px;font-weight:600;letter-spacing:.02em;
  box-shadow:0 10px 30px -14px rgba(30,40,90,.9),0 0 0 1.5px rgba(255,255,255,.7);
  white-space:nowrap;animation:mkBob 5.5s ease-in-out infinite;
  z-index:4;
}
.mk-bubble::after{
  content:"";position:absolute;left:16px;bottom:-7px;width:12px;height:12px;
  background:rgba(240,245,255,.92);transform:rotate(45deg);border-radius:2px;
}
@keyframes mkBob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-7px) rotate(1deg)}}

/* 卡片：更圆更软，四角小星 */
.card{border-radius:24px!important;}
.card,.cta-ghost,.cta-metal-inner{}

/* 章节标题：粉色下划线小樱花 */
.sec-title{position:relative;}
.sec-eyebrow::before{
  content:"❀";color:rgba(255,158,199,.9);margin-right:2px;font-size:11px;
}

/* 底部大按钮加一层粉边光 */
html body #as-hero-buy::after{
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)!important;
}

/* 手机：立绘上移缩小、降透明度，别压内容 */
@media (max-width:900px){
  .mk-art{height:60%;right:-16%;top:2%;opacity:.32;}
  .mk-bubble{display:none;}
}
@media (max-width:560px){
  .mk-art{height:48%;right:-22%;top:1%;opacity:.22;}
}

/* ---------- 11. 三玖标识细节 ---------- */
.mk-jp{
  display:block;width:100%;text-align:center;
  margin-top:10px;font-size:11px;letter-spacing:.42em;
  color:rgba(198,212,255,.62);font-weight:500;
  text-shadow:0 0 18px rgba(139,163,255,.5);
  animation:mkJpIn .9s ease-out both;
}
.mk-jp b{color:rgba(255,190,225,.9);font-weight:600;letter-spacing:.3em;}
@keyframes mkJpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* 卡片图标上的小粉点 */
.card-ico{position:relative!important;}
.card-ico::after{
  content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(155deg,#ffd7e8,#ff9ec7);
  box-shadow:0 0 9px rgba(255,158,199,.85);
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.card:hover .card-ico::after{transform:scale(1.35);}

/* 副标题提亮 */
.hero-title span{color:inherit;}
.hero-title .metal-text{filter:none;}
h1.hero-title > span:last-child .metal-text{
  background-image:linear-gradient(102deg,#8ba3ff 0%,#e6edff 30%,#ffffff 50%,#ffd7e8 72%,#ff9ec7 100%)!important;
}