/* 站点外壳：右上角 ≡ 菜单 + 右下角小水母（和子页面同款：奶油底菜单、深色「回到生命体」、深绿「预约门店诊断」） */
.sc-nav{position:relative;display:inline-flex;z-index:80;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.sc-fixed{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}
.sc-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:10px;border:1px solid #e2d6c3;background:rgba(251,248,242,.92);color:#172a3a;cursor:pointer;
  box-shadow:0 4px 14px rgba(23,42,58,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}
.sc-toggle:hover,.sc-nav.open .sc-toggle{border-color:#c79b51;background:#fbf6ee}
.sc-toggle svg{width:20px;height:20px}
.sc-toggle:focus-visible,.sc-menu a:focus-visible,.sc-jelly:focus-visible{outline:2px solid #c79b51;outline-offset:3px}
.sc-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 32px));display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;box-sizing:border-box;
  border-radius:16px;background:rgba(251,248,242,.98);border:1px solid #e2d6c3;box-shadow:0 18px 40px rgba(23,42,58,.16);color:#172a3a;text-align:left;animation:scIn .18s ease-out}
.sc-menu[hidden]{display:none}
.sc-menu a{display:block;padding:10px 12px;border-radius:10px;background:#f6ebdd;color:#172a3a;text-decoration:none;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-menu a:hover{background:#ecdfcb;color:#103b2b;text-decoration:none}
.sc-menu a[aria-current="page"]{box-shadow:inset 0 0 0 2px #c79b51;color:#103b2b;font-weight:700}
.sc-menu a.sc-home{grid-column:1/-1;display:flex;align-items:center;gap:10px;background:#050b12;color:#dcefff}
.sc-menu a.sc-home::before{content:"";width:8px;height:8px;border-radius:50%;background:#49c6ff;box-shadow:0 0 8px #49c6ff}
.sc-menu a.sc-home:hover{background:#0b1a28;color:#fff}
.sc-menu a.sc-cta{grid-column:1/-1;text-align:center;background:#103b2b;color:#f6ebdd}
.sc-menu a.sc-cta:hover{background:#1a5039;color:#fff}
@keyframes scIn{from{opacity:0;transform:translateY(-6px)}}

/* 小水母：和子页面右下角那只一样，点它回到首页的 Apollo */
.sc-jelly{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;display:block;width:56px;height:56px;border-radius:50%;animation:scBob 3.4s ease-in-out infinite}
.sc-jelly-body{--s:56px;position:relative;display:block;width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#10304d,#03070d 72%);box-shadow:0 0 0 1px rgba(73,198,255,.35),0 10px 26px rgba(3,7,13,.35);transition:box-shadow .25s}
.sc-jelly:hover .sc-jelly-body,.sc-jelly:focus-visible .sc-jelly-body{box-shadow:0 0 0 1px rgba(73,198,255,.7),0 0 22px rgba(73,198,255,.55),0 10px 26px rgba(3,7,13,.35)}
.sc-jelly-body::before{content:"";position:absolute;left:21%;right:21%;top:19%;height:36%;border-radius:50% 50% 42% 42%/80% 80% 22% 22%;
  background:radial-gradient(ellipse at 50% 32%,#ffd394 0 9%,rgba(255,176,96,.35) 19%,rgba(140,210,255,.62) 42%,rgba(40,120,220,.32) 72%,rgba(40,120,220,.08));
  box-shadow:0 0 calc(var(--s)*.3) rgba(73,198,255,.55),inset 0 -2px 4px rgba(180,230,255,.45);transform-origin:50% 0;animation:scBeat 2.4s ease-in-out infinite}
.sc-jelly-body::after{content:"";position:absolute;left:31%;right:31%;top:52%;height:32%;
  background:repeating-linear-gradient(90deg,rgba(150,215,255,.75) 0 1px,transparent 1px calc(var(--s)*.1));
  -webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);transform-origin:50% 0;animation:scTail 2.4s ease-in-out infinite}
@keyframes scBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes scBeat{0%,100%{transform:scale(1,1)}35%{transform:scale(.88,1.08)}}
@keyframes scTail{0%,100%{transform:scaleY(1) skewX(0)}35%{transform:scaleY(.82) skewX(6deg)}70%{transform:scaleY(1.05) skewX(-5deg)}}
/* 和别的页面的小水母同样大（apo-ai.css 的 .mini-pet.real：桌面 100px、手机 84px），2026-10-23 */
.sc-jelly.am-real{--am-w:100px;right:max(6px,env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);animation-duration:7s}
@media(max-width:600px){.sc-jelly{width:48px;height:48px;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.sc-jelly-body{--s:48px}.sc-jelly.am-real{--am-w:84px;right:max(2px,env(safe-area-inset-right));bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){.sc-jelly,.sc-jelly-body::before,.sc-jelly-body::after,.sc-menu{animation:none}}
